body
{  width: 793px;
   height : 585px;
   margin-left: 112px;
   margin-top: 2px; 
   margin-bottom: 0px; 
   background-image: url("images/background.png");
   background-repeat:no-repeat;
   background-attachment: scroll;
   background-position: 118px 2px;
   border: none;}

/******Images contenues dans un lien******/
a img /* Toutes les images contenues dans un lien */
{  border: none; }
/*****************************************/

/********** logo retour acceuil **********/

#returnacc
{  margin-top: 19px;
   margin-left: 12px; 
   border: none;}


/*****************************************/

/*************** Barre de recherche **************/
/* block de la barre de recherche */
.barre_recherche
{  margin-left: 10px;
   margin-bottom: 0px;
   margin-top: 9px;
   width: 157px;
   height: 90px;
   border: none;
   color: black;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   float: left;}
   
/* barre d'écriture */
#recherche
{  margin: 0px;
   margin-right: 3px;
   margin-top: 15px;
   width: 100px;
   height: 18px;
   color: black;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   float: left;}

/* bouton ok  */
#bouton_validation
{  margin-top: 0px;
   margin-bottom: 2px;} 
  
/***************************************/

/************* Menu milieu ***************/

#menumilieu
{  margin-left: 6px; 
   margin-top: 19px;
   border: none;
   border-collapse: collapse;}


#menumilieu td
{  border: none;
   width : 122px;
   height : 33px;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: center;
   padding: 0px;}

.cmenumilieu a
{  color: rgb(0,0,0);
   text-decoration: none;}

.cmenumilieuunder a
{  color: rgb(255,153,0);
   text-decoration: underline;}

.cmenumilieu a:hover
{  color: rgb(255,153,0);
   text-decoration: underline;
}
/********************************/

/********Menu du milieu 2 *********/
#menu_du_milieu_2
{  margin-left: 170px; 
   margin-top: 0px;
   width: 615px;
   height: 33px;
   border: none;
   border-collapse: collapse;}

   
#menumilieu2
{  margin-left: 6px; 
   margin-top: 0px;
   border: none;
   border-collapse: collapse;}


#menumilieu2 td
{  border: none;
   width : 122px;
   height : 33px;
   padding: 0px;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: center;}

.cmenumilieu2, .cmenumilieu2under
{  background-color: rgb(225,225,225);}
   
.cmenumilieu2under a
{  color: rgb(0,0,0);
   text-decoration: underline;}


.cmenumilieu2 a
{  color: rgb(80,80,80);
   text-decoration: none;}

.cmenumilieu2 a:hover
{  color: rgb(0,0,0);
   text-decoration: underline;}
   
/********************************/

/******** Le menu de gauche********/
/* positionnement du block */
#menu_de_gauche
{  margin-left: 10px; 
   margin-top: 75px;
   width : 150px;
   height : 240px;
   border: none;
   border-collapse: collapse;
   float: left;}

/* taille des cellules */   
#menug td
{  border: none;
   width : 130px;
   height : 40px;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: left;
   padding: 5px;}


.cmenugunder a
{  color: rgb(0,0,0);
   text-decoration: underline;}


.cmenug a
{  color: rgb(0,0,0);
   text-decoration: none;}

.cmenug a:hover
{  color: rgb(255,153,0);
   text-decoration: underline;}

   

/* style des liens */   
.menueg a
{  color: rgb(0,0,0);
   text-decoration: none;}
  
.menueg a:hover
{  color: rgb(255,153,0);
   text-decoration: underline;}

/* soulignement du menu selectionné */   
.menuegunder a
{  color: rgb(0,0,0);
   text-decoration: underline;}
/*****************************************/

/*************** paragraphe **************/
/* Titre du plan du site */
.mp1
{  font-family: Verdana, Calibri, Arial, serif;
   font-size : large;
   text-align: left;
   color: rgb(0,0,0);}

/* Style : gras */	
strong
{  font-weight: bold;}

/* positionnement du block */
#corps
{  margin-right: 8px;
   margin-bottom: 0px;
   margin-top: 8px;
   padding: 5px;
   width: 575px;
   height: 346px;
   overflow : auto;
   color: black;
   border: none;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: justify;
   float: right;}
   
#corps_implant
{  margin-right: 18px;
   margin-bottom: 0px;
   margin-top: 11px;
   padding: 5px;
   width: 575px;
   height: 346px;
   overflow : auto;
   color: black;
   border: none;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: justify;
   float: right;
   background-image: url("images/backgroundimplant.png");
   background-repeat:no-repeat;
   background-attachment: scroll;
   background-position: 2px 2px;}

/* style du tableau historique */
#tableauhisto
{  border: 1px solid rgb(102,102,102);
   border-collapse: collapse;
   padding: 5px;}

/* photo centrée */   
.imgcenter
{  margin-left: 117px;}

