/*************************************
 Redéfinition des balises html
 **************************************/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	background-image:url(../images/fond.gif);
	
	
}
form{
	margin:0;
	padding:0;
}
h1{
	margin-top:-10px;
	padding-left:10px;
	color:#30424d;
	font-size:1.2em;
	background-image:url(../images/bande-titre.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

table{
margin:0;
padding:0;
border:0;
border-spacing:0;
}
/*****************************************
 Styles ID
 *****************************************/
#global {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
#blocgauche{
	width:190px;
	background-color:white;
	background-image:url(../images/fond-tour-metaux_V.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}


#blocDroit{
padding:8px 0 0px 0;
width:160px;
background-color:#ffebe0;
vertical-align:top;
}
#contenu{
padding:8px 0px 0px 0px;
background-color:white;
vertical-align:top;
}

#contenu p{
margin: 0 5px 10px 10px;
padding:0 5px 5px 5px;
font-size:0.8em;
text-align:justify;
}
#contenu ul{
margin-top:-5px;
}
#contenu li{
list-style
margin: 0 0 0 0 ;
padding:0 10px 0 0;
font-size:0.8em;
text-align:justify;
}

#adherent{
width:140px;
margin:0 auto;
padding:0;
}

#adherent legend{
color:#30424d;
background-color:#ffebe0;
}

#ariane{
font-size:0.7em;
text-align:right;
padding-right:10px;
}

#contact{
width:100%;
margin:0 10px 1em 10px;
border:0;
padding:0;
font-size:0.8em;
}

#illustration
{
	text-align:center;
	font-size:14px;
	
}

#illustration img
{
	border:none;
}


/***************************************************
recherche
***************************************************/
#recherche{
	text-align:center;
	margin-top:5px;
	
}
#recherche input{
	border:1px solid #f24a16;
	font-size:14px;
	
}


/***************************************************
Formulaire
***************************************************/
#formcontact {
margin:0 10px;
}
#formcontact {
border:2px solid #5d9ebc;
}
#formcontact legend{
margin:0 10px;
color:#5d9ebc;
}
#formcontact input, #formcontact textarea{
border:1px solid #5d9ebc;
width:95%;
background-color:#ffebe0;

}
#formcontact table{
width:100%;
margin-top:10px;

}
#formcontact td{
vertical-align:top;
padding:3px;
}
/*--------------------------------------------
 annuaire 
*/
#recherche-annuaire{
	background-color:#eee;
	border:dotted  1px black;
	width:750px;
	margin:0 auto;
	font-size:13px;
}
div#ficheDetail{
	width:95%;
	margin:0 auto;
	
}
div.row {
 	clear: both;
	padding-top: 10px;
 }


div.row span.label {
 	float: left;
 	width:200px;
 	text-align: right;
		
 }

div.row span.formw {
	float: right;
	width:550px;
 	text-align: left;
		
 }
 /* fiche détail */
 div#ficheDetail{
	width:95%;
	margin:0 auto;
	
}
div.annuaireDetail {
 	clear: both;
	padding-top: 5px;
}
 div.annuaireDetail span.label {
 	float: left;
 	width:30%;
 	text-align: right;
	font-size:14px;
	color:#666666;
		
 }
div.annuaireDetail span.formw {
	float: right;
	width:70%;
 	text-align: left;
	font-size:14px;
		
 }
#recherche-annuaire input[type=text]{
	width:300px;
}
#interlocuteur td{
	border-right:dotted #bbb 1px;
	border-bottom:dotted #bbb 1px;
}

/************************************************
 Styles personalisés
 *************************************************/
.maj{
font-size:2em;
color:#f24a16;
}

.contenu{
border-left:1px solid #b2b0b3;
border-bottom:1px solid #b2b0b3;
margin: 0 10px 10px 10px;
padding:0 5px 5px 5px;
font-size:0.8em;
text-align:justify;
}
.soulignement-bas-pointille{
border-bottom:1px dotted #999999;
padding:3px 0px 3px 3px;
}