/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/******************* Généralités ********************/

#container2 #contenu .titre_gras{
	color:#2D6693;
	font-weight:bold;
}

#container2 #contenu p.sous_titre{
	color:#FF1F27;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
	text-align:center;
}

#container2 #contenu p.sous_titre2{
	color:#3D3D3D;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

#container2 #contenu .anim_droite{
	float:right;
	margin:0px 0px 10px 20px;
	border:1px solid #376795;
}

#container2 #contenu .anim_gauche{
	float:left;
	margin:0px 20px 10px 0px;
	border:1px solid #376795;
}

#container2 #contenu .retour{
	float:right;
	margin:10px 0px 10px 0px;
}

#container2 #contenu #contenuTexte ul li{
	/*padding-bottom:2px;*/
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	list-style-image:url(../images/charte/puce1.gif);
	margin:0px 0px 3px 30px;
	font-weight:bold;
} 





/********************* Actualités ***************/
#container2 #contenu .actu{
	width:630px;
	height:auto;

	padding-bottom:5px;
	margin-top:5px;
}

#container2 #contenu .actu img{
	float:left;
	margin:0px 10px 5px 0px;

}

#container2 #contenu .actu p{
	font-weight:bold;
}

#contenu .gauche #titre_actu{
float:left;
width:180px;
height:20px;
background-color:#003C84;
margin-bottom:10px;
margin-left:20px;
color:#FFFFFF;

}

#titre_actu p{
float:left;
text-align:center;
width:180px;
height:5px;
color:#fff;
margin-left:0px;
font-size:14px;
font-weight:bold;
margin-bottom:3px;

}

#contenu .gauche  #titre_actu a{
float:left;
text-align:center;
width:180px;
height:5px;
color:#fff;
margin-left:0px;
font-size:14px;
font-weight:bold;

}




#contenu .gauche .lien_actu{
float:left;
text-align:left;
color:#333333;
width:550px;
margin-left:10px;
font-size:12px;
font-weight:normal;
margin-top:-5px;
margin-bottom:10px;

}


#container2 #contenu .titre_annonces{
float:left;
text-align:left;
width:500px;
height:20px;
color:#003C84;
margin-left:0px;
font-size:13px;
font-weight:bold;
}

 #contenu .txt_annonces{
float:left;
text-align:left;
width:500px;
height:20px;
color:#fff;
font-size:12px;
font-weight:normal;

}
#container2 #contenu .txt_revue{
	font-weight:normale;
	font-size:11px;
	margin-top:0px;
	color:#383737;
	margin-left:10px;
}


/****************** Espace Recaro ************************/

.zone_txt{
	float:left;
	width:220px;
}

.zone_img{
	float:left;
	width:158px;
	text-align:center;
	padding:0px 20px;
}

.zone_bas{
	float:left;
	width:322px;
	text-align:center;
}
.encart_gamme{
float:left;
width:167px;
margin-left:30px;
}

.encart_gamme2{
float:left;
width:167px;
margin-left:100px;
}

.image_gamme{
float:left;
width:167px;
height:177px;
background-image: url(../images/charte/bg_image.jpg);
background-repeat:no-repeat;

}
.image_gamme img{
margin-left:10px;
margin-top:15px;

}
.titre_gamme{
float:left;
width:167px;
height:54px;
background-image: url(../images/charte/bg_titre.jpg);
background-repeat:no-repeat;

}

#contenu .titre_gamme p{
float:left;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:10px;
margin-top:10px;
color:#000000;
font-weight:bold;
text-align:center;

}
/****************** Nos conseils ************************/

#vignette{
float:left;
width:180px;
margin-left:15px;
}

#vignette img{
margin-bottom:30px;
border:1px solid #C70002;
}

.image_vignette{
margin-top:70px;
}

#container2 #contenu .ligne_conseil{
	width:630px;
	height:auto;
	background:url(../images/charte/forme.jpg) repeat-x bottom left;
	padding-bottom:12px;
	margin-bottom:15px;
	float:left;
}

#container2 #contenu .ligne_conseil p{
	color:#383737;
	font-weight:bold;
	margin-top:20px;
}

#container2 #contenu .ligne_conseil .img_gauche{
	float:left;
	margin:0px 10px 5px 0px;
	border:1px solid #376795;

}