/* photo en float gauche */
.imgleft
{  float: left;
   margin-right: 10px;}

/* souligner du texte */   
.souligne
{  text-decoration: underline;}

/* ****** */
h1
{  border: none;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : medium;
   text-align: left;
}

.men1 
{  border: none;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: center;
   padding: 2px;
   width: 90px;
   color: rgb(70,70,70);}

.men2
{  border: none;
   font-family: Verdana, Calibri, Arial, serif;
   font-size : small;
   text-align: justify;
   padding: 5px;
   width: 440px;
   color: rgb(0,0,0);}
/* ****** */

/* Style de puce : flèche */
.puce1 ul
{  font-family: Verdana, Calibri, Arial, serif;
   font-size : medium;
   color: rgb(70,70,70);
   list-style-image: url("images/fleche.png");}

.puce1 a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: medium;
   text-decoration: none;
   color: black;
   font-size: medium;}

.puce1 a:hover
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: medium;
   text-decoration: none;
   color: rgb(255,153,0);}


/* Style de puce : étoile */
.puce2 ul
{  font-family: Verdana, Calibri, Arial, serif;
   font-size : medium;
   color: rgb(70,70,70);
   list-style-image: url("images/etoile.png");}

.puce2 a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: medium;
   text-decoration: none;
   color: black;}


/* Style de puce : carré */   
.puce3 ul
{  font-family: Verdana, Calibri, Arial, serif;
   font-size : medium;
   color: rgb(70,70,70);
   list-style-image: url("images/carre.png");}

.puce3 a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   text-decoration: none;
   color: black;}

.puce3 a:hover
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   text-decoration: none;
   color: rgb(255,153,0);}

   
/* style de puce : v */
.puceenV ul
{  list-style-image: url("images/V.png");}
   
/* Légende des photos */   
.legende
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   text-decoration: none;
   color: rgb(70,70,70);
   text-align: center;}

/* Texte en float gauche */   
.textgauche
{  float: left;
   width: 375px;
   border: none;}

/* positionnement photo */   
.photo
{  margin-left: 425px;}


/* Positionnement des liens vers les agences */
#decize
{  margin-left: 391px;
   margin-top: 68px;
   border: none;}

#decize td
{  width : 65px;
   height : 10px;
   border: none;}

.deciz a
{  color: none;
   text-decoration: none;}

.deciz a:hover
{  color: none;
   text-decoration: none;}

#lapalisse
{  margin-left: 378px;
   margin-top: 38px;
   border: none;}

#lapalisse td
{  width : 65px;
   height : 10px;
   border: none;}

.lapaliss a
{  color: none;
   text-decoration: none;}

.lapaliss a:hover
{  color: none;
   text-decoration: none;}

#mtboucher
{  margin-left: 218px;
   margin-top: 10px;
   border: none;
   float: left;}

#mtboucher td
{  width : 75px;
   height : 10px;
   border: none;}

.mtbouche a
{  color: none;
   text-decoration: none;}

.mtbouche a:hover
{  color: none;
   text-decoration: none;}

#clermont
{  margin-left: 70px;
   margin-top: 18px;
   border: none;}

#clermont td
{  width : 115px;
   height : 10px;
   border: none;}

.clermon a
{  color: none;
   text-decoration: none;}

.clermon a:hover
{  color: none;
   text-decoration: none;}

#tauves
{  margin-left: 351px;
   margin-top: 1px;
   border: none;}

#tauves td
{  width : 65px;
   height : 10px;
   border: none;}

.tauve a
{  color: none;
   text-decoration: none;}

.tauve a:hover
{  color: none;
   text-decoration: none;}

#stflour
{  margin-left: 284px;
   margin-top: 16px;
   border: none;
   float: left;}

#stflour td
{  width : 65px;
   height : 10px;
   border: none;}

.stflou a
{  color: none;
   text-decoration: none;}

.stflou a:hover
{  color: none;
   text-decoration: none;}

#langeac
{  margin-left: 30px;
   margin-top: 17px;
   border: none;}

#langeac td
{  width : 65px;
   height : 10px;
   border: none;}

.langea a
{  color: none;
   text-decoration: none;}

.langea a:hover
{  color: none;
   text-decoration: none;}

#marvejols
{  margin-left: 381px;
   margin-top: 20px;
   border: none;}

#marvejols td
{  width : 65px;
   height : 10px;
   border: none;}

.marvejol a
{  color: none;
   text-decoration: none;}

.marvejol a:hover
{  color: none;
   text-decoration: none;}

/* mise en page agences */   

.photoagence
{  margin-right: 10px;
   margin-top: 15px;
   border: none;
   float: right;}

.photoagence2
{  margin-right: 0px;
   margin-top: 0px;
   border: none;
   float: right;}

