/* GENERAL E0E7F4 */

body {font:normal 11px verdana; color:#555;
	background:#FFFFFF url(images/fond.gif) repeat-x top center ;
	 margin:0px; 
}



a {color:#001166; font-weight:normal;text-decoration:none;}

a:hover {text-decoration: underline;color:#001166;}

img#puce {margin:0px 0px 0px 0px;border:0px;}

.clearboth{clear:both; margin: 0px; visibility:hidden;}

.ligne{height:2px; border-top:#0099FF 1px solid;margin:2px 0;}



#logo{border:#FF6600 0px solid;float:left;
	width:90px; height:90px;cursor:pointer;margin:0px;
	position:absolute; top:25px; left:10px;
	background:#FFFFFF url(images/logo-ondh.jpg) no-repeat right bottom;
}

#banniere{border:#FF6600 0px solid;
	position:absolute; top:25px; left:80px;
}



H3 , H3 a {

text-decoration:none; color: #1D398D; font:bold 12px arial;

width:176px;height:32px;text-align:left; padding:0 2px  0 4px; margin:0;}	



h2 , h2 a {
text-decoration:none; color: #0099ff; font:bold 12px HELVETICA;
text-align:left; padding: 4px 0; margin:15px 2px 10px 2px ; }	



.ariane{color:#0099FF; margin:0; padding:0;}



#topmenu {color:#1D398D; font-weight:normal;text-decoration:none; display:compact; position:absolute;top:8px;right:5px;}



.cartouche_logo{float:left; margin:0px 5px 0px 0px; }

H4{text-decoration:none; color: #BB111B; background-color:#D2DBEA; font:normal 11px arial; text-align:left; padding:2px; margin:0}	



/* CADRES */

#page{

	background:#FFFFFF url(images/page.jpg) repeat-y top center ;
	border:#ccc 1px solid;
	position:relative;
	width:775px;
	margin-left:auto; margin-right:auto;
	text-align:left;

}



#brev{

	border:#FF6600 0px solid;
	width:765px;height:20px;margin:0px;padding:2px 0px 0px 10px;
	background:url(images/deg1.jpg) repeat-x left top  ;
}

#head{

	border-top:#aaa 1px solid;
	width:775px;height:93px;margin:0px;
	background:#fff url(images/head.jpg) no-repeat right bottom  ;

}

#barre{

	width:775px;height:95px;margin:0px;

	background:#fff url(images/bar_nav.gif) repeat-x left top ;

	text-align:left; 

}



.bar_nav{ color:#888; 

	 font:bold 11px verdana ; cursor:pointer;

	border:#ccc 1px solid; float:left; display:compact; width:56px;

	  padding:43px 2px 2px 2px; margin:4px 3px 0px 4px; text-align:center

}

#nav1{background:#FFFFFF url(images/lutte.jpg) no-repeat top center ;}

#nav2{background:#FFFFFF url(images/mag.jpg) no-repeat top center ;}

#nav3{background:#FFFFFF url(images/forum.jpg) no-repeat top center ;}

#nav4{background:#FFFFFF url(images/contact.gif) no-repeat top center ;}





	.bar_nav a {text-decoration: none;color:#888; 

	 }

	.bar_nav a:hover {text-decoration: none;color:#000;}	

	

	form#rech{position:absolute;top:180px;left:5px; padding:0px;color:#333;font:normal 11px arial; }

	

	input#rech {

		width:262px;margin:0px;padding:4px 3px 2px 3px;border:none; border-bottom:1px #ccc solid; color:#0099FF;

		background: url(images/rech.jpg) no-repeat bottom left!important;

		background-attachment:fixed; font:normal 11px verdana; 

	}





#newsl{position:absolute;top:129px;right:135px;

color:#33344;  width:300px;height:50px;

	padding:15px 0px 0px 0px;	font:normal 11px verdana ;

	border:#777 1px solid; 	background:#fff url(images/newsletter.gif) repeat-x left bottom ;

}

#news_titre{color:#000000;font:bold 11px arial; 
	width:140px; height:28px;
	position:absolute; top:-9px; right:120px; padding:8px 0px 0px 30px ;
	background:url(images/news.gif) no-repeat top left;	
	}
	
#news_texte{color:#000000;font:normal 11px arial; 
position:absolute; top:15px; right:120px; padding:0px ; z-index:0;
}	
#news_err{
	color:red; z-index:2;
	position:absolute; top:15px; right:100px; padding:0px ;
	 background-color:#FFcccc ; width:200px;
}
#mail_inscription_{
position:absolute; top:42px; right:125px;

}
	

	input#ok {width:26px; height:20px;margin:0px;padding:0px;
position:absolute; top:42px; right:95px;
	background: url(images/ok.gif) no-repeat bottom right;border:none;cursor:pointer}
		

	input#sinscrire {

		width:200px;margin:0px;padding:4px 4px; border:none; color:#0099FF;

		background: url(images/rech.jpg) no-repeat bottom left!important;

		background-attachment:fixed; font:normal 11px verdana; 

		}

		input#go {width:26px; height:20px;margin:0px;padding:0px;

		background: url(images/go.gif) no-repeat bottom right;border:none;cursor:pointer}

		



#centre_int{margin:0;padding:0;	background:url(images/menu.jpg) repeat-y left top;}

	#gauche{
		float:left;
		padding:0px; margin:0px;
	}				

	#droite{ line-height:20px;
		border:#000cfc 0px solid;
		width:618px;
		float:right;margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}	
	
/* ----------------            Menu           ------------------------	*/

#nav_menu {width:155px;float:left;border:#fffc00 0px solid;

}

#nav_menu p{margin:0; padding:0}

H1#rub{margin:0}

#srub {vertical-align:top; font:bold 11px Helvetica ; margin:1px 0px 1px 0px; padding:0px 0px; width:153px;}

