*{margin: 0; padding:0;}
-moz-box-sizing:border-box;
box-sizing:border-box;

html{font-size: 90%;}
.clear{clear:both;}
body{background:#FFFFFF url(images/fd.jpg) no-repeat; margin:0px; padding:0px; font-family: Verdana, Helvetica, sans-serif;}

h2{font-size 1.5em; color:#0386ab;font-weight:normal;letter-spacing:-1px;}
h3, .nom{font-variant:small-caps; font-weight:normal; color:#0386ab;line-height: 1.2em; margin-bottom : -0.3em;}
p{font-size: 0.8em; color:#333333;line-height: 1.8em; margin-top : 0.6em }
.telechargez{text-align:right;font-style:italic; font-size: 0.8em;}
.poste{font-size: 0.9em; font-weight: bold;}
.fonction{font-size: 0.9em;}
img{border: 0px}
#centrer{margin:0px; padding:0px;}
#wrapper{float:left; margin-top:00px; left:0px; width:800px; height:630px;}
#herbe{float: left }
#sidebar{float: left; width: 290px; padding:0px 0 0 0px;}
#main{float:left; width: 430px; margin-left:30px; margin-top:50px;}
  
   
#main #pratique{margin:15px 0 0 40px}
#main #content{margin:auto 0; width:500px;}


dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu { padding:0px 0 0 20px;}
#menu dt {cursor: pointer; font:1em Arial, Helvetica, sans-serif; font-variant:small-caps; line-height: 2em;}
#menu dd {line-height: 1.5em }
#menu li {text-align: left; margin-left:30px; word-spacing:-2px; font-size:0.8em;}
#menu li a, #menu dt a, #menu dd a {color:#666666;text-decoration: none;background: url(images/arrow.gif) left no-repeat; padding-left: 18px;}
#menu li a:hover, #menu dt a:hover,  #menu dt a:hover:active{background: url(images/arrow_over.gif) left no-repeat;text-decoration:underline; color:#CC0000}
#menu li.select a,#menu dt.select a{background: url(images/arrow_over.gif) left no-repeat; color:#0386AB}

#content li a{color:#0386ab;text-decoration:none; }
#content li a:hover{font: 1em; color:#0386ab;text-decoration:underline}

input, textarea {background: #FFFFFF; border: 1px #333366 solid;}
#envoyer {background: #FFFFFF; border: 1px #333366 solid;}

/* Menu Haut */
ul#menuhaut
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menuhaut li
{
	margin-right: 5px ;
	padding:0px;
  display:inline;
}

ul#menuhaut li a
{
  margin:0px;
	padding-top: 39px;
	display: block ;
  float: left;
	width: 90px ;
  height: 20px;
	color: #000 ;
	text-decoration: none ;
	font: normal 0.6em Verdana,Arial,sans-sherif;
	text-transform:uppercase;


}

ul#menuhaut li#acces a {background: url(images/acces.gif) no-repeat 0 0 ; }
ul#menuhaut li#contact a {text-indent:12px; background: url(images/contact.gif) no-repeat 0 0 ; }
ul#menuhaut li#clients a {background: url(images/clients.gif) no-repeat 0 0 ; }

ul#menuhaut li#acces a:hover{background: url(images/acces.gif) no-repeat 0 -60px ;}
ul#menuhaut li#contact a:hover{background: url(images/contact.gif) no-repeat 0 -60px ;}
ul#menuhaut li#clients a:hover{background: url(images/clients.gif) no-repeat 0 -60px ;}
	
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto }