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: 3562px;   
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/fond5.jpeg");
background-repeat:repeat;
height: 3780px;
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*/
}


.texte1
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:630px;
margin-top:-660px; 
}


#adjointes
{
position:absolute;
width:90%; 
height: 1550px;
margin-left: 60px;
margin-top: 35px; 
padding: 0px;
border-style: solid;  
border-width: 0px;    
border-color: blue;    
}


#verticaladjointes
{
font-weight:bold;
font-size: 25px;
background-color: rgb(231,90,99);
color:white;
padding:5px;
margin-top:10px;
margin-left:10px;  
border: 0px solid blue;
height: 1450px;
width:30px; 
text-align:left;  
padding-left:15px;
padding-top:60px;
}


#stellites
{
border: 0px solid green;
height: 720px;
margin-left:80px;
margin-top:-1535px;  /*ajouter autant que le height du # vertical */
}

h2
{
background-color: rgb(231,90,99);
color: rgb(250,250,250);
font-family: "Arial Narrow",Verdana,serif;
font-size: 25px;
font-weight: bolder;

}

.cadre1
{
width:580px;
border: 0px solid red;
height: 194px;
}

.imagedroite
{
margin-left:50px;
}


.cadre2
{
width:580px;
border: 0px solid red;
height: 194px;
margin-top:30px;
}

#completes
{
border: 0px solid green;
height: 500px;
margin-left:80px;
}

.texte2
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:408px;
margin-top:-430px; 
}





.cadre3
{
width:580px;
border: 0px solid red;
height: 194px;
margin-top:30px;
}

.cadre4
{
width:580px;
border: 0px solid red;
height: 194px;
margin-top:30px;
}


#partiels
{
border: 0px solid green;
height: 280px;
margin-left:80px;
}



.texte3
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:194px;
margin-top:-204px; 
}




#texte
{
color: rgb(169,54,59);
font-size: 18px;
position:absolute;
width:90%; 
height: 250px;
margin-left: 80px;
margin-top: 1580px; 
padding: 0px;
border-style: solid;  
border-width: 0px;    
border-color: blue;    
}






#conjointes
{
position:absolute;
width:90%; 
height: 1350px;
margin-left: 60px;
margin-top: 1920px; 
padding: 0px;
border-style: solid;  
border-width: 0px;    
border-color: blue;    
}

#verticalconjointes
{
font-weight:bold;
font-size: 25px;
background-color: rgb(231,90,99);
color:white;
padding:5px;
margin-top:10px;
margin-left:10px;  
border: 0px solid blue;
height: 1350px;
width:30px; 
text-align:left;  
padding-left:15px;
padding-top:20px;
}



#zircones
{
border: 0px solid green;
height: 500px;
margin-left:80px;
margin-top:-1393px;  /*ajouter autant que le height du # vertical */
}


.texte4
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:10px;
height:400px;
margin-top:-425px; 
}



#ceramo
{
border: 0px solid green;
height: 280px;
margin-left:80px;
}

.texte5
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:200px;
margin-top:-204px; 
}


#pressé
{
border: 0px solid green;
height: 280px;
margin-left:80px;
}

.texte6
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:194px;
margin-top:-204px; 
}


#bridge
{
border: 0px solid green;
height: 280px;
margin-left:80px;
}

.texte7
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:194px;
margin-top:-204px; 
}



#combines
{
position:absolute;
width:90%; 
height: 300px;
margin-left: 60px;
margin-top: 3350px; 
padding: 0px;
border-style: solid;  
border-width: 0px;    
border-color: blue;    
}

#verticalcombines
{
font-weight:bold;
font-size: 25px;
background-color: rgb(231,90,99);
color:white;
padding:5px;
margin-top:10px;
margin-left:10px;  
border: 0px solid blue;
height: 240px;
width:30px; 
text-align:left;  
padding-left:15px;
padding-top:5px;
}



#protheses
{
border: 0px solid green;
height: 280px;
margin-left:80px;
margin-top:-270px;  /*ajouter autant que le height du # vertical */
}


.texte8
{
color: rgb(169,54,59);
font-size: 18px;
border: 0px solid black;
margin-left:600px;
margin-right:5px;
padding-top:0px;
height:200px;
margin-top:-204px; 
}



p:first-letter
{
float:left;
font-size: 3em;
font-family:Arial, Gergia, "Times New Roman", Times, serif;
font-weight:bold;
margin-right:0px;
color: rgb(231,90,99);
}

.appareil    
{
border:0px;
height: 50px;
}


#pied_de_page
{
position: absolute;

top: 3850px;
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;
}