body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url(css/fond.jpg);
background-position:left top;
background-repeat: repeat-x;
}

/*div  {border:1px dotted purple;} contour pour verifier */
.row_first
{
background-color:#FFFF33;
}
.row_even
{
background-color:#CCCCCC;
}


/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_out { margin: 0; padding: 0; border: 0; vertical-align:middle; } /* Cf.: spip_style.css */
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {text-align: center; display: block;  } /* Cf.:padding: 5px 20px 5px 20px spip_style.css */
.spip_documents_left { padding: 5px 20px 5px 5px} /* Cf.: spip_style.css */
.spip_documents_right { padding: 5px 5px 20px 5px} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

p {
margin: 0 0 10px 0;
}
#header {
position:relative;
font-size: 0.7em;
padding: 15px 10px 0px 655px;
height: 50px;
background-color: #99CCCC;
background-image: url(css/header.jpg);
background-position:left top;
background-repeat:no-repeat;
}


#header a:link {
	font:1000  Arial , Verdana, Helvetica;color:#0063aa;text-decoration: none; font-weight:bold;
 }
#header a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}
#header a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#000;text-decoration: none;font-weight:bold;
}
#header a:active {
font: 1000 Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}	

#flashheader{
position:absolute;
top:1px;
left:290px;
}
#haut {
position:relative;
height: 100px;
text-align:left;
color:#FFFFFF;
background-image: url(css/haut.jpg);
background-position:right top;
background-repeat:no-repeat;

}
#moteur{
position:absolute;
top:45px;
left:730px;
}


#menu2 {
font-size: 12px;
height: 20px;
/*background-color:#CCCCFF;

top:103px;
left:336px;*/


}

/*div {border:1px dotted purple;} */

#menu2 a:link {
display:block;
border: 1px solid #999;/**/

/*width:100px;*/
float:left;
/*line-height:20px;*/
text-align:center;
padding:13px 13px 3px 13px;
margin:0px 1px 0px 1px;
background-color:#000;

	
font: bold  Verdana,,Arial , Helvetica;color:
#fff
;text-decoration:none;

}
#menu2 a:visited{	
/*width:100px;*/
float:left;

font:  bold ,Verdana, Arial, Helvetica;color:#fff;text-decoration:none;
}
#menu2 a:hover{	
/*width:100px;*/
float:left;
background-color:#666;



	font:  bold ,Verdana, Arial , Helvetica;color: #fff;text-decoration:none;
}
#menu2 a:active {	
/*width:100px;*/
float:left;
font:  bold ,Verdana, Arial, Helvetica;color:#fff;text-decoration: none;
}


#deco {
margin: 5px 0px 0px 0px;




}



#conteneur {
width:950px;
margin:0 auto;

}
h1, h2 {
	font-size: 14px;
	color:#000;

	font-weight: bold; 

	text-align: left; 
	margin: 0px 0px 0px 10px; 
	padding: 0px;
	}
h3 {
	font-size: 13px;
	color:#0033cc;

	font-weight: bold; 

	text-align: left; 
	margin: 20px 0px 10px 5px; 
	padding: 0px;
	}
a:link {
	font:1000  Arial , Verdana, Helvetica;color:#0063aa;text-decoration: none; font-weight:bold;
 }
a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}
a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#f7df03;text-decoration: none;font-weight:bold;
}
a:active {
font: 1000 Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}	
#centreindex {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size: 11px;
margin-left: 250px;


/*background-image: url(css/arrondir.jpg);
background-position:right top;
background-repeat:no-repeat;
  */

}
#tranquile1 {

padding:5px 5px 5px 5px;
border:2px solid #adaeae;

}
#tranquile2{

padding:10px 0px 0px 0px;


}
	
#centre {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
margin-left: 250px;

/*margin-right: 150px;   */

}
#habillage {
background-image: url(css/page.jpg);
background-position:right top;
background-repeat:repeat-y;
padding: 0px 0px 0px 0px;
/*margin-right: 150px;   */
}
#texte {
background-image: url(css/baspage.jpg);
background-position:right bottom;
background-repeat:no-repeat;
padding: 0px 20px 60px 20px;
/*margin-right: 150px;   */
}

#centre h1 {
	font-size: 16px;
	color:#0033cc;
	font-weight: bold; 
	text-align: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;

	}
#centre h2 {
	font-size: 14px;
	color:#000;

	font-weight: bold; 

	text-align: left; 
	margin: 0px 0px 0px 0px; 
	padding: 25px 0px 0px 30px;
background-image: url(css/hautpage.jpg);
background-position:right top;
background-repeat:no-repeat;
	}	
	
	
#centre h3 {
	font-size: 13px;
	color:#0033cc;

	font-weight: bold; 

	text-align: left; 
	margin: 20px 0px 10px 5px; 
	padding: 0px;
	}

#centregauche {

border:2px solid #adaeae;
margin: 0px 0px 10px 0px; 
width:340px;
float:left;
background-image: url(css/legende.jpg);
background-position:right top;
background-repeat: no-repeat;
/*margin-right: 150px;   */

}
#centredroit {

border:2px solid #adaeae;
margin: 0px 0px 10px 0px; 
width:340px;
float:right;
background-image: url(css/legende.jpg);
background-position:right top;
background-repeat: no-repeat;
/*margin-right: 150px;   */

}
#decalage {

padding:0px 5px 0px 5px;

}
#decalage2 {

padding:5px 5px 5px 5px;

}
#infoplus {

margin:5px 5px 5px 20px;
border:1px solid #adaeae;
}



.separation {
background-color:#000;
clear:both;
visibility:hidden;
padding:0px;
margin:0px;
}
.separation2 {

visibility:hidden;
padding:0px;
margin:0px;
}
#centrebas {
margin: 0px 0px 0px 0px; 

/*margin-right: 150px;margin: 20px 0px 20px 0px;   */

}

#gauche {

list-style-image:url("css/puce.jpg");
font-size: 0.75em;
margin: 0px 0px 0px 0px;
float:left;
width: 250px;
}
#navigation {
border-left:20px solid;
border-left-color:#f7df03;
margin: 0px 0px 0px 0px;
padding: 40px 10px 0px 0px;
}

#gauche li {

margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 10px;}

 /*#droite {margin: 10px 0px 0px 0px;float:right;width: 150px;}*/

#actualite {
background-color:#0033cc;
color:#FFFFFF;
/*border:1px solid red;*/
margin: 10px 20px 10px 10px;

}

#actualite p{
padding: 0px 5px 10px 5px;
}
#actualite h3{
	font-size: 13px;
	color:#f7df03;

	font-weight: bold; 

	text-align: left; 
	margin: 5px 0px 5px 0px; 
	padding: 0px 0px 0px 5px;
}

#actualite a:link {
	font:1000  Arial , Verdana, Helvetica;color:#f05011;text-decoration: none; font-weight:bold;
 }
#actualite a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}
#actualite a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#FFF;text-decoration: none;font-weight:bold;
}
#actualite a:active {
font: 1000 Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}	



#pied {
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
font-size: 0.7em;
clear:both;

background-color: #f7df03;
}

#pied a:link {
	font:1000  Arial , Verdana, Helvetica;color:#0063aa;text-decoration: none; font-weight:bold;
 }
#pied a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}
#pied a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#FFF;text-decoration: none;font-weight:bold;
}
#pied a:active {
font: 1000 Arial, Verdana, Helvetica;color:#9a230f;text-decoration: none;font-weight:bold;
}	


#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}