body
{
width:98%;
font-size:20px;
font-family:Arial, "Times New Roman", Times, sans-serif;
background-image:url("images/fondciel.jpg");
background-repeat:no-repeat;
}

h1
{
text-align:center;  /*position du titre dans la baniere */
color: black;
font-size: 25px;
padding:0px;
}

h6 /*pour indiquer sur quelle page on se situe */
{
text-align: left;
color:rgb(0,204,204) ; 
font-family: Verdana;    /*style de l'ecriture */ 
font-size: 12px;         /*hauteur du texte*/ 
font-weight: bold;
font-style: italic;
}

#en_tete
{
height: 40px;   /*la banière aura 40pixel du haut */
background-color: rgb(100,255,255); /*couleur de fond style bleu */
border-width: 3px 1px 1px 3px;
  border-color: rgb(100,100,100) rgb(140,140,140) rgb(140,140,140) rgb(100,100,100);
  border-style: solid;
text-align: left;
font-size: 60px; 
padding: 5px;

}



 /* style des menus */

#menu  /*le sous menu situé à gauche */
{
  width: 145px;
  float: left;
  border: 0px solid blue;
}


.sous_menu  /*le sous menu situé à gauche  est partagé en deux sous menu*/
{
  margin-top: 20px; /*le sous menu sera a 0 px du menu donc aligné en haut */
  background-color: rgb(128,255,255); /*couleur de fond style bleu */
  color: red; /*couleur des petit bouton de la liste */
  font-size: 14px; 
  font-weight: bold;
  border-width: 3px 1px 1px 3px;
 border-color: rgb(100,100,100) rgb(140,140,140) rgb(140,140,140) rgb(100,100,100);
  border-style: solid;
}


.sous_menu h3  /*titre du sous menu 1*/
{
margin-top:0px;  /*aucune marge en haut / au cadre du menu */
background-color: rgb(135,213,252); /*couleur de fond style bleu du sous-titre */
color: rgb(0,0,193);
font-size: 16px;
text-align: center

}



ul
{
list-style-image :url("images/anim1.gif");   /*  les puces sont remplacer par une image gif (les éoliennes qui tournent dans les menus  */
}



a:visited   /*BALISE qui change les liens après la visite */
{
font-style: normal;
font-weight: normal;
color: rgb(150,150,150);
text-decoration: underline;
}

a
{
color:rgb(0,0,255);
text-decoration: underline;
}

a:hover
{
text-decoration:underline;
color:black;
}








#corps
{
/*Le corps avait une largeur de 800px */
height:760px;  /*hauteur */
margin-top: 0px; 
padding: 0px;
border-style: solid;              
border-width: 0px;               
border-color: yellow;
margin-left: 145px;
}



.sous_corps1
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: yellow;
margin-top:118px;
margin-left:390px;
}

.sous_corps2
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: blue;
margin-top:240px;
margin-left:545px;
}

.sous_corps3
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: red;
margin-top:355px ;
margin-left:620px ;

}


.sous_corps4
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: green;
margin-top:463px;
margin-left:430px;
}

.sous_corps5
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: black;
margin-top:228px;
margin-left:213px;
}

.sous_corps6
{
float:left;
position:absolute;
border-style: dotted;             
border-width: 0px;               
border-color: white;
margin-top:70px;
margin-left:175px;

}

.eole    
{
position:absolute;
margin-left:100px;
top:50px;
}










#pied_de_page
{
padding-bottom: 20px;
border-style: solid;              /*style du cadre du corps */ 
border-width: 1px;                /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
font-family: Verdana;    /*style de l'ecriture */ 
font-style: italic;     
font-size: 10px;         /*hauteur du texte*/ 
height: 40px;
text-align: center;

}


.validxhtml        /*logo de validation xhtml*/
{
position: absolute;
left:20px;
margin-top:8px;
border:0px;
}

.validcss        /*logo de validation xhtml*/
{
position: absolute;
left:120px;
margin-top:8px;
border:0px;
}

.retour  /*gif animé pour retour en haut de page*/
{
position: absolute;
right:25px;
margin-top:8px;
border:0px;
}