/**************************************************
	Template de page SEDI Catalogue.css
	update 2008-07-25@12:13
**************************************************/

*{
box-sizing: content-box !important;
}

/* Catalogue */
#body-left{float:left;width:172px; margin:0; padding:0;}

#body-right{float:right;width:765px; margin:0; padding:0;font-size:1em;}

#body-right h1 {font-size:14px;margin:0 0 4px 0; padding:0;color:#035a63;font-weight: bold !important;}
#body-right h2{font-size:0.7em; margin:0 0 4px 0; padding:0 0 0 10px; color:#e5004f;height:15px; background:url('/templates/images/fleche.gif') no-repeat 0 3px;}
#body-right h2 a {text-decoration:none;color:#e5004f;}
#body-right h2 a:hover {text-decoration:none;color:#555555;}

#body-right a{text-decoration:none;color:#555555;}
#body-right a:hover{text-decoration:none;color:#e5004f;}

/* Menu */
#index-themes {margin:0;font-size:0.6em;}
#index-themes h3 {font-size:1.1em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #025e64; text-align:center;}
#index-themes ul {margin:0 0 0 5px; padding:0; list-style-type:none;}
#index-themes ul li { margin:0.1em 0; padding:0.1em 0; color:#025e64;}
#index-themes ul li a{ text-decoration:none; color:#025e64; display:block;}
#index-themes ul li a:hover{ text-decoration:underline; color:#025e64;display:block;}
#index-themes ul li:hover { background-color:#8abcc1;}


/* Flyout du menu catalogue à revoir ********************************************/
#index-themes li ul {  width:200px; padding:4px; list-style-type:none;position:absolute; margin:-18px 0 0 150px;background-color:#f2f8f9; border:1px solid #025e64;z-index:10;}
#index-themes li ul li { margin:0.2em 0; padding:0.2em 0; color:#025e64;}
#index-themes li ul li a{ text-decoration:none; color:#025e64;}
#index-themes li ul li a:hover{ text-decoration:underline; color:#025e64;}
#index-themes li ul li:hover { background-color:#8abcc1;}
/********************************************************************************/


