/* CSS Document */
body
   {
      margin: 0;
      padding: 0;
      font: 75% arial, hevetica, sans-serif;
      text-align: center;
      background-color:  #C1C1C1;
	  color:#333;
   }
   
   a:link { color: #0F1176; }
   a:visited { color: #0F1176; }
   
   a:hover, a:active
   {
      color: white;
      background-color: #999;
   }
   
   h2
   {
      color: #0F1176;
      font: 150% verdana, arial, "verdana", sans-serif;
      font-weight: bold;
      margin: 0 0 2px 0;
   }
      

   
   h3
   {
      color: #80C41C;
      font: 120% verdana, arial, "verdana", sans-serif;
      font-weight: bold;
      margin-top: 0;
   }
   
   h4
   {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px;
   }
   
   #page
   {
      margin: 1em auto;
      width: 750px;
      text-align: left;
      border: 1px solid #666;
	  background:  url(contenu.gif) no-repeat ;
	  background-color: white;
	
   }
   
   #entete
   {
      height: 140px;
      background:  url(header.jpg) no-repeat;
      background-repeat: no-repeat;
      background-position: 0 0;
      border-bottom: 1px solid #fff;
      position: relative;
   }
   
   #entete h1
   {
      font-size: 1px;
      text-align: right;
      color: #fff;
      margin: 0;
      padding: 0;
   }
      
   #menuh
   {
      background-color: #99cc00;
      padding: 2px 0;
      margin-bottom: 22px;
	  text-align:center;
   }
   
   #menuh ul
   {
      margin: 0 0 0 0px;
      padding: 0;
      list-style-type: none;
      border-left: 1px solid #80C41C;
	  text-align:center;

   }
   
   #menuh li
   {
      display: inline;
      padding: 0 10px;
      border-right: 1px solid #80C41C;
	  text-align:center;
   }
   
   #menuh li a
   {
      text-decoration: none;
      color: #FFFFFF;
   }
   
   #menuh li a:hover
   {
      text-decoration: none;
      color: #fff;
      background-color: #80C41C;
   }
   
   #menuv
   {
      float: right;
      width: 165px;
      padding-left: 15px;
	  margin-right:15px;
   }
   
      #button
   {
margin-top:120px;
margin-bottom:30px;
   }
   
   #menuv ul
   {
      margin-left: 0;
      padding-left: 0;
      list-style-type: none;
      line-height: 170%;
   }
   
   
#contenu 
{
	 margin: 0 200px 40px 20px;
     border-right: 1px solid #80C41C; 
	 padding-right:5px;

 }
 
   #contenu p { line-height: 170%; }
   
   .interieur ul
   {

      margin: 1em 5em 0 230px;
      padding: 0;
      font-size: 100%;
	  color: #0F1176;
   }
   
#anim
{

border: 1px solid #80C41C;
width:402px;
padding:3px;
}

   

   
   .imagefloat
   {
      float: left;
      padding: 2px;
      border: 1px solid #80C41C;
      margin: 5px 10px 0px 0px;
   }
   
   #pied
   {
      clear: both;
      background-color: #99cc00;
      text-align: center;
      padding: 4px;
      font-size: 95%;
	  color:#FFFFFF;
   }

#pied a:link { color: #fff; }
#pied a:visited { color: #fff; }

.avantages_text
 {
  font-weight:bolder;
}
   .avantages ul
   {
		margin: 0 0px 40px 20px;
      padding: 0;
      font-size: 100%;
	  color: #0F1176;
   }