body {
        background-color: #765;
        font-family: Arial, Verdana, Tahoma, Sans-serif;
        font-size: 90%;
        color: #765;
        text-align: center;
      }
      #document {
        width: 755px;
        border: 2px solid #525258;
        background-color: #fff;
        -moz-border-radius: 8px;
	    border-radius:8px;
        text-align: left;
        margin: 0 auto;
        position: relative;
      }
      
      #entete {
        background: #fff url("img/entete-bg.png") top left no-repeat;
        color: #fff;
        padding: 0 1em 0 0;
        height: 100px;
      }  
        #entete h1 {
        margin: 0;
	    width: 163px ;
	    height: 70px ;
		display: block ;
		background: url(img/logo.gif) no-repeat ;
		position: relative ;
		left: 5 ;
		top: 5 ;
		}
		
		
       #entete h1 span {
	   display: none ;  
       }
      
       #document h3 {
       margin: 28;
	   }
      
 #menu {
  float:left;
  width:100%;
  background:#DAE0D2 url("img/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  white-space: nowrap
  }
#menu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#menu li {
  float:left;
  background:url("img/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
  
#menu a {
  float:left;
  display:block;
  width:.1em;
  background:url("img/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  #menu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
  color:#333;
  }
  
   #index #menu-index,#ref #menu-ref,#form #menu-form,
   #contact #menu-contact,#int #menu-int,#env #menu-env,#cons #menu-cons,#ptf #menu-ptf
   {
      background-position:0 -150px;
      border-width:0;
      }
   #index #menu-index a,#ref #menu-ref a,#form #menu-form a,
   #contact #menu-contact a,#int #menu-int a,#env #menu-env a,#cons #menu-cons a,#ptf #menu-ptf a{
      background-position:100% -150px;
      padding-bottom:5px;
      color:#2e0d9a;
      }
  
    #menu li:hover, #header li:hover a {
      background-position:0 -150px;
      color:#333;
      }
    #menu li:hover a {
      background-position:100% -150px;
      }
    
      #contenu {
        margin: 0.2em 0.2em 0.2em 0.2em;
        padding: 0 1em 0 1em;
      }
      #contenu p1{
        font-style: italic;
        font-size: 80%;
      }
      
     #contenu h1 {
        color: #765;
        font-size: 200%;
        border-bottom: 2px #765 solid;
      }

      
      #contenu h2 {
        margin-top:60px;
        font-size: 90%;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border-bottom: 2px #765 solid;
      }

      #contenu h2:first-letter {
        font-size: 110%;
      }
      #contenu h3 {
        font-size: 100%;
      }
      #contenu p {
        padding: 0 3em 0 5em;
      }
      #contenu ul {
        padding: 0 3em 0 7em;
      }
      
      #contenu a {
        color: #2e0d9a;
        text-decoration: none;
        border-bottom: 1px dotted #888;
      }
      #contenu a:hover {
        background-color: #cfcfcf;
      }
      
      #pied {
        font-size: 60%;
        color: #4d4d88;
        text-align: center;
        padding: 0.5em;  
        border-top: 1px solid #525258;
      }
      #pied a {
        color: #4d4d88;
        text-decoration: none;
        border-bottom: 1px dotted #888;
      }
      #pied a:hover {
        background-color: #cfcfcf;
      }