/* ------------------------------------Parametre maître------------------------------------------------------------*/

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  background: url(images/fullbody.gif);
  margin: 0;
  padding: 0;
  }

/* ------------------------------------Parametre image caré grise --------------------------------------------------*/

#fullContainer { 
  height: 900px;
  width: 1265px;
  background: url(images/fond_haut.jpg) 6px 0 repeat-x; }


/* ------------------------------------Parametre des balises P -----------------------------------------------------*/

p {
  margin: 0 0 10px 0;
  }

p.img {                                                      /*----- Parametre image simple ---------------*/
  margin-left:10px;
  }

p.imgetape {                                                      /*----- Parametre image simple ---------------*/
  margin-left:30px;

  }

p.imgtext {                                                  /*----- Parametre image texte ----------------*/
  margin-left:45px;
  }

p.imgsit {                                                   /*----- Parametre image site (titre) ---------*/
  margin-left:30px;
  }

p.cadre1 {
  margin-top:-160px;
  margin-left:400px;
  }
p.imgsigne {
  margin-top:-165px;
  margin-left:400px;
  display:none;
  }

/* ------------------------------------Parametre des balises de texte -----------------------------------------------*/

h1.para {                                                  /*----- Parametre paragraphe -------------------*/
  margin-left:50px;
  margin-right:50px;
  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-align:justify;
  }

h1.rep {                                                  /*----- Parametre paragraphe -------------------*/
  margin-left:50px;
  margin-right:50px;
  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  }
  
h1.infopaiement {                                                  /*----- Parametre paragraphe -------------------*/
  margin-left:50px;
  margin-right:50px;
  color:#ffbe4c;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  }
  
h1.infopaiementCB {                                                  /*----- Parametre paragraphe -------------------*/
  margin-left:50px;
  margin-right:50px;
  color:#ffbe4c;
  font-size:1em;
  font-weight:bold;
  text-align:justify;
  }

h1.titre {                                                 /*----- Parametre titre orange -----------------*/
  color: #ffbe4c;
  text-align: center;
  font-family: Verdana;
  font-size: 1.5em;
  }
h1.titreform {                                                 /*----- Parametre titre orange -----------------*/
  color: #ffbe4c;
  text-align: left;
  font-family: Verdana;
  font-size: 1.2em;
  text-decoration: underline;
  margin-left: 50px;
  }
h1.ast {                                                 /*----- Parametre titre orange -----------------*/
  color: #ffbe4c;
  text-align: left;
  font-family: Verdana;
  font-size: 0.8em;
  margin-left: 50px;
  }

h1.titreparagraphe {                                       /*----- Parametre titre(petit) orange ----------*/
  margin-left:50px;
  color: #ffbe4c;
  text-align: left;
  font-family: Verdana;
  font-size: 1.3em;
  text-decoration: underline;
  }

h1.tire {                                                  /*----- Parametre texte tiré -------------------*/
  color: #fff;
  margin-left: 120px;
  text-align: left;
  font-family: Verdana;
  font-size: 1em;
  }

h1.copy {                                                   /*----- Parametre copi right -------------------*/
  font-size: 0.8em;
  font-family: Verdana;
  color: #3448e1;
  text-align: center;
  }

h1.form {
  font-family: Verdana;
  font-size: 1em;
  font-weight: bold;
  color:#ffffff;
  }


/* ---------------------------présentation de la composition du site internet-------------------------------
  
  |------------------------------------------------------------------------------|
  |                               BANDEAU (header)                               |
  |------------------------------------------------------------------------------|
  |                                HAUT  (haut)                                  |
  |------------------------------------------------------------------------------|
  |            ||               CONTENEUR (conteneur)           ||               |
  |            ||-----------------------------------------------||               |
  |            ||                                               ||     DROIT     |
  |   GAUCHE   ||                CENTRE (center)                ||   (droite)    |
  |  (gauche)  ||                                               ||               |
  |            ||-----------------------------------------------||               |
  |------------|-------------------------------------------------|---------------|
  |                              PIED (pied)                                     |
  |------------|-------------------------------------------------|---------------|

*/

/* ------------------------------------Parametre du BANDEAU -----------------------------------------------*/

#header{ 
  margin-left:    140px;
  height:         150px;
  width:          950px;
  background-image:url(images/bandeau2.jpg);
  }

