body
{
width: 98%; /*l'ensemble du site ne prendra que 90% de la page ne marche pas avec IE */
font-size:20px;
font-family:Arial, "Times New Roman", Times, sans-serif;
background-image:url("images/fond5.jpeg");
background-repeat: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
{
margin-top: 0px; /*la banière sera à 0 pixel du haut */
height: 40px;   /*la banière aura 40pixel du haut */
border: 0px solid blue;
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;

}


strong
{
font-size: 14px; 
border: 0px solid rgb(252,252,252);
font-size: 18px; 
}


 /* 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;
}



p:first-letter
{
float:left;
font-size: 3em;
font-family:Arial, Gergia, "Times New Roman", Times, serif;
font-weight:bold;
margin-right:10px;
color: rgb(0,0,193);
background-color: rgb(130,211,254); 
}

/* style du corps  */
#corps1
{
margin-left: 17%;
margin-top: 20px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
height:308px;
}

.montage1
{
position: absolute;  /*première photo*/

}

.sous_corps1   /*premier texte*/
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
left:650px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:286px;
}

#corps2
{
height:255px;
margin-left: 17%;
margin-top: 20px; 
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}

.montage2 /*photo 2*/
{
position: absolute; 
margin-left: 220px;
}

.montage22 /*photo 3*/
{
position: absolute;  
}

.sous_corps2   /*deuxième texte*/
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 422px; 
left:650px;
height:230px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:230px;
}


#corps3
{
height:255px;
margin-left: 17%;
margin-top: 20px; 
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}

.mat1
{
position: absolute;  
}

.mat2
{
position: absolute; 
margin-left: 220px;
}

.sous_corps3   
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 697px; 
left:650px;
height:230px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:230px;
}


#corps4
{
height:255px;
margin-left: 17%;
margin-top: 20px; 
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}

.mat3
{
position: absolute;  
}

.mat4
{
position: absolute; 
margin-left: 220px;
}

.sous_corps4 
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 972px; 
left:650px;
height:230px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:230px;
}

#corps5
{
margin-left: 17%;
margin-top: 20px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
height:308px;
}

.convoi1
{
position: absolute;  /*première photo*/

}

.sous_corps5/*premier texte*/
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 1247px; 
left:650px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:286px;
}

#corps6
{
height:255px;
margin-left: 17%;
margin-top: 20px; 
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}

.mat5 
{
position: absolute; 
margin-left: 220px;
}

.mat6
{
position: absolute;  
}

.sous_corps6  /*deuxième texte*/
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 1572px; 
left:650px;
height:230px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:230px;
}



#corps7
{
height:255px;
margin-left: 17%;
margin-top: 20px; 
padding: 0px;
border-style: dotted;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: red;    /*couleur du cadre*/
}

.mat7 
{
position: absolute; 
margin-left: 220px;
}

.mat8
{
position: absolute;  
}

.sous_corps7 /*deuxième texte*/
{
width: 31%;
position: absolute; 
border: 0px solid rgb(252,252,252);
top: 1847px; 
left:650px;
height:230px;
padding-top:20px;  /*marge interieur en haut*/
padding-left:20px;
padding-right:5px;
height:230px;
}













#pied_de_page
{
margin-left: 0%;
margin-top: 20px; /*le pied de page sera a 20 px sous le corps*/
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
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: 50px;
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;
}