body{background-image:url(templates/template_site/barcous/images/fond.jpg);margin:0;padding:0;color:#FFF;}
img{border:0;}
H1{color:#222e4b;font-size:10pt;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;line-height:normal;}
A.type2:link{text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-right:20px;padding-top:20px;;color:#FFFFFF;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.type2:visited{text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-right:20px;padding-top:20px;color:#FFFFFF;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.type2:active{text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-right:20px;padding-top:20px;color:#FFFFFF;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.typen:link{list-style:none;text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-right:20px;padding-top:20px;;color:#000000;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.typen:visited{list-style:none;text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-right:20px;padding-top:20px;color:#FF6699;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.typen:hover{text-align:right;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-right:20px;padding-top:20px;color:#FF6699;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.typen:active{text-align:right;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-right:20px;padding-top:20px;color:#000000;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.type5:link{list-style:none;text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-left:5px;padding-top:20px;;color:#3B86C3;;text-decoration:none;font-weight:normal;font-family:Verdana;text-decoration:underline;}
A.type5:visited{list-style:none;text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-left:5px;padding-top:20px;color:#3B86C3;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.type5:hover{text-align:right;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-left:5px;padding-top:20px;color:#FF6699;text-decoration:none;font-weight:normal;font-family:Verdana;}
A.type5:active{text-align:right;list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;padding-top:20px;color:#3B86C3;text-decoration:none;font-weight:normal;padding-left:5px;}
.input{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;letter-spacing:1px;padding-left:3px;color:#222e4b;}
.mess{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11pt;letter-spacing:1px;word-spacing:2px;border-top:1px solid;border-bottom:1px solid;border-color:#FF0000;color:#FF0000;}
.mess_etoile{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9pt;color:#FF0000;}
.table{border-width:1px;border-style:solid;border-color:black;font:Verdana, Arial, Helvetica, sans-serif;font-size:13px;letter-spacing:1px;border-spacing:0px;color:#222e4b;}
.table11{border-width:0px;border-style:solid;border-color:black;font:Verdana, Arial, Helvetica, sans-serif;font-size:13px;letter-spacing:1px;border-spacing:0px;color:#222e4b; background:#E7E1E6;padding-left:5px;padding-top:5px;}
.Listing_cmd{text-align:left;color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;}
.Bouton_form2{background-image:url(images/bouton/bouton_centre80.png);height:25px;width:150px;float:left;color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px text-align:center;}
.Input_Compte{background-color:transparent;border:0px;border-top:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #666666;border-left:1px solid #666666;color:#222e4b;width:250px;}
.ami_titre{padding:0px;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#808080;font-weight:bold;}
.ami_font{font-size:11px;color:#808080;font-family:Arial, Helvetica, sans-serif;}
.traitgauche{border-top:1px solid #222e4b;padding-left:5px;margin-left:50px;}
A:link, A:visited{color:#222e4b;text-decoration:none;}
A:hover{text-decoration:none;}
.navTitle{margin-left:12px;margin-right:14px;margin-bottom:8px;padding-top:15px;padding-bottom:3px;width:143px;font:normal 13px Times, "times new roman", serif;color:#222e4b;border-bottom:1px solid #ccc;}
.Title{font:normal 13px Times, "times new roman", serif;color:#222e4b;}
.epuise{position:absolute;z-index:6;width:37px;}
.promo{position:absolute;z-index:4;left:800px;top:225px;}
.partage-f{position:absolute;z-index:4;font-family:Verdana, Arial, Helvetica, sans-serif;color:#3366FF;left:729px;top:234px;}
.produit{font:normal 11px Times, "times new roman", serif;color:#222e4b;}
.Title_b{font:Verdana, Arial, Helvetica, sans-serif,14px;color:#3B86C3;padding-left:5px;letter-spacing:1px;}
.Titleg{font-family:Verdana, Arial, Helvetica, sans-serif;letter-spacing:1px;font-size:12px;padding-left:3px;color:#222e4b;}
.lettte-espacer{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;letter-spacing:1px;color:#222e4b;}
.Style43{font-size:13px;color:#222e4b;padding-left:10px;font:Verdana, Arial, Helvetica, sans-serif;}
A.type4:link{text-align:right;color:#B2983B;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-left:8px;padding-right:8px;padding-top:7px;}
A.type4:visited{color:#B2983B;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-left:8px;padding-right:8px;padding-top:7px;}
A.type4:active{color:#B2983B;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;padding-left:8px;padding-right:8px;padding-top:7px;}
.navseparation{margin-left:12px;margin-right:14px;margin-bottom:8px;padding-top:15px;padding-bottom:3px;width:143px;font:normal 13px Times, "times new roman", serif;color:#222e4b;}
.navTitle1{margin-left:12px;margin-right:14px;margin-bottom:8px;padding-top:15px;padding-bottom:15px;width:150px;font:normal 13px Times, "times new roman", serif;color:#222e4b;border-top:1px solid #0088CF;border-bottom:1px solid #0088CF;}
#main_table{background:#fff;width:964px;}
.navTitleLink{margin:12px;margin-right:14px;margin-bottom:8px;padding-top:15px;padding-bottom:3px;width:143px;font:normal 13px Times, "times new roman", serif;color:#222e4b;}
.navTitleLink a{font:normal 13px Times, "times new roman", serif;color:#222e4b;text-decoration:none;border-bottom:0px;}
.navTitleLink a:hover{font:normal 13px Times, "times new roman", serif;color:#d5ae65;text-decoration:none;}
#menu21{padding-left:20px; width:150px;margin:0px;font:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}/* padding-left:20px  espacement gauche   */
#menu21 ul{list-style:none;margin:0;padding:0;border-bottom:1px solid #ccc;}
#menu21 li a{height:20px;voice-family:"\"}\"";voice-family:inherit;height:20px;text-decoration:none;}
#menu21 li a:link, #menu21 li a:visited{color:#09003E;display:block;background:url(../../../images/fond-gauche.jpg);padding:8px 0 0 10px;}/* padding:8px c est le hauteur du bloc  */
#menu21 li a:hover{color:#09003E;background:#F1F1F1;padding:8px 0 0 10px;}
.Box_menu_bas{text-align:center;padding-right:27px;color:#000;font-size:7pt;}
.Box_menu_bas a{color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none;}
.Box_Information a{color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7pt;text-decoration:none;}
.Inscription_Nom1{float:left;width:110px;display:inline;padding-top:12px;}
.table1{border:0px;background:#A8A8AA;margin-left:auto;margin-right:auto;width:1000px;}
td1, th1{border:thin solid #6495ed;}
table#main_entete{background-color:#FFFFFF;border:0px;width:1000px;margin-left:auto;margin-right:auto;}
table#milieu{background-color:#FFFFFF;border:0px;width:1000px;!important margin-left:auto;margin-right:auto;}
.li,ul{color:#222e4b;font-size:11pt;font-family:Verdana, Arial, Helvetica, sans-serif;}
.li,ul a:hover{color:#222e4b;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.li,ul a{color:#222e4b;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.Style38{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;}
.Style39{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color: #FFFFFF;}
/* on souligne le texte */

a.info {  position: relative;   color: black;   text-decoration: none;   border-bottom: 1px gray dotted; /* on souligne le texte */}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer ; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color:FFFFFF ;
   padding: 3px;
   border: 1px solid FFFFFF;
   border-left: 4px solid FFFFFF;}