/** reset **/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; border : none}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
sup { font-size: .7em; line-height: .8em; }

/** ************* GÉNÉRAL ******** **/


body {padding : 0px; font-family: Arial,Helvetica,Verdana,Ms sans serif;font-size : 11px;	color : #333333; margin: 0px auto;cursor:default; background-color: #ffffff;}
#container {width: 985px; margin: 0px auto; display : block; background: #ffffff;  text-align : left; position : relative;padding:0px; height : 100%;}
a {text-decoration : underline;}
a:hover {text-decoration : none;}
a.rose { color : #e2017b;text-transform: uppercase}
.bouton_rose { display:block;  background: url(../images/bg_button.png) no-repeat; padding-top :4px;text-align : center; color:#ffffff;font-size : 08pt; text-transform:uppercase; width : 127px;height:18px;cursor:pointer;text-decoration : none;  }


p.promotion { color : #ff0000}
p.promotion.fp { margin-bottom : 15px; }


p.promotion a { color : #ff0000; text-decoration : underline}
p.promotion a:hover { color : #ff0000; text-decoration : none}

/** les formulaires **/

form { margin:0px;}
form textarea { width: 150px; height: 50px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
form input[type="submit"] {margin: 0px; padding: 0px; width: 21px; height: 21px; border: none; background: url(../images/button_ok.png) no-repeat 0 0; font-weight: bold; color: #ffffff; margin-left: 5px; font-family: arial; font-size : 08px; padding-top:3px;cursor:pointer;text-align:center;}
form input[type="text"] { width: 150px;height : 10px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
form input[type="password"] { width: 150px;height : 10px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
form select { background-color: #f2f2ef; border :1px #aab1b5 solid;font-size : 07pt; margin : 0px;height : 17px; }
form.panier { margin-top : 5px;}
form.panier input[type="submit"] { background: url(../images/add_panier.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin-left: 45px; width : 93px; height : 32px;font-family: arial; font-size : 08px;padding-top:3px;cursor:pointer;text-align:center;}
form.panier select.fichepdt { float: left;display : block;overflow:hidden;}
form.panier label.fichepdt { float: left;display : block;overflow:hidden; margin-right : 10px;}
form.panier input[type="submit"].fichepdt { background: url(../images/add_panier.png) no-repeat;border: none;float: right;display : block;overflow:hidden; width : 93px; height : 32px;cursor:pointer;padding:0px;margin:0px;}
form label.rechercher { float: left; margin-top: 6px; margin-right: 5px;}

/** les titres **/

/** les titres sous fond bleu version 2 colonnes comme sur la page home **/

#main .top-encart { display:block; overflow: hidden; height: 6px;width : 752px;background: url(../images/top_encart_gris.png) no-repeat 0 0; margin-top: 12px;  }
#main .bottom-encart {display:block;overflow: hidden; height: 6px;width : 752px;background: url(../images/bottom_encart_gris.png) no-repeat 0 0; margin-bottom : 5px;  }
#main .body-encart { border-right : 1px #c2c2c2 solid; border-left : 1px #c2c2c2 solid;width : 750px; display : block; overflow: hidden;height : auto;}
#main .body-encart h1 { margin : 0px; padding : 0px;background : url(../images/bg_h1.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 740px; padding-top : 5px; padding-left : 10px; margin-left: 5px; font-size : 15pt; color: #ffffff; position: relative;}
#main .body-encart h2 { margin : 0px; padding : 0px; height: 30px;width : 720px; padding-top : 5px; padding-left : 10px; margin-left: 5px; font-size : 14px; font-weight: bold; color: #000000; }

/** les titres sous fond gris version 2 colonnes **/
#main .body-encart-grey { border-right : 1px #c2c2c2 solid; border-left : 1px #c2c2c2 solid;width : 750px; display : block; overflow: hidden;height : auto;}
#main .body-encart-grey h1 { margin : 0px; padding : 0px;background : url(../images/bg_h1_grey.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 740px; padding-top : 7px; padding-left : 10px; margin-left: 5px; font-size : 13pt; color: #333333; }

/** les titres sous fond bleu version 3 colonnes comme sur la page produits.php **/
#main .left #body .main_column .top-encart { display:block;overflow: hidden; height: 7px;width : 538px;background: url(../images/top_encart_page_cat.png) no-repeat 0 0; margin-top : 10px;  }
#main .left #body .main_column .bottom-encart {display:block;overflow: hidden; height: 7px;width : 538px;background: url(../images/bottom_encart_page_cat.png) no-repeat 0 0; margin-bottom : 10px;  }
#main .left #body .main_column .body-encart { border-right : 1px #c2c2c2 solid; border-left : 1px #c2c2c2 solid;width : 537px; display : block; overflow: hidden;height : auto;}
#main .left #body .main_column .body-encart h1 { margin : 0px; padding : 0px;background : url(../images/h1_page_produits.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 517px; padding-top : 5px; padding-left : 10px; margin-left: 5px; margin-bottom: 7px; font-size : 15pt; color: #ffffff; }
#main .body-encart h2 { margin : 0px; padding : 0px; height: 30px;width : 510px; padding-top : 10px; padding-left : 10px; padding-bottom: 0px; margin-left: 5px; font-size : 14px; font-weight: bold; color: #000000; }
#main .left #body .main_column .body-encart-grey { border-right : 1px #c2c2c2 solid; border-left : 1px #c2c2c2 solid;width : 537px; display : block; overflow: hidden;height : auto;}
#main .left #body .main_column .body-encart-grey h1 { margin : 0px; padding : 0px;background : url(../images/bg_h1_grey_527px.png) no-repeat;display:block;overflow: hidden; height: 29px;width : 517px; padding-top : 6px; padding-left : 10px; margin-left: 5px; font-size : 16px; color: #333333; }
#main .left #body .main_column .body-encart-grey h1.pink { margin : 0px; padding : 0px;background : url(../images/bg_h1_pink_527px.png) no-repeat;display:block;overflow: hidden; height: 29px;width : 517px; padding-top : 6px; padding-left : 10px; margin-left: 5px; font-size : 15pt; color: #ffffff; }


h2 { margin : 0px; padding : 0px;color : #e2017b; font-size:14pt;}
h3 { margin : 0px; padding : 0px; font-size : 10pt; color : #000000;font-weight: bold; padding-top : 5px;}
h5 { margin : 0px; padding : 0px;background : url(../images/bg_h3.png) no-repeat;display:block;overflow: hidden; height: 20px;width : 208px; padding-top : 4px; padding-left : 10px; margin-left: 5px; font-size : 09pt; color: #ffffff; text-transform : uppercase; font-weight : bold; }
h6 { margin : 0px; padding : 0px;background : url(../images/bg_h2.png) no-repeat #e7e7e7;display:block;overflow: hidden; height: 29px;width : 215px; padding-top : 12px; padding-left : 15px; font-size : 09pt; color: #000000; text-transform : uppercase; font-weight : bold;margin-top : 5px;}
h6 a, h6 a:hover { text-decoration : none;font-size : 09pt; color: #000000; text-transform : uppercase; font-weight : bold;}


.sous_titre { text-transform : uppercase;font-size:07pt;font-weight:bold;}
.red  { color:#ff0000; }
#header  #tools-bar li.panier a.red, a.red:hover {color:#ff0000; text-decoration:none; }


.rose { color : #e2017b;}
.blue { color : #088980; }


/** le contenu des boites**/
#main .body-encart-grey .text-simple-bold { margin : 0px; padding :20px 20px 20px 20px; color : #000000; font-size:14px; font-weight: bold; line-height: 18px; width: auto;}
#main .body-encart-grey .text-simple { margin : 0px; padding :0px 20px 20px 15px; color : #000000; font-size:11px; line-height: 14px; width: auto; margin-top : 10px;}
#main .body-encart .text-simple { margin : 0px; padding :0px 20px 20px 15px; color : #000000; font-size:11px; line-height: 14px; width: auto; margin-top : 10px;}
#main .body-encart .text-simple h2 { margin : 0px; padding :0px; margin-top : 10px;}

img.corpo_img { margin-left : 10px;margin-right : 10px;margin-top : 3px;}


#main .main_column .body-encart .text-simple-bold { margin : 0px; padding :20px 20px 20px 20px; color : #000000; font-size:14px; font-weight: bold; line-height: 18px; width: 510px;}
#main .main_column .body-encart .text-simple { margin : 0px; padding :0px 20px 20px 15px; color : #000000; font-size:11px; line-height: 14px; width: 510px;margin-top : 10px;}
#main .main_column .body-encart .text-simple h2 { margin : 0px; padding :0px; margin-top : 10px;}
img.btn-pdf { margin : 0px; padding :0px 20px 5px 0px; float: right; display: block; overflow: hidden;}
/**#main .main_column .body-encart img.btn-pdf { margin : 0px; padding :0px 20px 5px 0px; float: right; display: block; overflow: hidden;}**/

/** pop-up**/
#pop-up {width: 760px; margin: 0px; margin-left : 5px; display : block;overflow:hidden}
#pop-up .top-encart { display:block;overflow: hidden; height: 7px;width : 752px;background: url(../images/top_encart_gris.png) no-repeat 0 0; margin-top : 10px;  }
#pop-up .bottom-encart {display:block;overflow: hidden; height: 7px;width : 752px;background: url(../images/bottom_encart_gris.png) no-repeat 0 0; margin-bottom : 10px;  }
#pop-up .body-encart { border-right : 1px #c2c2c2 solid; border-left : 1px #c2c2c2 solid;width : 750px; display : block; overflow: hidden;height : auto;}
#pop-up .body-encart h1 { margin : 0px; padding : 0px;background : url(../images/bg_h1.png) no-repeat;display:block;overflow: hidden; height: 35px;width : 730px; padding-top : 5px; padding-left : 10px; margin-left: 5px; margin-bottom:7px; font-size : 15pt; color: #ffffff; }
#pop-up .body-encart h2 { margin : 0px; padding : 0px; width : 720px; margin-top : 15px; padding-left : 10px; margin-left: 5px; font-size : 14px; font-weight: bold; color: #000000; }
#pop-up .body-encart .text-simple-bold { margin : 0px; padding :5px 20px 20px 20px; color : #000000; font-size:14px; font-weight: bold; line-height: 18px; width: 720px;}
#pop-up .body-encart .text-simple { margin : 0px; padding :5px 20px 15px 16px; color : #000000; font-size:11px; line-height: 14px; width: 720px;}
#pop-up .body-encart .text-simple h2 { margin : 0px; padding :0px; margin-top : 10px;}
#pop-up .body-encart img#close { margin : 0px; padding :0px; padding-right: 20px; margin-top: -37px; float: right;}
#pop-up form { margin:10px 0 10px 15px; font-size: 12px; font-weight: bold; color: #000000;}
#pop-up form input[type="text"] { width: 420px;height : 14px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; margin-left: 10px; }
#pop-up form input[type="submit"] { background: url(../images/bt-rose-small.png) no-repeat; border: none;  width: 78px; height: 31px; margin: -4px 15px 0 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}

#pop-up form.envoyer-ami ul { margin:0 0 30px 0;}
#pop-up form.envoyer-ami li { margin:10px 0 10px 15px; font-size: 12px; font-weight: bold; color: #000000; width: 750px; display: block; overflow: hidden;}
#pop-up form.envoyer-ami li label {width: 175px; display: block; overflow: hidden; float: left;}
#pop-up form.envoyer-ami li input[type="text"] { width: 245px;height : 14px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; margin-left: 10px; }



/** les liens **/

a.bouton-gris-fonce { background: url(../images/puce_white.png) no-repeat 21px 5px #333333;  width: 150px;height : 18px; color : #ffffff; text-transform : uppercase; text-align : center; display : block; float: left; overflow: hidden; padding-top : 4px; text-decoration : none; margin-bottom: 10px;padding-left : 8px;   }
a.bouton-gris-fonce-medium { background: url(../images/puce_white.png) no-repeat 21px 7px #333333;  width: 216px;height : 21px; color : #ffffff; text-transform : uppercase; text-align : center; display : block; float : left; overflow: hidden; padding-top : 6px; text-decoration : none; margin-bottom : 10px; padding-left : 9px; }
a.bouton-gris-fonce-big { background: url(../images/puce_white.png) no-repeat 17px 7px #333333;  width: 250px;height : 21px; color : #ffffff; text-transform : uppercase; text-align : center; display : block; float : left; overflow: hidden; padding-top : 6px; text-decoration : none; margin-bottom : 10px;padding-left : 9px; }
a.plus_info,a.plus_info:hover { color : #000000; text-transform : uppercase; font-size : 07pt; text-decoration  : none;display : block; overflow: hidden;float : left; }
a.ajouter_selection, a.ajouter_selection:hover { background: url(../images/puce_white_bg_gray.png) no-repeat 2px 2px #adadad;  width: 131px;height : 11px; color : #ffffff; text-transform : uppercase; text-align : left; display : block; overflow: hidden; padding-left : 15px;text-decoration : none;float : left;font-size : 07pt; margin-left : 5px; margin-bottom : 10px; }
a.dixEur,a.dixEur:hover { background: url(../images/bg_h4.png) no-repeat 0px 2px;  width: 85px;height : 25px; color : #e2017b; text-transform : uppercase; text-align : left; padding-left : 15px;text-decoration : none;font-size : 10pt;display : block; padding-top : 5px;font-weight:bold; text-transform : none; position: absolute; top: 5px; left: 175px; }
a.bouton-retour, a.bouton-retour:hover   {background: url(../images/button-back.png) no-repeat;  width: 173px; height : 26px; color : #333333; font-size: 14px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; overflow: hidden; padding-top : 11px; text-decoration : none; margin: 0px; float: left; margin-bottom: 10px;}
a.bouton-retour-top, a.bouton-retour-top:hover { background: url(../images/button-back.png) no-repeat;  width: 173px; height : 37px; color : #333333; font-size: 14px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; overflow: hidden; margin: 0px; padding-top : 11px; text-decoration : none; float: left; }
a.bouton-imprimer, a.bouton-imprimer:hover { background: url(../images/bt-rose-small.png) no-repeat;  width: 78px; height: 31px; margin-right: 15px; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 8px; text-decoration : none;  }
a.bouton-precedent, a.bouton-precedent:hover { background: url(../images/bt-precedent.png) no-repeat;  width: 68px; height: 34px; color : #000000; font-size: 6.5pt; font-weight: 900; text-transform : uppercase; text-align : center; display : block; overflow: hidden; padding-top : 12px; padding-left: 2px; text-decoration : none; float: left;  }
a.bouton-suivant, a.bouton-suivant:hover { background: url(../images/bt-suivant.png) no-repeat;  width: 58px; height: 34px;  margin-right:5px;; color : #000000; font-size: 6.5pt; font-weight: 900; text-transform : uppercase; display : block; overflow: hidden; padding-top : 12px; padding-left: 10px; text-decoration : none; float: right; }
a.bouton-question, a.bouton-question:hover { background: url(../images/bg_button_165.png) no-repeat;  width: 165px; height: 31px; margin: 0px; margin-right: 5px; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 8px; text-decoration : none;  }
a.nom_produit, a.nom_produit:hover  { text-decoration : none; color : #333333;}

#main .buttons-top {padding: 0px; width: 542px; float: none; display: block; overflow: hidden; margin: 10px 0 -10px 0;}
#main .buttons-top.plus_haut {margin: 10px 0 5px 0;}

/** les encarts produits   **/




#main .left ul.lst_produits p { margin-bottom : 6px; }
#main .left ul.lst_produits { margin-top : 5px; margin-bottom: 5px;}
#main .left ul.lst_produits li {margin-top : 7px; margin-bottom: 10px;display:block;overflow: hidden;float:left; width : 228px; height : auto; margin-left : 5px; border-right : 1px #c2c2c2 solid;padding-right : 8px; padding-left : 8px;}
#main .left #body .main_column .body-encart ul.lst_produits li { margin-left : 17px; }
#main .left ul.lst_produits li.right { border : none;padding-right : 6px}
#main .left ul.lst_produits li.bon-a-savoir { border : none; background-color : #faffd6; padding : 6px; margin-bottom : 7px;}
#main .left ul.lst_produits li.bon-a-savoir h2 { color : #088980; font-size: 17px; padding : 0px; margin : 0px;}
#main .left ul.lst_produits li.bon-a-savoir strong { color : #000000; font-weight : bold;}

#main .left ul.lst_produits_compl{ margin : 0px 13px 10px 13px; display: block; overflow: hidden;}
#main .left ul.lst_produits_compl li.produit {border-bottom: 1px #c2c2c2 solid;float: left; width: 255px; padding-bottom: 20px; padding-top: 20px;  }
#main .left ul.lst_produits_compl li.last {border: none; }
#main .left ul.lst_produits_compl li.produit a { float: left; }
#main .left ul.lst_produits_compl ul.text_produit { float: left; margin-left: 10px; margin-top: 5px;}
#main .left ul.lst_produits_compl ul.text_produit li{padding-left: 10px; font-size: 12px;}
#main .left ul.lst_produits_compl ul.text_produit li.nom_prod{background: url(../images/puce_rond_pink.png) no-repeat 0px 4px;}
#main .left ul.lst_produits_compl ul.text_produit li.nom_prod a, #main .left ul.lst_produits_compl ul.text_produit li.nom_prod a:hover { text-decoration : none; color : #333333; }
#main .left ul.lst_produits_compl ul.text_produit li.marque  a,#main .left ul.lst_produits_compl ul.text_produit li.marque  a:hover { font-size: 11px; font-weight: bold;text-decoration : none; color : #333333; }




#main .left ul.lst_produits_compl ul.text_produit li.marque{text-transform: uppercase; font-size: 11px; font-weight: bold;}
#main .left ul.lst_produits_compl ul.text_produit li.marque span.prix{font-size: 12px; padding-left: 5px;  }
#main .left ul.lst_produits_compl ul.text_produit li.plus_info {padding: 0px; margin-top: 10px;}
#main .left ul.lst_produits_compl ul.text_produit li.plus_info a{background: url(../images/puce_black.png) no-repeat 0px 1px; text-transform: uppercase; text-decoration: none; color: #000000; font-size: 10px; padding: 0 0 0 13px;}


#main .left div.presentation-marque { border : none; background: url(../images/bg_presentation_marque.png) no-repeat;; padding : 10px; margin: 10px 0 0 10px; width: 503px; height: 256px; font-size: 11px;}
#main .left div.presentation-intro { border : none; width: 515px; display: block; overflow: hidden; margin-bottom: 10px;}
#main .left div.presentation-txt { border : none; width: 310px; display: block; overflow: hidden; float: left;}
#main .left div.presentation-txt h2 { color : #088980; font-size: 18px; padding: 0; margin: 0; width: 310px;}
#main .left div.presentation-txt p {padding: 0; margin: 0; width: 310px; font-weight: normal;}



#main .left div.presentation-intro img.img-marque { padding: 0; margin-right: 20px; margin-top: 5px;}

#main .left ul.lst_produits li a, #main .left ul.lst_produits li a:hover,#main .left ul.lst_produits_h a, #main .left ul.lst_produits_h a:hover { text-decoration: none; color : #333333}
#main .left ul.lst_produits li a.ajouter_selection, #main .left ul.lst_produits li a.ajouter_selection:hover { background: url(../images/puce_white_bg_gray.png) no-repeat 2px 2px #adadad;  width: 131px;height : 11px; color : #ffffff; text-transform : uppercase; text-align : left; display : block; overflow: hidden; padding-left : 15px;text-decoration : none;float : left;font-size : 07pt; margin-left : 5px; margin-bottom : 10px; }
#main .left ul.lst_produits li p.promotion a { color : #ff0000; text-decoration : underline}
#main .left ul.lst_produits li p.promotion a:hover { color : #ff0000; text-decoration : none}

span.prix_barre {font-weight:bold; color: #666666; text-decoration: line-through;}
span.prix_affiche {font-weight:bold; color : #e2017b; text-decoration: none;font-size : 15pt;}

ul.lst_produits .box-descriptif { display: block; overflow : hidden; float :  none;  height : 182px; margin-bottom : 10px;}
ul.lst_produits .box-descriptif.light { display: block; overflow : hidden; float :  none; height : 155px; margin-bottom : 5px;}

#main .left ul.lst_produits li img { display:block;overflow: hidden;float:left; margin-right : 5px;}
#main .left ul.lst_produits li p.descriptif {font-weight:bold;margin-bottom : 10px;}
#main .left ul.lst_produits li p.prix_barre {font-weight:bold; color: #666666; text-decoration: line-through;text-align : right; padding-right : 15px;}
#main .left ul.lst_produits li p.prix_affiche {font-weight:bold; color : #e2017b; text-decoration: none;text-align : right;font-size : 15pt; padding-right : 15px;}
#main .left ul.lst_produits li p.en_stock {font-weight:bold; color: #46c600; text-decoration: none;text-align : right; padding-right : 15px; text-transform : uppercase; font-size : 07pt; padding-top : 4px;}

#main .left ul.lst_produits_h { margin-top : 5px; margin-bottom: 5px;}
#main .left ul.lst_produits_h hr { border: 1px inset #333333; display: block; overflow: hidden; width: 720px; margin: 0px; margin-bottom: 30px; }
#main .left ul.lst_produits_h h3 { margin : 0px; padding : 0px; font-size : 10pt; color : #000000;font-weight: bold; width:120px;}
#main .left ul.lst_produits_h p { margin-bottom : 6px; }
#main .left ul.lst_produits_h div { float: left; margin-left: 10px; margin-top: 5px; }
#main .left ul.lst_produits_h li {display:block;overflow: hidden;float:left; width : 730px; height : auto; margin: 7px 0 10px 5px;padding-left : 8px;}
#main .left ul.lst_produits_h li img { display:block;overflow: hidden;float:left; margin-right : 5px;}
#main .left ul.lst_produits_h li p.descriptif {font-weight:bold;margin-bottom : 10px; width:120px;}
#main .left ul.lst_produits_h li p.txt-desc {width: 210px; margin-bottom : 10px;}
#main .left ul.lst_produits_h li p.prix_barre {font-weight:bold; color: #666666; text-decoration: line-through;text-align : right; padding-right : 15px;}
#main .left ul.lst_produits_h li p.prix_affiche {font-weight:bold; color : #e2017b; text-decoration: none;text-align : right;font-size : 15pt; padding-right : 15px;}
#main .left ul.lst_produits_h li p.en_stock {font-weight:bold; color: #46c600; text-decoration: none;text-align : right; text-transform : uppercase; font-size : 07pt;padding-top : 4px;}
#main .left ul.lst_produits_h form { float: right; padding: 35px 0 0 0;}
#main .left ul.lst_produits_h form select { background-color: #f2f2ef; border :1px #aab1b5 solid;font-size : 07pt; margin : 0px;height : 17px; width: 30px;  }
#main .left ul.lst_produits_h form.panier { margin-top : 5px;}
#main .left ul.lst_produits_h form.panier input[type="submit"] { background: url(../images/add_panier.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin: 0px; margin-top:-15px; margin-left: 45px; width : 93px; height : 32px;font-family: arial; font-size : 08px;padding: 0px;cursor:pointer;text-align:center;}



/** fil ariane **/

#main #ariane { text-transform : uppercase; font-size : 07pt; font-weight : bold; }
#main #ariane a { text-transform : none; font-size : 07pt; font-weight : bold; text-decoration:underline; color : #bfbfbf; }
#main #ariane strong { text-transform : none;color : #04897f;}


/**   FAQ  ***/

#faq form  { margin:10px 0 20px 0; font-size: 14px; font-weight: bold; color: #000000;}
#faq form input[type="text"] { width: 150px;height : 10px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; margin-right: 20px; float: right; }
#faq form input[type="submit"] { background: url(../images/button_ok.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin-left: 5px; margin-right: 80px; width : 21px; height : 21px;font-family: arial; font-size : 08px;padding-top:3px;cursor:pointer;text-align:center; float: right;}
#faq form select { background-color: #f2f2ef; border :1px #aab1b5 solid;font-size : 8pt; margin : 0px; margin-right: 0px; height : 20px; padding: 0px; float: right; width:140px  }
#faq .body-encart h2 { margin : 0px; padding : 0px; width : 710px; padding-top : 10px; padding-left : 10px; margin-left: 5px; font-size : 14px; font-weight: bold; color: #e2017b; }
#faq ol{ margin: 0 0 25px 16px; padding: 0px; list-style-type: decimal; }
#faq li{margin: 0 0 5px 16px;}
#faq li a{color: #000000; text-decoration: underline; width: 710px;}
#faq a.haut-page, a.haut-page:hover {background: url(../images/button_up.png) no-repeat; text-decoration: none; text-align: center; background-position: center; padding: 0; padding-top: 40px; margin-left: 350px; height: 70px; color: #000000; }
#faq h3 { margin : 0px; padding : 0px;background : url(../images/bg_h1_grey.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 740px; padding-top : 6px; padding-left : 10px; margin-left: 5px; margin-top: 25px; font-size : 12pt; color: #333333; }
#faq li p {margin: 5px 0 20px 0; font-size: 11px; color: #000000; width: 710px;}

/** FORUM et EXPERT**/
#forum ul { margin: 10px 0 20px 16px; font-size: 12px; color: #000000; width: 510px;}
#forum li {margin-bottom: 3px;}
#forum li p {font-size: 11px; line-height: 14px; margin-top:3px;}
#forum li.message {margin-bottom: 3px; margin-top: 10px;}
#forum li .label-post {font-size: 14px; font-weight: bold; color: #000000;}
#forum li .label-reponse-expert {font-size: 14px; font-weight: bold; color: #e2017b;}
#forum li.photo-expert-reponse {position: relative; float: right;}
#forum hr {display:block;overflow: hidden; width : 510px; margin-left: 16px; }
#forum form ul {margin: 20px 0px 20px 16px; }
#forum form li {margin-bottom: 20px; }
#forum form li label {color: #000000; width :110px; font-weight: bold; font-size: 14px; vertical-align: top; display: block; overflow: hidden; float:left; }
#forum form li input.pseudo {width: 200px; }
#forum form li input[type="text"] {width: 350px; }
#forum form li textarea {width: 350px; font-size: 11px; color: #333333; font-family: Arial,Helvetica,Verdana,Ms sans serif }
#forum form input[type="submit"] { background: url(../images/bt-rose-small.png) no-repeat; border: none;  width: 78px; height: 31px; margin: -4px 15px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#forum form select {font-size: 12px; width:360px; height: 20px;}

#forum div#box-nav {display:block; overflow: hidden; background-color: #333333; width : 538px; height : 27px; }
#forum ul#nav-pages {display:block; overflow: hidden; float : right; margin-right: 10px;}
#forum ul#nav-pages li { display:block;overflow: hidden; float : left; margin-left :4px; border-right : 1px #ffffff solid; color : #ffffff; padding-right :4px; margin-top : 6px;}
#forum div.nb-page { float: left; text-align: right; width:auto; border : none;  color:#ffffff; margin-left : 10px; margin-top : 5px;}
#forum ul#nav-pages li a { color : #ffffff; text-decoration : none; font-size : 07pt;}
#forum ul#nav-pages li.selected a { color : #e2017b; text-decoration : none; font-size : 07pt;}


#forum .body-encart ul.titre-expert-extra { margin : 0px; padding : 0px;background : url(../images/bg-titre-expert-extra.png) no-repeat;display:block;overflow: hidden; height: 57px;width : 718px; padding-top : 7px; padding-left : 10px; padding-right: 20px; margin-left: 5px; font-size : 17px;font-weight: bold; color: #ffffff; }
#forum .body-encart ul.titre-expert-extra li.titre-left { margin : 0px; padding : 0px;display:block;overflow: hidden; float: left; width: 320px;}
#forum .body-encart ul.titre-expert-extra li.titre-right { margin : 0px; padding : 0px;display:block;overflow: hidden; float: right; width: 380px; text-align: right; }
#forum .body-encart ul.question-extranet { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 750px; margin-bottom: 15px;}
#forum .body-encart ul.question-extranet li.titre-question { margin : 0px; padding : 0px;background : url(../images/bg-question-extra.png) no-repeat;display:block;overflow: hidden; height: 29px;width : 738px; padding-top : 7px; padding-left : 10px; margin-left: 5px; font-size : 14px; color: #333333; }
#forum .body-encart ul.question-extranet li.text-question { margin : 0px; padding : 0px; display:block;overflow: hidden; height: auto; width : 728px; padding-left : 15px; font-size : 12px; color: #000000; }
#forum .body-encart ul.reponse-extranet { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 750px;  margin-bottom: 15px; }
#forum .body-encart ul.reponse-extranet li.titre-reponse { margin : 0px; padding : 0px;background : url(../images/bg-question-extra.png) no-repeat;display:block;overflow: hidden; height: 29px;width : 738px; padding-top : 7px; padding-left : 10px; margin-left: 5px; font-size : 14px; color: #333333; }
#forum .body-encart ul.reponse-extranet li.photo-expert { margin : 0px; padding : 0px;display:block;overflow: hidden; float: left; margin-left: 10px; width: 160px; text-align: center; }
#forum .body-encart ul.reponse-extranet li.nom-expert { margin : 0px; padding : 0px;display:block;overflow: hidden; float: right; width: 580px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; }
#forum .body-encart ul.reponse-extranet li.text-reponse { margin : 0px; padding : 0px;display:block;overflow: hidden; float: right; width: 580px; }
#forum .body-encart ul.repondre-extranet { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 750px; margin-bottom: 15px; }
#forum .body-encart ul.repondre-extranet li.titre-repondre { margin : 0px; padding : 0px;background : url(../images/bg-question-extra.png) no-repeat;display:block;overflow: hidden; height: 29px;width : 738px; padding-top : 7px; padding-left : 10px; margin-left: 5px; margin-bottom: 5px; font-size : 14px; color: #333333; }
#forum .body-encart ul.repondre-extranet form textarea {width: 350px; font-size: 11px; color: #333333; font-family: Arial,Helvetica,Verdana,Ms sans serif; margin-right: 200px;}
#forum .body-encart ul.repondre-extranet form label {color: #000000; width :100px; font-weight: bold; font-size: 14px; vertical-align: top; display: block; overflow: hidden; float:left; margin-left: 10px; }
#forum .body-encart ul.repondre-extranet form input[type="submit"] { background: url(../images/bt-rose-small.png) no-repeat; border: none;  width: 78px; height: 31px; margin: 0px 15px 0 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#forum .body-encart ul.titre-col-discussion { margin : 10px 0px 0px 15px; padding : 0px;display:block;overflow: hidden; width: 730px; }
#forum .body-encart ul.titre-col-discussion li#date { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 100px; font-weight: bold; font-size: 14px; float: left; text-align: left;}
#forum .body-encart ul.titre-col-discussion li#sujet { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 225px; font-weight: bold; font-size: 14px; float: left; text-align: left;}
#forum .body-encart ul.titre-col-discussion li#reponse { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 150px; font-weight: bold; font-size: 14px; float: left; text-align: left;}
#forum .body-encart ul.ligne-discussion { margin : 10px 0px 0px 15px; padding : 0px;display:block;overflow: hidden; width: 730px;}
#forum .body-encart ul.ligne-discussion li.date { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 100px; font-size: 12px; float: left; text-align: left;}
#forum .body-encart ul.ligne-discussion li.sujet { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 270px; font-size: 12px; float: left; text-align: left;}
#forum .body-encart ul.ligne-discussion li.nb-reponse { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 50px; font-size: 12px; float: left; text-align: left;}
#forum .body-encart ul.ligne-discussion li.voir { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 90px; font-size: 12px; float: left; text-align: right;}
#forum .body-encart ul.ligne-discussion li.voir a.btn-voir, a.btn-voir:hover { margin : 0px; padding : 0px;display:block;overflow: hidden; width: 90px; font-size: 12px; color:#e2017b; float: left; text-align: right;}
#forum .body-encart-grey ul.titre-col-echange { background : url(../images/bg-gradient-rode.png) repeat-x; margin : 10px 0px 0px 5px; padding : 0px;display:block;overflow: hidden; width: 740px; }
#forum .body-encart-grey ul.titre-col-echange li#date { margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 70px; height: 28px; font-weight: bold; font-size: 12px; text-transform : uppercase; color: #ffffff; float: left; text-align: center;}
#forum .body-encart-grey ul.titre-col-echange li#sujet { margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 150px; height: 28px; font-weight: bold; font-size: 12px; text-transform : uppercase; color: #ffffff; float: left; text-align: center;}
#forum .body-encart-grey ul.titre-col-echange li#question { background : url(../images/bg-gradient-rode.png) repeat-x; margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 130px; height: 28px; font-weight: bold; font-size: 12px; text-transform : uppercase; color: #ffffff; float: left; text-align: center;}
#forum .body-encart-grey ul.titre-col-echange li#nb-echange{ margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 100px; height: 28px; font-weight: bold; font-size: 12px; text-transform : uppercase; color: #ffffff; float: left; text-align: center;}
#forum .body-encart-grey ul.titre-col-echange li#expert { margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 100px; height: 28px; font-weight: bold; font-size: 12px; text-transform : uppercase; color: #ffffff; float: left; text-align: center;}
#forum .body-encart-grey ul.titre-col-echange li.separ { background : url(../images/separ-titre-rose.png) no-repeat; margin : 0px; padding : 0px; display:block;overflow: hidden; width: 1px; height: 28px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange { margin : 10px 0px 0px 5px; padding : 0px; display:block;overflow: hidden; width: 740px; }
#forum .body-encart-grey ul.ligne-echange li.date { margin : 0px; padding : 0px; padding-top: 5px; display:block;overflow: hidden; width: 70px; font-size: 11px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange li.sujet { margin : 0px; padding : 0px; padding-top: 5px; padding-left: 5px;display:block;overflow: hidden; width: 145px; font-size: 11px; float: left; text-align: left;}
#forum .body-encart-grey ul.ligne-echange li.question { margin : 0px; padding : 0px; padding-top: 5px; padding-left: 5px; display:block;overflow: hidden; width: 130px; font-size: 11px; float: left; text-align: left;}
#forum .body-encart-grey ul.ligne-echange li.nb-echange { margin : 0px; padding : 0px; padding-top: 5px;display:block;overflow: hidden; width: 100px; font-size: 11px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange li.expert { margin : 0px; padding : 0px; padding-top: 5px; display:block;overflow: hidden; width: 100px; font-size: 11px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange li.supprimer { background-color: #808080; margin : 0px; margin-right: 9px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 88px; height: 21px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange li.supprimer a.btn-supp, a.btn-supp:hover { margin : 0px; padding : 0px;display:block;overflow: hidden; font-size: 10px; text-transform: uppercase; color: #ffffff;  text-align: center; text-decoration: none;}
#forum .body-encart-grey ul.ligne-echange li.detail { background-color: #808080; margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; width: 88px; height: 21px; float: left; text-align: center;}
#forum .body-encart-grey ul.ligne-echange li.detail a.btn-detail, a.btn-detail:hover { margin : 0px; padding : 0px;display:block;overflow: hidden; font-size: 10px; text-transform: uppercase; color: #ffffff;  text-align: center; text-decoration: none;}
#forum label.deposer_question_expert { width : 190px; margin-right : 5px; }
#forum .body-encart input[type="text"] { width : 300px; }
#forum .body-encart textarea { width : 300px; }

/**QUIZ**/
#quiz form ol {margin: 20px 0px 20px 36px; width: 708px; list-style: decimal outside; }
#quiz form li {margin-bottom: 20px; color: #000000;font-weight: bold; font-size: 14px; height: auto; padding-bottom: 20px;}
#quiz form li label {margin: 0px; color: #000000; width :470px; font-weight: bold; font-size: 14px; vertical-align: top; display: block; overflow: hidden; float:left; }
#quiz form select {font-size: 12px; width:230px; height: 20px; float:right;}
#quiz form input[type="submit"] { background: url(../images/bt-rose-small.png) no-repeat; border: none;  width: 78px; height: 31px; margin: -4px 15px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}


/**MON COMPTE**/
#compte img.separ-form-cmpte { margin:10px 0 0 0; float: left;}
#compte form { margin:0px;}
#compte form.form-ami{ margin:20px 10px 0 15px; width: 740px;}
#compte form ul.form-left { margin:10px 0 0 15px; width: 350px;float: left;}
#compte form ul.form-right { margin:10px 0 120px 30px; width: 350px; float: left;}
#compte form li {margin:0px; color: #000000;font-weight: bold; font-size: 14px; margin-bottom: 10px;}
#compte form li.li-right {margin:0px; color: #000000;font-weight: bold; font-size: 14px; margin-bottom: 50px;}
#compte form li.titre-form {font-weight: normal; font-size: 12px; margin-bottom: 30px;}
#compte form li label {margin: 0px; padding-top: 3px; color: #000000; width :150px; font-weight: bold; font-size: 14px; display: block; overflow: hidden; float: left;}
#compte form li label.label-newsletter {width :165px; }
#compte form.form-ami input[type="text"] { width: 400px;height : 14px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
#compte form input[type="text"] { width: 150px;height : 14px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
#compte form input[type="password"] { width: 150px;height : 14px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
#compte form input[type=checkbox] {width: 15px; margin-top: 5px;border:none;}
#compte form textarea { width: 150px; height: 50px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 07pt; margin : 0px; }
#compte form input[type="submit"] { background: url(../images/bt-rose-114px.png) no-repeat; border: none;  width: 114px; height: 31px; margin: -4px 10px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#compte form.form-ami input[type="submit"] { background: url(../images/bt-rose-small.png) no-repeat; border: none;  width: 78px; height: 31px; margin: -4px 15px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#compte div.pt-parrain  { margin:10px 0 0 15px; font-size: 12px; width: 730px;}
#compte ul.titre-col-com { background : url(../images/bg-gradient-rode.png) repeat-x; margin : 10px 0px 0px 5px; padding : 0px;display:block;overflow: hidden; width: 740px; }
#compte ul.titre-col-com li { margin : 0px; padding : 0px; padding-top: 7px; display:block;overflow: hidden; height: 28px; font-weight: bold; font-size: 10px; text-transform : uppercase; color: #ffffff; float: left;}
#compte ul.titre-col-com li#date {width: 100px;  text-align: center;}
#compte ul.titre-col-com li#num {width: 50px; text-align: center;}
#compte ul.titre-col-com li#montant { width: 130px; text-align: center;}
#compte ul.titre-col-com li#nb-article{ width: 100px; text-align: center;}
#compte ul.titre-col-com li#statut { width: 100px; text-align: center;}
#compte ul.titre-col-com li.separ { background : url(../images/separ-titre-rose.png) no-repeat; margin : 0px; padding : 0px; display:block;overflow: hidden; width: 1px; height: 28px; float: left; text-align: center;}
#compte ul.ligne-com { margin : 10px 0px 0px 5px; padding : 0px;display:block;overflow: hidden; width: 740px; }
#compte ul.ligne-com li { margin : 0px; padding : 0px; display:block;overflow: hidden; height: 35px; font-size: 12px; color: #000000;}
#compte ul.ligne-com li.date { width: 100px; padding-top: 7px;float: left; text-align: center;}
#compte ul.ligne-com li.num {  width: 50px; padding-top: 7px; float: left; text-align: center;}
#compte ul.ligne-com li.montant { width: 130px; padding-top: 7px; float: left; text-align: center;}
#compte ul.ligne-com li.nb-article{ width: 100px; padding-top: 7px; float: left; text-align: center;}
#compte ul.ligne-com li.statut { width: 100px; padding-top: 7px; float: left; text-align: center;}
#compte ul.ligne-com a.bouton-fct, a.bouton-fct:hover { background: url(../images/bt-rose-small.png) no-repeat;  width: 78px; height: 31px; margin: 0px; padding: 0px; margin-right: 10px; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 8px; text-decoration : none;  }
#compte ul.ligne-com a.bouton-panier, a.bouton-panier:hover { background: url(../images/bt-rose-123px.png) no-repeat;  width: 123px; height: 31px;margin: 0px; padding: 0px; margin-left: 10px; color : #ffffff; font-size: 11px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 8px; text-decoration : none;  }
#compte ul.ligne-com a.bt-pdf, a.bt-pdf:hover { text-align : center; display : block; float : right; overflow: hidden; text-decoration : none;  }
#compte ul.titre-col-panier { background-color: #808080; margin : 10px 0px 0px 5px; padding : 0px;display:block;overflow: hidden; width: 740px; font-size: 16px; color: #ffffff; }
#compte ul.titre-col-panier li {width: 150px; text-align: center; display: block; overflow: hidden; float: left; height: 32px; padding: 7px 0 0 10px;}
#compte ul.titre-col-panier li#dernier {width: 380px; text-align: left;}
#compte ul.ligne-panier { margin : 10px 0px 0px 5px; padding : 0px; padding-bottom: 5px; width: 735px; display:block;overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
#compte ul.ligne-panier li { margin : 0px; padding : 0px; display:block;overflow: hidden; height: auto; width: 150px; font-size: 12px; color: #000000; float: left; text-align: center; }
#compte ul.ligne-panier li.photo { width: 60px;}
#compte ul.ligne-panier li.puce { width: 5px; text-align:left; margin-right: 3px;}
#compte ul.ligne-panier li.produit { width: 332px; text-align: left;}
#compte ul.ligne-panier  li.prix { width: 115px; text-align: right; float:left; font-size: 14px;}
#compte ul.ligne-total { margin : 10px 0px 20px 15px; padding : 0px; padding-bottom: 5px; width: 735px; display:block;overflow: hidden;}
#compte ul.ligne-total li { width: 340px; text-align: left; text-transform: uppercase; font-weight: bold; float: left;}
#compte ul.ligne-total li.prix { width: 100px; text-align: right;float: right; margin-right: 80px}


/**** INSCRIPTION **/

#inscription form.form-inscription { margin:10px 0 0 15px;}
#inscription form.form-inscription ul#coord-inscription { margin:0px 0 30px 0px; width: 750px; float: none; display: block; overflow: hidden;}
#inscription form.form-inscription li {margin:0px; color: #000000;font-weight: bold; font-size: 14px; margin-bottom: 10px; float: none; display: block; overflow: hidden; width: 750px;}
#inscription form.form-inscription li.titre-form {width: 750px; font-weight: normal; font-size: 12px; margin-bottom: 20px; float: left; display: block; overflow: hidden;}
#inscription form.form-inscription p.chp-obli {font-weight: bold; font-size: 12px; float: right; display: block; overflow: hidden; width:150px;}
#inscription form.form-inscription li label {margin: 0px; padding-top: 3px; color: #000000; width :150px; font-weight: bold; font-size: 14px; display: block; overflow: hidden; float: left;}
#inscription form.form-inscription li label.label-recevoir-info {width :700px; font-size: 14px; margin-left: 10px; font-weight: normal;}
#inscription form.form-inscription li label.label-adresse-dif {width :500px; font-size: 12px; margin-left: 10px; font-weight: normal;}
#inscription form.form-inscription input[type="text"] { width: 300px;height : 14px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 08pt; margin : 0px; display: block; overflow: hidden; }
#inscription form.form-inscription input[type="password"] { width: 300px;height : 14px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 08pt; margin : 0px; display: block; overflow: hidden; }
#inscription form.form-inscription input[type=checkbox] {width: 15px; margin-top: 5px; float: left;}
#inscription form.form-inscription textarea { width: 150px; height: 50px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 08pt; margin : 0px; }
#inscription form.form-inscription input[type="submit"] { background: url(../images/bt-rose-114px.png) no-repeat; border: none;  width: 114px; height: 31px; margin: -4px 10px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#inscription form.form-inscription input[type="submit"].bouton-ok { background: url(../images/button_ok.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin-left: 5px; width : 21px; height : 21px;font-family: arial; font-size : 08px;padding-top:0px;cursor:pointer;text-align:center; float: left;}
select.pays {width: 310px;height : 25px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px;font-size : 08pt;}
#compte select.pays {width: 160px;height : 25px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px;font-size : 08pt;}
#forum select.pays {width: 310px;height : 25px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding: 0px; padding-left : 4px;font-size : 08pt;}
/** LEXIQUE **/

#lexique ul {list-style: inside url(../images/puce-lexique.gif); margin: 20px 0 20px 16px; width: 160px; float: left; }
#lexique ul li {margin-bottom : 5px; }
#lexique ul li a {text-decoration: none; font-size: 12px; color: #333333; }
#lexique .mot-lexique {margin: 20px 0 0 16px; }
#lexique p.titre-mot {font-weight: bold; font-size: 14px; color: #333333; margin:0; padding: 0; }
#lexique p.definition-mot { font-size: 11px; color: #333333; line-height: 14px; width: 510px; margin: 5px 0 10px 0;font-weight : normal;}
#lexique p.definition-mot strong { color: #000000; font-weight : bold;}



/** PLAN DU SITE **/
#main .titre-plan-page h1 { margin : 0px; padding : 0px;background : url(../images/bg_h1.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 740px; padding-top : 5px; padding-left : 10px; margin-top: 5px; font-size : 15pt; color: #ffffff; }
#main .titre-plan-page ul { margin : 0px; padding : 0px;background : url(../images/bg_h1_grey.png) no-repeat;display:block;overflow: hidden; height: 30px;width : 740px; padding-top : 8px; padding-left : 10px; margin-top: 5px; font-size : 14px; color: #333333; }
#main .titre-plan-page ul li#col-prod { margin : 0px; padding : 0px; display: block; width: 208px; overflow: hidden; float: left; }
#main .titre-plan-page ul li.other-col { margin : 0px; padding : 0px; display: block; width: 177px; overflow: hidden; float: left; }
#plan-site div.colone-plan { width : 172px; display : block; overflow: hidden; margin-right : 5px; float: left;}
#plan-site div.colone-plan-top { background : url(../images/top_col_plan.png) no-repeat;width : 180px; display : block; overflow: hidden; height : 12px; margin-top : 10px; }
#plan-site div.colone-plan-bottom { background : url(../images/bottom_col_plan.png) no-repeat;width : 180px; display : block; overflow: hidden; height : 12px;margin-bottom : 10px; }
#plan-site ul.lst-plan {width : 170px; background-color:#f6f6f6; display : block; overflow: hidden; padding-left:10px; min-height:790px; }
#plan-site ul.lst-plan li {width : 170px; margin-bottom: 5px;}
#plan-site ul.lst-plan li.nom-marques a {width : 170px; font-weight: bold; text-transform: uppercase; font-size: 12px; color:#333333; text-decoration: none;}
#plan-site ul.lst-plan li.contenu a {width : 170px; font-size: 12px; color:#333333; text-decoration: none;}
#plan-site ul.lst-plan li.promotion a {width : 170px; font-weight: bold; font-size: 12px; text-decoration: none; color: #138b82;}


/** ************* LAYOUT -- FOOTER - HEADER  ******** **/

/** header **/

#header {width: 985px; height : 185px; margin-top : 15px; margin-bottom: 5px; display:block;overflow:hidden; z-index : 1;}
#header div.top-header {width: 985px;height : 100px; margin: 0px; display:block;overflow:hidden;}
#header #logo {float : left; display : block; overflow: hidden; width: 324px; height : 79px;}

#header .right {float : left; display : block; overflow: hidden; width: 456px; margin:0px 0px 0px 202px; padding : 0px; height : 100px;}
#header .right .top { display : block;overflow: hidden;width: 456px; height : 56px; }
#header .right .bottom { display : block;overflow: hidden;width: 456px; height : 44px;margin-top : 12px; }

/** Mon compte **/
#header .right #mon_compte {width: auto; height : 56px; display : block; margin :0px; margin-right: 5px; overflow: hidden;float:right;}
#header .right #mon_compte form {padding: 0px; margin: 0px;}
#header .right #mon_compte form input[type="text"] { width: 80px;margin-left: 5px; float : left; }
#header .right #mon_compte form input[type="password"] { width: 80px;margin-left: 5px; float : left; }
#header .right #mon_compte form input[type="submit"] {width: 21px;margin-left: 5px;}
#header .right #mon_compte div.border-left {width: 7px; height: 56px; display: block; margin :0px; overflow: hidden; float:left; background : url(../images/mon_compte_l.png) no-repeat ;}
#header .right #mon_compte div.border-right {width: 7px; height: 56px; display: block; margin :0px; overflow: hidden; float:left; background : url(../images/mon_compte_r.png) no-repeat ;}
#header .right #mon_compte ul.center {width: auto; min-width:233px; height: 51px; padding-top: 5px; display: block; margin :0px; overflow: hidden; float:left; background: url(../images/bg_mon_compte.png) repeat-x;}
#header .right #mon_compte ul.center li.bonjour {padding-left: 5px;margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 12px;}
#header .right #mon_compte ul.center li.bonjour a {margin-left: 20px;  padding-left: 7px; margin-right: 20px; background : url(../images/puce_arrow.png) no-repeat 0px 3px; color: #000000; text-decoration: none; text-transform: none; font-weight: normal; font-size: 10px;}

/** Nouveau client **/

#header .right #nouveau_client {width: 124px; height : 56px; display : block; margin :0px; background : url(../images/bg_new_client.png) no-repeat ;overflow: hidden;padding : 8px;float:right;}
#header .right #nouveau_client h4 { text-transform: uppercase; font-weight:bold; color : #393541; margin : 0px; margin-bottom : 04px; }

/** client loggué **/

#header .right #client_loggue {width: auto; height : 56px; display : block; margin :0px;overflow: hidden; float: right;}
#header .right #client_loggue div.border-left {width: 7px; height: 56px; display: block; margin :0px; overflow: hidden; float:left; background : url(../images/mon_compte_l.png) no-repeat ;}
#header .right #client_loggue div.border-right {width: 7px; height: 56px; display: block; margin :0px; overflow: hidden; float:left; background : url(../images/mon_compte_r.png) no-repeat ;}
#header .right #client_loggue ul.center {width: auto; min-width:233px; height: 51px; padding-top: 5px; display: block; margin :0px; overflow: hidden; float:left; background: url(../images/bg_mon_compte.png) repeat-x;}
#header .right #client_loggue ul.center li.bonjour {padding-left: 5px;margin-bottom: 10px; text-transform: uppercase; font-weight: bold; font-size: 12px;}
#header .right #client_loggue ul.center li.bonjour a {margin-left: 20px;  padding-left: 7px; margin-right: 20px; background : url(../images/puce_arrow.png) no-repeat 0px 3px; color: #000000; text-decoration: none; text-transform: none; font-weight: normal; font-size: 10px;}
#header .right #client_loggue ul.center li.links {margin-left: 5px;}
#header .right #client_loggue ul.center li.links a {float: left; padding-left: 10px; background : url(../images/puce_arrow.png) no-repeat 0px 3px; color: #e2017b; text-decoration: underline; text-transform: none; font-weight: normal; font-size: 12px;}
#header .right #client_loggue ul.center li.links img {float: left; margin-top: 3px; margin-left: 10px; margin-right: 10px;}

/** nav du haut **/

#header .right ul#top-nav { text-align : right; padding-right : 4px;overflow:hidden;}
#header .right ul#top-nav li { display:inline; background: url(../images/puce_arrow.png) no-repeat 0px 2px; padding-left : 8px; border-right : 1px #cfcfcf solid; padding-right : 10px; margin-left : 5px;}
#header .right ul#top-nav li.fin { border:none; padding-right : 0px; }
#header .right ul#top-nav a {color : #e2017b;text-transform: uppercase;}

/** nav **/

#header #nav-bar {display:block;overflow:hidden; width: 983px;height: 35px; margin-top : 5px; background-color : #01887e; }

#header #nav-bar ul#nav { margin-left:0px;overflow:hidden;display : block;   }
#header #nav-bar ul#nav li { color : #ffffff; font-size : 10pt; font-weight:bold; float:left; display: block; background-color : #01887e; width :auto; height: 33px; cursor:pointer; margin:0px; border : 1px #01887e solid;border-top : 1px #01887e solid;}
#header #nav-bar ul#nav li div { padding : 8px 9px 2px 9px; border : 1px #01887e solid; width :auto; height: 21px;}
#header #nav-bar ul#nav li.fin div { width : 50px;}


#header #nav-bar ul#nav li a { color : #ffffff; text-decoration: none; }
#header #nav-bar ul#nav li a:hover { text-decoration: none;  }
/**#header #nav-bar ul#nav li.famille a:hover { text-decoration: none; color: #e2017b; }**/
/**#header #nav-bar ul#nav li.famille:hover { border-left: 1px #e2017b solid; border-right: 1px #e2017b solid; border-top: 1px #d2d2d2 solid; border-bottom: 1px #f6f6f6 solid; background-color:#f6f6f6; color: #e2017b  }**/


#header #nav-bar ul#nav li.famille:hover { border : 1px #e2017b solid; background-color:#e2017b; color: #ffffff  }


#header #nav-bar ul#nav li.famille div.onglet-famille a:hover { text-decoration: none; color: #ffffff;  border : 1px #e2017b solid;}
#header #nav-bar ul#nav li.famille div.onglet-famille:hover { border : 1px #e2017b solid; background-color:#e2017b; color: #ffffff  }

#header #nav-bar ul#nav li.selected,#header #nav-bar ul#nav li:hover { background-color:#e2017b; border : 1px #e2017b solid; }
#header #nav-bar ul#nav li:hover div { border : 1px #e2017b solid;  }
#header #nav-bar ul#nav li.selected div { border : 1px #e2017b solid; }

#header #nav-bar ul#nav li.separ {  background: url(../images/separ-nav.png) no-repeat; width :2px; height: 36px;padding:0px; border-right : none; border-left : none; }
#header #nav-bar ul#nav li.separ:hover {  background: url(../images/separ-nav.png) no-repeat; width :2px; height: 36px;padding:0px; border-right : none; border-left : none;  }

/** barre de recherche **/

#header #tools-bar { background-color : #f6f6f6;width: 982px; height : 33px;margin-top : 8px;display:block;overflow:hidden; border : 1px #f1f1f1 solid; margin-bottom:8px;padding-top : 0px; }
#header #tools-bar ul { margin-left : 10px;margin-top : 2px;}
#header  #tools-bar li {  height : 32px;display:block; float:left;padding-right:5px; border-right : 1px #b2b2b2 solid;text-transform:uppercase;font-weight:bold;color : #4e4e4e;font-size:07pt;padding-top : 2px;}
#header  #tools-bar li form { display:inline;margin:0px;padding:0px;}
#header  #tools-bar li form input { float : left; margin-top : 1px; }


#header  #tools-bar li.produits_push { margin-left :10px;text-transform:uppercase;color: #000000;background:url(../images/puce_arrow.png) no-repeat 0px 9px; padding-left: 10px;font-weight:bold;padding-right : 120px;padding-top : 6px}
#header  #tools-bar li.produits_push a { color : #e2017b;text-decoration:none;text-transform : none; font-size:08pt;}
#header  #tools-bar li.produits_push a:hover {text-decoration:underline; }

#header  #tools-bar li.all_marques { margin-left :5px;text-transform:uppercase;color: #000000;background:url(../images/puce_arrow.png) no-repeat 0px 9px; padding-left: 10px;font-weight:bold;padding-right : 10px;padding-top : 8px;}
#header  #tools-bar li.all_marques a { color : #000000;text-decoration:none; }
#header  #tools-bar li.all_marques a:hover {text-decoration:underline; }

#header  #tools-bar li.panier { margin-left :5px;text-transform:none;color: #333333;padding-left: 10px;font-weight:bold;border:none;padding-top : 0px;font-size:08pt;padding-top : 8px;}
#header  #tools-bar li.panier a { color : #333333;text-decoration:none; }
#header  #tools-bar li.panier a:hover {text-decoration:none; }
#header  #tools-bar li.panier a.ico-panier { background:url(../images/panier.png) no-repeat 0px 0px;width:26px;height:26px;overflow:hidden;float:left;margin-right:5px;margin-top:-8px;}

/** **/

#main { display:block; width:983px; min-height:400px;overflow:hidden; margin-bottom : 10px; z-index : 2;}

#sous-menu-famille { visibility: hidden; position : absolute;top :140px; left :0px; border :  1px #d2d2d2 solid; background-color:#f6f6f6; min-height : 300px; width:981px; z-index : 100; margin : 0px; padding : 0px}
#sous-menu-famille #sous-menu-content {position : relative;  display :block; min-height : 299px; width:959px; border :  1px #e2017b solid;   background-color:#f6f6f6; padding : 10px;z-index : 2000;}
#sous-menu-famille #sous-menu-content ul.cat { display : block; min-height : 10px; height :  auto; padding-bottom : 5px; padding-top : 5px; width:940px;}
#sous-menu-famille #sous-menu-content ul.cat li.categorie ul.ss-cat { display : block;}
#sous-menu-famille #sous-menu-content div { display: block; overflow : hidden; width : 940px; min-height : 10px; padding-bottom : 10px; }
#sous-menu-famille #sous-menu-content #bouton-meilleure-vente { position : absolute; top : 13px; left : 750px; width : 250px; }


#sous-menu-famille #sous-menu-content ul.cat li.categorie { padding-left : 10px; background : url(../images/puce_arrow_pink.png) no-repeat 0px 3px; float : left; width : 180px;}
#sous-menu-famille #sous-menu-content ul.cat li.categorie a, #sous-menu-famille #sous-menu-content ul.cat li.categorie a:hover { color : #e2017b; font-weight : bold; font-size : 9pt; text-decoration : none}
#sous-menu-famille #sous-menu-content ul.cat li.categorie ul.ss-cat li.sous-categorie { padding-left : 12px; background : url(../images/puce_arrow.png) no-repeat 0px 4px; float : none; width : 200px}
#sous-menu-famille #sous-menu-content ul.cat li.categorie ul.ss-cat li.sous-categorie a, #sous-menu-famille #sous-menu-content ul.cat li.categorie ul.ss-cat li.sous-categorie a:hover { color : #000000; font-weight : normal;text-decoration : none;font-size : 8pt;}


/** footer **/
#footer { background-color:#f6f6f6;}


#footer #nav_bas {background-color : #bc1e74;width: 968px; height : 20px;display:block;overflow:hidden;color: #ffffff; padding-top : 3px;padding-left : 15px; margin-bottom:15px; }
#footer #nav_bas a { color : #ffffff;text-decoration:none;margin-right: 8px; margin-left : 8px; font-size : 10px;font-weight : normal;}
#footer #nav_bas a:hover { text-decoration:underline; font-size : 10px;font-weight : normal;}
#footer ul.plan { margin-top : 3px;width:983px;display:block;overflow:hidden;}
#footer ul.plan li { display:block; float:left; color:#333333; margin-left: 7px; }
#footer ul.plan li a { color:#333333; text-decoration:none;}
#footer ul.plan li a:hover { text-decoration:underline;}

#footer ul.rubriques-suplementaires { margin-top : 3px;width:983px;display:block;overflow:hidden;}
#footer ul.rubriques-suplementaires li { display:block; float:left; color:#333333; margin-left: 7px; font-weight : bold; }
#footer ul.rubriques-suplementaires li a { color:#333333; text-decoration:none; font-weight : bold;}
#footer ul.rubriques-suplementaires li a:hover { text-decoration:underline; font-weight : bold;}

#footer ul#baseline   {background-color : #ffffff;margin-top : 20px;width:985px;display:block;overflow:hidden; height : 70px; margin-bottom:5px; }
#footer ul#baseline li   { display:block;float:left;overflow:hidden; }
#footer ul#baseline li.paiement_securise { background:url(../images/paiement_securise.png) no-repeat 0px 0px; width:352px;height:38px; margin-left:20px;margin-top:20px }
#footer ul#baseline li.logo_bas { background:url(../images/logo_powersante_bas.png) no-repeat 0px 0px; width:261px;height:65px; margin-left:350px;margin-top:5px;cursor : pointer; }


#credit-site { margin-top : 5px; padding-bottom : 10px; text-align : right }
#credit-site a, #credit-site a:hover { color : #333333; text-decoration : none;}