/***********************/
/** CSS DU SITE SACLA **/
/***********************/

/* logo en haut � gauche */
#logo {
	/*width: 157px;
	max-width: 155px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
        */
        border-right: 2px solid #FFFFFF;
        max-width: 155px;
        width: 157px;
}
#barre_gauche {
        
        background-image: -moz-linear-gradient(left, #043F00, #000000);
        background: -webkit-gradient(linear, top, bottom, from(#043F00), to(#000000));
        filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#043F00,endColorstr=#000000);
}
#barre_droite {
        
        background-image: -moz-linear-gradient(left, #000000, #043F00);
        background-image: -webkit-gradient(linear, top, bottom, from(#043F00), to(#000000));
        filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#043F00,endColorstr=#000000);
}
#logo img {
	border: none;
}

/* la colonne de gauche */
#colonne_gauche {
	width: 157px;
	max-width: 155px;
	padding-top: 15px;
	vertical-align: top;
	/*background-image: url('img/bg_colonne_gauche.gif');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #FF6F00; */
	border-right: 2px solid #FFFFFF;
        background-image: -moz-linear-gradient(top, #AC4000, #480000);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#AC4000), to(#480000));
        /*filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#AC4000,endColorstr=#480000);*/
        -pie-background: linear-gradient(top, #AC4000, #480000);
        behavior: url(../PIE/PIE.htc);
}
p.column_left_texte {
        color: #621711;
        font-family: ITC Avant Garde Gothic;
	font-size: 14px;
	line-height: 1.2em;
	margin: 17px 0 18px 5px;
}
/* encart connexion artedisacla */
#arrondi {
        float: left;
	display: inline;
	width: 140px;
	margin: 0 0 4px 8px;
        border-radius: 10px;
        background-image: -moz-linear-gradient(top, #B66640, #733C3C);
        background: -webkit-gradient(linear, left top, left bottom, from(#B66640), to(#733C3C));
        /*filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#B66640,endColorstr=#733C3C);*/
        -pie-background: linear-gradient(top, #B66640, #733C3C);
        behavior: url(../PIE/PIE.htc);
} 
#arrondi_facebook {
        float: left;
	display: inline;
	width: 140px;
	margin: 0 0 20px 8px;
        border-radius: 10px;
        background-image: -moz-linear-gradient(top, #733C3C, #733C3C);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#733C3C), to(#733C3C));
        /*filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#733C3C,endColorstr=#733C3C);*/
        -pie-background: linear-gradient(top, #733C3C, #733C3C);
        behavior: url(../PIE/PIE.htc);
}
#arrondi_youtube {
        float: left;
	display: inline;
	width: 140px;
	margin: -19px 0 20px 8px;
        border-radius: 10px;
        background-image: -moz-linear-gradient(top, #733C3C, #733C3C);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#733C3C), to(#733C3C));
        /*filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#733C3C,endColorstr=#733C3C);*/
        -pie-background: linear-gradient(#733C3C, #733C3C);
        behavior: url(../PIE/PIE.htc);
}
#connexion {
	float: left;
	display: inline;
	width: 140px;
	margin: 20px 0 22px 6px;
        
}

#connexion_login, #connexion_passwd {
	width: 121px;
	height: 19px;
	font-size: 11px;
	color: #827C5F;
	background-color: #F7F6EF;
}

#connexion_login {
	margin-bottom: 14px;
}

#passwd_forgotten {
	width: 129px;
	font-size: 10px;
	text-align: right;
	margin: 1px 0 2px 0;
}

#passwd_forgotten a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#passwd_forgotten a:hover {
	text-decoration: underline;
}

/* encart creation de compte */
#create_account {
	float: left;
	display: inline;
	width: 140px;
	margin: -23px 0 38px 6px;
}

#create_account img {
	border: none;
}

/* boutons en colonne de gauche */
#boutons_divers {
	float: left;
	display: inline;
	width: 140px;
	margin-left: 14px;
}

#boutons_divers img {
	border: none;
        margin: 6px 0 3px 0;
}

#bouton_inscription_nl {
	margin-bottom: 20px;
}

#bouton_diaporama {
	margin-bottom: 1px;
}

#central {
	width: 591px;
	vertical-align: top;
	/*background-image: url('img/bg_central.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #032800;*/
        background-image: -moz-linear-gradient(top, #FFFFFF, #9C9A9B);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#9C9A9B));
        /*filter:proid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#9C9A9B);*/
        -pie-background: linear-gradient(top, #FFFFFF, #9C9A9B);
        behavior: url(../PIE/PIE.htc);
        
}

/* les pages grises cr��es pour le jeu lancia */
#central_gris_grand {
	width: 591px;
	vertical-align: top;
	padding-top: 22px;
	background-image: url('img/bg_central_gris_grand.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #2D2B2B;
}

.paragraphe_gris {
	float: left;
	display: inline;
	width: 563px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	line-height: 1.2em;
	margin: 0 0 18px 14px;
}
#central_gris {
	width: 591px;
	height: auto!important;
	height: 880px;
	min-height: 880px;
	vertical-align: top;
	padding-top: 12px;
	background-image: url('img/bg_central_gris.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #3E3A3B;
}

#plus_de_chances {
	float: right;
	width: 185px;
	margin-top: 48px;
}

