@charset "utf-8";
*{margin:0; padding:0;}
html {background-color: #000;}
body {background-color: #000; text-align:center; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#conteneur {text-align:left; margin:auto; width:980px; background-color:#FFF;}

/******************HAUT***********************/
#haut { /*height:187px;*/ }
	/******************Entete1 : 3 vignettes + titre + Menu vertical à droite***********************/
	#entete {background:#000; height:175px; padding-left:34px;}
		/************Les 3 vignettes***************/
		dl.vignettesEntete{float:left; margin:60px 12px 0 0;}
		
		dl.vignettesEntete img{display:block; border:none;}
		/************Les titres***************/
		h1#titreEntete{ float:left; margin:60px 0 0 68px;}
		h1#titreEntete img{ display:block;}
		/************Le menu vertical à droite***************/
		
		
		/*AUTRE CSS*/
	
	/******************Entete2 : Barre de navigation***********************/
			/************menu horizontal***************/
			
			
			
			
			
		/*AUTRE CSS*/
	
	
	
	
	
	
	
	
			/************champs de recherche***************/
	#barreNav div#recherche {float:right; padding:2px 0 0 0;}
				div#recherche fieldset.rechercher {border: none; width: 170px; margin: 0 auto;}
				.rechercher input, .rechercher button {border:none; float:left;}

				div#recherche fieldset.rechercher input.box {color:#666; width:100px; height:12px; padding:2px;
				background: url(../images/commun/fondFormRecherche.png) top left no-repeat #fff; font-size:9px;
				margin:0 4px 0 0;}
				
				
			




	


	

/******************MILIEU***********************/
#contenuCorps h1 { color: #3d5467; font-size: 3.5em; margin: 0; font-weight:normal; padding-top: 10px; padding-bottom: 10px; }
#contenuCorps h2 { color: #3d5467; font-size: 2em; margin: 0; font-weight:normal; padding-top: 6px; padding-bottom: 6px; }


				/*AUTRE CSS*/
				
				
				
		

/******************BAS***********************/
#bas{/*height:46px;*/clear:both;  }
	
	#pied {clear:both; background: #000; height:41px; padding-left:34px; position:relative;}
		div.drapeau{float:left; margin:8px 0 0 0;}
			/*div.drapeau ul {list-style-type:none;}
			div.drapeau ul li {float:left;}
			div.drapeau ul a {text-decoration:none; display:block; margin:0; padding:0px 9px 0 0; }
			div.drapeau ul a a:hover {}
			div.drapeau ul a img { border: 0;}*/
			div.drapeau a {float:left;}
			div.drapeau a { display:block; margin:0; padding:0px 9px 0 0; }
			
			/************Menu Bas -Envoyer à un ami - Ajouter aux favoris - Imprimer - Credits -Liens ***************/
			
			/*AUTRE CSS*/
		
		/************ Label ***************/
		/*div#label{position:absolute; left: 882px; top: -21px; z-index: 2;}*/
						
	
	














/* formulaire contact Confédération */

#formconf .csc-mailform {font-size:1em; color:#000000; width:950px;}
	
#formconf .csc-form-labelcell {
	float:left;
	width:450px;
	margin:3px;
	padding:2px;
	}
	
#formconf .csc-form-labelcell .csc-form-label {
	text-align:right;
	vertical-align:bottom;
}

#formconf .csc-form-labelcell .csc-form-label-req {
	text-align:right;
	vertical-align:text-top;
}


#formconf .csc-form-fieldcell{
	width:450px;
	float:left;
}


#formconf .csc-form-fieldcell input{ 
	border: 1px #86b2d0 solid;
	vertical-align:top;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#FFFFFF;
	margin:3px;
	padding:2px;
	}


#formconf .csc-mailform-submit {
		
	}	
	

#formconf .csc-form-fieldcell textarea { 
	border: 1px #86b2d0 solid;
	font-size: 11px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;	
	line-height: 15px;
	background-color: #FFFFFF;
	margin:3px;
	padding:2px;	
	}




	
#formconf .csc-mailform-submit:hover {
		border: 1px #86b2d0 solid;
		font-size: 11px;
		font-weight: normal;
		color: #000000;	
		line-height: 15px;
		background-color:#FFFFFF;
		margin:3px;
		padding:2px;
	}
	
#formconf .csc-mailform input:focus, .csc-mailform textarea:focus{ 
	border: 1px #86b2d0 solid;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#86b2d0;
	margin:3px;
	padding:2px;
	}	


/* formulaire contact OT */

#formot .csc-mailform {font-size:1em; color:#000000; width:950px;}
	
