/**  PRODUITS  **/



#main #produits            {display:block;overflow: hidden; min-height: 500px;}
#main #produits .separ-pdt {display:block;overflow: hidden; background: url(../images/separ-pdts.png) no-repeat; width : 521px; height : 9px; }

#main #produits div#box-nav {display:block;overflow: hidden; background-color: #333333; width : 538px; height : 27px; }
#main #produits ul#nav-pages { display:block;overflow: hidden; float : right; margin-right: 10px;}
#main #produits 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;}
#main #produits div.nb-page { float: left; text-align: right; width:auto; border : none;  color:#ffffff; margin-left : 10px; margin-top : 5px;}
#main #produits ul#nav-pages li a { color : #ffffff; text-decoration : none; font-size : 07pt;}
#main #produits ul#nav-pages li.selected a { color : #e2017b; text-decoration : none; font-size : 07pt;}

#main #produits form#filtre_produit { display:block;overflow: hidden;width : 517px; background : url(../images/filtre-produit.png) no-repeat; height : 38px; padding: 0;  padding-top: 8px; margin-left : 7px; text-align: center; vertical-align:middle; }
#main #produits form#filtre_produit label { float : left;background: url(../images/puce_arrow.png) no-repeat 0px 2px ;text-transform : uppercase; font-weight : bold; margin-right : 5px; margin-left : 5px; padding-left : 10px;margin-top:2px;}
#main #produits form#filtre_produit select { color : #999999; background: url(../images/bg-select.png) repeat-x; width : 150px;float : left; margin-top:1px;}
#main #produits form#filtre_produit input[type="submit"] { float : left;display:block;overflow: hidden;}

/**FICHE PRODUIT **/

#main #produits div.titreh1 { margin : 0px; padding : 0px; padding-left : 10px; margin-left: 5px; background : url(../images/h1_page_produits.png) no-repeat;display:block;overflow: hidden; height: 35px;width : 517px; }
#main #produits div.titreh1 p.titre1 { margin : 0px; padding : 0px; padding-top : 6px;  font-size : 17px; color: #ffffff; float: left;  }

/**#main #produits div.titreh1 p.titre2 { margin : 0px; padding : 0px; padding-top : 9px; padding-right : 10px; margin-left: 5px; font-size : 14px; font-weight: bold; color: #000000; float: right; width: 150px; text-align: right; }

#main #produits div.titreh1 p.titre2 a,#main #produits div.titreh1 p.titre2 a:hover { color: #ffffff; text-decoration: none}

**/