#srub a {
	display: block; margin:0px 0px 1px 0px; padding:3px 5px 3px 13px;

	color:#000; text-decoration:none;border-bottom:#E0EaFf 1px solid;border-left:#fff 4px solid;

}

#srub a:hover {display: block; color: #000; text-decoration:none;
 border-left:#0099ff 4px solid;
border-bottom:#E0EaFf 1px solid;

}

.menu_on{display: block; color: #0099ff; text-decoration:none;
 border-left:#0099ff 4px solid; margin:0px 0px 1px 0px; padding:3px 5px 3px 13px;
border-bottom:#E0EaFf 1px solid; font:normal 11px arial ;
}

H1#rub a{color:#fff; font:bold 12px arial ;display: block; margin:0px 0px 1px 0px; padding:8px 2px 3px 5px;
background:url(images/rub.gif) no-repeat right top; height:28px; text-decoration:none;

}  

	
/* CONTENU ACCUEIL*/

		#accueil, #milieu{

			border:#0ffc0c 0px solid;

			float:left;

			padding:0px; margin:0 0 0 0px;

			text-align:justify; width:380px;

		}	

		

h1#titre, h1#titre a{text-align:left;
	font-size:12px;
	letter-spacing:3px;
	color:#000;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	margin:5px 0px ;padding:2px 5px;
	 border-left:#0099ff 4px solid;
}		



H2 {color:#000000;
	position: relative;
	 margin:0px;
	font:normal 11px HELVETICA;text-align:left

}



h1#sommaire{

	font:bold 11px Arial ;text-align:left;

	letter-spacing:3px;

	color:#000;

	text-transform:uppercase;

	margin:10px 3px 10px 3px ;padding:2px 5px;

	 border-left:#0099ff 4px solid;background:#DFDFDF;

}		



#edito{text-align:justify; color:#000; margin:10px 8px 10px 8px; padding:4px 5px; font:italic 12px "arial";

background:#eee url(images/edito.jpg) no-repeat bottom left;border:#000  1px solid;

}	

#basedito{height:10px;

background:url(images/edito.jpg) no-repeat bottom left;

}	





#signature {border: 0px solid #ccc; 

	color:#000;text-align:right;

	font-weight:bold;	



}

.listeart{
	position:relative;
	border:#FFF 1px solid;
	border-bottom:#CCCCDD 1px dotted;
	display: block;
	padding:8px 4px; margin:0px;
	text-align:left;
	color:#666;
}



.listeartTop{
	position:relative;
	border: 1px #0099ff solid; 
	color:#000;
	display: block;
	padding:8px 4px; margin:0px;
	cursor:pointer;
	text-align:left;

}



.listeart H2 a {color: #000;font:bold 12px HELVETICA; text-decoration:none}	

.listeartTop H2 a{color:#000;font:bold 12px HELVETICA; text-decoration:none }	





.post{

	position:relative;

	border: 1px #0099ff solid; 

	color:#000;

	display: block;

	padding:4px; margin:2px;

	cursor:pointer;

	text-align:left;

}



.post h2 {background:#0099FF;

text-decoration:none; color: #FFF; font:bold 12px arial;

text-align:left; padding:0 4px; margin:0 4px 0 2px ; }	





.post h3 {

text-decoration:none; color: #000; font:bold 12px arial;

text-align:left; padding:0 4px; margin:0 4px 0 2px ; }	





	

	#box_right{
			width:234px;
			float:right;
			padding:68px 0px 0px 0px; margin:0px ;
			border:0px #EEEE00 solid; 	font-size:11px;
		}	



#box_right h1 a{margin:0px ;
	font:bold 11px "Helvetica, Arial, sans-serif";
	color:#000000; background-color:#D2DBEA;
	letter-spacing:5px;display:block;
	text-transform:uppercase; text-align:center;
	padding:4px 2px ;margin:2px 0;
	border: 1px #f0f0f0 outset; text-decoration:none

}

#box_right h2 , #box_right h2 a{font:bold 15px "Helvetica, Arial, sans-serif";color:#0099ff;}	

#box_right a{color:#000000; text-decoration:none;}	

	#libre{
	width:138px; height:85px;cursor:pointer;
	position:absolute; top:116px; right:0px;
	background:url(images/1948.jpg) no-repeat top right;	

	}

	#free{border: 0px #f0f0f0 outset; 
	width:240px; height:114px;cursor:pointer;
	position:absolute; top:201px; right:0px;
	background:url(images/free.jpg) no-repeat top right;	

	}

	

.part{
	position:relative;
	border:#fff 1px solid;
	display: compact;
	padding:2px; margin:0px 2px;
	text-align:left;
	color:#666;

}

.partTop{
	position:relative;
	border: 1px #666 solid; 
	background-color:#EEE;
	color:#000;display:compact;
	padding:2px;  margin:0px 2px;
	cursor:pointer;
	text-align:left;

}

.part_logo{ margin:0px 5px 0px 0px; float:right; }

.part_logo{ margin:0px 5px 0px 0px; float:left; }





#footer{font:normal 11px arial;color:#000;

	border-top:#ccc 1px inset;

	width:773px;height:20px;

	margin-left:auto; margin-right:auto;padding:8px 0 ;

	clear:both;

	background:url(images/foot.jpg) #fff no-repeat center bottom;

}

#footer a {color:#ddd; font-weight:normal;text-decoration: none;}

#footer a:hover {text-decoration: none;color:#ccc;}



#copy img {margin:2px 0px 0px 12px; border:0;float:left}

#coord {margin:2px 8px 0px 0px; padding-right:5px;text-align:center;width:630px;float:right}



.spip_doc_titre { font: italic 10px arial; margin-left: auto;  }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }