/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
/*#contenu h1{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#737673;
	letter-spacing:1px;
	margin: 10px 0px 10px 0px;
	border-bottom:1px dotted #737673;
}*/

#contenugche h1, #contenudrte h1{
	font:bold 14px "Trebuchet MS";
	color:#666666;
	letter-spacing:1px;
	margin:0 0 5px 0;
}

#contenugche h2, #contenudrte h2{
	font:normal 20px "Trebuchet MS";
	color:#A8896D;
	letter-spacing:0px;
	line-height:20px;
	margin:0 0 7px 15px;
}
/*#contenugche h2, #contenudrte h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#565855;
letter-spacing:0px;
background:url(../images/charte/h2.jpg) no-repeat;
border-bottom:1px solid #a7a7a7;
padding-top:20px;
padding-bottom:5px;
width:233px;
}*/
#contenugche h3, #contenudrte h3{
font:bold 14px Arial, Helvetica, sans-serif;
/*color:#737673;*/
color:#A8896D;
letter-spacing:1px;
margin:0 0 7px;
}
#contenugche p, #contenudrte p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#737673;
margin-bottom:1.2em;
}
#contenugche p em, #contenudtre p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenugche p.couleur,#contenudrte p.couleur, span.couleur{
font-weight:bold;
color:#555955;
}
#contenugche a:link, #contenugche a:visited, #contenudrte a:link, #contenudtre a:visited{
font-weight:bold;
text-decoration:none;
color:#a8896d;
}
#contenugche a:hover, #contenugche a:active, #contenudtre a:hover, #contenudrte a:active{
color:#a8896d;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

#invisible{
display:none;
}


/**************** Généralités ******************/
.titre_gras{
	font-weight:bold;
	/*color:#A8896D;*/
	color:#737673;
}

.titre_gras2{
	font-weight:bold;
	color:#A8896D;
}

.bloc_logos{
	width:205px;
	float:right;
	margin:0px 0px 10px 20px;
	background:url(../images/diapo/bg1.jpg) no-repeat;
	height:135px;
}

#container #contenu .bloc_logos p{
	text-align:center;
	padding:20px 0px;
	line-height:15px;
	margin-right:0px;
}

#container #contenu .img_droite{
	float:right;
	margin:0px 0px 10px 5px;
}

#container  #contenu ul li{
	/*padding-bottom:2px;*/
	text-align:left;
	font-size:12px;
	line-height:1.6em;
	list-style-image:url(../images/charte/puce1.jpg);
	margin:0px 0px 2px 27px;
	font:11px/1.2em Arial, Helvetica, sans-serif;
	color:#737673;
} 

#container  #contenu ul li a{
	text-decoration:none;
	color:#737673;
}

#container  #contenu ul li a:hover{
	text-decoration:underline;
}


#container  #contenu ul{
	margin-bottom:10px;
}

#container  #contenu .colonne{
	width:290px;
	float:left;
	margin-right:20px;
}

#container  #contenu .colonne1{
	width:220px;
	float:left;
	margin-right:10px;
}

#container  #contenu .colonne2{
	width:300px;
	float:left;
}

#container  #contenu .anim{
	/*border:1px solid #D2D1D1;*/
	float:left;
	margin:5px 0px 10px 0px;
}

#contenugche h4, #contenudrte h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	/*color:#737673;*/
	color:#666666;
	letter-spacing:1px;
	border-bottom:1px solid #DCD0C5;
	background:url(../images/charte/puce2.jpg) no-repeat top left;
	margin-bottom:5px;
	padding-left:13px;
	padding-bottom:1px;
}

/***************** Présentation **************************/

.bloc_pres{
	float:left;
	margin:0px 10px 10px 60px;
	width:675px;
	background:url(../images/charte/bg_pres3.jpg) no-repeat;
	height:164px;
}

 .bloc1{
	float:left;
	width:195px;
	margin:10px 15px 10px 55px;
	background:url(../images/charte/bloc1.jpg) no-repeat;
	height:164px;
	/*border:1px solid red;*/
	padding-top:45px;
	padding-left:15px;
}

 .bloc2{
	float:left;
	width:210px;
	margin:10px 15px 10px 15px;
	background:url(../images/charte/bloc2.jpg) no-repeat;
	height:164px;
	padding-top:15px;
	/*border:1px solid red;*/
}


 .bloc3{
	float:left;
	width:195px;
	margin:10px 15px 10px 15px;
	background:url(../images/charte/bloc2.jpg) no-repeat;
	height:164px;
	/*border:1px solid red;*/
	padding:15px 5px 5px 10px;
}