.informations   
 {  width: 365px;
   height: 300px;
   border: none;
   background-image: url("images/backgroundagences.png");
   background-repeat:no-repeat;
   background-attachment: scroll;
   background-position: 2px 5px;} 
   
#retourimplant
{  margin-left: 490px;
   margin-top: 5px;
   border: none;}

#retourimplant td
{  width : 80px;
   height : 27px;
   border: none;}

.retourimplan a
{  font-family: Arial, serif;
   font-size: small;
   font-weight: bold;
   color: rgb(80,80,80);
   text-decoration: underline;}

.retourimplan a:hover
{  color: none;
   text-decoration: underline;}


.chefent
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;
   padding-left: 15px;}


#infosag td
{  border: none;
   width: 320px;}

.infos
{  margin-left: 25px;
   height: 25px;
   font-family: Arial, serif;
   text-align: justify;
   padding-left: 30px;
   color: rgb(105,105,105);
   font-size : small;
   font-weight: normal;
   font-style: normal;}

.infos2
{  font-family: Arial, serif;
   text-align: justify;
   color: rgb(105,105,105);
   padding-left: 30px;
   font-size : small;
   font-weight: normal;
   font-style: normal;
   height: 90px;}

.agence
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   padding-top: 20px;
   padding-left: 15px;
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;}

#ra td
{  border: none;
   width: 150px;}

.infosra
{  margin-left: 25px;
   height: 25px;
   font-family: Arial, serif;
   text-align: justify;
   padding-left: 30px;
   color: rgb(105,105,105);
   font-size : small;
   font-weight: normal;
   font-style: normal;}

   
   
/*****************************************/

/************ pied de page **************/
/* Positionnement du block de pied de page */
#pied_de_page
{  margin-left: 10px; 
   margin-top: 374px;
   width: 775px;
   height: 25px;
   border: none;}
   
#pied
{  margin-left: 476px; 
   margin-top: 0px;
   border: none;}
   
/* les cellules du tableau */
#pied td 
{  border-collapse: collapse;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left;
   height: 0px;
   border: none;}


/* taille des cellules */
.env
{  /*height: 20px;*/
   width: 25px;}

.plan
{  /*height: 20px;*/
   width: 163px;}
.barre
{ widht: 50px;}
/* Style des liens */
.plan a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   text-decoration: none;
   color: rgb(102,102,102);
   vertical-align: top;}

.plan a:hover
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   text-decoration: none;
   color: rgb(255,153,0);}

/*****************************************/ri, Arial, serif;
   color: rgb(80,80,80);}
   
#ajout_doc a
{  text-decoration: none;
   font-family: Verdana, Calibri, Arial, serif;
   color: rgb(80,80,80);}
   
#ajout_doc a:hover  
{  text-decoration: underline;
   font-family: Verdana, Calibri, Arial, serif;
   color: rgb(80,80,80);}
     
/* Lien pour l'acces aux archives */
.colonne_vide
{  width: 155px;}

/* croix rouge gras */
.rouge_gras 
{  color: rgb(255,0,0);
   font-weight: bold;
   text-decoration: none;}

/* Positionnement des liens vers les agences */
#decize
{  margin-left: 391px;
   margin-top: 68px;
   border: none;}

#decize td
{  width : 65px;
   height : 10px;
   border: none;}

.deciz a
{  color: none;
   text-decoration: none;}

.deciz a:hover
{  color: none;
   text-decoration: none;}

#lapalisse
{  margin-left: 378px;
   margin-top: 38px;
   border: none;}

#lapalisse td
{  width : 65px;
   height : 10px;
   border: none;}

.lapaliss a
{  color: none;
   text-decoration: none;}

.lapaliss a:hover
{  color: none;
   text-decoration: none;}

#mtboucher
{  margin-left: 218px;
   margin-top: 10px;
   border: none;
   float: left;}

#mtboucher td
{  width : 75px;
   height : 10px;
   border: none;}

.mtbouche a
{  color: none;
   text-decoration: none;}

.mtbouche a:hover
{  color: none;
   text-decoration: none;}

#clermont
{  margin-left: 70px;
   margin-top: 18px;
   border: none;}

#clermont td
{  width : 115px;
   height : 10px;
   border: none;}

.clermon a
{  color: none;
   text-decoration: none;}

.clermon a:hover
{  color: none;
   text-decoration: none;}

#tauves
{  margin-left: 351px;
   margin-top: 1px;
   border: none;}

#tauves td
{  width : 65px;
   height : 10px;
   border: none;}

.tauve a
{  color: none;
   text-decoration: none;}

.tauve a:hover
{  color: none;
   text-decoration: none;}

#stflour
{  margin-left: 284px;
   margin-top: 16px;
   border: none;
   float: left;}

#stflour td
{  width : 65px;
   height : 10px;
   border: none;}