/* ------------------------------------Parametre du HAUT --------------------------------------------------*/

#haut {
  height:          0px;
  }

/* ------------------------------------Parametre du CONTENEUR ---------------------------------------------*/

#conteneur {
  width:          950px;
  margin-left:   0 auto;
  }

/* ------------------------------------Parametre du CENTRE ------------------------------------------------*/

#centre {
  margin-left:   240px;
  width:         756px;
  margin-right:  -45px;
  margin-top:     -0px;
  background-image:url(images/image_fond_centre2.jpg);
  }

/* ------------------------------------Parametre de GAUCHE ------------------------------------------------*/

#gauche {
  position: absolute;
  left:            0;
  width:       150px;
  }

/* ------------------------------------Parametre de DROITE ------------------------------------------------*/

#droite {
  position: absolute;
  right:         3px;
  width:       260px;
  }


/* ------------------------------------Parametre du pied --------------------------------------------------*/

#pied { 
  clear:both;
  margin-left:   241px;
  margin-right:   60px;
  width:         754px;
  height:        45px;
  background-image: url(images/image_bas2.jpg);
  }

/* ------------------------------------Parametre du tableau -----------------------------------------------*/

#tableau {
  margin-left:     0px;
  margin-top:     -3px;
  margin-bottom:  -0px;
  width:         473px;
  background-image:url(images/tableau_centre.png);
  }

/* ------------------------------------Parametre du menu dessousmenu --------------------------------------*/

#dessousmenu {
  margin-left:   237px;
  margin-right:   60px;
  width:         762px;
  height:        49px;
  background-image:url(images/image_haut2.jpg);
  }

/* ------------------------------------Parametre paiement --------------------------------------*/

#fondpaiement {

  margin-top:     -3px;

  background-image:url(images/paiementcentre.png);
  }

/* ------------------------------------Parametre du menu infotext -----------------------------------------*/

#infotext {
  margin-left:    45px;
  margin-right:   50px;
  margin-top:    -16px;
  margin-bottom:  -9px;
  background-image:url(images/imagecentre_text.png);
  }
  
/* ------------------------------------Parametre du menu infotext -----------------------------------------*/

#tabpai {
  margin-left:    30px;
  }

/* ------------------------------------Parametre de la premiere ligne de menu -----------------------------*/

dl, dt, dd, ul, li {                                     /*----- Parametre de toutes les balises du menu --*/
  margin:             0;
  padding:          0px;
  list-style-type: none;
  }

#menu-ligne1 {                                            /*----- Parametre de positionnement -------------*/
  position:    absolute;
  top:            150px;
  left:           320px;
  }

#menu-ligne1 dl {                                         /*----- Parametre dl ----------------------------*/
  float:           left;
  padding-left:     0px;
  }

#menu-ligne1 dt {                                         /*----- Parametre d'un bouton -------------------*/
  cursor:       pointer;
  margin:         2px 0;
  height:          50px;
  line-height:     20px;
  text-align:    center;
  font-weight:     bold;
  }

#menu-ligne1 dd {                                         /*----- Parametre bordure -----------------------*/
  border: 1px solid gray;
  }

#menu-ligne1 li a, #menu-ligne1 dt a {                    /*----- Parametre selection ---------------------*/
  color:           #000;
  text-decoration: none;
  display:        block;
  border:        0 none;
  height:          100%;
  }

.bt1 /* style des onglets inactifs */
{
  float:             left;                                    /* boite en mode float, pour pouvoir en définir la largeur */
  width:            120px;                                    /* largeur de la boite float */
  text-decoration:   none;                                    /* les lien dans les onglets ne sont pas soulignés */
  text-align:      center;                                    /* Le texte des onglets est centré */
  background : url(images/Bouton/Btacc1.png) bottom no-repeat; /* image de fond de la boite float, calée en bas */
}

