body { font-size: 84%;
    color: rgb(0, 17, 68);
    font-family: verdana,arial,helvetica,sans-serif;
    }

  th { font-size: 84%;
    color: rgb(0, 17, 68);
    font-family: verdana,arial,helvetica,sans-serif;
    }

  td { font-size: 84%;
    color: rgb(0, 17, 68);
    font-family: verdana,arial,helvetica,sans-serif;
    }

  body { background: rgb(202, 253, 255);
    margin-left: 0%;
    margin-right: 0%;
    text-align: justify;
    }

  pre { margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 1em;
    color: rgb(102, 0, 0);
    font-family: verdana,arial,helvetica,sans-serif;
    text-align: justify;
    }

  pre.petit { font-size: 80%;
    }

   div.nota { margin-top: 4px;
    font-size: 80%;
    margin-bottom: 4px;
    margin-left: 2em;
    }

h3 {  text-align: center;
      margin: 7px;
	font-size: 37px;
	font-weight: bold;
 	}

h3.ombre {
      color: white;     
      text-align: center;
      margin: 7px;
	font-size: 37px;
	font-weight: bold;
 	}

h3.mini { text-align: center;
	    margin: 1px;
	    font-size: 20px;
	    font-weight: bold;
 	}

h6 {font-size: 5px;}

 h4 {   text-align: center;
        margin: 2px;
        font-size: 15px;
        
    }

 



 p.signature { margin-right: 5ex;
    text-align: right;
    }

  a:link { color: rgb(51, 0, 85);
    }

  a:visited { color: rgb(71, 60, 0);
    }

  a:active { color: rgb(71, 0, 70);
    }

  a:hover { color: rgb(0, 0, 0);
    }

  
unknown {  }


#fond
{ 
	left: 0px;
	position: absolute;
	top: 150px;
	border: 0px none;
	z-index: 0;
	width: 100%;
	height: 100%;
	}

#fondhead {
	left: 0px;
	position: absolute;
	top: 1px;
	border: 0px none;
	z-index: 0;	
	width: 100%;
	height: 150px;
	} 



#photodroite { 
	height: 125px;
      widht: 155px; 
      top: 0px;
      position: absolute;
	z-index: 1;
	right: 0%;
	
}
	
/*<-- #photogauche { left: 10%;
	position: absolute;
  	top: 20px;
	border: 0px none ;
	z-index: 1;
	width: 100px;
	height: 52px;
	} -->*/
#photogauche { left: 25px;
	position: absolute;
  	top: 10px;
	z-index: 1;
	width: 125px;
	height: 125px;
	}

#titre {
	  margin-left: auto;
	  margin-right: auto;
        left: 180px; 
        width: 70%; 
        position: absolute; 
	  top: 11px;
	  text-align: center; 
	  font-size: 30px; 
	  font-family: verdana,arial,helvetica,sans-serif;
	  z-index: 2;
        }

#titreombre {
	  margin-left: auto;
	  margin-right: auto;
        left: 183px; 
        width: 70%; 
        position: absolute; 
	  top: 13px;
	  text-align: center; 
	  font-size: 30px; 
	  font-family: verdana,arial,helvetica,sans-serif;
	  z-index: 2;
        }


#TitrePage { left: 200px;
		width: 60%;
		position: absolute;
		top: 25px;
		text-align: center;
		}
		


#CadreMenu {
    padding: 2px;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 1px 1px;
    background: rgb(71, 133, 248) none repeat scroll 0%;
    font-size: 12px;
    z-index: 4;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    left: 10px;
    width: 170px;
    position: absolute;
    top: 125px;
    text-align: left;
    }

#CadreMenu2 {
    padding: 2px;
    border-style: solid;
    border-color: black ;
    border-width: 1px 1px 1px 1px;
    background: rgb(71, 133, 248) none repeat scroll 0%;
    font-size: 12px;
    z-index: 4;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    left: 10px;
    width: 170px;
    position: absolute;
    top: 480px;
    text-align: left;
    }
