body
{
width: 98%; /*l'ensemble du site ne prendra que 90% de la page ne marche pas avec IE */

font-family:Arial, "Times New Roman", Times, sans-serif;
background-image:url("images/fond5.jpeg");
background-repeat:repeat;
}


h5 
{
position: absolute;
top: 235px;
left: 310px;
font-size: 11px; 
color:rgb(0,204,204) ;
}

h1
{
font-size: 15px; 
text-indent:5px;  /*position du titre dans la baniere */
}



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

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



#en_tete
{

margin-top: -5px; /*la banière sera à 0 pixel du haut */
height: 180px;   /*la banière aura 190 pixel du haut */
background:url("images/pano4.jpeg") no-repeat bottom left ;
border-width: 3px 3px 3px 3px;
  border-color: rgb(100,100,100) rgb(140,140,140) rgb(140,140,140) rgb(100,100,100);
  border-style: solid;
}


 /* style des menus */

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


.sous_menu  /*le sous menu situé à gauche  est partagé en deux sous menu*/
{
  margin-top: 0px; /*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_menu1 /*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
}

.sous_menu1 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  */
}



hr/*  ligne horizontale */
{
color: rgb(140,140,140);
}



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


#bienvenue  /* style de bienvenue  */
{
font-family: Arial, "Times New Roman", Times, sans-serif;
height: 180px;   /*la banière aura 180 pixel du haut */
margin-top: 20px; /*le menu sera a 20 px sous l'en-tête */
margin-left: 16%;
border: 1px solid rgb(140,140,140);
background-color: rgb(128,255,255); /*couleur de fond style bleu */
}


.sous_bienvenue1
{
width: 45%;
height: 164px;  /*160 pixel du haut */
margin-left: 8px;
margin-top: 7px;
background:url("images/carte1.png") no-repeat  ;
border: 0px dotted blue;
}


.sous_bienvenue2
{
width: 45%;
height: 160px;  /*160 pixel du haut */
margin-left: 50%;
margin-top: -165px;
text-align: center;
color:black ; 
font-family: Verdana;    /*style de l'ecriture */ 
font-size: 15px;         /*hauteur du texte*/ 
font-weight: bold;
font-style: italic;
border: 0px solid red;
padding-top: 18px;

}





.boug /*le lien clignotant */
{
position: absolute;
top: 266px;
left: 306px;
border: 0px solid ;
}




/* style du corps  */
#corps
{
margin-left: 16%;
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: rgb(68,164,154);    /*couleur du cadre*/
}


#compteur
{

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


#mail
{

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


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

#liens
{
margin-top:50px;
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: 150px;
text-align: center;
}



#ami
{
margin-top:50px;
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: 300px;
text-align: center;
}





.mail /*le lien clignotant */
{
border:0px;
height: 20px;
}

.logocita /*le lien vers cita wind */
{
width: 6%;
border: 0px solid ;
}


.logo /*le lien vers tc airaines */
{
width:10%;
border: 0px solid ;
}

.estheticdent /*le lien vers estheticdent */
{
width:10%;
border: 0px solid ;
}


.th80 
{
border:0px;
width:5%;
}




#pied_de_page
{
margin-left: 0%;
padding: 3px;     /* DISTANCE ENTRE LA BORDURE EN HAUT ET LA PREMIERE LIGNE*/
margin-top: 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: 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;
}