#container2 #contenu .ligne_conseil .img_droite{
	float:right;
	margin:0px 0px 5px 10px;
	border:1px solid #376795;
}


.cadre_photo_prin{
	text-align:center;
	width:400px;
	margin-right:40px;
	float:left;
	height:370px;
	vertical-align:middle;
}

.photo_principale{
	text-align:center;
	border:1px solid #376795;
	width:400px;
	float:left;
	height:350px;
	vertical-align:middle;
}

.photo_principale img{
	max-height:350px;
	width:400px;
}

#container2 #contenuTexte .cadre_photo_prin p{
	text-align:center;
	margin-top:2px;
	font-size:14px;
	color:#376795;
	font-weight:bold;
}

.colonne_vignettes{
	width:200px;
	float:left;
}

.colonne_vignettes img{
	border:1px solid #376795;
	margin:0px 10px 15px 0px;
	float:left;
	width:80px;
	height:65px;
}

.colonne_vignettes .pagination{
	width:180px;
	clear:left;
	padding-top:10px;
}

#container2 .colonne_vignettes .pagination p.prec{
	width:20px;
	float:left;
	text-align:left;
}

#container2 .colonne_vignettes .pagination p.page{
	width:180px;
	float:left;
	text-align:center;
}

#container2 .colonne_vignettes .pagination p.suiv{
	width:20px;
	float:right;
	text-align:right;
}


/****************** Réalisations ************************/

.photo_principale_rea{
	text-align:center;
	width:400px;
	margin-right:40px;
	float:left;
	min-height:330px;
	/*height:330px;*/
	vertical-align:middle;
}

.photo_principale_rea img{
	max-height:300px;
	border:1px solid #376795;
}

#container2 #contenuTexte .photo_principale_rea p{
	text-align:center;
	margin-top:2px;
	font-size:14px;
	color:#376795;
	font-weight:bold;
}

/*#container2 #contenuTexte .photo_principale_rea p{
	padding:2px;
	text-align:center;
	width:398px;
	background:#376795;
	color:#FFFFFF;
	margin-top:2px;
	font-size:14px;
}*/

.colonne_vignettes_rea{
	width:200px;
	float:left;
}

.colonne_vignettes_rea img{
	border:1px solid #376795;
	margin:0px 10px 10px 0px;
	float:left;
	width:80px;
	height:60px;
}

#container2 .colonne_vignettes_rea .pagination{
	width:180px;
	clear:left;
	padding-top:5px;
}

#container2 .colonne_vignettes_rea .pagination p.prec{
	width:20px;
	float:left;
	text-align:left;
}

#container2 .colonne_vignettes_rea .pagination p.page{
	width:120px;
	float:left;
	text-align:center;
}

#container2 .colonne_vignettes_rea .pagination p.suiv{
	width:20px;
	float:right;
	text-align:right;
}


/*********** Gamme Récaro **********************/

.diapo{
	width:300px;
	float:right;
	border:1px solid #376795;
}

#imgp{
	
}


/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:640px;
}

#contactTxt img{
	float:right;
	border:none;
	margin:0px 0px 5px 20px;
}

#container #contactTxt .logo{
	float:left;
	border:none;
	margin:0px 40px 20px 0px;
}


#container #formContact p{
	padding-bottom:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height:18px;
}

#container #formContact table.table tr td{
	height:20px;
}

#container #formContact table.table tr td.br{
	height:5px;
}

#container #formContact table.table tr td.adresse1{
	height:55px;
}

#container #formContact .checkbox{
	width:12px;
	height:12px;
}

#container #formContact textarea{
	width:200px;
	border:1px solid #376795;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#container #formContact input{
	width:200px;
	border:1px solid #376795;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}

#formContact .champRequis{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#formContact .txt_rq{
	font-size:11px;
	padding-bottom:5px;
}

#container #formContact .bouton{
	border:1px solid #376795;
	color:#FFFFFF;
	background:#376795;
	margin:2px 5px;
	width:80px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
}

#container #formContact .capta{
	width:50px;
}
.descriptif_act{
width:500px;
float:left;}

.tri_p{
text-align:right !important;
width:100%;
font-size:10px !important;
}
.tri_select{
font-size:10px;
}
.tri_form{
display:inline;
width:auto;
float:right;
}

.color_b{ color: #015a9f;}
.centered{ text-align: center; font-size: 12px;}