#formot .csc-form-labelcell {
	float:left;
	width:450px;
	margin:3px;
	padding:2px;
	}
	
#formot .csc-form-labelcell .csc-form-label {
	text-align:right;
	vertical-align:bottom;
	padding-top:5px;
}

.csc-form-labelcell #brochure {
	text-align:right;
	vertical-align:bottom;
	font-size: 20px;
	color:#86b2d0;
	margin-bottom:10px;
	margin-top:20px;
}

#formot .csc-form-labelcell .csc-form-label-req {
	text-align:right;
	vertical-align:text-top;
}


#formot .csc-form-fieldcell{
	width:450px;
	float:left;
	color:#999;
	font-style:italic;
	vertical-align:baseline;
	padding-top:5px;
}


#formot .csc-form-fieldcell input{ 
	border: 1px #86b2d0 solid;
	vertical-align:top;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#FFFFFF;
	margin:3px;
	padding:2px;
	}


#formot .csc-mailform-submit {
		
	}	
	

#formot .csc-form-fieldcell textarea { 
	border: 1px #86b2d0 solid;
	font-size: 11px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;	
	line-height: 15px;
	background-color: #FFFFFF;
	margin:3px;
	padding:2px;	
	}




	
#formot .csc-mailform-submit:hover {
		border: 1px #86b2d0 solid;
		font-size: 11px;
		font-weight: normal;
		color: #000000;	
		line-height: 15px;
		background-color:#FFFFFF;
		margin:3px;
		padding:2px;
	}
	
#formot .csc-mailform input:focus, .csc-mailform textarea:focus{ 
	border: 1px #86b2d0 solid;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#86b2d0;
	margin:3px;
	padding:2px;
	}	

/*mise en forme tableau contact*/

#formpro .csc-mailform {font-size:1em; color:#000000; width:950px;}
	
#formpro .csc-form-labelcell {
	float:left;
	width:200px;
	margin:3px;
	padding:2px;
	}
	
#formpro .csc-form-labelcell .csc-form-label {
	text-align:right;
	vertical-align:bottom;
}

#formpro .csc-form-labelcell .csc-form-label-req {
	text-align:right;
	vertical-align:text-top;
}


#formpro .csc-form-fieldcell{
	width:450px;
	float:left;
}


#formpro .csc-form-fieldcell input{ 
	border: 1px #86b2d0 solid;
	vertical-align:top;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#FFFFFF;
	margin:3px;
	padding:2px;
	}


#formpro .csc-mailform input:focus { 
	border: 1px #86b2d0 solid;
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	line-height: 15px;
	background-color:#86b2d0;
	margin:3px;
	padding:2px;
	}	
	
#formpro .csc-mailform-submit:hover {
		border: 1px #86b2d0 solid;
		font-size: 11px;
		font-weight: normal;
		color: #000000;	
		line-height: 15px;
		background-color:#FFFFFF;
		margin:3px;
		padding:2px;
	}
	/*mise en forme tableau contact*/

#contact .td-0{
	width:435px;
	padding:20px;
	vertical-align:top;
	}

#contact .td-1{
	width:435px;
	padding:20px;
	vertical-align:top;
}


#contact a{color:#86b2d0; font-weight:normal; text-decoration:none;}

#contact a:hover{
	color:#86b2d0;
	text-decoration:underline;
}
		
/*********** mise en forme tableau résultats moteur de recherche ***********/
.tx-indexedsearch a {
	color: #3D5467;
	font-weight: normal;
	text-decoration: none;
}

.tx-indexedsearch a:hover {
	color: #3D5467;
	text-decoration: none;
}

.tx-indexedsearch-rules p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #86B2D0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background-color: #86B2D0;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	margin-left: 5px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {
	margin-top: 5px;
	margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}

/*.tx-indexedsearch .tx-indexedsearch-searchbox form td {
	height: 22px;
}*/

/*********** mise en forme dernière actualité - haut page actualités ***********/


#encemoment { /* FF */
	border: 1px solid #3d5467;	
	width: 877px;
	margin-left: 25px;
}

*#encemoment { /* IE7 !!! */	
	border: 1px solid #3d5467;	
	*width: 860px;
	*margin-left: 25px;
	-width: 875px;
	-margin-left: 30px;
}

#titre_encemoment {
	/*width: 100%;*/
	height: 18px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px !important;
	background-color: #3d5467;
}

#encemoment p {
	/*padding: 0px 10px 0px 10px;*/
	/*padding-left: 10px;*/
	padding-right: 15px;
	text-align: justify;
}

#encemoment a {
	color:#3d5467;
	text-decoration:underline;
}

#encemoment a:hover {
	color:#86b2d0;
	text-decoration:underline;
}