/**
 * Contenu
 */
#contenu {background-color: #EAE9EF;}
#navpages_bas {float: left;}

#ariane {padding: 16px 0 0 18px; width: 952px; height: 18px;}
#total_produits {font-size: 16px; font-weight: bold; text-align: center;}

/**
 * Ligne Encart texte de référencement familles
 */
#familles_text {width:934px; padding: 0 18px 10px 18px; text-align: justify;}

/**
 * Formulaires de tri
 */
#form_tri {padding-left: 18px; width: 300px;}
#form_tri p select {padding: 2px; color: #555684; border: 1px solid #555684; font: normal 11px Helvetica, Arial, Sans-serif;}

/**
 * Affinage
 */
#affinage {margin: 14px auto 0 auto; width: 934px; border: 1px solid #C6C5D5; overflow: auto; background-color: #F5F5F7;}
#affinage #affinage_titre {padding: 7px; font-weight: bold; text-align: center; cursor: pointer; background: #555684 url(../images/ico_affinage_offd.png) no-repeat; background-position: 309px 5px;}
/*#affinage #affinage_titre:hover {background-color: #B5B6C8;}*/
#affinage #affinage_titre p {background: url(../images/ico_affinage_offg.png) no-repeat; background-position: 600px -2px; color: #FFFFFF;}

#affinage #affinage_global {height: auto; overflow: hidden;}
#affinage #affinage_global #affinage_explication {float: right; margin: 7px; width: 140px; font-size: 10px; font-style: italic; text-align: right;}
#affinage #affinage_global #affinage_explication p {padding-bottom: 5px;}
#affinage #affinage_global .affinage_cadre {float: left; padding: 7px 40px 7px 7px; margin-right: 28px; border-right: 1px solid #D6D4E1;}
#affinage #affinage_global .affinage_cadre .affinage_soustitre {padding-left: 12px; font-weight: bold; color: #47456B;}
#affinage #affinage_global .affinage_cadre p a {padding-left: 12px; color: #555684; text-decoration: none;}
#affinage #affinage_global .affinage_cadre p a:hover {text-decoration: underline;}
#affinage #affinage_global .affinage_cadre p span a {padding-left: 12px; color: #06C5C0; text-decoration: none; background: url(../images/ico_delcritere.png) no-repeat; background-position: 0px 3px;}
#affinage #affinage_global .affinage_cadre p span a:hover {text-decoration: underline;}

/**
 * Produits
 */
#produits {position: relative; padding: 35px 0;}
#ico_comphaut {position: absolute; width: 17px; height: 27px; top: 20px; right: 16px; z-index: 50;}
#ico_compbas {position: absolute; width: 17px; height: 27px; bottom: 20px; right: 16px; z-index: 50;}

.produit_comphaut {position: absolute; /*width: 200px;*/ height: 18px; top: 11px; right: 11px; padding: 7px 26px 0 5px; z-index: 40; color: #FFFFFF; background: #555682;}
.produit_compbas {position: absolute; /*width: 200px;*/ height: 18px; bottom: 13px; right: 11px; padding: 5px 26px 0 7px; z-index: 40; color: #FFFFFF; background: #555682;}
.produit_comphaut a, .produit_compbas a {color: #FFFFFF; font-weight: bold; text-transform: uppercase;}
.produit_comphaut span, .produit_compbas span {color: #FFFFFF; font-weight: bold; text-transform: uppercase;}

.produit {position: relative; margin: 0 auto 10px auto; width: 948px; border: 1px solid #D6D4E1; overflow: auto; background: #FFFFFF url(../images/bg_chek.png) repeat-y top right;}
.produit_last {margin: 0 auto 0 auto;}

.produit .produit_compcheck {position: absolute; top: 50%; right: 8px; width: 12px;}
.produit .produit_compcheck .compcheck_error {position: relative; top: -26px; left: -357px; padding: 5px; width: 335px; text-align: center; border: 1px solid #D6D4E1; color: #FFFFFF; background: #B90000; z-index: 80; display: none;}
.produit .produit_compcheck .compcheck_error span {font-weight: bold;}

.produit .produit_col1 {position: relative; float: left; padding: 10px; width: 154px;}
.produit .produit_col1 .produit_image {width: 152px; height: 152px; border: 1px solid #D5D5E1;}
.produit .produit_col1 .produit_pastille {position: absolute; top: 11px; left: 93px; width: 70px; height: 68px; z-index: 80;}
.produit .produit_col1 .produit_reference {padding-top: 10px;}
.produit .produit_col1 .produit_reference span {font-weight: bold;}

.produit .produit_col2 {float: left; padding: 10px; width: 530px;}
.produit .produit_col2 h3 {padding-left: 30px; height: 20px; font-size: 16px; font-weight: bold; background: url(../images/ico_titre.png) no-repeat top left;}
.produit .produit_col2 h3 a {color: #555682; text-decoration: none;}
.produit .produit_col2 h3 a:hover {text-decoration: underline;}
.produit .produit_col2 p.produit_description {padding: 10px 0 10px 0; border-bottom: 1px solid #D5D5E1;}
.produit .produit_col2 p.composition_titre {margin: 10px 0 5px 0; font-weight: bold; color: #47456B;}
.produit .produit_col2 p.composition_images {width: 530px; overflow: hidden;}
.produit .produit_col2 p.composition_images img {margin: 0 5px 5px 0; width: 68px; height: 68px; border: 1px solid #D5D5E1;}

.produit .produit_col3 {float: left; padding: 10px; width: 175px; text-align: right;}

.produit .produit_col4 {position: absolute; bottom: 18px; right: 51px; height: 117px; text-align: right;}

.produit .produit_col4 .produit_prixsolde {position: absolute; bottom: 98px; right: 0px; font-size: 16px; color: #53B4BA; text-decoration: line-through;}
.produit .produit_col4 .produit_prixbarre {position: absolute; bottom: 98px; right: 0px; font-size: 16px; color: #53B4BA; text-decoration: line-through;}
.produit .produit_col4 .produit_prix {position: absolute; bottom: 70px; right: 0px; font-size: 24px; color: #EA5D01;}

.produit .produit_col4 .produit_detail {position: absolute; bottom: 35px; right: 0px; margin-top: 5px; width: 160px; height: 30px; background: url(../images/ico_detail.png) no-repeat top right; text-align: center;}
.produit .produit_col4 .produit_detail a {display: block; padding: 7px 0 0 32px; height: 23px; font-size: 11px; font-weight: bold; color: #555682; text-decoration: none;}
.produit .produit_col4 .produit_detail a:hover {text-decoration: none;}

.produit .produit_col4 .produit_ajout_panier {position: absolute; bottom: 0px; right: 0px; margin-top: 5px; width: 160px; height: 30px; background: url(../images/ico_ajout_panier.png) no-repeat top left; text-align: center;}
.produit .produit_col4 .produit_ajout_panier a {display: block; padding-top: 7px; height: 23px; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.produit .produit_col4 .produit_ajout_panier a:hover {text-decoration: none;}

.produit .produit_col4 .produit_indisponible {position: absolute; bottom: 0px; right: 0px; margin-top: 5px; padding-top: 7px; width: 231px; height: 23px; background: url(../images/ico_indisponible.png) no-repeat top left; text-align: center; font-size: 11px; font-weight: bold; color: #FFFFFF;}