.li_selected,.li_selected a,.li_selected a:hover{text-decoration:underline;color:#e5004f;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #025e64; border-right:1px solid #025e64;border-bottom:1px solid #025e64;background-color:#025e64;}
.xb1 {margin:0 5px; background:#025e64;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontentb {display:block;  border:1px solid #ccc; border-width:0 1px 1px; padding: 0 5px 5px 5px; background-color:#f2f8f9;}




.xc1, .xc2, .xc3, .xc4 {display:block; overflow:hidden;}
.xc1, .xc2, .xc3 {height:1px;}
.xc2, .xc3, .xc4 { border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;background-color:#cccccc;}
.xc1 {margin:0 5px; background:#cccccc;}
.xc2 {margin:0 3px; border-width:0 2px;}
.xc3 {margin:0 2px;}
.xc4 {height:2px; margin:0 1px;}
.xboxcontentc {  border:0 solid #cccccc; height:700px; border-width:0 1px 1px; padding: 0 5px 5px 5px; background-color:#fff;}


/* Liste produit */
#descCat{width:560px;min-height:85px;clear:left;float:left;margin:0px 0; padding:0px 0;color:#555555;font-size:10px;}
#descCat a{text-decoration:underline;}
#descCat a:hover{text-decoration:underline;}

#descSCat{width:765px;/*height:75px;*/overflow:hidden;clear:left;float:left;margin:0px 0; padding:0px 0;color:#555555;font-size:10px;}/*560px 85px*/
#descSCat a{text-decoration:underline;}
#descSCat a:hover{text-decoration:underline;}

.triPan {width:150px;height:36px;float:right;margin:5px 0; padding:5px; /*border:1px solid #fce5ed;*/color:#555555;font-size:0.6em;}
.triPan p {margin:0;padding:0;}
.triPan dl {margin:0;padding:0;}
.triPan dt {margin:0;padding:0 0 0 6px;background:url('/templates/images/fleche.gif') no-repeat 0 4px;}

.triPanFiltre {width:560px;clear:left;float:left;margin:5px 0; padding:5px; border:1px solid #cccccc;color:#555555;background-color:#E8EAEA; font-size:0.6em;}
.triPanFiltre p {margin:0;padding:0;}
.triPanFiltre dl {margin:0;padding:0;}
.triPanFiltre dt {margin:0;padding:0 0 0 6px;background:url('/templates/images/fleche.gif') no-repeat 0 4px;}

#filtre_coche {width:560px;clear:left;float:left;margin:5px 0; padding:5px; border:1px solid #cccccc;color:#555555; font-size:0.6em;background:url('/templates/images/filtre_ento.png') no-repeat right bottom #f4f6f6;}


.pagination-top{width:570px;clear:left;float:left;margin:5px 0 10px; padding:5px 0 2px; /*border-top:1px solid #cccccc;*/ border-bottom:1px solid #cccccc;color:#555555;font-size:0.7em;}
.pagination-bottom{width:650px;clear:left;float:left;margin:5px 0; padding:5px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;color:#555555;font-size:0.7em;}
.pagination a{text-decoration:none;color:#555555;}
.pagination a:hover{text-decoration:none;color:#e5004f;}
#liste_produits {clear:both;width:740px;margin:0; padding:0;font-size:1em;}
#liste_produits .itmProd {float:left; width:200px;height:445px;margin: 0 25px 10px 0; padding:2px; text-align:left;position:relative;border:1px solid #e0e2e2;}
#liste_produits .itmProd:hover {border:1px solid #cccccc;}

#liste_produits .itmProd_top {float:left; width:430px;height:fit-content;margin: 0 25px 10px 0; padding:2px; text-align:left;position:relative;border:1px solid #9bc8ca;}
#liste_produits .itmProd_top:hover {border:1px solid #cccccc;}

#liste_produits .itmProd_option {float:left; width:740px;height:170px;margin: 0 25px 10px 0; padding:2px; text-align:left;position:relative;border:1px solid #9bc8ca; border-left:5px solid #9bc8ca;}
#liste_produits .itmProd_option:hover {border-color: #cccccc;}

#liste_produits .apercu_option {float:left; padding:2px; text-align:left;position:relative;background-color:#666; color:#fff;font-size:11px; border-radius:3px;}
#liste_produits .apercu_option:hover {background-color: #e5004f;color:#fff;}

#liste_produits .quantite_option {float:left; padding:2px; text-align:center;position:relative;font-size:11px; color:#555;padding: 60px 30px 15px;}

#liste_produits .imgProd {float:left; width:200px;height:200px;margin:0 0 5px 0; padding:0; /*border:1px solid #cccccc;*/}
/*#liste_produits .imgProd:hover {border:1px solid #999;}*/
.ajax-loading {padding: 0;background: url('/templates/images/mini-ajax-loader.gif') no-repeat center;}
#liste_produits .descProd {float:left;height:95px;padding:1px;}
#liste_produits .descProd h2 {font-weight: bold !important; clear:left;margin:0 0 4px 0; padding:2px;text-align:center; height:30px; font-size:0.6em;background: none; }
#liste_produits .descProd p {margin:5px 0 0 0; padding:0; color:#555555;font-size:0.6em;}

#liste_produits .descProd_option {float:left;height:65px;padding:1px;}
#liste_produits .descProd_option h2 {clear:left;margin:0 0 4px 0; padding:2px;text-align:left; height:35px; font-size:11px;background: none;text-indent: 0px;text-decoration:none; }
#liste_produits .descProd_option p {margin:5px 0 0 0; padding:0; color:#555555;font-size:11px;text-decoration:none;}
#liste_produits .descProd_option a {text-decoration:none;}


#liste_produits .prixProd {clear:both;margin:0; padding:0; color:#555555; text-align:right;font-size:0.6em;}
#liste_produits .prixProd span{color:#035a63; font-weight:bold;font-size:12px;}
#liste_produits .prixProd strong{width:80px;display:block; color:#e5004f; text-align:center; font-weight:bold;margin:0; padding:2px; border:1px solid #cccccc;}
#liste_produits .refProd {float:left;margin:0 0 4px; padding:0; color:#555555; text-align:left;font-size:0.6em; font-weight:bold; width:105px;}


#liste_produits .detailProduit{float:right;/*background: url('/templates/images/bt-zoom.gif') no-repeat left center;*/width:94px;height:39px;}
/*#liste_produits .detailProduit a{display:block;width:39px;height:39px;}*/
#liste_produits .detailProduit span{background-color:#e0e2e2;color: #555; }
#liste_produits .detailProduit span:hover{background-color:#63a4a7;color:#fff;}
#liste_produits .addProduit{float:right;background: url('/templates/images/caddy_top.png') no-repeat right center;width:105px;height:39px;}
#liste_produits .addProduit:hover{background: url('/templates/images/caddy_down.png') no-repeat right center;}
#liste_produits .addProduit a{float:right;display:block;width:35px;height:34px;margin:0;}
#liste_produits .addProduit input{float:left;margin:12px 0 0 0;padding:1px; font-size:0.7em; color:#555555;}
#liste_produits .addProduit span{display:none;}


#liste_produits .addDevis{float:right;background: url('/templates/images/bouton_devis.gif') no-repeat right center;width:80px;height:39px;}
#liste_produits .addDevis a{float:right;display:block;width:35px;height:34px;margin:0;}
#liste_produits .addDevis input{float:left;margin:12px 0 0 0;padding:1px; font-size:0.7em; color:#555555;}
#liste_produits .addDevis span{display:none;}


#liste_categories{clear:both;float:left;width:570px;margin:0; padding:0;font-size:1em;}
#liste_categories h2 {clear:left;margin:0;}

#liste_affaires{width:180px;float:right; text-align:center;}
    #liste_affaires > div{
        border:1px solid #cccccc;
        padding:0;
        margin:0;
        border-radius:2px;
        -moz-border-radius:2px;
        -o-border-radius:2px;
        -webkit-border-radius:2px;
        width:176px;
        height:256px;
    }
        #liste_affaires div a{
            display:block;
            padding:0;
            margin:0;
            width:100%;
            height:100%;
        }
            #liste_affaires div a img{
                display:block;
                margin:0;
                width:100%;
                height:100%;
            }

#liste_rimg{width:172px;clear:right;float:right; text-align:center; margin:10px 0 10px 0;padding:0;}
#liste_rimg h3 {font-size:0.7em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #cccccc; text-align:center;}


#infos-cgv{margin:10px 0 0 0; padding:0; width:172px;height:44px;}
#infos-cgv span{display:none;}
#infos-cgv a{display:block;width:172px;height:42px;margin:0; padding:0;}

#bonnes-affaires{margin:10px 0 0 0; padding:0; /*background:url('/templates/images/bonnes-affaires.gif') no-repeat 2px 0;*/ width:172px;height:44px;}
#bonnes-affaires span{display:none;}
#bonnes-affaires a{display:block;width:172px;height:42px;margin:0; padding:0;}
.prodAffaire{width:100px;height:100px;clear:left;float:left; text-align:center;margin:5px 0 0 30px!important;_margin:5px 0 0 15px; padding:0; border:1px solid #cccccc;}


/* Fiche produit */
#fiche_produit {width:740px;margin:0; padding:0;font-size:0.7em;}
#fiche_produit h2{font-size:0.9em; margin:0 0 7px 0; padding:0 0 0 10px; color:#e5004f;height:15px; background:url('/templates/images/fleche.gif') no-repeat 0 3px;}
#fiche_produit h3{font-size:0.9em; margin:0 0 7px 0; padding:0; color:#035a63;}
#desc_produit{float:left; width:360px;/*min-height:400px;*/margin:0; padding:0; color:#555555;}
#desc_produit .sep{ border-bottom:1px solid #cccccc;height:13px;letter-spacing:0.1em;color:#e5004f; font-weight:bold;}

#guide_produit {float:left;width:111px;height:35px;margin:10px 0 10px 0; padding:0;background: url('/templates/images/guide-achat2.gif') no-repeat 0 0;}
#guide_produit a{margin:0; padding:0; display:block;width:111px;height:35px;}
#guide_produit a span{display:none;}

#tarif_produit {clear:both;margin:0; padding:0px 0 0 0;}
#tarif_produit table {font-size:1em; color:#555555; border:1px solid #ccc;}
#tarif_produit td{}
#tarif_produit .rQte{ border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#tarif_produit .rRem{ border-left:1px solid #ccc; background-color:#e5004f; color:#fff;}
#tarif_produit .rPrix{ border-left:1px solid #ccc;}
#tarif_produit .rTop{ border-top:1px solid #ccc;}

#flag_nouveaute{float:left;width:180px;height:50px;margin:0; padding:0;background: url('/templates/images/flag-nouveaute.gif') no-repeat 0 0;}
#flag_nouveaute span{display:none;}
#flag_nouveaute a{display:block;height:50px;}
/*#flag_delais{float:right;width:165px;height:50px;margin:0; padding:0;background: url('/templates/images/flag-delais.gif') no-repeat 0 0;}
#flag_delais span{display:none;}*/
/*#flag_delais{letter-spacing:-1px;text-align:right;float:right;width:155px;height:30px;margin:0; padding:25px 0 0 0;color:#e5004f;font-size:12px;}
#flag_delais span{color:#e5004f; font-weight:bold;font-size:15px;}*/
#flag_delais{letter-spacing:-1px;text-align:left;float:left;width:690px;height:40px;margin:0; padding:1px 2px 0 5px;color:#035a63;font-size:1em;}
#flag_delais span{color:#e5004f; font-weight:bold;font-size:15px;}




#subInfProd{float:right;margin:0px 0 0 0; padding:0;width:40%;}
#subInfProd p{float:left; width:250px; margin:0;}
#demande_devis{float:left;width:174px;height:44px;margin:0 0 0 15px; padding:0;background: url('/templates/images/demande_devis.gif') no-repeat 0 0;}
#demande_devis a{display:block;width:174px;height:44px;margin:0; padding:0;}
#demande_devis span{display:none;}

.frmQte{text-align:left; padding:2px; border:1px solid #cccccc;}
/*.frmHdn{border:none; text-align:right; font-weight:bold; padding:2px;}
#frmHdn {margin:0; padding:0;}
#frmHdn p{clear:left;float:left;width:600px;margin:0; padding:0; text-align:right;}
#frmHdn p span{width:50px;margin:0; padding:0; text-align:right;}*/
#Qt,#Mt {float:left;width:200px;margin:0; padding:0 0 0 100px; text-align:right; line-height:20px;}
#Qt strong,#Mt strong {float:left;width:150px;margin:0; padding:0; text-align:right;}
#Qt p,#Mt p {float:left;width:50px;margin:0; padding:0; text-align:right;}

/*#remiseTotale{float:right;width:275px;text-align:right;margin:15px 0 0 0; padding:0 0 0 0;}*/

#btCaddy{float:right;width:174px;height:44px;margin:0; padding:0;background: url('/templates/images/ajouter_au_panier.gif') no-repeat 0 0;}
#btCaddy a{display:block;width:174px;height:44px;margin:0; padding:0;}
#btCaddy span{display:none;}

#btDevis{float:right;width:90px;height:40px;margin:0; padding:0;background: url('/templates/images/bt-devis2.gif') no-repeat 0 0;}
#btDevis a{display:block;width:40px;height:40px;margin:0; padding:0;}
#btDevis span{display:none;}

#menu-assoc {margin:0;font-size:100%;}
#menu-assoc h3 {font-size:1em;text-transform:uppercase; margin:0; padding:0;color:#025e64;border-bottom:1px solid #025e64; text-align:left;}
#menu-assoc ul {margin:0 0 0 5px; padding:0; list-style-type:none;font-size:0.9em;}
#menu-assoc ul li { margin:0.2em 0; padding:0.2em 0; color:#025e64;}
#menu-assoc ul li a{ text-decoration:none; color:#025e64;}
#menu-assoc ul li a:hover{ text-decoration:underline; color:#025e64;}




/* Diaporama */
#diapo_produit {float:right; width:370px;/*min-height:400px;*/margin:0; padding:0;}
#diapo_produit p{float:right;color:#555555;}
#med_produit {float:right;width:360px;height:360px; border:1px solid #cccccc;overflow:hidden;}
#med_produit a{margin:0; padding:0;}
#med_produit a:hover{margin:0; padding:0;cursor:-moz-zoom-in;}
#med_produit.ajax-loading {padding: 0;background: url('/templates/images/ajax-loader.gif') no-repeat center;}
#bt_zoom_produit{display:block;width:360px;height:250px;}
.thumb{float:left;display:block;width:75px;height:75px;margin:2px; padding:0;overflow:hidden;border:1px solid #cccccc;}
#defil_produit {clear:right;float:right;margin:5px 0 0 0; padding:0;width:360px;height:80px; /*border:1px solid #cccccc;*/}
#defil_produit.ajax-loading {padding: 0;background: url('/templates/images/mini-ajax-loader.gif') no-repeat center;}
#defil_produit a{text-decoration:none; display:block;width:16px;height:80px; line-height:40px;}
/*#defil_produit a:hover{text-decoration:none; display:block;width:16px;height:80px; line-height:40px;}*/
#container_scroll{float:left; margin:0; padding:0; width:325px;height:80px;overflow:hidden;position:relative;}
#scroller_produit{margin:0; padding:0;width:3000px;height:80px;position:relative;}
#defil_left{margin:0; padding:0;float:left; width:16px;height:80px; background:url('/templates/images/diapo-left.gif') no-repeat center;font-size:0.5em;}
#defil_right{margin:0; padding:0;float:left; width:16px;height:80px; background:url('/templates/images/diapo-right.gif') no-repeat center;font-size:0.5em;}

#defil_left a:hover{margin:0; padding:0;float:left; width:16px;height:80px; background:url('/templates/images/diapo-left_hover.gif') no-repeat center;font-size:0.5em;}
#defil_right a:hover{margin:0; padding:0;float:left; width:16px;height:80px; background:url('/templates/images/diapo-right_hover.gif') no-repeat center;font-size:0.5em;}

/* Liste consommables */
.slcFrms { margin:0; padding:1px; font-size:0.7em; color:#555555;}

/*Lots
#bt_AjouterLot  {width:180px; float:right;  height:20px; border:2px ridge #5bc3c2; margin:0 0 20px 15px; padding:0px; text-align:center;}

#bt_AjouterLot a{text-decoration:none; display:block; color:#fff;background-color:#035a63;width:180px; height:20px; line-height:20px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.7em;}

#bt_AjouterLot a:hover{text-decoration:none;display:block; color:#035a63;background-color:#fff;width:180px;  height:20px; line-height:20px; font-weight:bold; cursor:pointer;margin:0; padding:0px; font-size:0.7em;}
*/
#bt_AjouterLot{float:right;width:40px;height:40px;margin:0; padding:0;background: url('/templates/images/bt-caddy.gif') no-repeat 0 0;}
#bt_AjouterLot a{display:block;width:40px;height:40px;margin:0; padding:0;}
#bt_AjouterLot span{display:none;}

#tagsCloud{ font-size:10px;}


/* LIENS DISCRETS */
a.discret{text-decoration:none;border-bottom: 1px dashed #ccc;}
a.discret:hover{border-bottom: 1px dashed #e5004f;color: #e5004f;}

/* LIENS SOUTENUS */
a.soutenu{text-decoration:underline;font-weight:bold;font-size:11px; color:#035a63;}
a.soutenu:hover{border-bottom: 3px dashed #e5004f;color: #555555;}




.article-last a {
    background-image: url("/templates/images/article_last_1.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: right;
    width: 50px;
}
.article-last a:hover {width:50px; height:26px; background-image: url('/templates/images/article_last_2.png') ;background-repeat:no-repeat; background-position: left top;float:left; display: block;text-align:right;}

.article-next a {
    background-image: url("/templates/images/article_next_1.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 26px;
    text-align: left;
    width: 50px;
}
.article-next a:hover {width:50px; height:26px; background-image: url('/templates/images/article_next_2.png');background-repeat:no-repeat; background-position: right top;float:left; display:block;text-align:left;}




#example, .example {

    background-color: #ffffff;
	font-size:10px;
    border-radius: 2px 2px 2px 2px;
	border: 1px solid #ccc;
    text-align: left;
	width:170px;
	float:right;

}

.example button {
    margin: 10px;
}
#example_a a {
    color: #fff;
	text-decoration:none;
}
#example_a a:hover {
	color: #fff;
	text-decoration:underline;
}
.example.paused, #example.paused {
    background-color: #ededed;
    color: #2C7391;
}



#example2, .example2 {
    background-color: #ffffff;
	font-size:10px;
    border-radius: 2px 2px 2px 2px;
	border: 1px solid #ccc;
    text-align: left;
	width:170px;
	float:right;
}
.example2 button {
    margin: 10px;
}
.example2.paused, #example2.paused {
    background-color: #ededed;
    color: #2C7391;
}

#example2_m, .example2_m {
    background-color: #ffffff;
	font-size:10px;
    border-radius: 2px 2px 2px 2px;
	border: 1px solid #ccc;
    text-align: left;
	width:170px;
	float:right;
}
.example2_m button {
    margin: 10px;
}
.example2_m.paused, #example2_m.paused {
    background-color: #ededed;
    color: #2C7391;
}


#example3, .example3 {
    background-color: #ffffff;
	font-size:10px;
    border-radius: 2px 2px 2px 2px;
	border: 1px solid #ccc;
    text-align: left;
	width:170px;
	float:right;
}
.example3 button {
    margin: 10px;
}
.example3.paused, #example3.paused {
    background-color: #ededed;
    color: #2C7391;
}





#ajaxLoader {
    background: url("/templates/images/filtre_hide.png") repeat scroll left top transparent;
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.ajax-loading_filtre {padding: 0;background: url('/templates/images/filtre_load.gif') no-repeat center;opacity:0.4;}

.prowoWebIndications{
    height:50px;
    font-weight:normal !important;
}
.prowoWebIndications{
    font-size:7px !important;
    background-color:#F9D4C5 !important;
    color:#000000 !important;
    width:100%;
    display:flex !important;
    align-items: center;
    justify-content: center;
}

.prowoWebIndicationsTooltip{
    display:block;
    background-color:#F9D4C5 !important;
    color:#000000 !important;
    padding-bottom:4px;
    width:85px !important;
    float:right;
}
.prowoWebIndicationsTooltip a{
    position:relative;
    cursor:default;
    display:block;
    text-align:center;
    font-size:10px !important;
}
.prowoWebIndicationsTooltip > div{
    display:block !important;
    width:100% !important;
    padding:0;
    margin:0;
}
.prowoWebIndicationsTooltip div:first-child{
    margin-bottom:1px !important;
    font-size:7px !important;
    color: #666;
    padding:4px 4px 0;
}
.prowoWebIndicationsTooltip div:nth-child(2){
    width:85px !important;
}

.prowoWebIndicationsTooltip .tooltip{
    position:absolute !important;
}
.tWebLongIndicationPhrase{
    width:70%;
    padding:0;
    font-size:10px !important;
    float:left;
    height:50px !important;
    display:flex !important;
    align-items: center;
    justify-content: center;
    color:#DF5D30;
    clear:both;
}
.tWebLongIndicationPhrase p{
    width:100%;
    text-align:left;
}
.indicationsProduct{
    float:left;
    width:60%;
}
.indicationsProductTop{
    float:left;
    font-size:10px;
    clear:both;
    width:100%;
    color:#DF5D30;
}