.bt2 /* style des onglets inactifs */
{

  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:120px ; /* largeur de la boite float */
  background : url(images/Bouton/Btprofil1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}

  .bt3 /* style des onglets inactifs */
{

  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:120px ; /* largeur de la boite float */
  background : url(images/Bouton/btret1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}



a.bt1:hover
{
  background : url(images/Bouton/Btacc2.png); /* lors du survol d'un lien, l'image de l'onglet change */
}

a.bt2:hover
{
  background: url(images/Bouton/Btprofil2.png); /* lors du survol d'un lien, l'image de l'onglet change */
}

a.bt3:hover
{
  background: url(Images/Bouton/Btret2.png); /* lors du survol d'un lien, l'image de l'onglet change */
}


/* ------------------------------------Parametre de la premiere ligne de menu -------------------------------*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0px;
list-style-type: none;
}

#menu2 {
position: absolute;
top: 120px;
left: 140px;
}

#menu2 dt {
cursor: pointer;
margin: 2px 0;;
height: 50px;
line-height: 20px;
text-align: center;
font-weight: bold;
}

#menu dd {
border: 1px solid gray;
}
#menu2 li a, #menu2 dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}



/* ------------------------------------Parametre du menu de gauche -------------------------------*/


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 120px;
left: 70px;
}


#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 50px;
line-height: 20px;
text-align: center;
font-weight: bold;


}

#menu dd {
border: 1px solid gray;
}



#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}



.signe1 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btbelier1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}

.signe2 /* style des onglets inactifs */
{

  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/bttaureau1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}

.signe3 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btgemaux1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}

.signe4 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btcancer1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe5 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btlion1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe6 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btvierge1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe7 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btbalance1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe8 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btscorpion1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe9 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btsagittaire1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe10 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btcapricorne1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe11 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btverseau1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
.signe12 /* style des onglets inactifs */
{
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:65px ; /* largeur de la boite float */
  background : url(images/Bouton/btpoisson1.png) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */

}
 /*------------------------------------ parametre du menu survolée ------------------------------------*/

a.signe1:hover  {   background: url(images/Bouton/btbelier2.png);}     /* survol belier     */
a.signe2:hover  {   background: url(images/Bouton/bttaureau2.png);}    /* survol taureau    */
a.signe3:hover  {   background: url(images/Bouton/btgemaux2.png);}     /* survol gemaux     */
a.signe4:hover  {   background: url(images/Bouton/btcancer2.png);}     /* survol cancer     */
a.signe5:hover  {   background: url(images/Bouton/btlion2.png);}       /* survol lion       */
a.signe6:hover  {   background: url(images/Bouton/btvierge2.png);}     /* survol vierge     */
a.signe7:hover  {   background: url(images/Bouton/btbalance2.png);}    /* survol balance    */
a.signe8:hover  {   background: url(images/Bouton/btscorpion2.png);}   /* survol scorpion   */
a.signe9:hover  {   background: url(images/Bouton/btsagittaire2.png);} /* survol sagittaire */
a.signe10:hover {   background: url(images/Bouton/btcapricorne2.png);} /* survol capricorne */
a.signe11:hover {   background: url(images/Bouton/btverseau2.png);}    /* survol verseau    */
a.signe12:hover {   background: url(images/Bouton/btpoisson2.png);}    /* survol poisson    */

/* ------------------------------------Parametre case à remplir pour le formulaire -------------------------------*/


.etiquette {
color: #000000;
cursor: pointer;}