#main #produits ul.fiche-left {display:block;overflow: hidden; width:220px; float: left; margin: 10px 0 10px 15px; }
#main #produits ul.fiche-left li#img-prod {text-align: center; padding: 0px; margin: 0px;}
#main #produits ul.fiche-left li#agrandir {text-align: center; height: 20px; padding: 0px; margin: 0px; margin-bottom: 15px; }
#main #produits ul.fiche-left li#agrandir a#lien-agrandir {color: #000000; margin-right: 5px;}
#main #produits ul.fiche-left li#ref-prod {text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; margin-bottom: 5px;}
#main #produits ul.fiche-left li select {font-size: 11px; color: #000000; margin-bottom: 5px; width: 125px;}
#main #produits ul.fiche-left li div.color-box {width: 20px; height: 20px; float: left; margin-right: 5px; cursor:pointer; }
#main #produits ul.fiche-right {display:block;overflow: hidden; width:280px; float: left; margin: 10px 0 10px 0;}
#main #produits ul.fiche-right li {float: none; width: 280px; display:block;overflow: hidden;}
#main #produits ul.fiche-right li#marque {margin: 0px; padding: 0px; color: #000000; font-size: 13px; font-weight: bold; text-align : right; padding-bottom : 8px;}
#main #produits ul.fiche-right li#marque a,  #main #produits ul.fiche-right li#marque a:hover { color: #23a99f; font-size: 13px; font-weight: bold; text-decoration:none;}
#main #produits ul.fiche-right li#nom-produit {margin: 0; padding: 0; color: #000000; font-size: 14px; font-weight: bold; width: 275px;}
#main #produits ul.fiche-right li#desc-produit {margin: 0; padding: 0; color: #000000; font-size: 11px; width: 275px;}
#main #produits ul.fiche-right li#en-stock {margin: 0; margin-top: 5px; padding: 0; font-weight:bold; color: #46c600; font-size: 11px; width: 275px;}
#main #produits ul.fiche-right li div.prix-left {width: 140px; float: left; margin-bottom: 10px;}
#main #produits ul.fiche-right li div.prix-right {width: 100px; float: right; color: #ff0000; font-weight: bold; text-align: right;}
#main #produits ul.fiche-right li div.prix-left p.prix_barre {font-weight:bold; color: #666666; text-decoration: line-through;text-align : left; width: 170px;}
#main #produits ul.fiche-right li div.prix-left p.prix_affiche {font-weight:bold; color : #e2017b; text-decoration: none;text-align : left;font-size : 15pt;  width: 170px;}
#main #produits ul.fiche-right li div.prix-left p.prix_affiche {font-weight:bold; color : #e2017b; text-decoration: none;text-align : left;font-size : 15pt;  width: 170px;}
#main #produits form.panier ul.fiche-right li select.fichepdt  { float: left;display : block;overflow:hidden;margin-top : 7px;}
#main #produits form.panier ul.fiche-right li label.fichepdt { float: left;display : block;overflow:hidden; margin-right : 10px;margin-top : 10px;}
#main #produits form.panier ul.fiche-right li input[type="submit"] { background: url(../images/bt-ajout-panier-long.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin: 0px; float: right; width : 175px; height : 32px;font-family: arial; padding:0px;cursor:pointer}
#main #produits form.panier ul.fiche-right li a.ajout-selection, a.ajout-selection:hover  { background: url(../images/puce_pink.png) no-repeat 0 1px; margin-top: 5px; padding-left: 12px; color : #000000; text-transform : uppercase; font-size : 9px; font-weight: bold; text-decoration  : none; display: block; overflow: hidden; float: right; margin-right: 3px; }
#main #produits form.panier ul.fiche-right li#note-produit { background: url(../images/bg-note.png) no-repeat; margin-top: 20px; margin-bottom: 15px;  padding-left:10px; padding-top: 10px; width: 279px; height: 24px; display: block; overflow: hidden; }
#main #produits form.panier ul.fiche-right li#note-produit p { color : #000000; text-transform : uppercase; font-size : 11px; font-weight: bold; display: block; overflow: hidden; float: left; margin-right: 10px }
#main #produits form.panier ul.fiche-right li#note-produit img { display: block; overflow: hidden; float: left; margin-top : -3px; }
#main #produits form.panier ul.fiche-right li.liste-action { background: url(../images/puce_arrow_pink.png) no-repeat 12px 3px; display: block; overflow: hidden; margin-bottom: 5px; padding-left: 22px; }
#main #produits form.panier ul.fiche-right li.liste-action a, #main #produits form.panier ul.fiche-right li.liste-action a:hover  { color: #000000; text-decoration:none; }
#main #produits div#certification { margin : 0px; padding : 0px; padding-left: 10px; background-color : #ffffd6;display:block;overflow: hidden; height: 100px;width : 538px;}
#main #produits div#certification p { margin : 0px; margin-bottom: 10px; margin-top: 10px; padding : 0px; background-color : #ffffd6;display:block;overflow: hidden; width : 528px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #000000; }
#main #produits div#certification img { float: left; margin-right: 5px;}
#main #produits div.specifications { margin: 5px 0 20px 15px; width: 500px; height: auto;  text-align: left; font-size: 12px; display: block; overflow: hidden;}

/**NOTER UN PRODUIT **/

#main #produits img.note-photo {margin: 20px 20px 20px 20px; padding: 0; float: left; display: block; overflow: hidden; width: 150px;}
#main #produits ul.note-left {margin: 20px 0 20px 0; padding: 0; float: left; width: 330px; display: block; overflow: hidden;}
#main #produits div#note-right {float: right; width: 195px; display: block; overflow: hidden; margin-right : 20px; }

#main #produits ul.note-right {background: url(../images/bg-noter-pdt.png) no-repeat 0 0; margin: 20px 20px 10px 0px; padding: 10px 0px 0px 10px; float: none; width: 195px; height: 183px; display: block; overflow: hidden;}
#main #produits ul.note-left li#ref-prod {text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000000; margin-bottom: 5px; margin-top: 25px;}
#main #produits ul.note-left li#nom-produit {margin: 0; padding: 0; color: #000000; font-size: 14px; font-weight: bold; width: 275px;}
#main #produits ul.note-left li#desc-produit {margin: 0; padding: 0; color: #000000; font-size: 11px; width: 300px;}
#main #produits ul.note-right li.note-produit img { margin-right: 5px; margin-bottom: 5px;}
#main #produits ul.note-right li input[type="radio"] { width: 15px; float: left; margin-top: 3px; margin-right: 10px;}
#main #produits ul.note-right li input[type="submit"] { padding: 0px; background: url(../images/bg_button_175.png) no-repeat;border: none;font-size: 12px; font-weight: bold; text-transform : uppercase; color: #ffffff;margin: 15px 0 15px 0; width : 175px; height : 32px; cursor:pointer; text-align:center;}
#main #produits ul.note-bas {padding: 5px 0px 0px 10px; float: none; width: 195px; display: block; overflow: hidden;}
#main #produits ul.note-bas li.liste-action { background: url(../images/puce_arrow_pink.png) no-repeat 0 3px; display: block; overflow: hidden; margin-bottom: 5px; padding-left: 10px; }
#main #produits ul.note-bas li.liste-action a, #main #produits ul.note-bas li.liste-action a:hover { color: #000000; text-decoration:none; }