@charset "utf-8";
h1,h2,h3,h4,h5,h6{line-height:normal;margin:10px 0;color:#866F43}
h1{font-size:1.8em;font-weight:400;font-family:Muli}
h2{font-size:1.6em;font-weight:400}
h3{font-size:1.5em}
h4{font-size:1.3em;bottom:1px;left:1px;margin:0}
h5{font-size:1.2em}
h6{font-size:1.1em}
a:link{text-decoration:none}
a:visited{color:#0b4}
a:active,a:hover{color:#59f;text-decoration:underline}
* html a:active,* html a:hover,* html a:link,* html a:visited{color:#59f;text-decoration:none}
a:hover{transition:all .3s ease 1ms}
p{margin:5px 0}
strong{font-weight:700}
em{font-style:italic}
pre{background:#f0f6f7;border:1px solid #0097c7;font-size:1.1em;margin:20px auto;overflow:auto;padding:5%;width:80%}
code{background:#44bb34;color:#fff;font-size:1.1em;padding:2px}
ul{margin:0 0 0 10px;padding:0 0 0 5px}
hr{border-bottom:2px ridge #61615f;border:1px solid rgba(0,0,0,.1)}
.separator{clear:both;visibility:hidden}
table{border-collapse:collapse;border-spacing:0;font-size:1em;margin:auto;width:100%}
table caption{color:#0097c7;font-size:1.3em;font-weight:700;margin:5px 0;text-align:left}
th{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #ccc;border:0 solid #0097c7;color:#000;font-size:1.1em;font-weight:400;padding:2px}
td{border:0 solid #0097c7;padding:2px}
.center{text-align:center;width:100%}
.left{text-align:left;width:100%}
.right{text-align:right;width:100%}
input,textarea{background:#ccc}
body{color:#000;font-family:Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman",serif;margin:0;padding:0!important}
.wrap{max-width:1280px;margin:auto;width:100%}
body#index #cart{display:none}
a{color:#856f44;text-decoration:none}
a:hover{color:#856f44;text-decoration:none}
#super_cont{border-top:0 solid #222;margin:0!important;padding:0}
#super_cont_sec{background:0 0;border-top:0 solid #222;margin:0!important;padding:0}
#super_cont_ter{border-top:0 solid #222;margin:0!important;padding:0}
.adresse{border-bottom:0 solid #fff;font-size:1.2em;height:auto;margin:0;padding:5px;position:absolute;right:0;top:0;width:200px;display:none}
.adresse span{display:block}
.adresse span.adr_prop{display:none}
.adresse span.adr_tel{font-size:1.7em}
.adresse p{margin:0;padding:0;text-align:center;color:#666;font-size:1.4em}
#page{background:rgba(0,0,0,0) none repeat scroll 0 0;box-shadow:0 5px 15px -10px #000;margin:0 auto;width:100%}
.index #page{box-shadow:0 5px 15px -10px #000;margin:0 auto;width:100%}
#page #banner{background:#fff url(/template/bross_1/images/bandeau_gachere.jpg) no-repeat scroll 50% calc(30% + 20px) / 100% auto!important;margin:0 auto;padding:0;position:relative;width:calc(100%);z-index:10}
#inner_banner_bis{position:relative;top:0}
.short #page #inner_banner{height:80px;background:0 0}
.index #page #banner .wrap{background:rgba(0,0,0,0) url(/template/bross_1/images/banner_wrap.png) no-repeat scroll center 0 / auto 90%;min-height:350px}
.short #inner_banner_bis{top:0;height:45px;background-position:right bottom;background-color:#fff}
#page #banner .wrap{position:relative;max-width:2250px;min-height:260px;background:url(/images/banner_wrap_int.png) no-repeat center top / auto 100%}
.short #page #banner .wrap{min-height:0;background:none}
#page #banner h1.titre_page{color:#333;font-family:Muli;text-shadow:2px 1px 4px rgba(0,0,150,.2);position:relative;bottom:0;width:calc(100% - 20px);padding:10px;border:0;margin:0;font-size:2em;text-align:center;top:120px}
.short #page #banner h1.titre_page{opacity:0}
#page #banner h1.titre_page span{padding:0 10px}
#page #banner .logo_page a img{border:0 solid #00f;height:90px;width:500px;background:url(/images/) no-repeat top left}
#page #banner .logo_page h2{display:none;color:#fff;text-align:center;width:600px;margin-top:12px;text-transform:uppercase;font-size:2.4em;line-height:1em;letter-spacing:4px;font-weight:700}
#ajout_banner{text-align:center;background:linear-gradient(to top,#000 10%,transparent 85%)}
.short #ajout_banner{display:none}
#box_log{display:flex;right:calc(50% - 215px);position:absolute;top:265px}
#retour_accueil a{background:rgba(226,226,226,0.6) none repeat scroll 0 0;box-shadow:0 0 20px 20px rgba(226,226,226,0.6);display:block;height:125px;left:50%;margin-left:-550px;position:absolute;text-indent:-999em;top:5px;width:170px;z-index:50!important}
#retour_accueil a img{background:rgba(0,0,0,0) url(/images/logo.png) no-repeat scroll center center / 100% auto;border:0 solid #00f;display:block;float:left;height:100%;left:0;margin:0;position:relative;top:0;width:100%}
.index #retour_accueil a img{z-index:5}
#hdl_menu_smart{display:none}
#choix_langue{border:0 solid #00f;right:calc(50% - 640px);margin-left:443px;position:absolute;top:53px;width:100px;z-index:61}
#choix_langue input{background:0 0;float:left;padding:3px}
.short #choix_langue{display:none}
#creationCREAPRIME{border:0 solid #00f;left:50%;margin-left:200px;position:absolute;top:2px;display:none}
#cart{background:none repeat scroll 0 0 rgba(0,0,0,0);border-radius:3px;height:auto;left:calc(-85px);margin:0;padding:0;position:absolute;top:9px;width:100%;max-width:430px}
/*#cart .h3{font-size:18px;font-weight:400;margin:auto 5px auto 15px;padding-left:35px;background:url(/template/bross/images/picto-cart.png) no-repeat left center/auto 22px}*/
#cart .h3 {
    font-size: 18px;
    font-weight: 400;
    margin: auto 5px auto 15px;
    border-radius: 5px;
    padding: 5px 10px 5px 30px;
    background: #fff url(/template/bross/images/picto-cart.png) no-repeat 5px center/auto 22px;
    box-shadow: 0 5px 15px -8px #000;
}

#cart .h4{color:#666;font-size:18px;margin:auto;font-weight:700}
.short #cart h4 em{font-size:16px}
#page #cart.emptycart{display:none!important}
#cart a{color:#999}
#cart .inner_cart{background:none repeat scroll 0 0 rgba(0,0,0,0);border-radius:0;float:none;height:auto;display:flex;margin:0 auto}
#cart .inner_cart img.image_panier{float:left;margin:4px 25px 4px 5px}
#cart a:hover{color:#ddd;text-shadow:1px 0 3px #fff}
table.cart{background:#fff;border:1px solid #aaa}
table.cart td{border:1px solid #ddd;padding:5px;text-align:center;font-size:16px}
table.cart th{color:#fff;background:#333 linear-gradient(2deg,rgba(255,255,255,.2),rgba(0,0,0,0));padding:15px}
#conteneur{border-top:1px solid transparent;margin-bottom:330px;position:relative;z-index:2;background:#fff}
#page #conteneur{z-index:6}
.short #page #conteneur{z-index:2}
#footer{background:url(/template/bross_1/images/dark_tonneau.jpg) no-repeat scroll center center;bottom:0;box-shadow:3px 3px 4px #333;padding:10px 0 0;position:fixed;width:100%;z-index:1}
.index #footer{bottom:-600px;transition:all 0 ease 1ms}
.shorti #footer{bottom:0;transition:all .8s ease .5s;display:flex}
#footer .wrap{margin:3% auto}
#foot_cont{background:0 0;margin:5px auto;max-width:1280px;display:flex;flex-direction:row-reverse}
#foot_cont ul li{background:0 0;display:block;float:left;padding:0 0 0 12px;list-style:none;text-align:left}
#foot_cont ul.page_edit li{width:95%}
#foot_cont ul.page_edit{margin:auto}
#foot_cont ul#page_static li{width:90%}
#foot_cont ul li a{border:0 none;color:rgba(0,112,161,1);float:none;padding:0}
#foot_cont ul li a:hover{border:0 none;color:#eee;float:none;padding:0}
h3.titre_foot{color:#fff}
#foot_cont ul#page_static{margin:auto;padding:2px 0 0}
.footer_left{float:none;margin:0 2% 0 0;padding:0 1% 0 0;width:auto;flex:1}
.footer_right{flex:3;display:flex;justify-content:space-evenly}
.footer_out_right{color:#fff;float:none;padding:1%;width:17%;vertical-align:top;display:block}
.footer_out_right img{height:auto!important;width:100%!important}
#foot_cont ul#soci_lnk{border:0 solid #00f!important;float:left;margin:10px auto;padding:2px 0 0;width:100%}
#foot_cont ul#soci_lnk li{height:auto}
#foot_cont ul#soci_lnk li.li_fb{padding:2px 0 0}
#foot_cont ul{margin:auto;border:0 solid #00f!important;padding:2px 0 0}
#footer li{background:rgba(0,0,0,0) none repeat scroll 0 0;border-right:0 solid #999;display:inline-block;float:none;height:18px;line-height:18px;list-style:outside none none;margin:0 0 0 10px;overflow:hidden;padding:0 10px 0 0;vertical-align:top}
#foot_cont ul#footer_mk li{background:url(/images/dot_li_blanc.png) no-repeat scroll left center rgba(0,0,0,0);display:block;float:left;padding:0 0 0 12px;text-align:left;width:30%}
#footer li a{color:#145dc7;color:#37e}
#toggle_footer{display:inline-block;width:40%;visibility:hidden}
#footer ul#soci_lnk{display:inline-block;vertical-align:top;width:55%;text-align:right}
#footer ul#soci_lnk li{height:auto}
.logo_footer{float:none;margin:10px auto 0;height:100%;padding:0 60px;background-size:contain;background-repeat:no-repeat}
.logo_footer img{max-width:90%;display:block;margin:auto}
#bouton_commande span.h2{display:block;color:#fff;position:relative;z-index:1;font-size:1.5em;height:45px;line-height:100%;margin:5px 0 -50px}
#page #wrapper{background:none repeat scroll 0 0 rgba(0,0,0,0);box-shadow:none;margin:0 auto;padding:0 0 40px;width:1280px}
a.add_a,a.add_b{font-size:1.6em;color:#ded;text-shadow:1px 2px 5px #fff}
a.add_a{display:block;height:30px}
a:hover.add_a,a:hover.add_b{text-decoration:none;color:#fff}
.nocol #leftbar{display:none!important}
#leftbar{border:0 solid #ccc;border-radius:0;float:left!important;margin:-8px 5px 0 -1280px;min-height:450px;overflow:hidden;padding:0;width:275px}
#leftbar #logo_left{border:0 solid #00f;text-align:left;margin:0 0 0 1px}
#leftbar h2.titre_box{margin:50px auto 0;text-align:center;font-size:1.4em}
#rightbar{background:url(/images/top_actu.png) no-repeat scroll center -20px #dedbd5;border-radius:0;float:left!important;margin:0 0 0 -200px;min-height:450px;overflow:hidden;padding:0 0 15px;width:200px;display:none}
#actu_box_left h2.titre_box{text-transform:uppercase;letter-spacing:5px;font-weight:400;text-align:center;color:#ec760e;font-size:1.8em;margin:0 0 14px;border:0!important}
.index #breadcrumb{display:none}
.index #rightbar{display:none}
#pages.index.nocol #main{float:none;padding:25px 0 0;margin-top:-125px}
#pages.index #wrapper{margin:0 auto;padding:0;max-width:1280px;width:100%}
.index #box_new_index{height:180px;margin:0;overflow:hidden;position:relative;top:-50px;width:50%;float:left}
.index .box_new_index{float:left;height:190px;margin:0;overflow:hidden;position:relative;top:-50px;width:50%}
.index #box_new_index .box_prod.bp_light{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;border-radius:0;box-shadow:1px 1px 3px -3px #000;float:left;margin:5px 10px 0 0;padding:0;width:395px}
.index .box_new_index .box_prod.bp_light{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;border-radius:0;box-shadow:1px 1px 3px -3px #000;float:left;height:185px;margin:5px 10px 0 0;padding:0;width:395px;overflow:hidden}
.index .titre_page{display:none}
.index .textbloc{font-size:115%;height:auto;line-height:125%;padding:0 5px;border:0;text-align:justify}
.caption .content h1,.caption .content h2,.caption .content h3,.caption .content h4,.caption .content h5{color:#fff}
#breadcrumb a{color:#999;font-size:11px}
#recherche{background:url(/template/bross/images/picto_search.png) no-repeat left center/auto 26px;margin:0;padding:3px 0 0 40px;position:absolute;top:0;left:calc(50% - 350px);width:220px;z-index:11}
.index #recherche,#pages #recherche,#contact #recherche{display:none!important}
#recherche .inputy{display:flex;justify-content:center}
.short #recherche{display:none}
#recherche input{background:rgba(255,255,255,.6);border-radius:3px;font-size:14px;height:25px;margin:auto 0;border:1px solid #fff;padding:0 0 0 10px;position:relative;width:165px}
#recherche input.bt_sub{background:url(/images/button-search.png) no-repeat scroll 0 0 rgba(0,0,0,0);border:0 none;box-shadow:none;color:#145dc7;cursor:pointer;margin:0 -10px 0 5px;width:78px}
#recherche input.image_submit{background:url(/images/button-search.png) no-repeat scroll 0 0/auto 25px rgba(0,0,0,0);display:block;float:none;height:25px;width:30px;border:0}
#recherche input.image_submit:hover{background:url(/images/button-search.png) no-repeat scroll -42px 0/auto 25px rgba(0,0,0,0);display:block;height:25px;width:30px}
#recherche input.nosearch{color:#afa093;font-style:italic}
a.lnk_more_mk{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #ddd;border:1px solid #999;border-radius:5px;color:#999!important;display:block;margin:2px 5px;padding:2px 5px}
a.lnk_more_mk:hover{background:#fff;border-color:#248fff;color:#248fff!important}
.box_new_index .box_prod.bp_light .prod_marque{color:#666;font-size:15px;height:20px;margin-top:-24px;overflow:hidden}
#page #wrapper{margin:0 auto;padding:0;max-width:1280px;width:100%}
.index #page #wrapper{padding:0 0 40px}
.nocol #page #main{float:none;padding:0 0 50px;position:relative}
#breadcrumb{position:absolute;top:261px;padding:0;margin:0!important;color:#ca2}
#b_main_menu{background:rgba(0,0,0,0) linear-gradient(rgba(226,226,226,0.7),rgba(226,226,226,0.7),rgba(226,226,226,0.6),rgba(226,226,226,0.3),rgba(226,226,226,0)) repeat scroll 0 0;border-radius:3px;height:45px;margin:0;padding:62px 0 0;position:absolute;top:0;width:calc(100% - 0px);z-index:10}
#b_main_menu a{color:#000}
#b_main_menu a:hover{color:#fff}
#b_main_menu ul{background:0 0;margin:0;display:flex;justify-content:center;padding-left:175px}
#b_main_menu li {
    background: rgba(255,255,255,0.3) none repeat scroll 0 0;
    list-style: outside none none;
    padding: 0!important;
    margin: auto 1%;
    width: auto!important;
    border-bottom: 0 solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(0,0,0,0.3);
    display: inline-block;
    float: none;
    position: relative;
    vertical-align: top;
}
#b_main_menu li.up{background:linear-gradient(75deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,.6),rgba(255,255,255,.4),rgba(255,255,255,0))}
#b_main_menu li .try li{height:auto}
#b_main_menu li .try li.up,#b_main_menu li .try li:hover{background:linear-gradient(4deg,rgba(0,0,0,.3),rgba(0,0,0,.2))}
#b_main_menu table.menu_left td{border:0 solid #00f;height:25px;text-align:center;vertical-align:middle;position:relative;padding:0}
#b_main_menu table.menu_left td span.obl{display:block;transition:all .3s ease 1ms}
#b_main_menu .up table.menu_left td span.obl{background:#ddd}
#b_main_menu li:hover table.menu_left td span.obl{background:#ddd}
#b_main_menu table.menu_left td a{border:0 solid;color:#333;display:inline-block;font-size:14px;font-weight:400;line-height:120%;list-style:outside none none;margin:0;height:20px;min-width:100px;width:calc(100% - 20px);padding:4px 10px;text-shadow:0 0;text-transform:uppercase}
#b_main_menu li.up table.menu_left td,#b_main_menu li:hover table.menu_left td{border-radius:0}
#b_main_menu li.up table.menu_left td a,#b_main_menu li:hover table.menu_left td a{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6)}
#b_main_menu a{font-size:1.3em}
#b_main_menu li ul.try{position:absolute;width:135px;left:-999em;margin:-1px 0 0;z-index:150;flex-wrap:wrap}
#b_main_menu li:hover ul.try{left:auto;min-height:0;width:30%;min-width:230px;display:flex;flex-direction:column}
#b_main_menu li ul.try,#menu_three li ul.try{background:none repeat scroll 0 0 rgba(0,0,0,0);left:-999em;margin:0;padding:0;position:absolute;width:180px;z-index:1150}
#b_main_menu li ul.try li{width:160px;border-top:0 solid #fff;border:none;margin:1px 0 0}
#b_main_menu li ul.try li a{min-height:20px;text-align:left;font-weight:400;color:#fff;background:0 0;padding:5px 20px;font-size:15px;text-shadow:1px 0 1px #444;line-height:120%!important}
#b_main_menu li ul.try li a:hover{text-shadow:1px 0 1px #fff}
html > body #b_main_menu li ul#one li{border-top:0 solid transparent}
#b_main_menu .menu_top_main_li.gauche{display:none}
#b_main_menu li ul.try li a:hover,#menu_three li ul.try li a:hover{color:#000!important}
#b_main_menu li li:hover ul,#b_main_menu li:hover ul{left:auto;min-height:0}
#b_main_menu li:hover ul li ul.try.second{left:-9999px}
#b_main_menu li:hover ul li:hover ul.try.second{left:0;margin:-35px 0 0 97%;min-height:0;display:none}
#b_main_menu li:hover ul li.reverse:hover ul.try.second{left:-97%;margin:0;min-height:0;top:0}
#b_main_menu li ul.try li{float:none;margin:0!important;padding:2px 0!important;width:auto}
#b_main_menu li ul.try li:hover{background:linear-gradient(4deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}
#b_main_menu li ul.try li a{color:#eee;display:block;line-height:16px}
#b_main_menu li ul.try li:hover a{color:#fff!important;text-shadow:1px 1px 3px #333}
#b_main_menu li > ul.try li._nes > a{background:url(/images/menu_fleche_50.png) no-repeat right center}
#b_main_menu li > ul.try li._nes > a:hover{background:url(/images/menu_fleche.png) no-repeat right center}
#b_main_menu > ul{border-style:solid;margin:0;padding:0;display:flex;justify-content:center;align-items:center;width:auto!important}
#menu_banner_left{background:#f8d86e;border:0 solid red;border-radius:5px;box-shadow:1px 1px 3px -1px #000;color:#000!important;font-weight:700;height:35px;left:50%;line-height:35px;margin-left:141px;padding:14px;position:absolute;text-align:center;top:88px;width:150px}
#menu_banner_left a{color:#000;font-size:1.3em;text-transform:uppercase}
#menu_banner_left ul{list-style:none;margin:0}
#menu_banner_left li{float:left}
#menu_banner_left li a img{width:110px;height:30px}
#menu_banner_left li a{width:110px;display:block;height:33px;color:#fff;font-size:1.3em;text-align:center;line-height:32px;margin:0 5px}
#menu_banner_left li a span{margin-top:-25px;display:block}
nav#alt_acces{margin:0;position:absolute;top:-100px;z-index:103;text-align:center;display:flex;justify-content:space-between;left:155px;width:170px}
nav#alt_acces li{display:inline-block;list-style:outside none none;font-size:1.25em;margin:auto;text-transform:uppercase;font-weight:700}
nav#alt_acces .ul_right{display:flex;margin:5px;justify-content:space-between}
nav#alt_acces li a{display:flex}
nav#alt_acces li a img{display:inline-block;margin:auto 2px auto 0;height:35px}
nav#alt_acces li.nl_compte a{color:#fff}
nav#alt_acces li.nl_fb a{color:#fff}
nav#alt_acces li.nl_contact a{color:#fff}
.index nav#alt_acces li.nl_compte a{color:#0062bd}
.index nav#alt_acces li.nl_fb a{color:#0062bd}
.index nav#alt_acces li.nl_contact a{color:#0062bd}
#menu_hd{height:auto;position:absolute;right:0;min-width:320px;box-shadow:0 3px 15px -8px #000;color:#666;z-index:100;left:50%;display:inline-flex;flex-direction:row;top:0}
.short #menu_hd {
    background: #fff;
    float: none;
    height: 35px;
    position: absolute;
    right: auto;
    top: -455px;
    width: 250px;
    overflow: hidden;
    left: auto;
    border-radius: 3px;
    box-shadow: 0 5px 15px -10px #000;
    z-index: 54;
    /* display: none; */
}

#target_fp, .row.isneedfact, .addfact {
display:none;}
.short #cart {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border-radius: 3px;
    font-size: 1.2em;
    left: auto;
    margin: auto!important;
    padding: 0;
    position: relative;
    top: -105px;
    right: 0;
}
.short #cart .inner_cart{border-radius:0;float:none;margin:auto!important;display:flex;height:25px}
.short #cart h3,.short #cart h4{font-size:16px;margin:auto;height:25px;position:relative}
.short #banner .half.hal_tel{padding:5px 0}
.menu_smart{display:none}
.titre_page{background:0 0!important;color:#fff;font-size:3em;font-weight:700;margin:0 0 5px;text-align:center;padding:30px;text-shadow:1px 1px 3px rgba(0,20,0,.2)}
#page.present .titre_page{font-size:1.4em;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#fff;background:url(../images/fond_body.png) repeat 0 0;margin:0;padding:2px 0}
.textbloc{font-size:120%;height:auto;padding:5px 5%;background:#fff;position:relative;min-height:150px;margin:auto;box-shadow:0 5px 20px -10px #000;width:81%!important;border-right:8px solid #333}
.textbloc > h2{line-height:160%}
.textbloc em,.textbloc p,.textbloc span,.textbloc strong{line-height:100%}
.textbloc p{margin:15px 0;font-size:1.2em;font-family:muli;color:#333}
.textbloc p span{line-height:auto!important}
body#fiche_produit #page.pages_gammes #vignettes_img{width:95%;float:none;overflow:hidden;position:static;background:#fff;top:180px;border-top:0 solid #333;border-bottom:0 solid #333;border:1px solid #fff;margin:0 1%;padding:1%}
body#fiche_produit #page #vignettes_img{border-radius:15px 0}
body#fiche_produit #page #vignettes_img #ajout_devis{margin:30px 0 0;float:left;width:100%}
h3.t_fiche{color:#333;margin-top:20px}
body#fiche_produit #page.pages_gammes .img_vignette > h3{font-size:2em!important;color:#060}
#prod_fiche .row_doc{margin:10px}
#prod_fiche a{color:#333;margin:auto;display:block}
#prod_fiche a:hover{color:#090}
.img_vignette span.legend{margin:auto;display:block;float:none;clear:both;text-align:center}
#prod_fiche .row{margin:10px auto;clear:both;position:relative}
#prod_fiche .row .img_ref{text-align:center;background:#fff;display:flex;height:100%;justify-content:center}
#prod_fiche .row .img_ref span{background:url(/images/noir_80.png) repeat scroll 0 0 transparent;color:#fff;display:block;float:right;font-size:10px;line-height:20px;margin-top:-20px;text-align:center;position:relative;width:100%}
#prod_fiche .row .img_ref span img{height:20px}
#prod_fiche .row .img_ref img{width:auto;height:auto;max-width:100%}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette a{height:auto!important;float:left;width:350px;padding:0!important}
body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette img.main_img{width:350px!important;height:auto!important;float:left}
#page #image_main{clear:both;overflow:hidden;height:450px;width:646px}
#page #image_main img{min-height:450px;min-width:646px}
#cont_texte{background:url(/images/blanc_80_grand.png) no-repeat bottom left scroll transparent;border:0 solid red;height:110px;overflow:auto;padding:10px 10px 0;width:100%}
#cont_texte > div{background:none repeat scroll 0 0 transparent;height:120px;margin-top:0;overflow:auto;padding:0;width:98%}
#cont_texte .image_info_texte{float:right;height:110px;margin:0 0 0 20px;overflow:hidden;width:auto}
#cont_texte .image_info_texte img{max-height:110px}
#cont_texte .close_info{background:#000;text-align:right;margin:-10px}
#cont_texte h2{background:0 0;color:#000;padding:5px;font-size:1.7em;text-shadow:1px 0 1px #000;margin:0}
#cont_actu{position:relative;left:0;padding:50px 0;border-bottom:1px solid rgba(0,112,161,.5);border-top:1px solid rgba(0,112,161,.5);margin:0}
#cont_actu h3{padding:0;margin:0;font-size:1.2em;color:#fff}
#cont_actu .l_actu2 .l_titre a:hover{color:#000}
#cont_actu .l_actu .l_titre a{text-decoration:none;color:#000!important;font-weight:700!important;font-size:1.2em;padding:0}
#cont_actu .l_titre a:visited{color:#fff!important}
#cont_actu .l_titre a:hover{color:#ccc!important;text-decoration:underline}
#cont_actu .l_actu,#cont_actu .l_actu2{border:0;clear:both;margin:0 0 15px!important;padding:0 0 5px;color:#fff;font-family:Geneva,Arial,Helvetica,sans-serif}
#cont_actu .l_date{color:#fff;font-size:1em;font-family:Arial,Helvetica,sans-serif;text-align:left;font-weight:400;width:217px}
#cont_actu .l_actu .l_titre,#cont_actu .l_actu2 .l_titre{float:left;font-weight:400;font-size:1.1em!important;text-align:left;margin:5px 0 0;color:#fff}
#cont_actu .l_actu .l_titre a:link,#cont_actu .l_actu2 .l_titre a:link{color:#fff!important}
#cont_actu .l_actu_det{text-indent:0}
#cont_actu .l_actu_det .description{font-size:1em!important;line-height:14px}
#cont_actu .l_actu .l_img a img,#cont_actu .l_actu2 .l_img a img{float:left;margin:3px 3px 3px 0}
#cont_actu .zoom{float:left;border:0 solid;text-align:right;margin:0}
#cont_actu .l_actu2 .zoom{display:none}
#contact #main_cont_foot textarea{border:1px solid #999;border-radius:5px;font-family:Lato,Arial,Helvetica,sans-serif!important;height:150px;padding:1%;width:90%}
#contact fieldset,#devis fieldset,#espace_pro fieldset{margin:10px 0 0;border-top:3px solid #aaa;padding:5px}
#contact #main_cont_right fieldset{margin:10px 0 0;border-top:3px solid #060;padding:5px}
#contact legend,#devis legend{padding:0 10px;font-size:1.5em;color:#aaa}
#contact #main_cont_right legend{padding:0 10px;font-size:1.5em;color:#060}
#devis select{border:1px solid #999;width:300px}
#contact .bloc .champs{width:18%}
#contact .bloc_cp input,#contact .bloc_ville input,#devis .bloc_cp input,#devis .bloc_ville input{width:180px!important;border:1px solid #ddd!important;background:#eee!important}
#contact .bloc_cp label,#contact .bloc_ville label,#devis .bloc_cp label,#devis .bloc_ville label{font-size:1.1em}
#contact hr,#devis hr{background:none repeat scroll 0 0 #999;border:0 none;clear:both;height:1px}
#contact .bloc_cp .champs,#contact .bloc_ville .champs,#devis .bloc_cp .champs,#devis .bloc_ville .champs{width:100px!important}
#contact #main .bloc_cp,#contact #main .bloc_ville,#devis #main .bloc_cp,#devis #main .bloc_ville{float:left;clear:none;width:48%!important}
#contact .bloc label,#devis .bloc label{font-size:1.1em;width:95%}
#contact #bouton_valide input,#devis #bouton_valide input{height:auto;border:0}
#main .bloc,#main_cont .bloc_cp,#main_cont .bloc_ville,.f_contact{margin:5px 0;padding:0;clear:both}
#page_cart #main_cont .bloc_cp,#page_cart #main_cont .bloc_ville{clear:none;width:48%}
.captcha{background:#fff none repeat scroll 0 0;border-radius:15px;margin:15px;padding:2%;width:300px}
.captcha #captcha_code{background:#eee;border:1px solid #ddd;border-radius:5px;color:#8c8c8c;padding:5px}
.captcha label{margin:10px;display:inline-block}
.bloc #form{overflow-y:auto;margin:0 auto;padding:3px}
.bloc legend{font-weight:700;font-size:1.3em;color:#000;margin:0 0 0 15px;padding:0 3px}
#contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,.8)!important;border:1px solid #999!important;border-radius:5px;height:25px;padding:2px;width:65%}
#contact .bloc textarea,#devis .bloc textarea{background:rgba(255,255,255,.8)!important;border:1px solid #ddd!important;border-radius:5px;height:75px;padding:2px;width:65%}
.bloc_inline{margin:0;padding:0;height:23px}
.bloc_cp{margin:5px;width:310px;float:left;height:20px}
.bloc_cp input{height:20px}
.bloc_ville{margin:5px;width:250px;float:left;height:19px}
.bloc_ville input{height:19px;width:180px}
.bloc textarea{width:300px;height:60px;margin:0 auto;background:#ccc}
.bloc_adresse{margin:5px;width:400px;float:left}
.bloc .champs{width:210px;float:left;text-align:right}
.bloc_adresse textarea{background:#ccc;width:280px}
.bloc_cp .champs{width:210px;float:left;text-align:right}
.bloc_ville .champs{width:50px;float:left;text-align:right}
.bloc .champs2{width:400px;float:left;text-align:left}
#form .bloco{width:300px;text-align:center;margin:0 auto}
#espace_pro .f_contact .label,.bloc label{float:left;font-size:1.3em;width:200px;text-align:right;font-weight:400;color:#333}
#espace_pro #cont_pro .doci{border:0 solid #00f;float:left;height:45px;margin:5px;background:url(/images/clef.png) no-repeat center;width:70px}
.bloc_cp label{width:300px;text-align:right;font-weight:400;font-size:1.3em}
.bloc_ville label{width:300px;text-align:right;font-weight:400;font-size:1.3em}
#bouton_valide{width:300px;text-align:center;margin:-10px auto 10px;padding:0}
#bouton_valide input{background:0 0}
.obligatoire{color:#06e;font-size:1em;font-weight:400;margin:0 auto;text-align:right;width:500px}
#page_valide{background:none repeat scroll 0 0 #fff;border-radius:15px;box-shadow:0 0 18px -10px #000;margin:5% auto;padding:5% 10%;position:relative;text-align:center;width:60%}
#banner_valide{text-align:center}
#wrapper_valide{margin:0;min-height:50px;padding:0;text-align:center;width:100%}
#wrapper_valide .send{font-size:1.3em;font-weight:700;color:#666;padding:3px}
#adresse_valide{color:#666;margin:0 auto 15px;text-align:center;width:90%}
#adresse_valide p{font-size:1.3em!important;color:#ccc;padding:3px}
#mentions .creaprime{color:#999;font-size:1em;font-family:Verdana,Helvetica,sans-serif;font-weight:700}
#mentions .creaprime span{font-size:1em;font-family:Verdana,Helvetica,sans-serif;font-weight:700;font-style:italic}
#mentions .creaprime span a{color:#c90}
#text_gamme{padding:10px}
#text_gamme ul{margin:10px;padding:0 0 0 20px;color:#000}
#liste_actus{border:1px solid rgba(0,0,0,.1)!important;float:none;margin:0 4%;width:90%;box-shadow:0 5px 15px -10px #000}
#actualites .l_actu{background:none repeat scroll 0 0 #fff;margin:20px 0 15px 5px;padding:5px 5px 5px 20px}
#actualites .l_actu.up{background:#666;display:none}
#actualites .l_actu .l_date{font-size:.9em;color:#000;text-align:right;border-bottom:1px solid #000}
#actualites .l_actu .l_img,#actualites .l_actu .l_img2{float:left}
#actualites .l_actu .l_img{background:#fff none repeat scroll 0 0;display:inline-block;float:none;margin:5px;padding:2px;vertical-align:top}
#actualites .l_actu .l_img img{height:auto;max-height:150px;max-width:200px;width:auto;box-shadow:0 5px 15px -10px #000}
.l_actu_det{display:inline-block;margin:5px 5%;vertical-align:top;width:60%}
#actualites .l_titre{color:#000;font-size:1.8em;margin:15px;padding-left:10px;text-align:left}
#actualites .l_titre a{color:#000}
#actualites .l_actu .l_actu_det .description{color:#333;text-indent:none;text-align:justify;line-height:120%;padding:0}
#actualites .img_z{width:300px;float:left;margin:0 10px;box-shadow:0 5px 15px -8px rgba(0,0,0,.8)}
#actualites .img_z img{width:300px}
#actualites .head_actu{border-bottom:3px solid rgba(0,0,0,.5);border-radius:9px;box-shadow:0 5px 15px -12px #000;float:left;margin:5%;padding:5%;font-size:130%;width:78%;background:rgba(255,255,255,.95)}
#actualites .head_actu span{text-align:left;font-family:Verdana,Arial,Helvetica,sans-serif}
#actualites .head_actu .datefull{background:url(/images/deg_blanc.png) repeat scroll 0 0 #e11de1;color:#fff;display:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;margin:0 0 0 -4px;padding:0 10px 0 0;text-align:right}
#actualites .head_actu h2{text-align:Arial,Helvetica,sans-serif;font-size:1.8em!important;font-weight:700;color:#000!important;margin:0 0 10px;padding:0}
.zoom{font-family:lato,Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;float:right;font-weight:700}
#partenaires #main{margin:0 auto;text-align:center;width:90%}
#partenaires li.part{display:inline-block;float:none;height:250px;margin:0 10px 10px;overflow:hidden;vertical-align:top;width:210px}
#partenaires a.bout_dep,#partenaires a.bout_rep{float:left}
#partenaires li.part .cont_img{background:#fff none repeat scroll 0 0;border:1px solid #ddd;border-radius:200px;float:none;height:195px;overflow:hidden;width:195px}
#partenaires li.part:hover .cont_img{border:10px solid #81a600;box-shadow:0 2px 5px -3px #000;float:none;height:175px;transition:all .3s ease 1ms;width:175px}
#partenaires li.part .cont_img{float:none;height:195px;width:195px}
#partenaires .part .img_part{overflow:hidden;text-align:center}
.part .lnk_part{clear:both;height:auto;line-height:130%;width:auto}
#partenaires li.part td.img_part{height:195px;padding:0;width:195px}
#partenaires li.part:hover td.img_part{height:175px;width:175px}
#partenaires .part .img_part img{max-height:135px;max-width:160px;overflow:hidden;text-align:center}
#partenaires .part div{text-align:center;width:auto}
#partenaires .part a{color:#666;display:inline-block;font-family:Oswald;font-size:1.2em;font-weight:400;margin:5px;text-align:center;text-transform:uppercase}
#partenaires .part .ico_web{background:#fff none repeat scroll 0 0;display:none;padding:2px 0 0;text-align:center}
main#main article{padding:30px;font-size:1.1em}
.replie{display:none}
#MooFlow{width:95%}
#gal_foot{padding:0;text-align:center;display:flex;justify-content:center}
#gal_foot a{box-shadow:0 5px 7px -7px #000;display:block;float:none;height:300px;overflow:hidden;width:auto;flex:1;background-size:cover;background-position:center}
#gal_foot .paysage a img{padding:0;height:200px}
#gal_foot .portrait a img{padding:0;width:200px}
#gal_foot .img_foot{display:inline-block;width:200px;height:200px;overflow:hidden;margin:10px 12px;box-shadow:0 5px 15px -8px #000;background-size:cover;background-position:center}
#gal_foot .img_foot a span.caption{background:none repeat scroll 0 0 rgba(0,0,0,.7);color:#fff;display:none;height:26px;line-height:12px;margin-bottom:-30px;padding:2px 5px;position:relative;text-align:center;top:150px;width:190px}
#gal_foot .img_foot a:hover span.caption{display:block}
#gal_foot.full .paysage a img{width:100%;height:100%;opacity:0}
#gal_foot.full .portrait a img{width:100%;height:100%;opacity:0}
#gal_foot.full .img_foot{width:100%;height:300px;margin:0;background-size:cover;background-position:center}
#gal_right{float:right;overflow:hidden;padding:10px;width:125px}
#gal_right a{background:#fff none repeat scroll 0 0;box-shadow:0 5px 7px -3px #000;display:block;float:left;margin:2px 3px;padding:3px;width:120px}
#gal_right a img{width:120px;overflow:hidden}
.index #leftbar .box.box_new{display:none}
.box_prod{border:0;border-top:1px solid #ddd;border-radius:0;box-shadow:0 5px 15px -5px #ddd;margin:5px 2% 15px;padding:10px;width:90%;justify-content:space-between;display:flex}
.box_prod .box_prod_middle{width:30%;position:relative}
.box_prod .box_prod_right{border-left:1px solid #eee;padding:0 0 0 10px;width:29%;margin:0 0 0 1%}
.box_prod .prod_desc{font-size:16px;color:#999;line-height:110%;
    min-height: 80px;}
.box_prod .box_prod_right .lp_prix{color:#000;font-size:25px;padding:15px}
.box_prod .box_prod_right .lp_prix span em,.prix_fiche span em{color:#666;font-size:18px;text-transform:uppercase;padding:0 0 0 20px;font-style:normal}
.box_prod .box_prod_middle .variantes.f_row select{font-size:1.3em;height:25px}
.box_prod .box_prod_middle .variantes.f_row{margin:10px 0}
.box_prod .semi_pi.info{float:none;line-height:26px;position:absolute;bottom:0;right:0}
.box_prod .semi_pi.zoom{margin:-20px 0 0 -50px;position:relative;width:50px}
.box_prod .semi_pi.zoom a{color:#000;font-size:12px;font-weight:400}
.box_prod .semi_pi.zoom a:hover{color:#145dc7}
.box_prod .semi_pi.info a{color:#000}
.box_prod .semi_pi.info a:hover{color:#145dc7}
.box.box_new,.box.box_spe{margin:0 0 0 17px;text-align:center;width:235px}
.box .box_prod .img_prod{background:none repeat scroll 0 0 #fff;height:180px;margin:auto;overflow:hidden;text-align:center;width:160px}
.next_prod img{background:rgba(0,0,0,0) url(/template/bross_1/images/fleche_apres.png) no-repeat scroll center center / 100% 100%;border:0 solid red;display:inline-block;height:50px;margin-top:100px;position:relative;vertical-align:top;width:30px}
.prev_prod img{background:rgba(0,0,0,0) url(/template/bross_1/images/fleche_avant.png) no-repeat scroll center center / 100% 100%;border:0 solid red;display:inline-block;height:50px;margin-top:100px;position:relative;vertical-align:top;width:30px}
.box .box_prod .box_prod_left{float:left;width:90%}
.box .box_prod .box_prod_right{border:0 none;float:right;font-size:1.3em;margin:10px;padding:0;text-align:right;width:90%}
.box_prod .prod_nom{color:#866f44;font-size:1.6em;height:auto;line-height:120%;margin-bottom:15px;margin-top:0}
.box_prod .img_prod{width:300px;height:250px;overflow:hidden;text-align:center;background:#fff}
.box_prod .img_prod table{border:0}
.box_prod .img_prod td{border:0;padding:0;width:250px;height:250px}
.box_prod .prod_info{height:30px;margin:5px 0;padding:5px 0}
.box_prod .img_prod img{max-width:100%;max-height:180px;height:auto}
.box_prod .img_prod img.paysage{max-width:100%;max-height:250px;height:auto}
.box_prod .etat_stock{color:#000;font-size:11px;height:15px;line-height:15px;margin:0;padding:0 1px 0 0}
.box_prod .etat_stock .ok{background:url(/images/stock_ok.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:62px}
.box_prod{border-bottom:3px solid #866f44;border-radius:0;box-shadow:0 0;clear:both;display:inline-block;float:none;margin:20px 1%;padding:1%;width:38%}
.box_prod .box_prod_left{display:inline-block;float:none;vertical-align:top;width:35%}
.box_prod .box_prod_middle{color:#866f44;display:inline-block;float:none;vertical-align:top;width:60%;text-align:left}
#display_prod_vins_cont .box_prod .prod_info { display:none;}
.box_prod .box_prod_right{border-left:1px solid #ddd;
/*	display:none;*/
	float:none;margin:0 0 0 1%;padding:0 0 0 10px;vertical-align:top;width:auto}
.box_prod .box_prod_right .lp_prix{color:#000;font-size:22px}
.box_prod .box_prod_right .lp_prix span em,.prix_fiche span em{color:#666;font-size:18px;text-transform:uppercase;padding:0 0 0 20px;font-style:normal}
.box_prod .box_prod_middle .variantes.f_row select{font-size:1.3em;height:25px}
.box_prod .box_prod_middle .variantes.f_row{margin:10px 0}
.box_prod .semi_pi.info{line-height:26px;bottom:-30px}
.box_prod .semi_pi.zoom{margin:-10px 0 0;position:relative;width:50px}
.box_prod .semi_pi.zoom a{color:#000;font-size:12px;font-weight:400}
.box_prod .semi_pi.zoom a:hover{color:#145dc7}
.box_prod .semi_pi.info a{color:#000}
.box_prod .semi_pi.info a:hover{color:#145dc7}
.box.box_new,.box.box_spe{margin:0 0 0 17px;text-align:center;width:235px}
.box .box_prod .img_prod{background:none repeat scroll 0 0 #FFF;height:180px;margin:auto;overflow:hidden;text-align:center;width:160px}
.box .box_prod .box_prod_left{float:left;width:90%}
.box .box_prod .box_prod_right{border:0 none;float:right;font-size:1.3em;margin:10px;padding:0;text-align:right;width:90%}
.box_prod .prod_nom{color:#866f44;font-size:1.6em;height:auto;line-height:120%;margin-bottom:15px;margin-top:0}
.box_prod .img_prod{background:#fff none repeat scroll 0 0;height:280px;overflow:hidden;text-align:center;width:100%}
.box_prod .img_prod table{border:0}
.box_prod .img_prod td{border:0 none;height:280px;padding:0;width:160px}
.box_prod .prod_info {
    height: 30px;
    margin: 5px 0;
    padding: 5px 0;
    order: 2;
    font-style: italic;
    color: #856f44;
}
.box_prod .img_prod img.portrait{height:auto;width:auto;max-width:100%;max-height:100%}
.box_prod .img_prod img.paysage{height:auto;max-height:100%;max-width:100%;width:auto}
.box_prod .etat_stock{display:none}
.dispo.etat_stock span{padding:0 0 0 70px;display:inline-block}
.box_prod .etat_stock .ok,.dispo.etat_stock .ok{background:url(/images/stock_ok.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:62px}
.dispo.etat_stock .limite{color:#f90;background:url(/images/stock_limite.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:auto}
.box_prod.bp_light{background:rgba(255,255,255,0.9) none repeat scroll 0 0;border-radius:0;box-shadow:0 8px 15px -10px #000;display:inline-block;float:none;margin:5px 3% 15px;padding:0;vertical-align:top;width:27%}
.inc_bloc_prod .box_prod.bp_light{width:auto;max-width:300px;margin:auto;flex-direction:column}
table.options_produit th{background:#e00;color:#fff}
table.options_produit td{padding:10px 5px;font-size:16px;border-bottom:1px solid #faa}
.bloc_ill_page{position:absolute;width:100px;top:-30px;left:-30px;height:100px;border-radius:100px;background-position:center;background-size:contain;display:none}
.box_prod.bp_light .box_prod_left {
    /* float: left; */
    margin: 0 2%;
    text-align: center;
    width: 96%;
    display: flex; 
    flex-direction: column;
}
.box_prod.bp_light .lnkprod {order:3; }
.box_prod.bp_light .img_prod{background:0 0;height:250px;overflow:hidden;text-align:center;width:auto;margin:5px 0;display:flex;position:relative;justify-content:center}
.box_prod.bp_light .box_prod_right{float:none;margin:0;padding:0;text-align:center;width:100%;clear:both}
.box_prod.bp_light .img_prod a{display:flex}
.box_prod.bp_light .img_prod img{position:relative;max-width:100%;max-height:100%;margin:auto}
.box_prod.bp_light .box_prod_right .lp_prix {
    /* color: #fff; */
    /* font-size: 2em; */
    /* font-family: dosis; */
}
.box_prod.bp_light .box_prod_right .lp_prix span em,.prix_fiche span em{color:inherit;font-size:.6em;font-style:normal;padding:0 0 0 5px;text-transform:uppercase}
.box_prod.bp_light .semi_pi.zoom {
    margin: auto 0 auto auto;
    position: relative;
    width: 50px;
}
.box_prod.bp_light .prod_nom{color:#856f44;font-size:1.2em;height:40px;line-height:105%;margin:30px 23px}
.box_prod.bp_light .semi_pi.zoom a{color:#999;font-size:10px;font-weight:400}
.box_prod.bp_light .prod_marque{font-size:16px;color:#666}
.box_prod .etat_stock .non em{display:none}
.box_prod .etat_stock .non{color:red;background:url(/images/hors_stock.jpg) no-repeat scroll left center rgba(0,0,0,0);display:block;height:15px;width:62px}
.box_prod .prod_info .semi_pi{float:right;margin:0 1% 1% 0;width:48%}
.box_prod .prod_info .alt_bout_commande{text-align:right}
.box_prod .prod_info .semi_pi.info a{background:none repeat scroll 0 0 #e75012;border-radius:10px 10px 10px 10px;color:#fff;font-size:15px;font-style:italic!important;font-weight:700;margin:0 0 0 3px;padding:0 8px}
.box_prod .prod_info .semi_pi.zoom a{display:none;padding:0 30px 0 10px;color:#e75012;background:url(/images/zoom_bleu.png) no-repeat right center}
.box_prod .prod_info .semi_pi.add{width:95%;margin:auto}
.box_prod .prod_info .semi_pi.add input{background:0 0;margin:0 0 -5px 10px}
#main.enregistrement{padding:0 15px;margin:0;border:0 solid #ddd;color:#666}
#cont_compte{background:#f5ffff}
#main.enregistrement .label{float:left;width:30%;display:block;color:#333}
#main.enregistrement h4{color:#333}
#main.enregistrement .form{clear:both;margin:8px 0;min-height:20px}
#main.enregistrement textarea{background:#ccc;height:100px;width:306px}
#main.enregistrement input{background:url(/images/deg_blanc.png) repeat scroll 0 0 #f5f5f5;border-radius:3px;color:#335;font-size:16px;height:28px;padding:0 0 0 5px;width:300px;width:calc(69%);border:1px solid #ddd}
#main.enregistrement textarea{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #def;border-radius:3px;color:#335;font-size:16px;height:150px;padding:0 0 0 5px;width:300px;width:calc(69%);border:1px solid #999}
.form.spe{border:1px solid rgba(0,0,0,.2);margin:15px 0!important;padding:12px;border-radius:10px;box-shadow:0 5px 15px -10px #000;position:relative}
.minfo{position:absolute;background:#fff;padding:30px;width:80%;margin:2% 10%;border:4px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 5px 15px -10px #000;z-index:5;display:none}
input.b_img{width:auto!important;background:0 0!important;height:auto!important}
.f_form input{width:auto!important;height:auto!important}
#main.enregistrement fieldset{border-color:#50cefe;border-image:none;border-right:0 none;border-style:solid none none;border-width:3px 0 0;margin:40px 0 0;padding:30px;width:95%;font-size:1.3em}
#main.enregistrement #inscription{clear:both;margin:2px 0;border-top:1px dotted #fad;border-bottom:1px dotted #fad}
#main.enregistrement fieldset legend{color:#333;font-size:18px;font-weight:700;padding:0 5px;margin:0 0 0 10px !important}
#box_log h2,#box_log h3,#box_log h4{margin:auto;float:left;font-size:.9em;font-weight:400;text-align:center!important}
#box_log h4{border-left:1px solid #fff;margin:0 0 0 10px;padding:0 0 0 10px}
#box_log h4 em{display:inline}
/*#box_log h2 a,#box_log h3 a,#box_log h4 a{color:#856f44!important;font-size:13px;text-transform:uppercase;margin:auto}  */
#box_log h2 a, #box_log h3 a, #box_log h4 a {
    color: #856f44!important;
    font-size: 13px;
    text-transform: uppercase;
    margin: auto;
    font-weight: bold;
}
#lnk_fb{clear:both;margin:0;position:static}
fieldset.l_commande em{float:right;margin:-20px 15px 0 0}
fieldset.l_commande .row{border:0!important;background:#ddd}
#foot li a{font-size:12px;color:#e78}
#foot li{border-left:1px solid #e78;color:#e78}
#list_doc{border:0 solid #ddd}
#list_doc fieldset{border-top:2px solid #69d;padding:10px 0 0 10px}
#list_doc legend a{font-size:1.3em;color:#69d;margin:0 5px 0 10px}
#list_doc .doc{padding:5px;border-bottom:1px solid #ddd}
#list_doc .doc .img_doc{float:left;margin:0 10px}
#list_doc .doc .date_doc{clear:both;color:#999}
#actu_spe_plus{display:none}
a.bout_exemple{background:#ec760e;padding:5px 15px;border-radius:10px;color:#fff;font-weight:700}
a.bout_exemple:hover{text-shadow:1px 0 3px #fff}
table.ecart{border:1px solid #666;width:99.5%}
table.ecart td{padding:5px;background:linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.3));border:1px solid #ddd;text-align:center;border-color:#fff #ddd #ccc}
table.ecart th{background:#178d00 linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.4));color:#fff;text-shadow:1px 1px 3px #000;font-weight:400;font-size:14px;border:1px solid #666;padding:10px}
.variantes.f_row select{border:1px solid #ccc;font-size:1.5em;height:30px;line-height:30px;width:100%}
#retour_ecart{margin:-30px 10px 0 0}
a.b_ajouter_panier{background:#ef3633;color:#fff;display:block;margin:1px;padding:10px 20px 10px 10px;font-size:120%;text-align:center;width:75%;min-width:220px;background-image:url(/template/bross/images/picto_info_blanc.png);background-repeat:no-repeat;background-size:auto 40px}
.box.box_new.box_index .box_prod{margin:5px;width:220px;border:0;box-shadow:none}
.box.box_new.box_index .prod_nom{font-size:17px;height:40px}
.box.box_new.box_index{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;box-shadow:1px 1px 8px #ddd;margin:12px 0 0;min-height:335px;width:93%}
.box.box_new.box_index h3{border-bottom:1px solid #ddd;box-shadow:0 -3px 5px #ddd inset;font-family:arial,sans-serif;font-size:18px;font-weight:400;padding:0 0 6px 10px;text-align:left}
#menu_smart{display:none}
input.cq_maj{display:inline;font-size:120%;text-align:center;width:40px;font-weight:700;background:#eee;border:1px solid #ddd;padding:5px}
input.cq_maj.modif{border:2px solid #00f;color:#00f;display:inline;font-size:120%;font-weight:700;text-align:center;width:27px}
table.tableau_index td{padding:5px 10px}
.vignette_variante{float:none;margin:5%;width:auto}
.vignette_variante .img_var_val{cursor:pointer;height:170px;overflow:hidden;text-align:center;width:100%}
.vignette_variante .img_var_val img{max-height:170px;max-width:100%}
.vignette_variante .nom_var_val{height:35px;text-align:center}
.vignette_variante .variantes.f_row select{border:1px solid #ccc;font-size:1em;height:1.5em;line-height:1.5em;margin:1% auto;width:96%}
.vignette_variante label{color:#666;font-size:11px;margin:auto}
h2.alerte{background:rgba(0,0,0,.8) none repeat scroll 0 0;border-bottom:1px dashed red;bottom:0;box-shadow:0 5px 15px -6px #000;color:#fff;font-size:13px;margin:0;padding:30px;position:fixed;text-align:center;width:calc(100% - 60px);z-index:1000}
a.close_alerte{color:#fff;display:block;float:right;font-weight:700;margin:0 30px}
.lnk_retour{padding:5px 10px;background:#b02628;color:#fff;font-size:1em;height:21px;right:0;top:0;float:right;margin:5px 6px 0;position:relative;z-index:2000000}
.lnk_retour a{color:#fed;transition:all .3s ease 1ms}
.lnk_retour a:hover{color:#fff}
#post_nav{clear:both;margin:30px 0 0;text-align:center}
.box_pn {
    display: inline-block;
    margin: auto 5px;
    min-height: 70px;
} 
.box_pn .alerte {
    margin: 30px auto;
    max-width: 400px;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
}
.box_pn a.lnk_cart_pn{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #06d;border:1px solid #06d;border-radius:5px;box-shadow:1px 1px 5px -3px #000;color:#fff;font-size:1.2em;padding:15px;transition:all .3s ease 1ms}
.box_pn a.lnk_cart_pn:hover{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;color:#06d}
span.info{display:inline-block;margin:5px;font-size:1.3em;color:rgba(0,80,200,.6)}
.row.ba_stock{margin:auto}
.row.ba_qte{margin:5px;display:flex;justify-content:space-around}
#cont table{background:#fff}
img{border:0;vertical-align:bottom}
.clear{clear:both;border:0;margin:0;padding:0}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ind_adresse span{color:#4d4d4d;display:block;font-size:130%;text-align:center;margin:4px 5px 4px 20px}
.ind_adresse h4{font-size:1.8em;margin:15px 0}
.decont{background:0 0}
.decont_inner{padding-top:55px;padding-bottom:150px}
#fiche_produit .decont_inner,#page_cart .decont_inner,#contact .decont_inner{padding-bottom:30px}
.ind_adresse span.adr_tel{font-size:170%!important;font-weight:700;height:40px}
.ind_adresse span a.bt_devis{display:none}
section#id_contact #contact{padding:0;width:calc(90%);display:none}
section#localisation{padding-bottom:50px;position:relative}
.ind_loca_right{float:right;height:450px;margin:15px;width:26%;text-align:center}
section#id_contact .ind_cont_titre,section#localisation .ind_cont_titre{color:#fff;font-size:3em;height:95px;margin:0;padding:35px 0 0 75px;position:relative;top:-8px;font-family:raleway}
#id_contact .bloc{margin:10px}
.ind_loca_img{background:#fff none repeat scroll 0 0;border-bottom:5px solid #abd35f;border-image:none;border-left:5px solid #abd35f;border-radius:100%;border-right:5px solid #abd35f;height:200px;line-height:164px;margin:10px auto;padding:15px;text-align:center;width:200px}
#banner_menuleft{border:0 solid;left:200px;margin:0;position:absolute;width:calc(100% - 450px);top:-45px}
#banner_menuleft ul{display:flex;justify-content:center}
#banner_menuleft li{display:inline-block;font-size:1.3em;margin:auto;padding:5px 20px;vertical-align:top;font-family:dosis;background:rgba(255,255,255,.7);position:relative;box-shadow:0 5px 15px -12px #000}
#banner_menuleft li > table{margin:0}
#banner_menuleft li:hover,#banner_menuleft li:hover li{background:rgba(26,112,187,.95)!important}
#banner_menuleft li td a{color:#000;font-weight:700}
#banner_menuleft li ul.try{background:rgba(0,0,0,0) none repeat scroll 0 0;left:-999em;margin:0;padding:0;position:absolute;width:180px;z-index:1150}
#menu li ul.try,.nocol #banner_menuleft li ul.try{position:absolute;width:135px;left:-999em;margin:-1px 0 0;z-index:150;border:1px solid #00f}
.nocol #banner_menuleft li ul.try{position:absolute;width:calc(100%+ 175px);left:-999em;margin:5px 0 0;z-index:150;border:0;display:block}
.nocol #banner_menuleft ul.try li{border-top:0 solid #fff;border:none;background:rgba(255,255,255,.9);margin:0;width:calc(100% - 10px);padding:6px 5px;text-align:center;transition:all .3s ease 1ms;box-shadow:0 5px 15px -9px #000;border-bottom:1px solid rgba(0,0,0,.1)}
#banner_menuleft ul.try li:hover{background:rgba(255,255,255,1)}
#banner_menuleft ul.try li a{min-height:20px;font-weight:700;color:#222!important;padding:5px 0;font-size:.8em;display:block}
#banner_menuleft li:hover ul.try li a{min-height:20px;font-weight:700;padding:5px 0;font-size:.8em;display:block;text-align:left;padding-left:20px;color:#fff!important}
.nocol #banner_menuleft ul.try li a:hover{text-shadow:0!important}
html > body .nocol #banner_menuleft ul#one li{border-top:0 solid transparent}
#menu_three li ul.try li a:hover,.nocol #banner_menuleft ul.try li a:hover{color:rgba(150,220,255,1)!important}
.nocol #banner_menuleft li li:hover ul,.nocol #banner_menuleft li:hover ul{left:-7%;min-height:0}
#b_main_menu li ul.try,#menu_three li ul.try{margin:-5px auto 0;position:absolute;width:auto;z-index:1150;background:rgba(0,0,0,.5);padding:10px 0;box-shadow:0 5px 15px -10px #000;justify-content:center;top:100%}
#b_main_menu li#id25 ul.try,#menu_three li#id25 ul.try{display:none!important}
#pages_gamme.pid_25 h1.titre_page{position:relative;visibility:visible;text-align:right;margin:-50px 5%;color:#feac40;font-size:6em;font-weight:700}
.deploie{display:inline-block;margin-left:0;position:absolute;right:0;transition:all .3s ease 1ms;top:50%}
.deploie .b1{background:#000 none repeat scroll 0 0;height:0;left:-5px;transform:rotate(45deg);position:absolute;width:0;transition:all .8s ease 1ms}
.deploie .b2{background:#000 none repeat scroll 0 0;height:0;transform:rotate(-45deg);position:absolute;top:-5px;width:0;transition:all .8s ease 1ms}
.short #breadcrumb{display:none}
.short #page #banner{box-shadow:0 5px 13px -10px #000;height:50px;margin:0 auto;padding:0;position:fixed;top:0;transition:all .3s ease 1ms;width:100%;z-index:100}
.short #retour_accueil a{height:40px;position:absolute;text-indent:-999em;top:3px;width:175px;left:5px;z-index:15}
.short #banner_menuleft{border:0 solid;margin:0;position:absolute;top:45px;transform:scale(.9)}
.short #retour_accueil a img{background:rgba(0,0,0,0) url(/images/logo.png) no-repeat scroll center center/contain}
.short #conteneur{margin-top:250px}
.short #b_main_menu{border-radius:3px;height:40px;z-index:10;padding:0}
#menu_three li ul.try,.short #b_main_menu li ul.try{top:50px}
.short #b_main_menu table.menu_left td a{border:0 solid;border-radius:5px;display:inline-block;font-weight:400;height:auto;line-height:120%;list-style:outside none none;margin:0;padding:5px 15px;min-height:35px}
.short #alt_acces a .nl_txt{display:none}
.short nav#alt_acces .ul_right{width:80px;position:absolute;top:-50px;right:0}
.short nav#alt_acces .ul_left{width:85px;position:absolute;top:-50px;right:70px}
.short nav#alt_acces li{margin:0 0 0 5px}
.short #banner .adresse{display:none}
#footer .adresse.footer_adresse{background:no-repeat;border-bottom:0 solid #999;box-shadow:0 0 0;color:#fff!important;display:none;font-size:1.2em;left:auto;margin:0;position:relative;right:0;text-align:center;top:auto;width:100%}
#load_load{background:rgba(0,0,0,0) url(/images/site_load3.gif) no-repeat scroll center center;height:100%;position:fixed;top:0;width:100%;z-index:10001}
#load_f{background:rgba(255,255,255,1) url(/template/bross_1/images/logoload.jpg) no-repeat scroll center 25%;height:100%;position:fixed;top:0;width:100%;z-index:10000}
.half{border:0!important}
.vbas .short #page #banner{top:-250px;transition:all .2s ease 1ms}
.row.row_doc{background:rgba(0,0,0,0) linear-gradient(185deg,rgba(0,0,0,0),rgba(0,0,0,.1)) repeat scroll 0 0;padding:18px}
.row.row_doc span{color:#1358c4;cursor:pointer;display:inline-block;font-size:2em;padding:5px 5px 5px 50px}
.row.row_doc.row_1{margin-left:4%}
.row.row_doc.row_2{margin-left:8%}
.row.row_doc.row_0 span{background:rgba(0,0,0,0) url(/images/dossier_01.png) no-repeat scroll left center/auto 100%}
.row.row_doc.row_1 span{background:rgba(0,0,0,0) url(/images/dossier_02.png) no-repeat scroll left center/auto 90%}
.row.row_doc.row_2 span{background:rgba(0,0,0,0) url(/images/dossier_03.png) no-repeat scroll left center/auto 80%}
.nb_doc{color:rgba(0,0,0,.4);float:right;font-size:16px;margin:-50px 10px 0 0}
.hide_dir{display:none}
#cont_prod{display:flex;justify-content:space-around;flex-wrap:wrap}
.lnk_code img{width:100px;display:block}
#cont_prod,.cont_prod{display:flex;justify-content:center;flex-wrap:wrap;box-shadow:none;margin:10px auto;border-bottom:0}
#cont_prod .h2,.cont_prod .h2{width:100%;text-align:center;font-size:3em;color:#1a71bc;font-family:dosis,'fugaz one';margin:10px auto}
a.close_info{display:block;position:relative;background:#06d;color:#fff;padding:10px;margin:auto;width:150px;text-align:center;border-radius:5px;border:1px solid #fff;transition:all .3s ease 1ms}
a.close_info:hover{color:#06d;border-color:#06d;background:#fff}
input#bouton_submit{background:rgba(0,100,250,1);color:#fff;padding:30px;font-size:1.4em;border:1px solid #fff;border-radius:5px;margin:5px;box-shadow:0 0;cursor:pointer;transition:all .3s ease 1ms}
input#bouton_submit:hover{background:#fff;color:rgba(0,100,250,1);border:1px solid rgba(0,100,250,1);box-shadow:0 5px 15px -10px #000}
#mon_compte .info{border:4px solid rgba(250,0,0,.8);padding:5px 10px;color:rgba(250,0,0,.8);background:rgba(250,0,0,.1);margin:10px;font-size:1.3em;display:inline-block}
#mon_compte .info strong{display:block}
#main.enregistrement .legend_seule{margin:5px!important;display:inline-block!important;padding:5px 10px;border:1px solid #145dc7;width:150px;text-align:center}
#enregistrement a.lnk_cart_pn:hover,#enregistrement input.lnk_cart_pn:hover,.box_pn a.lnk_cart_pn:hover{background:url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;color:#06d}
#cont_pages{display:flex;justify-content:space-around;flex-wrap:wrap;width:100%}
.bloc_page{width:25%;padding:5px 5px 0;background:#fff;position:relative;filter:drop-shadow(0 4px 3px rgba(0,0,0,.3));margin-bottom:80px}
.inc_bloc_page{display:flex;background:url(/template/bross/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%;max-width:375px;padding:0;margin:auto}
.inc_bloc_page .bloc_page{width:375px;max-width:100%;margin:auto;padding:0;background:0 0!important}
#cont_pages .bloc_page{width:375px;max-width:100%;margin:30px auto;padding:0;background:url(/template/bross/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%!important}
.lnk_tech a{background:#fa3b30 url(/template/bross/images/tool.png) no-repeat 10px center/auto 25px;height:20px;padding:10px 10px 10px 50px;color:#fff;font-size:1.3em;border:1px solid transparent;min-width:328px;margin:10px auto;display:flex}
.lnk_tech a:hover{border:1px solid #f33;background:#fff;color:#f33;padding:10px}
.bloc_page .bp_nom{color:#fff;position:static;font-size:1.6em;text-shadow:0 2px 5px rgba(0,0,0,.1);z-index:2;width:calc(100% - 20px);padding:0 10px;height:auto;min-height:35px}
.bloc_page .bp_nom a{color:rgba(74,126,0,1)}
.bloc_page .bp_image{width:calc(100% - 85px);height:220px;overflow:hidden;position:relative;display:flex}
.bloc_page .bp_image a{margin:auto;display:block;width:100%;height:100%;position:absolute}
.bloc_page .bp_image a img{height:100%;display:block}
.bloc_page .foot_image{position:relative;margin:5px -20px;padding:0 80px 0 10px;background:0 0!important}
.bloc_page .foot_image .lnk_plan{position:absolute;background:#f93;width:25px;height:25px;text-align:center;padding:15px;border-radius:100%;font-size:1.5em;right:5%;top:-25px}
.bloc_page .foot_image .lnk_plan a{color:#fff}
.bloc_page .bp_resume{margin:auto}
.bloc_page .bp_resume h2,.bloc_page .bp_resume h3,.bloc_page .bp_resume h4{font-size:24px!important;color:#f23232}
.bloc_page .bp_options{display:flex;flex-wrap:wrap;justify-content:space-around}
.half,.m_bloc_droit,.m_bloc_gauche,.tiers{border:0!important}
.tiers{border:0!important;width:31%;padding:.5%;margin:.5%}
td{padding:2px;text-align:center}
#conteneur_nav{display:block;justify-content:space-between}
.bloc_option_ind_inner_bis{position:relative;top:-180px}
.index .bloc_option_ind{padding-top:272px;max-width:1200px;margin:auto;background:0 0}
.bloc_option_ind h2{color:#049;font-family:'fugaz one';text-align:center;font-size:3em}
.bloc_option_ind .cont_flex{display:flex;justify-content:center}
.bloc_option_ind .half{margin:0 2%;box-shadow:0 5px 15px -10px #000;max-width:40%}
.bloc_option_ind .half img{width:100%}
#section_social{background:url(/images/line_h.png) no-repeat center top;padding-top:30px}
.nl_txt{position:absolute;visibility:hidden}
.flex{display:flex;justify-content:space-around}
#inner_banner_ter{position:relative;top:0}
.short #inner_banner_ter{box-shadow:0 5px 15px -8px rgba(0,0,0,.6)}
#banner .adresse{font-size:1em;height:auto;margin:0;padding:5px;position:absolute;right:10px;width:auto;display:block;background:#000;z-index:11}
#banner .adresse .adr_prop{display:none}
table#tableau_tarifs{border-spacing:15px 5px;border-collapse:separate}
table#tableau_tarifs td{border:3px solid #000;background:rgba(0,0,0,.6);color:#fff;padding:5px;font-size:1.5em}
table#tableau_tarifs th{border:3px solid #000;background:#fff}
.bloc_produit{background:url(/images/logo_footer.png) no-repeat calc(100% - 10px) 5px/70px}
.bloc_produit .titre_fiche{border-bottom:0 solid #ddd;font-size:2.6em;font-weight:400;padding:10px;text-align:left;width:calc(100% - 20px);background:rgba(150,150,150,.1);text-transform:uppercase}
.bloc_produit .image_categorie{margin:0 15px 30px;height:500px;box-shadow:0 5px 15px -10px #000}
.lnk_produit h3 a{border:1px solid #000;width:80%;margin:-50px auto 0;padding:15px 0;background:#fff;box-shadow:0 5px 15px -11px #000;display:block;color:#000;transition:all .3s ease 1ms;font-size:.8em}
.lnk_produit h3 a:hover{background:#666;border-color:#fff;color:#fff}
h3.titre_actu{text-align:center;margin:40px 0 10px}
.bloc_page_ind{background-color:rgba(214,143,10,.5);width:90%;margin:20px auto}
article > div.page_couleur .page_couleur_cont{padding-top:120px}
article.textbloc > div.page_couleur h2,article.textbloc > div.page_couleur h3,article.textbloc > div.page_couleur h4,article > div.page_couleur .bloc_page,article > div.page_couleur .bp_resume{color:#fff}
article > div.page_couleur .page_couleur_cont_bis > h1.cont_titre_alt{text-align:center;position:relative;margin-top:-110px;font-size:3em;margin-bottom:50px}
article > div.page_couleur .page_couleur_cont_ter{width:90%;margin:0 3%;padding:2%;background:rgba(255,255,255,.2)}
.bloc_page_ind .top_bloc .bp_image{width:30%;float:left;margin:0 5%;height:200px;box-shadow:0 5px 15px -10px #000;position:relative}
.bloc_page_ind .top_bloc .bp_nom{font-size:2.5em;text-transform:uppercase}
.bloc_page_ind .top_bloc .bp_nom a{color:#000}
.bloc_page_ind .top_bloc .bp_resume{font-size:2em;font-weight:700}
.bloc_page_ind .bp_desc p{color:#000!important}
.bloc_page_ind .bp_desc{margin:20px auto;width:90%;font-size:14px;display:none;padding:20px;background:rgba(255,255,255,.4)}
.bloc_page_ind .cont_lnk_dev{text-align:center;position:relative;top:25px}
.bloc_page_ind .cont_lnk_dev a img{width:50px}
#contact #conteneur{padding-top:10px}
#cloneimg,#cloneimg .img_vignette{position:absolute;width:100%;z-index:5;transition:all 1s ease .5s}
.rgpd_notice{display:flex;justify-content:center;font-size:10px;width:92%;margin:10px auto;border:1px solid rgba(0,0,0,.1)}
.rgpd_notice label{text-align:left;margin:auto;width:100%}
.rgpd_notice input{width:auto!important;margin:5px 15px}
.info_rgpd_retrait{margin:20px}
#contact .bloc input,#devis .bloc input,#espace_pro .f_contact input{background:rgba(255,255,255,.8)!important;border:1px solid #ddd!important;border-radius:5px;height:25px;padding:2px;width:65%}
.cloneimg,.cloneimg .img_vignette{position:absolute;width:100%;z-index:5;max-width:300px;transition:all 1s ease .5s;box-shadow:0 5px 30px -15px rgba(0,00,0,.5)}
a.bpl_b{display:block;padding:10px 0;width:100%;margin:0;background:#000;color:#fff!important;text-align:center}
.bp_light a.bpl_b.bpl_info {
    background: #fff;
    display: none;
}
.index #box_log {
    top: 360px;
}
a.bpl_b.bpl_achat {
    background-image: url(/template/bross/images/picto_selection.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: auto 40px;
    padding-left: 40px;
    width: calc(100% - 40px);
    margin-top: 5px;
    text-align: center;
    background-color: #856f44;
    font-size: 120%;
}
#pages_gamme a.bpl_b.bpl_achat{
/*	display:none!important*/
}
.select_var{border:1px solid rgba(0,0,0,.5);margin:10px;padding:5px;font-size:1.3em;color:#333;border-radius:5px}
.select_var option{font-size:1.3em;color:#6b280c;font-weight:700}
.t_fiche.bloc_ref{display:none}
#text_img_index{position:absolute;color:#fff;left:50%;width:550px;margin-left:-500px;font-size:2em;justify-content:center;height:70%;top:14%}
#text_img_index > a{margin:auto}
#text_img_index > h2{color:#222;margin:auto;align-content:100%!important}
#text_img_index h2 span{font-family:'Racing Sans One';line-height:100%!important;font-size:inherit;text-shadow:0 2px 3px rgba(0,0,0,.3)}
.index #cont_actu_index{position:absolute;z-index:50;right:5%;width:350px;top:225px;background:rgba(255,255,255,.7);box-shadow:0 5px 15px -6px #000}
.index #section_actu{display:flex;justify-content:space-between;margin-top:110px}
.index h3.titre_actu{text-align:center;margin:0;background:rgba(150,150,150,.5);width:70px}
.index h3.titre_actu span{display:none}
#cont_spe li{border-bottom:0 none;color:#666;list-style:outside none none;margin:1% auto!important;overflow:hidden;padding:1% 0!important;position:relative;text-align:left;max-width:100%;display:flex;justify-content:space-between;flex-direction:column;width:100%!important}
ac_sta_right{display:flex;flex-direction:row}
#cont_textbloc{display:flex;justify-content:space-around}
#cont_textbloc .textbloc{width:calc(86% - 350px)}
#cont_pg_prod{display:flex;justify-content:space-between;flex-direction:row-reverse}
#cont_pg_left{display:none}
#menu_left_left li{list-style:none;padding:0;margin:auto}
#menu_left_left li.up{background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,0))}
#menu_left_left li a{border-top:1px solid #333;display:block;padding:10px 5px 10px 30px;background:url(/images/dot_vert.png) no-repeat 5px center;color:#000;font-size:1.3em}
#adresse_baspage{background:#b02628}
#adresse_baspage .wrap{display:flex;justify-content:space-between;padding:20px 0 0;max-width:2000px}
#adresse_baspage .logo{width:300px;text-align:center;color:#fff;margin-right:10px}
#adresse_baspage .logo h4{color:#fff;font-size:2.5em;text-transform:uppercase;font-weight:400;margin:0 30px}
#adresse_baspage .bloc_adresse{float:none;color:#fff;width:100%;letter-spacing:2px;font-weight:700;display:flex;margin:auto;justify-content:space-around}
#adresse_baspage .half.hal_form{display:none!important}
#adresse_baspage .blocadresse1,#adresse_baspage .blocadresse2,#adresse_baspage .blocadresse3{width:calc(100% / 3);margin:auto 1px;flex-direction:row-reverse;flex-wrap:wrap;padding:5px 0;background-size:auto 20px;background-position:5px 14px}
#adresse_baspage .bloc_adresse .half{font-size:20px;width:auto;display:flex;min-height:20px;border:0!important;padding:0;letter-spacing:0;font-weight:400}
#adresse_baspage .bloc_adresse .half.hal_adrr{display:flex;flex-direction:column}
#adresse_baspage .blocadresse1{display:flex;flex-direction:column;width:100%;background:0 0}
#adresse_baspage .blocadresse1 .foot_box_adresse{width:100%;height:33px}
#adresse_baspage .blocadresse2 .foot_box_adresse{width:100%;height:280px}
#adresse_baspage .blocadresse3 .foot_box_adresse{width:100%;height:280px}
#adresse_baspage .bloc_adresse .half{width:auto;display:flex;min-height:20px;border:0!important;padding:0 0 0 32px;letter-spacing:0;font-weight:400}
#adresse_baspage .bloc_adresse .half.hal_adrr span{width:100%;margin:auto 4px}
#adresse_baspage .bloc_adresse .half.hal_adrr span .fa{display:none}
#adresse_baspage .bloc_adresse .half.hal_tel{flex:1}
#adresse_baspage .bloc_adresse .half.hal_adrr{flex:3;padding-left:30px;margin:auto;min-height:45px;min-width:66%}
#adresse_baspage .bloc_adresse .half.hal_adrr span.adr_cpc{font-weight:700}
#bloc_marque{display:none}
#bloc_marque,#bloc_part{padding:5px 0 20px}
#bloc_marque .wrap,#bloc_part .wrap{display:flex;justify-content:center;flex-wrap:nowrap;max-width:none}
#bloc_marque .wrap .box_mk,#bloc_part .wrap .box_mk{max-width:23%;margin:auto 3%;padding:2% 0}
#bloc_marque .wrap .box_mk a img,#bloc_part .wrap .box_mk a img{max-width:100%;filter:grayscale(1);transition:all .3s ease 1ms;max-height:190px;opacity:.6}
#bloc_marque .wrap .box_mk a:hover img{filter:grayscale(0);opacity:1}
.row_cat{padding:10px;background:#eee;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);width:100%}
.row_cat a{color:#999;font-size:120%}
h1.titre_page{color:#856f44;font-size:2em;font-weight:400;margin:0 0 5px;padding:0;text-align:center;width:calc(100% - 10px);text-transform:uppercase}
#cont_spe ul{margin:0 auto;padding:0}
.cont_bloc_index h2,.cont_bloc_index h3,.cont_bloc_index h4{color:#333!important;font-size:2em}
.m_bloc_droit.tiers.tiers2{background:linear-gradient(-90deg,rgba(0,0,0,.9),rgba(0,0,0,.8),rgba(0,0,0,0));color:#fff!important;margin:-10px 0 -5px!important;text-shadow:1px 1px 3px rgba(0,0,0,.8);padding:20px 50px 20px 100px !important;width:35%!important}
.m_bloc_droit.tiers.tiers2 p{color:#fff}
.index article h3{color:#999!important;padding-left:60px;display:inline-block;font-size:2em}
#titre_ref{text-align:center;background:rgba(80,80,80,1);margin-top:0!important;margin-bottom:0!important;display:flex;justify-content:center}
#titre_ref h3{color:#fff;text-transform:uppercase;padding:20px 20px 20px 60px}
.bloc_adresse .half{border-left:1px solid #fff!important;min-height:55px;padding:20px;flex:1;text-align:center;margin:auto}
.bloc_adresse .half a{color:#fff}
.half.hal_tel{padding-top:40px}
#banner .half.hal_adrr{display:none}
.half.hal_adrr{max-width:175px}
.half.hal_adrr span{display:inline}
.half.hal_form{background:url(/images/picto_contact.png) no-repeat center top;padding-top:40px;margin:auto}
#banner .half.hal_form{display:none}
#banner .half.hal_tel{padding:2px 0}
.lnk_form{display:none}
.lnk_form h5{width:100%}
.lnk_form h5 a{display:flex;flex-direction:column;justify-content:space-around;text-align:center;height:100%;margin:auto;line-height:100%;transition:all .5s ease 1ms}
.lnk_form span{display:flex;margin:auto;text-transform:uppercase;font-weight:700;text-align:center;font-size:29px}
.lnk_form em{display:block;margin:auto;font-style:normal;color:#fff;font-size:18px;font-weight:400}
.lnk_form strong{display:block;margin:auto;text-transform:uppercase;font-size:40px}
h2.titre_real{text-transform:uppercase;text-align:center}
.short .lnk_form{top:-10px;height:75px}
.short .lnk_form h5{margin:0 auto}
.short .lnk_form span{font-size:20px}
.short .lnk_form em{font-size:16px}
.short .lnk_form strong{font-size:29px}
.blocadresse1,.blocadresse2,.blocadresse3{background:url(/template/bross/images/picto_localisation.png) no-repeat left 3px;padding:0 0 0 32px;color:#fff;display:flex;flex-direction:column-reverse;margin:10px 3px}
#banner .blocadresse1{background:none;margin:0;padding:0 0 0 8px}
.blocadresse1{margin-left:-80px}
.blocadresse2{margin-left:-40px}
form.form_contact{background:rgba(255,255,255,.9);padding:30px}
#text_img_index{position:absolute;color:#fff;left:25%;width:50%;margin-left:auto;font-size:1.6em;justify-content:center;background:rgba(0,29,52,.4);box-shadow:0 5px 15px -10px #000}
#text_img_index.al_gauche{left:5%;width:45%}
#text_img_index.al_droit{left:50%;width:45%}
#text_img_index.f_no{background:0 0;box-shadow:none}
#text_img_index h1,#text_img_index h2,#text_img_index h3,#text_img_index h4,#text_img_index h5,#text_img_index h6,#text_img_index p{color:#fff}
#text_img_index > a{margin:auto}
#text_img_index > a span{display:flex;margin:auto;border:1px solid #fff;padding:5px 15px;width:130px;justify-content:center;border-radius:15px;color:#fff;transition:all .3s ease 1ms}
div#cont_pg_right{width:100%}
#text_img_index > a:hover span{background:#fff;color:#336}
#text_img_index > h2{color:#222;margin:auto;align-content:100%!important;text-align:center}
#text_img_index h2 span{line-height:100%!important;font-size:inherit;border:0;text-shadow:0 2px 3px rgba(0,0,0,.3)}
body#fiche_produit #page #vignettes_img{background:#fff;border-radius:0;padding:30px 10px 10px}
body#fiche_produit #page #vignettes_img #fiche_colgauche{float:left;margin:.5% 2% 0 1%;padding:5px;width:49%!important;position:relative}
#fiche_colgauche .titre_fiche{margin:0 0 20px}
body#fiche_produit #page #vignettes_img #desc_all{float:left;width:46%}
.lnk_retour a em{display:none!important}
body#fiche_produit #page h3.prix_fiche{background:#eee linear-gradient(12deg,rgba(255,255,255,.3),rgba(255,255,255,.7));border:0 solid #00f;border-radius:0;color:#818181;font-size:2.5em;font-weight:400;margin:50px auto 10px;padding:10px 0;text-align:center;width:auto}
.titre_fiche{border-bottom:0 solid #ddd;font-size:1.6em;font-weight:400;margin:0 0 5px;padding:2px 0 2px 40px;text-align:left}
#post_nav,.h_titre,body#fiche_produit .box_marque td{text-align:center}
.titre_fiche a{color:#eee}
.titre_fiche a em{left:-999em;position:absolute}
body#fiche_produit #page #vignettes_img .img_vignette{background:#fff;overflow:hidden;padding:0;position:relative;text-align:center;width:auto!important;max-width:100%!important}
body#fiche_produit #fiche_colgauche .img_vignette{border-top:25px solid #fff;height:auto!important;width:98%!important}
#prod_fiche{display:flex;margin-top:30px}
body#fiche_produit #page #vignettes_img .img_vignette img{max-height:300px;max-width:100%}
body#fiche_produit #page #vignettes_img .img_vignette img.main_img{max-height:500px;max-width:100%}
body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom{float:none;margin:5px;position:absolute;right:0;z-index:10}
body#fiche_produit .box_marque img{max-width:200px;max-height:100px}
body#fiche_produit .box_marque{margin:10px auto;width:80%;text-align:center}
body#fiche_produit .description_produit{margin:10px 0}

#post_nav {
    clear: both;
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
}
.cont_addcart a{color:#333;font-size:1.2em;border:2px solid #333;border-radius:80px;display:flex;justify-content:space-around;width:auto}
div#page_cart{width:90%;margin:auto}
.cont_addcart a img{margin:auto 0;height:60px;transition:all .3s ease 1ms}
.cont_addcart a:hover img{transform:rotate(90deg)}
.cont_addcart a span{margin:auto}
.cont_addcart a:hover{background:#999;color:#fff;border-color:#FFF}
.lazy{background-image:url(/images/loading.gif);background-position:center;background-repeat:no-repeat;display:none}
.lazy_bg{background-image:url(/images/small-load.gif)}
.l_actu_det .bloc{border-top:1px solid rgba(0,0,0,.1)}
.l_actu_det .bloc h3.titre_r{color:#4d6697;font-weight:400}
.tiers.t_checkbox{display:inline-block;width:19%}
.tiers.t_checkbox input{width:auto}
.tiers.t_checkbox label{display:inline-block;margin:2px 5px;vertical-align:top;width:auto}
#diap_index{display:none;height:450px;background-size:cover;background-position:center;position:relative}
.index #page .decont,.index #page .decont_inner{background:#fff}
#menu_social{position:fixed;right:0;top:calc(20%+ 100px);min-width:50px;min-height:50px;z-index:10;max-height:80%}
#menu_social ul,#menu_social ul li{margin:0;padding:0;display:flex;flex-direction:column}
#menu_social ul li{margin:0;right:-10px;padding:0;display:flex;flex-direction:column;background-size:100%;background-position:center;transition:all .3s ease .01ms;position:relative}
#menu_social li:hover{background-size:130%;right:0;box-shadow:0 5px 15px -6px #000;z-index:12}
#menu_social li a img{width:100%}
#menu_social li.lnk_contact{background-image:url(/images/social/mail.png)}
#menu_social li.lnk_facebook{background-image:url(/images/social/facebook.png)}
#menu_social li.lnk_twitter{background-image:url(/images/social/twitter.png)}
#menu_social li.lnk_insta{background-image:url(/images/social/insta.png)}
#menu_social li.lnk_link{background-image:url(/images/social/linkedin.png)}
#menu_social li.lnk_blog{background-image:url(/images/social/blogger.png)}
#menu_social li.lnk_youtube{background-image:url(/images/social/youtube.png)}
#menu_social li.lnk_skype{background-image:url(/images/social/skype.png)}
#menu_social li.lnk_pin{background-image:url(/images/social/pinterest.png)}
#social_share{display:flex}
#social_share .social_elem{margin:10px}
#page_ecart #social_share{display:none}
.anim_chiffre_bloc{border:0!important;justify-content:center;width:auto!important;max-width:250px;padding:20px!important;border-radius:50px;font-size:180%}
.anim_chiffre_bloc .anim_chiffre{margin:auto 5px;border:0!important}
.bloc_image_glissant{transition:all .3s ease .01ms;width:100%!important;max-width:50%;position:relative;overflow:hidden;display:block!important;border:0!important;padding:0!important;background:rgba(0,0,0,.1)}
#adresse_valide{padding:50px;width:auto}
#adresse_valide > div{margin:auto;background:0 0}
#adresse_valide p{display:none}
#adresse_valide .hal_form{display:none}
.head_mk{display:flex}
.head_mk .logo_marque{margin:auto}
.head_mk .logo_marque img{max-height:150px}
.head_mk .mk_description{margin:auto}
#a_actus{background:#856f44 none repeat scroll 0 0;min-height:615px;width:90%;margin:0 auto}
#banner_vin{background:rgba(0,0,0,0) url(/template/bross_1/images/dark_tonneau.jpg) no-repeat scroll center center / 100% auto;text-align:center}
#menu_vin{display:inline-flex}
#menu_vin li.up{background:#fff;box-shadow:0 -10px 20px -10px #000}
#menu_vin li{display:inline-block;padding:5px 15px;text-transform:uppercase;transition:all .3s ease 0}
#banner_vin img.setvins{margin:-160px auto 0;position:relative}
#banner_vin h1{font-size:60px;margin:-10px 0 0}
#menu_vin li a{color:#FFF}
#menu_vin li.up a{color:#866F44}
#cont_prod a.readmore{display:none}
#pages_gamme #recherche,#fiche_produit #recherche{display:none}
#fiche_produit .lnk_tech{display:none}
#nav_prod_onglet{display:none}
#fiche_produit #bloc_vins,#fiche_produit #adresse_baspage,#page_cart #bloc_vins,#contact #bloc_vins{display:none}
#fiche_produit.nocol #page #main,#page_cart.nocol #page #main{padding:0 0 20px!important}
h1.titre_banner{color:#fff;font-size:3em;margin-top:-77px!important;line-height:120%}
h1.titre_banner strong{color:#ca2;font-size:150%}
h1.titre_banner em{display:block;font-size:85%;font-style:normal;margin:-15px 0}
.bactu a.lnk_more{background:#e8a829 none repeat scroll 0 0!important;color:#000!important}
.ac_sta_left{display:inline-block;vertical-align:top;width:100%;margin:0 0 0 2%}
.ac_sta_right{border:5px solid #fff;box-shadow:0 5px 10px -5px #000;display:inline-block;float:none;margin:0;max-height:250px;overflow:hidden;vertical-align:top;width:117%}
#page .list_sort{display:none}
#page #cont_spe .bactu .img_z{box-shadow:0 5px 10px -5px #000;display:inline-block;float:none;margin:0;height:220px;overflow:hidden;vertical-align:top;background-size:contain;background-position:center;background-color:rgba(255,255,255,0.5);background-repeat:no-repeat}
.index #cont_spe ul li{display:flex;flex-direction:row;color:#FFF;background:none;padding:0}
#cont_spe .bactu .titre a{color:#FFF!important}
.index #cont_spe{max-width:918px}
#cont_spe > h3{color:#FFF!important;font-weight:400}
.index #page #banner .wrap{background:url(/images/banner_wrap.png) no-repeat center top / auto 100%}
.date_actu{background:#e8a829!important;display:none}
.short #page #banner{background:none!important}
#prix_panier .prix_zero{display:none}
.hdl_quant{float:right;display:flex;margin:auto}
.hdl_quant .hdl_btn{margin:auto 2px}
.hdl_quant .hdl_btn a{background:rgba(0,0,0,0.05) radial-gradient(transparent,rgba(0,0,0,0.05));padding:2px;display:flex;width:36px;height:36px;font-size:1.5em;text-align:center;justify-content:center;line-height:34px;color:#999;border:1px solid #ccc;transition:all .3s ease 1ms}
.hdl_quant .hdl_btn a:hover{color:#9b2;border-color:#9b2;background-color:#fff;box-shadow:0 5px 15px -12px #000}
.row_cart.quantzero { }
.row_cart.quantzero td {
    background: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.3);
}
.row_cart.quantzero td h4{ 
    color: rgba(0,0,0,0.3);}
.row_cart.quantzero img {
    filter: grayscale(1);
    opacity: 0.5;
}