.stflou a
{  color: none;
   text-decoration: none;}

.stflou a:hover
{  color: none;
   text-decoration: none;}

#langeac
{  margin-left: 30px;
   margin-top: 17px;
   border: none;}

#langeac td
{  width : 65px;
   height : 10px;
   border: none;}

.langea a
{  color: none;
   text-decoration: none;}

.langea a:hover
{  color: none;
   text-decoration: none;}

#marvejols
{  margin-left: 381px;
   margin-top: 20px;
   border: none;}

#marvejols td
{  width : 65px;
   height : 10px;
   border: none;}

.marvejol a
{  color: none;
   text-decoration: none;}

.marvejol a:hover
{  color: none;
   text-decoration: none;}

/* mise en page agences */   

.photoagence
{  margin-right: 10px;
   margin-top: 15px;
   border: none;
   float: right;}

.photoagence2
{  margin-right: 0px;
   margin-top: 0px;
   border: none;
   float: right;}

.photoagence_l
{  margin-right: 2px;
   margin-top: 15px;
   border: none;
   float: right;}
   
.informations   
 {  width: 365px;
   height: 300px;
   border: none;
   background-image: url("images/backgroundagences.png");
   background-repeat:no-repeat;
   background-attachment: scroll;
   background-position: 2px 5px;} 
   
#retourimplant
{  margin-left: 490px;
   margin-top: 5px;
   border: none;}

#retourimplant td
{  width : 80px;
   height : 27px;
   border: none;}

.retourimplan a
{  font-family: Arial, serif;
   font-size: small;
   font-weight: bold;
   color: rgb(80,80,80);
   text-decoration: underline;}

.retourimplan a:hover
{  color: none;
   text-decoration: underline;}


.chefent
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;
   padding-left: 15px;}

.chefent a
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;
   padding-left: 0px;
   text-decoration: none;}
   
.chefent a:hover
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;
   padding-left: 0px;
   text-decoration: none;}



   
#infosag td
{  border: none;
   width: 320px;}

.infos
{  margin-left: 25px;
   height: 25px;
   font-family: Arial, serif;
   text-align: justify;
   padding-left: 30px;
   color: rgb(105,105,105);
   font-size : small;
   font-weight: normal;
   font-style: normal;}

.infos2
{  font-family: Arial, serif;
   text-align: justify;
   color: rgb(105,105,105);
   padding-left: 30px;
   font-size : small;
   font-weight: normal;
   font-style: normal;
   height: 90px;}

.agence
{  font-family: Arial, serif;
   text-align: left;
   color: rgb(100,100,100);
   padding-top: 20px;
   padding-left: 15px;
   font-size: medium;
   font-weight: bold;
   font-style: italic;
   height: 30px;}

#ra td
{  border: none;
   width: 150px;}

.infosra
{  margin-left: 25px;
   height: 25px;
   font-family: Arial, serif;
   text-align: justify;
   padding-left: 30px;
   color: rgb(105,105,105);
   font-size : small;
   font-weight: normal;
   font-style: normal;}

 .form_client
{  height: 50px;
   border: none;
   width: 180px;}   

.form_client_rouge
{  height: 50px;
   border: none;
   width: 180px; 
   color: rgb(255,0,0);}   

.rouge
{  color: rgb(255,0,0);}

.form_client2
{  height: 50px;
   border: none;
   width: 355px;}   

.form_client2_rouge
{  height: 50px;
   border: none;
   width: 355px; 
   color: rgb(255,0,0);}

.form_adresse
{  margin-left: 3px;}

.form_adresse1
{  margin-left: 3px;
   width: 275px;}

.form_dpt
{  width: 10px;}

#form_panne
{  width: 400px;
   height: 150px;}  
/*****************************************/

/************ pied de page **************/
/* Positionnement du block de pied de page */
#pied_de_page
{  margin-right: 10px; 
   margin-top: 7px;
   width: 775px;
   height: 25px;
   border: none;
   float: right;}
   
#pied
{  margin-left: 476px; 
   margin-top: 0px;
   border: none;}
   
/* les cellules du tableau */
#pied td 
{  border-collapse: collapse;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left;
   height: 0px;
   border: none;}

.barre
{ widht: 50px;}
   
/* taille des cellules */
.env
{  /*height: 20px;*/
   width: 25px;}
   
.lien
{  width: 12px;}

.lien a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   color: rgb(0,0,0);
   text-decoration: none;}

.lien a:hover
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   color: rgb(65,83,92);
   text-decoration: underline;}
   
.plan
{  /*height: 20px;*/
   width: 163px;}

/* Style des liens */   
.plan a
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   color: rgb(0,0,0);
   text-decoration: none;}

.plan a:hover
{  font-family: Verdana, Calibri, Arial, serif;
   font-size: small;
   color: rgb(65,83,92);
   text-decoration: underline;}