body
{
width: 98%; /*l'ensemble du site ne prendra que 90% de la page ne marche pas avec IE */
background-color: rgb(0,130,95);

font-family:Arial, "Times New Roman", Times, sans-serif;
}


#en_tete   /*image panorama */
{
top:0px;
left :10px;
padding:0;
height: 100px;   /*la banière aura 100 pixel du haut */
border: 2px solid rgb(252,126,4);
background:url("images/baniere2.jpg") no-repeat bottom left ;
}



.anim3
{
position: absolute;
top: 20px;
left: 300px;
}



#menu
{
position:absolute;
top:110px;
left:8px;
width: 135px;   /*largeur du menu en px pour uniformité avec les différente résolution */
padding:0;
height: 800px;   /*le mene fera 800 pixel du haut */
border: 0px solid rgb(0,130,95);
background-color: rgb(252,126,4);
}


.sous_menu1  /*boite qui englobe les puces*/
{
margin-top:0px;
margin-left:0px;
border: 0px solid rgb(150,130,180);
}

ul
{
list-style-type: none;   /*supprime le point devant la puce*/
margin: 6px;   
padding: 0px;
}


.sous_menu1 a
{
display: block;
margin: 20px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(2,77,82);
line-height: 25px;  /*hauteur de la boite */
width: 120px;  /*largeur  de la boite */
border-width: 1px 3px 3px 1px;
border-color: rgb(100,100,100) rgb(50,50,50) rgb(50,50,50) rgb(100,100,100);
border-style: solid;
color: rgb(252,126,4);
font-family: "Arial Narrow",Verdana,serif;
font-size: 15px;
font-weight: bolder;
text-align: center;
}

h5  /*page du site ou on se trouve*/
{
display: block;
margin: 25px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(252,126,4);
line-height: 25px;  /*hauteur de la boite */
width: 120px;
border-width: 3px 1px 1px 3px;
border-color: black;
border-style: solid;
color: rgb(0,130,95);
font-family: "Arial Narrow",Verdana,serif;
font-size: 18px;
font-weight: bolder;
text-align: center;
}

h2  /*page sans lien*/
{
display: block;
margin: 25px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(0,130,95);
line-height: 25px;  /*hauteur de la boite */
width: 120px;
border-width: 3px 1px 1px 3px;
border-color: black;
border-style: solid;
color: white;
font-family: "Arial Narrow",Verdana,serif;
font-size: 12px;
font-weight: bolder;
text-align: center;
}




a:visited   /*BALISE qui change les liens après la visite */
{
font-style: normal;
font-weight: bolder;
color: rgb(0,160,95);  /*en augmentant le chiffre du milieu le vert s'éclaircie */
text-decoration:none;
}

a:hover ,a:focus  /*BALISE qui change les liens au survol */
{
color: black;  /*couleur du texte */
background:rgb(252,126,4);  /*du fond */
}


#filigramme   /*Atelier d'Etudes Climatiques */
{

height: 50px;   /*la banière aura 180 pixel du haut */
text-align:center;  /*position du titre dans la baniere */
margin-left: 9%;
padding-top:5px;
border-left: 2px solid rgb(252,126,4);
background-position:center;  /*position image de fond */
background-color: rgb(2,77,82);  /*couleur de fond de fond */
}

h1
{
font-size: 25px;
font-family: verdana;
font-weight: bold;
font-style: italic;
color:rgb(205,142,45);
text-decoration: underline;
}


/* style du corps  */
#corps
{
height: 1000px;
margin-left: 145px;
margin-top: 20px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
padding: 0px;
border-style: solid;  /*style du cadre du corps */ 
border-width: 0px;    /*épaisseur du cadre*/ 
border-color: yellow;    /*couleur du cadre*/
}



em
{
color:white;
}



h3
{
background-color: rgb(28,150,223);
color: rgb(250,250,250);
font-family: "Arial Narrow",Verdana,serif;
font-size: 25px;
font-weight: bolder;
}


#partenaire
{
text-align: center;
}

#partenaire p
{
font-size: 20px;
font-family: Arial Narrow, "Times New Roman", Times, sans-serif;
font-style: italic;
color:white;
}




.logoico /*le lien vers ico */
{
width: 6%;
border: 0px solid ;
}

.logoimmatech /*le lien vers ico */
{
width: 12%;
border: 0px solid ;
}






#pied_de_page
{
position: absolute;
top: 1200px;
width: 98%;
margin-left: 0%;
margin-top: 10px; /*le corps sera a 20 px sous l'en-tête comme le menu*/
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;
}