html, body {
width: 100%;
height: 665px;
}
body {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px;

}
p {

margin-top:15px;
margin-left:25px;
margin-bottom:20px;
margin-right:25px;
text-align:justify;
}
.li1{
text-indent:25px;
}

h1 {

margin-top: 10px;
font-family:arial, sans-serif;
font-size:200%;
color:olive;
background-color:transparent;
text-align:center;
}

.titre1{font-family:arial, sans-serif;
font-size:200%;
color:#808000;
background-color:transparent;
text-align:center;
}

h2 {
font-family:times new roman, serif;
font-size:150%;
color:#008040;
background-color:transparent;
margin-left: 10px;
margin-top: 10px;
text-align:left;
}

.titre2{
font-family:times new roman, serif;
font-size:150%;
color:#008040;
background-color:transparent;
text-align:left;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:105%;
color:#000000;
background-color:transparent;
margin-left: 10px;
margin-top: 10px;
text-align:left;
}

.titre3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:105%;
color:#000000;
background-color:transparent;
text-align:left;
}
h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:95%;
color:#804040;
background-color:transparent;
padding: 15px;
text-align:center;
}


.header {
height:100px;
color: #ffffff;
background-color: #008040;
border-style:solid;
border-width:0px;
border-color:#ffffff;
width:100%;

}

.gauche {
float: left;
margin-top:0px;
padding:3 2 0 0px;
left: 0px;
width: 190px;
height: 532px;
background-color:#ffffff;
}



.frame {
color: #003300;
background-color:#ffffff;
padding:1 0 0 0px;
height: 532px;
margin-left:opx;
border-style:solid;
border-width: 0 0 0 1px;
border-color:#008040;
width: auto;
overflow: auto;

}
.com{
margin-top: 100px;
font-size: 12px;
color: #008040;
text-align: center;
}
table{

font-size: 12px;

}
.pied{
height: 15 px;
width: auto;
background-color:#ffff80;
font-size: 10px;
}
/*.centre {
background-color:#ffff80;
margin-top: 1O5px;
padding-top:1px;
height: 536px;
margin-left: 80px;
border-style:solid;
border-width:1px;
border-color:#000040;
width:auto;
padding:1px;
}

#conteneur {
width: 100%;
height: 100%;
position: fluid;
}

.haut {
height: 50px;
background-color:#CCCCFF;
}

/*.menuhaut ul {list-style-type: none;} /* on supprime les puces, inutiles 

 .menuhaut li { float: right;} /* on aligne les listes sur la droite 

.menuhaut li a {
     margin: 0 2px;
     width: 100px; /* on définit la taille du bouton de menu 
     height: 25px;
     float: left;
     font-size: 10px;
     font-family: arial;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     background: #fff;
     }
	
.menuhaut a:hover {
     background: #ccc;
     border: 1px solid gray;
     }

.menuhaut a:active {
     background: gray;
     border: 1px solid gray;
     color: #fff;
     }
}