
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 2em Arial, Helvetica, sans-serif;
text-align:left;
margin-bottom:8px;
color:#000;
}

#contenu h2{
font:bold 18px Arial, Helvetica, sans-serif;
text-align:left;
margin-bottom:5px;
color:#eeac1f;
}
#contenu h3{
font:bold 13px Arial, Helvetica, sans-serif;
text-align:left;
color:#eeac1f;
}
#contenu p{
font:normal 12px/1.4em Arial, Helvetica, sans-serif;
text-align:justify;
color:#848483;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#eeac1f;
}
#contenu a:link, #contenu a:visited{
font:normal 12px/1.4em Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#000;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#eeac1f;
}

#contenu ul{
list-style-type:square;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#848483;
}

#contenu li{
margin-left:30px;

}
/***************** STYLE PAGE ACCUEIL *****************/

.photo{
float:left;
margin:0px 15px 15px 0px;
}

.contenu-gauche{
float:left;
width:350px;
padding-right:5px;
border-right: 1px solid #cdcdcd;
}
.photo-droite{
float:right;
margin:0px 0px 15px 15px;
}


/***************** STYLE PAGE REFERENCE *****************/

.ref{
float:left;
margin-left:30px;
margin-bottom:20px;
width:216px;
height:216px;
border: 1px solid #cdcdcd;
text-align:center;
}

.ref img{
margin:8px 8px 8px 8px;
}
/***************** STYLE PAGE EDITION *****************/
.contenu-gauche-edition{
float:left;
width:400px;
margin:0px 15px 0px 0px;
}
.contenu-droite{
float:left;
width:370px;
padding-left:15px;
border-left: 1px solid #cdcdcd;
margin:0px 0px 15px 0px;
}
.real {
float:left;
margin-bottom:20px;
width:365px;
}
.real span{
float:left;
margin-left:10px;

}
.real a img{
margin:5px 5px 5px 5px;
}
#contenu .contenu-droite .real a{
float:left;
border: 1px solid #cdcdcd;
}

/***************** STYLE PAGE EQUIPE *****************/
.contenu-gauche-equipe{
float:left;
width:440px;
margin:0px 0px 0px 0px;
}
.liens-equipe{
border-right:1px solid #cdcdcd;
width:130px;
float:left;
}
.contenu-droite-equipe{
float:left;
width:293px;
margin:0px 0px 15px 0px;
padding:0px 8px 0px 8px;
}
.photos-equipe{
width:360px;
height:232px;
float:left;
text-align:center;
}


/***************** STYLE PAGE CONTA CT *****************/

.contenu-gauche-contact{
float:left;
width:290px;
margin-top:10px;
margin-right:10px;
text-align:center;
}

#contenu .contenu-gauche-contact p, #contenu .contenu-gauche-contact h3{
text-align:center;
}
.contenu-droite-contact{
float:left;
width:450px;
margin:0px 0px 10px 10px;
}


/** **/
#bloc-contact {
	width:450px;
	float:left;
	margin:10px 0 0 0;
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#757063;
	border-left:1px solid #cdcdcd;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#757063;
	padding:0 10px 0 2px;
	border:1px solid #cdcdcd;
	background:#FFF;
}

#formContact input, #formContact textarea{
	width:230px;
	margin:0;
}

#bloc-contact label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#848483;
	font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:9%;
	border:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#848483;
}


#formContact .bouton{
	width:100px;
	cursor:pointer;
	color:#848483;
	margin:0;
	padding:0;
	font-size:10px;
}
#formContact .bouton:hover {color:#eeac1f;}
#formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#E53625; font-size:9px;}