@charset "iso-8859-1";

.clear{clear: both;}
.hide, .divider{display: none;}
.inside{padding: 0 1em;}

html[xmlns] html[xmlns] #footer + div.clear
{ border-bottom: 1px solid; border-color: transparent;margin-bottom: -1px;}

body{font-size: 100.1%;}
html>body {font-size: 110%;}
body:last-child, * html body{font-size: 100.1%;}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{margin-top: 14px; margin-bottom: 14px; padding-top: 0; padding-bottom: 0;}
h1{font-size: 220%;}
h2{font-size: 190%;}
h3{font-size: 160%;}
h4{font-size: 130%;}
h5{font-size: 100%;}
h6{font-size: 70%;}


#footer{clear: both;padding: 10px 24px 10px 34px;}
#footer p{padding: 0;margin: 0;}
#footer {font-size: 70%; text-align:center;}
#footer{border-style:none; margin-top:-3px;}




body{ padding: 50px 0 10px 0; margin: 1%; min-width: 45em;}

#pageWrapper { border: solid 1px ; margin: 0 10px 0 20px; width: auto; word-wrap: break-word; }

#Conteneur{padding: 10px 10px 10px 105px;}

#Contenu{ border: solid 1px ; margin: 0; padding: 1em ;min-height:12em; font-size:80%;text-align:justify;
		 font-size:80%;}

#ColGauche{float:left; width:140px; border:solid;border-width: 2px; margin:0 0  0 -150px;}






#masthead{ border: solid 1px; left: auto; margin: 0 10px -25px 10px;
	padding: 0 10px; position: relative; text-align: center; top: -25px; width: auto;
	/* \*/ position: static; margin-top: -25px; margin-bottom: 0;top: auto;}



/* */
#masthead h1{ font-size:140%; left: auto; margin: 0 0 -1em 0; padding: 0; position: relative; text-align: right; top: -1em; width: 100%;
			 

}
#masthead h2{font-size:160%; font-variant:small-caps; line-height: 1em; margin: 0 0 0.15em 0; padding: 0; text-align: center;
			}

/*--------- Structure et thème du menu de navigation ---------------------*/

#vnav{margin:0; padding:0;position:absolute; top:100px; left:20px;z-index:50;}
.inside>#vnav{position:fixed;top:100px;left:20px;}
		
#vnav{margin: 10px 0;font-size:70%;font-weight:bold;}
#vnav ul {list-style-type: none; line-height:normal;display: block;padding:2px 0;}
#vnav ul li{padding: 3px 0;}
#vnav ul li.courant {padding: 3px 0px 3px 5px;}
#vnav  ul li a { width:80px; border-style:solid; border-width: 0 10px 0 10px; display:block; text-decoration: none;} 
#vnav ul li a {cursor: pointer; padding:5px 0 5px 7px; }
#vnav ul li.courant a {cursor: default;padding:5px 0 5px 7px;}

#vnav ul  li.courant  ul {list-style-type: none; display: block;padding:0;margin:0;}
#vnav ul li.courant ul  li {padding: 2px  0 0 5px;}
#vnav  ul li.courant ul li a { width:80px; border-style:solid; border-width: 0 10px 0 5px; display:block; text-decoration: none;} 
#vnav ul li.courant ul li a {cursor: pointer; padding:5px 0 5px 7px; }
#vnav  ul li.courant ul li a {border-left-color:  #4E7D2B; border-right-color: #8EBD6B; background-color:#6E9D4B;color: #fff;}	
#vnav  ul li.courant ul li  a:hover {border-left-color: #5F8E3C; border-right-color: #9FCE7C; color: #fff; background-color: #7FAE5C;}


#vnav  ul li a {border-left-color:  #1C857B; border-right-color: #58C9BE; background-color:#38A99E ;color: #fff;}	
#vnav  ul li a:hover {border-left-color: #2D968C; border-right-color: #79E0CF; color: #fff; background-color: #49C0AF;}

#vnav  ul li.courant a {border-left-color:  #883B58; border-right-color: #C57A94; background-color: #A55A74;color: #fff;}	



/*------------------------- Fin des définitions du menu de navigation ------------------------*/




#pageWrapper, #masthead, #Contenu{border-color: #676;}
body
{
	background-color: #fff;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper,#Conteneur
{
	background-color: #cdc;
	color: #000;

}
#masthead
{
	background-color: #898;
	color: #fff;
   
}
#masthead h1
{
	color: #676;
	954A64
}
#masthead h2
{
	color: #fff;
        
}
#Contenu
{
	background-color: #fefffe;
	color: #000;
	
}
#footer
{
	color: #898;
	font-size: 70%;
	text-align: center;
}