.etape_participation {
	float: left;
	display: inline;
	width: 357px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	line-height: 1.2em;
	margin-left: 34px;
}

#etape1 {
	margin-top: 23px;
}

#etape2 {
	margin-top: 24px;
}

#etape3 {
	margin-top: 27px;
}

#etape4 {
	margin-top: 30px;
}	

#bonne_chance {
	float: left;
	display: inline;
	width: 202px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
	margin: 31px 0 57px 40px;
}

#boutons_participation {
	float: left;
	width: 340px;
	font-size: 9px;
	margin-top: 23px;
}

#boutons_participation img {
	border: none;
}

#lancia_artecode_visuels {
	float: right;
	width: 240px;
	margin-top: 21px;
	margin-bottom: 96px;
}

#lancia_artecode_visuels img {
	border: none;
}

#visuel-pot-artecode {
	margin-bottom: 144px
}

#visuel-lancia-ypsilon, #visuel-produits-artedisacla, #visuel-bt-visitez-boutique {
	margin-bottom: 12px
}

#lancia_artecode_textes {
	float: left;
	display: inline;
	width: 285px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	line-height: 1.2em;
	margin: 21px 0 0 40px;
}

.paragraphe_lancia_artecode {
	float: left;
	width: 285px;
	margin-bottom: 18px;
}

html* .paragraphe_lancia_artecode {
	margin-bottom: 23px;
}

#bouton_creation_compte {
	border: none;
	margin-top: 10px;
}

.titre_paragraphe_lancia_artecode {
	font-family: "Verdana";
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
}

#central_gris_lancia {
	width: 591px;
	vertical-align: top;
	padding-top: 12px;
	background-image: url('img/bg_central_gris_lancia.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #F7F7F7;
}

#central_gris_gagnant_lancia {
	width: 591px;
	vertical-align: top;
	height: 1014px;
	background-image: url('img/bg_page_gagnant2.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000000;
}

.gif_gagnant {
	float: left;
	display: inline;
	width: 201px;
	height: 201px;
	margin-left: 21px; 
}

.gagnant {
	float: right; 
	display: inline; 
	width: 325px; 
	height: 224px;
	margin-right: 20px; 
	color: #FFFFFF; 
	font-family: arial; 
	font-size: 11px;
}

#premier_gagnant, #premier_gif {
	margin-top: 230px;
}

#dernier_gagnant, #dernier_gif {
	margin-bottom: 40px;
}

#footer_gagnant {
	float:					left;
	width:					591px;
	height:					auto !important;
	height:					152px;
	min-height: 			152px;
	background-image:		url('img/bg_footer_gagnant.gif');
	background-position:	bottom;
	background-repeat:		no-repeat;
}

#footer_gagnant #footer {	
	margin-top:			100px;
}

.en_12_gras {
	font-weight: bold;
	font-size: 12px;
}

.en_12 {
	font-size: 12px;
}

#grand_jeu_lancia {
	float: right;
	width: 180px;
	color: #D3D3D3;
	font-weight: bold;
	font-family: "Verdana";
	font-size: 13px
}

#lots_grand_jeu_lancia {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 0 312px 30px;
}

#ligne_caracteristiques {
	float: left;
	display: inline;
	width: 560px;
	margin: 0 0 125px 30px;
}

#caracteristiques_lancia {
	float: left;
	width: 230px;
	font-family: "Arial";
	color: #FFFFFF;
	font-size: 11px;
}

ul#liste_caracteristiques {
	margin: 0 0 30px 15px;
	padding: 0;
}

ul#liste_caracteristiques li {
	margin: 2px 0;
	list-style-type: circle; 
}

#caracteristiques_lancia img {
	border: none;
}

#site_lancia {
	float: left;
	display: inline;
	width: 150px;
	font-style: italic;
	font-family: "Arial";
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.2em;
	margin: 188px 0 0 175px;
}

#site_lancia a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#site_lancia a:hover {
	text-decoration: underline;
}

/* fin du jeu lancia */

/* les liens en pied de page */
#footer {
	font-family: Arial;
	text-align: center;
	font-size: 11px;
	color: #AA2832;
	margin: 42px 0 25px 0;
}

#footer a {
	color: #AA2832;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

/* divers */
.en_gras {
	font-size: 12px;
	font-weight: bold;
}

a {
	color: #000;
}

a:link, a:visited {
	color: #000;
}

a:hover {
	color: #C60;
}

a:active {
	color: #000;
}