.champ {
background: #960202;
border: solid 1px #b87678;
border-top-color: #888888;
border-left-color: #888888;
color: #ffffff;}

.champ:hover, .champ:focus {
border: 1px solid #ffb11a;
background: #ffffff;
color: #000000;}




/* ------------------------------------Parametre bouton Envoyer/Recommencer -------------------------------*/

.btenr { border:0; color: #000099; background: url(images/Bouton/Btenr1.png); border: solid 0px; width: 120px; height: 50px;}
.btenr:hover {color: #6666ff; background: url(images/Bouton/Btenr2.png);}

.btreco { color: #000099; background: url(images/Bouton/Btreco1.png); border: solid 0px; width: 120px; height: 50px;}
.btreco:hover {color: #6666ff; background: url(images/Bouton/Btreco2.png);}

.btret { color: #000099; background: url(images/Bouton/Btret1.png); border: solid 0px; width: 120px; height: 50px;}
.btret:hover {color: #6666ff; background: url(images/Bouton/Btret2.png);}

.btpaiement { border:0; color: #000099; background: url(images/OK.png); border: solid 0px; width: 52px; height: 36px;}
.btpaiement:hover {color: #6666ff; background: url(images/OKselec.png);}

/* ------------------------------------Parametre infobull -------------------------------*/

a.info1{position:relative; z-index:24; color:#000; text-decoration:none }
a.info1 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info1:hover{z-index:25; background: url(images/Bouton/btbelier2.png)}
a.info1:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info2{position:relative; z-index:24; color:#000; text-decoration:none }
a.info2 span{display: none;}             /*permet de cacher l'info bull quand on est pas dessus */
a.info2:hover{z-index:25; background: url(images/Bouton/bttaureau2.png)}
a.info2:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info3{position:relative; z-index:24; color:#000; text-decoration:none }
a.info3 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info3:hover{z-index:25; background: url(images/Bouton/btgemaux2.png)}
a.info3:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info4{position:relative; z-index:24; color:#000; text-decoration:none }
a.info4 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info4:hover{z-index:25; background: url(images/Bouton/btcancer2.png)}
a.info4:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info5{position:relative; z-index:24; color:#000; text-decoration:none }
a.info5 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info5:hover{z-index:25; background: url(images/Bouton/btlion2.png)}
a.info5:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info6{position:relative; z-index:24; color:#000; text-decoration:none }
a.info6 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info6:hover{z-index:25; background: url(images/Bouton/btvierge2.png)}
a.info6:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info7{position:relative; z-index:24; color:#000; text-decoration:none }
a.info7 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info7:hover{z-index:25; background: url(images/Bouton/btbalance2.png)}
a.info7:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info8{position:relative; z-index:24; color:#000; text-decoration:none }
a.info8 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info8:hover{z-index:25; background: url(images/Bouton/btscorpion2.png)}
a.info8:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info9{position:relative; z-index:24; color:#000; text-decoration:none }
a.info9 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info9:hover{z-index:25; background: url(images/Bouton/btsagittaire2.png)}
a.info9:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info10{position:relative; z-index:24; color:#000; text-decoration:none }
a.info10 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info10:hover{z-index:25; background: url(images/Bouton/btcapricorne2.png)}
a.info10:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info11{position:relative; z-index:24; color:#000; text-decoration:none }
a.info11 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info11:hover{z-index:25; background: url(images/Bouton/btverseau2.png)}
a.info11:hover span{display:block;position:absolute;top:1em;left:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */

a.info12{position:relative; z-index:24; color:#000; text-decoration:none }
a.info12 span{display: none;}             /*permet e cacher l'info bull quand on est pas dessus */
a.info12:hover{z-index:25; background: url(images/Bouton/btpoisson2.png)}
a.info12:hover span{display:block;position:absolute;top:1em;right:5em;border:1px solid #a32525;
                  background-color:#ffbe4c;color:#a32525;text-align: justify;font-weight:none;padding:1px;}  /*le contenu de la balise span ne sera visible que pour l'état a:hover */


a.info{
  position:relative; 
  z-index:24;
  color:#000; 
  text-decoration:none }

a.info span{
  display: none; }             /*permet e cacher l'info bull quand on est pas dessus */

a.info:hover{
  z-index:25; }

a.info:hover span{
  display:block;
  position:absolute;
  top:2em; 
  left:2em; 
  width:30em;
  border:1px solid #a32525;
  background-color:#ffbe4c;
  color:#a32525;

  text-align: justify;
  font-weight:none;
  padding:1px; }  /*le contenu de la balise span ne sera visible que pour l'état a:hover */