body
{
width: 98%; /*l'ensemble du site ne prendra que 90% de la page ne marche pas avec IE */
background-color: rgb(250,250,250);
font-family:Arial, "Times New Roman", Times, sans-serif;
}



.logo3
{

width: 387px;
height: 216px;
position: absolute;
top: 30px;
left: 0px;
border-top: 0px solid rgb(169,54,59);
border-left: 0px solid rgb(169,54,59);
}



#menu
{
position:absolute;
top:245px;
left:20px;
width: 50px;   
height: 800px;   
background-color: rgb(169,54,59);
}

#filigramme   /*cabinet prothésiste*/
{
margin-left:90px;
height: 40px;   /*la banière aura 40 pixel du haut */
border: 0px solid red;
background-color: rgb(169,54,59);  /*couleur de fond de fond */
}

#titre
{
padding:0px;
margin-right:10px;  
text-align:right;
border: 0px solid red;
height: 30px;   /*la banière aura 40 pixel du haut */
}

h1
{
font-size: 22px;
font-family: verdana;
font-weight: bold;
font-style: italic;
color:rgb(250,250,250);
text-decoration: none;
}


#menuhzt  /*menu horizontal*/
{
margin-left: 350px;
padding-top:4px;
padding-right:0px;
height: 40px;   /*le mene fera 30pixel du haut */
border: 0px solid yellow;
background-color: rgb(169,54,59);
}



#menuhzt  li
{
float:right;
}

.sous_menuhzt a
{
display: block;
margin: 0px 0px;  /*espace verticale entre les liens et  espace du bord à gauche*/
background-color: rgb(250,250,250);
line-height: 25px;  /*hauteur de la boite */
width: 100px;  /*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(169,54,59);
font-family: "Arial Narrow",Verdana,serif;
font-size: 11px;
font-weight: bolder;
text-align: center;
}

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

h5  /*page du site ou on se trouve*/
{

background-color: rgb(231,90,99);
line-height: 25px;  /*hauteur de la boite */
width: 120px;
border-width: 3px 1px 1px 3px;
border-color: black;
border-style: solid;
color: rgb(250,250,250);
font-family: "Arial Narrow",Verdana,serif;
font-size: 18px;
font-weight: bolder;
text-align: center;
}

a:visited   /*BALISE qui change les liens après la visite */
{
font-style: normal;
font-weight: bolder;
color: black;  
text-decoration:none;
}

a:hover ,a:focus  /*BALISE qui change les liens au survol */
{
color: white;  /*couleur du texte */
background:rgb(169,54,59);  /*du fond */
}




/* style du corps  */
#corps
{
background-image:url("images/fond.jpg");
background-repeat:no-repeat;
height: 1050px; 
margin-left: 10px;
margin-top: 100px; /*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: rgb(169,54,59);    /*couleur du cadre*/
}

#adresse
{
font-size: 20px;
color:rgb(169,54,59);
padding:5px;
margin-top:140px;
margin-right:130px;  
text-align:right;
border: 0px solid red;
height: 200px;   /*la banière aura 40 pixel du haut */
}

.mail
{
color: rgb(169,54,59); 
text-decoration: underline;
}


.mail:visited   
{
font-style: normal;
font-weight: bolder;
color: rgb(231,90,99);  
text-decoration:underline;
}

.mail:hover ,.mail:focus  /*BALISE qui change les liens au survol */
{
color: white;  /*couleur du texte */
background:rgb(169,54,59);  /*du fond */
}




h2
{
font-size: 30px;
font-family: verdana;
font-weight: bold;
font-style: italic;
text-decoration: none;
}

#info
{
font-size: 20px;
color:black;
padding:5px;
margin-top:500px !important;  /*POUR IE7*/
margin-top:150px;  /*POUR IE6*/
margin-left:50px;  
text-align:left;
border: 0px solid red;
height: 50px;   
}



#lien
{

margin-top:100px;
margin-left: 0%;
margin-right: 0%;
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
border-style: solid;              /*style du cadre du corps */ 
border-width: 0px;                /*épaisseur du cadre*/ 
border-color: rgb(68,164,154);    /*couleur du cadre*/
font-family: Verdana;    /*style de l'ecriture */ 
font-style: italic;     
font-size: 20px;         /*hauteur du texte*/ 
height: 30px;
text-align: center;
}

.eole /*le lien clignotant */
{
border:0px;
height: 50px;
}


.fleur /*le lien vers naturesante */
{
border:0px;
height: 60px;
}


#pied_de_page
{
position: absolute;

top: 1305px;
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(169,54,59);    /*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*/
{
width:5%;
position: absolute;
right:25px;
margin-top:0px;
border:0px;
}