#CadreMenu3 { 
    padding: 2px;
    border-style: solid;
    border-color: black ;
    border-width: 1px 1px 1px 1px;
    background: rgb(71, 133, 248) none repeat scroll 0%;
    font-size: 12px;
    z-index: 4;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    right: 10px;
    /*left: 10px;*/
    width: 170px;
    position: absolute;
    top: 125px;
    /*top: 695px;*/
    text-align: left;
    }


  .menuliste { padding-left: 2px;
    list-style-position: inside;
    margin-top: 5px
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    list-style-type: none;		    
	background: #aeceeb;
}

  h1 { margin-top: 0px;
	
     font-size: 300%;
    color: rgb(0, 10, 0);
    }

  #principal { border: 1px solid blue;
    padding: 8px;
    left: 190px;
    top: 125px;
    position: absolute;
    width: 592px;
      
	/*width: 70%;*/
    overflow: auto;
    height: 535px;    
}

  .sommaire:link { text-decoration: none;
    }

  .sommaire:visited { text-decoration: none;
    }

  .sommaire2:link { color: rgb(119, 119, 119);
    text-decoration: none;
    }

  .sommaire2:visited { color: rgb(119, 119, 119);
    text-decoration: none;
    }

  .sommaire2:hover { color: rgb(255, 136, 0);
    text-decoration: none;
    }

  .itemfinal { padding-right: 8px;
    margin-top: 0px;
    text-align: right;
    }

  div.titre { background: transparent url(../../img/barre.jpg) repeat scroll 0%;
    padding-right: 30px;
    text-align: right;
    }

  p.sousmenu { font-size: 11px;
    }

 h2.menu { 
    margin: 5px 3px 4px 5px;
    color: #aeceeb;
    padding-top: 1px;
    text-align: left;
    font-variant: small-caps;
    font-size: 13px;
}
 div.essai {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

 h2.section { 
    margin: 5px 3px 4px 5px;
    color: white;
    padding-top: 1px;
    /*text-align: left;*/
    /*font-variant: small-caps;*/
    }

  h2.ssection { border: 3px solid;
    border-color: #de852c;
    padding: 15px;
    margin-top: 10px;
    color: black;
    }

  li { margin-bottom: 4px;
    }



 

div.pic {            
             
             margin-left: auto;
             margin-right: auto;
		 
             height: auto;
             width: 250px;
 		 
             padding: 10px;
		 margin-top: 30px;
             margin-bottom: 10px;
		 background-color: white;
		 border: 3px solid;
		 border-color: #de852c #fee494 #fee494 #de852c; }

div.legend {  
              margin-left: auto;
              margin-right: auto;       
 		  background-color: white;		  
              width: 250px;
              height: auto;
              margin-top: 10px;
              margin-bottom: 30px;
              padding: 15px;
              border: 1px solid;
       	  border-color: #AAA #444 #444 #AAA;
	        }

div.legend2 {  
              
 		  background-color: white;		  
              width: 250px;
              height: auto;
              margin-top: 5px;
              
              padding: 4px;
              border: 1px solid;
       	  border-color: #AAA #444 #444 #AAA;
	        }

div.gauche {  
              float: left;
 		  width: 250px;
              height: auto;
              padding: 10px;
              
              }
div.droit {  
              float: right;
 		  width: 250px;
              height: auto;
              padding: 10px;
              
              }


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 125px;
background-color: #6d91ff;
}
#conteneur {
position: absolute;
width: 100%;
background-color: #8ac5ff;
}
#centre {
padding-left: 18px;
padding-right: 18px;
padding-bottom: 18px;
padding-top: 40px;
overflow: auto;
position: relative;
width: auto;
background-color: #e2f0ff;
margin-left: 150px;
margin-right: 150px;
height: 550px;
}
#gauche {
background-color: #8ac5ff;
position: absolute;
left:0;
width: 160px;
}
#droite {
background-color: #8ac5ff;
position: absolute;
right:0;
width: 160px;
}
#pied {
padding-top: 15px;
margin: auto;
height: 40px;
background-color: #6d91ff;
}

.menugauche {
list-style-type: none;
margin: 2px;
padding: 0px;
color: #000000;
text-align: left;

}
.menugauche li {
margin-bottom: 1px;
}
.menugauche a {
margin: 0 2px;
color: #ffc71f;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
font-style: italic;
font-weight: bold;
color: #ff9933;
}
.menudroit {
list-style-type: none;
margin: 2px;
padding: 0px;
color: #ffc71f;
text-align: right;
}

.menudroit li {
margin-bottom: 1px;
}
.menudroit a {
margin: 0 2px;
color: #fffff0;
text-decoration: underline;

}
.menudroit a:hover {
text-decoration: none;
color: #ff9933;
font-style: italic;
font-weight: bold;
}
p {margin: 0 0 10px 0;}