/*********************** Références ************************/
 
.bloc_ref{
	width:250px;
	float:left;
	margin:0px 20px 20px 50px;
	background:url(../images/charte/bg_ref.jpg) no-repeat;
	height:163px;
	text-align:center;
}

#container #contenu .bloc_ref img{
	border:1px solid #999999;
	margin:10px 20px 10px 10px;
}

#container #contenu .bloc_ref p{
	margin:7px 10px 0px 10px;
	text-align:center;
	border-bottom:1px dotted #A8896D;
	font-weight:bold;
	padding-bottom:2px;
	height:26px;
}

#container #contenu .bloc_ref p a{
	color:#737673;
	text-decoration: underline;
}

#container #contenu .bloc_ref p a:hover{
	color:#A8896D;
}


/******************* Espace Client ************************/
.table_fichier{
	background:#EDEDED;
	text-align:center;
}

#container #contenu .table_fichier p{
	margin:0px;
	padding:0px;
}

#container #contenu .table_fichier p a{
	color:#737673;
}

#container #contenu .table_fichier p a:hover{
	text-decoration:underline;
}

#container #contenu .table_fichier tr td{
	padding:1px 4px;
	border:1px solid #C8C9C8;
}

#container #contenu #contenudrte .table_fichier tr td img{
	margin:0px;
	padding:0px;
}


#container .deconnexion {
	width:110px;
	height:30px;
	float:right;
	/*position:absolute;
	left:880px;
	top:0px;
	/*top:173px;
	z-index:1000;*/
	background:url(../images/charte/deconnexion.gif) no-repeat;
	cursor:pointer;
	margin-top:5px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:300px;
	float:left;
}

#contactTxt .coordonnees{
	width:208px;
	height:174px;
	background:url(../images/charte/coordonnes_final.jpg) no-repeat;
	padding-top:40px;
	text-align:center;
	margin-bottom:20px;
	margin-left:45px;
}

#container #contenu .table_contact{
	margin:3px 0px;
}

#container #contenu .table_contact tr td{
	padding:1px 3px;
	border:1px solid #C8C9C8;
}

#container #contenu .table_contact tr td p{
	margin-bottom:0px;
	text-align:left;
}

#contactTxt .plan_acces{
	width:208px;
	height:124px;
	background:url(../images/charte/bg_plan.jpg) no-repeat;
	padding-top:40px;
	margin-bottom:20px;
	margin-left:45px;
	text-align:center;
}

	
#contactTxt img{
	/*float:right;
	margin:0px 0px 5px 0px;*/
}

#container #contactTxt  .coordonnees p{
	text-align:left;
	padding-bottom:0px;
	margin-left:17px;
}



#container #contactTxt .logo{
	/*float:left;*/
	border:none;
	margin:0px 0px 10px 0px;
}

#container #formContact{
	float:left;
	margin-right:15px;
}


#container #contenu  #formContact p{
	padding-bottom:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height:18px;
	text-align:left;
}

#container #formContact table.table tr td{
	height:15px;
}

#container #formContact table.table tr td.br{
	height:5px;
}

#container #formContact table.table tr td.adresse1{
	height:40px;
}

#container #formContact .checkbox{
	width:12px;
	height:12px;
	border:none;
}

#container #formContact .imputForm{
	margin-right:3px;
	font-weight:bold;
}



#container #formContact textarea{
	width:230px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#EDEDED;
	color:#000;
	border:1px solid #C8C9C8;
}

#container #formContact input{
	width:230px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#EDEDED;
	color:#000;
	border:1px solid #C8C9C8;
}

#container #formContact input:focus{
	border-color:#A8896D;
}

#container #formContact textarea:focus{
	border-color:#A8896D;
}

#formContact .champRequis{
	color:#92765D;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#container #contenu #formContact p.txt_rq{
	font-size:10px;
	line-height:12px;
	text-align:justify;
	padding-bottom:5px;
}

#container #formContact .bouton{
	border:none;
	color:#fff;
	background:#747673;
	margin:3px 5px;
	width:70px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
	letter-spacing:1px;
}

#container #formContact .capta{
	width:70px;
}

#retrourn_erreur{
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px 8px;
}
