@charset "utf-8";

@font-face {
    font-family: 'MontserratRegular';
    src: url('../_webfonts/MontserratRegular.eot');
    src: url('../_webfonts/MontserratRegular.eot') format('embedded-opentype'),
         url('../_webfonts/MontserratRegular.woff2') format('woff2'),
         url('../_webfonts/MontserratRegular.woff') format('woff'),
         url('../_webfonts/MontserratRegular.ttf') format('truetype'),
         url('../_webfonts/MontserratRegular.svg#MontserratRegular') format('svg');
}
@font-face {
    font-family: 'MontserratExtraBold';
    src: url('../_webfonts/MontserratExtraBold.eot');
    src: url('../_webfonts/MontserratExtraBold.eot') format('embedded-opentype'),
         url('../_webfonts/MontserratExtraBold.woff2') format('woff2'),
         url('../_webfonts/MontserratExtraBold.woff') format('woff'),
         url('../_webfonts/MontserratExtraBold.ttf') format('truetype'),
         url('../_webfonts/MontserratExtraBold.svg#MontserratExtraBold') format('svg');
}
* {
    margin: 0;
    padding: 0
}

html {
    width: 100%;
    height: 100%
}

body {
    max-width: 100%;
    overflow-x: hidden;
    left: 0;
    height: 100%;
    font: .8em MontserratRegular;
    /*background: url(../../../www/_images/0_general/bg-abisco.jpg) top left repeat-x;*/
    background-color: #fff;
    color: #313131
}

ul {
    list-style-type: none
}

a {
    color: #6f6f6f;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

form {
    padding: 0;
    margin: 0
}

p {
    text-align: justify;
    line-height: 1.3em;
    font-size: 12px
}

input {
    border: 1px solid #e0e0e0;
    color: #6f6f6f;
    float: left;
    font-size: 11px;
    height: 23px;
    margin: 0 0 8px;
    width: 139px
}

img {
    border: 0
}

h1.CategoryName {
    color: #f39903;
    font-size: 13px
}

span.inputD,span.inputG {
    display: block;
    padding: 0;
    width: 5px;
    height: 19px;
    float: left
}

span.inputG {
    margin-left: 5px
}

span.barre {
    text-decoration: line-through
}

div.cart_orange span.cart_M {
    float: left;
    height: 24px;
    color: #fff;
    padding: 5px 8px 0 8px;
    font-weight: 700;
    background: url(../../../www/_images/0_general/cart_orange.png) top left repeat-x
}

div.cart_orange span.cart_D,div.cart_orange span.cart_G {
    float: left;
    display: block;
    width: 5px;
    height: 24px
}

div.cart_orange span.cart_G {
    background: url(../../../www/_images/0_general/cart_orange_G.png) top left no-repeat
}

div.cart_orange span.cart_D {
    background: url(../../../www/_images/0_general/cart_orange_D.png) top left no-repeat
}

.orange {
    color: #f39903
}

.none {
    display: none
}

.floatG {
    float: left
}

.floatD {
    float: right
}

.clear {
    clear: both;
    display: block
}

.zero {
    margin: 0;
    padding: 0;
    border: 0
}

.floatleft {
    float: left
}

.btn_send {
    color: #fff;
    font-size: 11px;
    width: 140px;
    height: 21px;
    float: right;
    cursor: pointer;
    margin: 0;
    padding: 0
}

div#mainContainer {
    position: absolute;
    z-index: 1;
    width: 100%;
    min-height: 100%
}

div#mainContainer a#copyright {
    display: block;
    position: absolute;
    bottom: 24px;
    right: 2px;
    width: 15px;
    height: 20px;
    text-indent: -10000px;
    font-size: 7pt;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/copy.png) top left no-repeat
}

div#mainContainer a#copyright:hover {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/copy-over.png) top left no-repeat
}

div#contents {
    margin: 0 auto;
    z-index: 2;
    min-height: 600px;
    overflow: visible;
    /*padding: 0 0 45px;*/
    position: relative;
    width: 100%
}

div#contents div#main {
    height: 1%
}

.toplinks_container {
    display: none
}

div#contents div#main div#frameG {
    width: 187px;
    float: left;
    padding: 30px 0 0 30px
}

div#contents div#main div#center {
    width: 100%;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#header div#menutop>ul li a span.icon {
    background-image: url(../images/all_icon.png)
}

#iconTrano,a.help_p,span.help_p {
    background: url(../images/iconBe.png)
}

#iconTrano {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 17px;
    height: 15px
}

/*#blog-header-sp {
    background-repeat: no-repeat;
    background-position: -40px -470px;
    width: 29px;
    height: 29px;
    margin-right: 10px
}*/

#ekorys {
    height: auto;
    width: 95px;
    padding-left: 5px
}

div#contents div#main div.page {
    min-height: 70px
}

a.btn_continue {
    background: url(../images/background-submit-cancel-devis.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    color: #6f6f6f;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 21px;
    line-height: 19px;
    margin: 10px 0 0;
    padding: 0 0 0 22px;
    text-decoration: none;
    width: 140px
}

div#contents div#main div#frameD {
    width: 174px;
    float: left;
    margin-left: 0!important;
    margin-left: -10px;
    padding-top: 108px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px
}

#ref {
    position: absolute;
    right: 2px;
    padding-top: 134px
}

#ref a {
    font-size: 7pt
}

div#header .logo {
    padding: 0;
    width: 23%;
}

div#header h1:first-line {
    color: #818182;
    font-size: 13px;
    font-weight: 400
}

div#header_text {
    position: absolute;
    top: 26px;
    left: 223px;
    display: block;
    float: left;
    width: 292px;
    height: 145px;
    color: #818182;
    font-size: 1.2em;
    font-weight: 400;
    padding: 22px 0 0 108px;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/header_accroche.png) top left no-repeat
}

div#header h2 big {
    color: #f39903;
    font-size: 1.3em;
    font-weight: 700
}

div#header ul#quickmenu {
    padding: 35px 0 0 38px
}

div#header ul#quickmenu li {
    position: relative;
    float: left
}

div#header ul#quickmenu li a {
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -10000px;
    padding: 0 4px 0 0
}

div#header ul#quickmenu li a.home {
    background: url(../../../www/_images/0_general/header_btn-1.png) center center no-repeat
}

div#header ul#quickmenu li a.home:hover {
    background: url(../../../www/_images/0_general/header_btn-1-over.png) center center no-repeat
}

div#header ul#quickmenu li a.account {
    background: url(../../../www/_images/0_general/header_btn-2.png) center center no-repeat
}

div#header ul#quickmenu li a.account:hover {
    background: url(../../../www/_images/0_general/header_btn-2-over.png) center center no-repeat
}

div#header ul#quickmenu li a.basket {
    background: url(../../../www/_images/0_general/header_btn-3.png) center center no-repeat
}

div#header ul#quickmenu li a.basket:hover {
    background: url(../../../www/_images/0_general/header_btn-3-over.png) center center no-repeat
}

div#header ul#quickmenu li a.sitemap {
    background: url(../../../www/_images/0_general/header_btn-4.png) center center no-repeat
}

div#header ul#quickmenu li a.sitemap:hover {
    background: url(../../../www/_images/0_general/header_btn-4-over.png) center center no-repeat
}

div#header ul#quickmenu li a.help {
    background: url(../../../www/_images/0_general/header_btn-5.png) center center no-repeat
}

div#header ul#quickmenu li a.help:hover {
    background: url(../../../www/_images/0_general/header_btn-5-over.png) center center no-repeat
}

div#header ul#quickmenu li a.contact {
    background: url(../../../www/_images/0_general/header_btn-6.png) center center no-repeat
}

div#header ul#quickmenu li a.contact:hover {
    background: url(../../../www/_images/0_general/header_btn-6-over.png) center center no-repeat
}

.tooltip {
    position: absolute!important;
    color: #fff
}

.tooltip-d,.tooltip-g {
    height: 20px;
    background-repeat: no-repeat;
    position: absolute!important;
    overflow: hidden
}

.tooltip-g {
    width: 30%;
    top: 0;
    left: -3px;
    background: url(../../../images/front_office/global/header_tooltip_g.png) top left no-repeat
}

.tooltip-d {
    width: 90%;
    top: 0;
    right: -3px;
    background: url(../../../images/front_office/global/header_tooltip_d.png) top right no-repeat
}

.tooltip-ctn {
    text-align: center;
    height: 14px;
    font-size: .9em;
    position: relative;
    background-color: #797979;
    z-index: 1
}

div#header ul#assist {
    position: absolute;
    display: block;
    top: 126px;
    left: 643px;
    width: 163px;
    padding: 15px 0 0 0;
    background: url(../../../www/_images/0_general/header_assist_title.png) top left no-repeat
}

div#header ul#assist span.phone {
    display: block;
    width: 162px;
    height: 37px;
    text-indent: -10000px;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/header_assist_phone.png) top left no-repeat
}

div#header ul#assist a.contact {
    display: block;
    margin: -8px 0 0 10px;
    padding: 0 0 0 8px;
    font-size: .9em;
    background: url(../../../www/_images/0_general/puce_list_1.png) 0 5px no-repeat
}
div#in_menu span#slogan2 {
    position: absolute;
    right: -40px;
    margin-top: -40px;
    font-family: 'MontserratExtraBold';
}
div#headerClassTwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
div#headerClassTwo .headerTwoCL {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
        height: auto;
        margin: 0px 5px;
}
div#headerClassTwo .telstrong.headerTwoCL {
    background: -o-linear-gradient(350deg, #ffa300, #de8513);    
    background: linear-gradient(100deg, #ffa300, #de8513);
    border-radius: 20px;
    font-family: 'MontserratExtraBold';
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
div#headerClassTwo .telstrong.headerTwoCL a,div#headerClassTwo .telstrong.headerTwoCL span.atc {
    margin-left: 41px;
    letter-spacing: 1px;
    margin-right: 15px;
    text-decoration: none;
    color: #fff;
}
div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong,div#headerClassTwo .telstrong.headerTwoCL span.atc span#numtelstrong {
    font-size: 1.7vw;;  
    letter-spacing: 1px;
}
div#headerClassTwo .mailstrong.headerTwoCL {
    background: -o-linear-gradient(350deg, #ffa300, #de8513);    
    background: linear-gradient(100deg, #ffa300, #de8513);
    border-radius: 20px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
}
div#headerClassTwo .mailstrong.headerTwoCL a,div#headerClassTwo .mailstrong.headerTwoCL span.atc {
    text-decoration: none;
    color: #fff;
    margin-right: 14px;
    margin-left: 53px;
}
div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong,div#headerClassTwo .mailstrong.headerTwoCL span.atc span#nummailstrong {
    font-size: 1.15vw;
    letter-spacing: 1px;
}
div#headerClassTwo .comptePanier.headerTwoCL {

}
#header div#menutop>ul li span.icon.compte,#header div#menutop>ul li span.icon.panier,.telstrong.headerTwoCL #icontelstrong,
div#section_2_1 li.section_2_1_li span.ico_section_2,li span.ico_section_4,div#section_2_2_1 span#section_2_2_span,
div.pied_sect_4_2 span span.ico_ft_sc,span#icontelstrong_ft,.mailstrong.headerTwoCL #iconmailstrong,#header form#SearchForm input[type=submit]{
	/*background-image: url(../images/pictonewfront1.png);*/
    /*background-image: -webkit-image-set(url(../images/pictonewfront1.webp) 1x);*/
}
.telstrong.headerTwoCL #icontelstrong{
    background-position: -8px -86px!important;
    width: 36px;
    height: 22px;
    position: absolute;
    left: 1px;
    top: 24%;
}
.mailstrong.headerTwoCL #iconmailstrong{
    background-position: -7px -92.6%!important;
    width: 36px;
    height: 24px;
    position: absolute;
    left: 4px;
}
div#header ul#flags {
    position: absolute;
    display: none;
    top: 8px;
    left: 950px
}

div#header ul#flags li {
    float: left
}

div#header ul#flags li a.EN,div#header ul#flags li a.FR {
    text-indent: -10000px;
    overflow: hidden;
    display: block;
    width: 16px;
    height: 11px;
    padding: 0 4px 0 0
}

div#header ul#flags a.FR {
    background: url(../../../www/_images/0_general/header_flagFR.png) top left no-repeat
}

div#header ul#flags a.EN {
    background: url(../../../www/_images/0_general/header_flagEN.png) top left no-repeat
}

div#header a.link-account {
    position: absolute;
    top: 5px;
    right: 8px;
    display: block;
    font-weight: 700;
    font-size: .9em;
    color: #747474;
    text-decoration: none;
    padding: 0 0 0 13px;
    background: url(../../../images/front_office/global/picto_user.png) 0 1px no-repeat
}

div#header a.link-account:hover {
    text-decoration: underline
}

div#header ul#institmenu {
    position: absolute;
    display: block;
    top: 35px;
    left: 817px
}

div#header ul#institmenu li {
    width: 180px;
    height: 22px;
    text-align: right;
    background: url(../../../www/_images/0_general/header_menuinstit_sepa.png) top right no-repeat
}

div#header ul#institmenu li.first {
    background: 0 0
}

div#header ul#institmenu li a {
    margin: 0 13px 0 0;
    padding: 0 0 0 13px;
    line-height: 20px;
    text-decoration: none
}

div#header ul#institmenu li a:hover {
    color: #f39903;
    text-decoration: none;
    background: url(../../../www/_images/0_general/header_menuinstit_roll.png) 0 2px no-repeat
}

div#header div#account-box {
    position: absolute;
    right: 0;
    top: 170px;
    z-index: 10000;
    width: 160px;
    background: #f6a901;
    padding: 5px;
    height: 26px
}

div#header div#account-box h4 {
    background: url(../../../www/_images/0_general/frameD_title_account.png) top left no-repeat
}

div#header div#account-box div.ctn input {
    float: left;
    width: 110px
}

div#header div#account-box div.ctn input.image {
    float: right;
    background-image: none;
    width: 28px;
    height: 27px
}

div#header div#account-box p.msgError {
    margin-bottom: 1em
}

div#contents div.module * {
    position: relative
}

div#contents div.module {
    width: 171px;
    margin: 0 0 13px 0;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/module_top.png) top left no-repeat;
    padding: 1px 0 0 1px
}

div#contents div.module2 {
    background: url(../../../images/front_office/global/module-2_top.png) top left no-repeat!important
}

div#contents div.module3 {
    background: url(../../../images/front_office/global/module-3_top.png) top left no-repeat!important
}

div#contents div.module4 {
    background: url(../../../images/front_office/global/module-4_top.png) top left no-repeat!important
}

div#contents div.module5 {
    width: 142px!important;
    background: url(../../../images/front_office/global/module-5_top.png) top left no-repeat!important
}

div#contents div.module div.module-bottom {
    height: 10px;
    clear: both;
    margin-left: -1px;
    background: url(../../../www/_images/0_general/module_bottom.png) bottom left no-repeat
}

div#contents div.module2 div.module-bottom {
    background: url(../../../images/front_office/global/module-2_bottom.png) bottom left no-repeat!important
}

div#contents div.module3 div.module-bottom {
    margin-top: -26px;
    min-height: 167px;
    height: auto;
    border: 1px solid transparent;
    left: -1px;
    background: url(../../../images/front_office/global/module-3_bottom.png) bottom left no-repeat!important
}

div#contents div.module4 div.module-bottom {
    background: url(../../../images/front_office/global/module-4_bottom.png) bottom left no-repeat!important
}

div#contents div.module h4 {
    display: block;
    margin: 0 0 10px 0;
    width: 169px;
    height: 21px
}

div#contents div.module div.ctn {
    margin: 0 5px 10px 10px
}

div#contents div.module div.ctn ul li.right {
    text-align: right;
    margin-right: 10px
}

div#contents div.module div.ctn ul li a {
    font-size: .9em;
    padding: 0 0 0 13px;
    line-height: 14px;
    background: url(../../../www/_images/0_general/puce_list_1.png) 0 5px no-repeat
}

div#contents div.module div.ctn p {
    color: #6f6f6f;
    font-size: .9em;
    margin: 0 0 5px 0
}

div#contents div.module div.ctn form {
    margin-bottom: 5px
}

div#contents div.module div.ctn form input.image {
    position: relative;
    background: 0 0
}

div#contents div.module div.ctn form label {
    display: none
}

div#contents div.module#mod-search h4 {
    background: url(../../../www/_images/0_general/frameG_title_search.png) bottom left no-repeat
}

div#contents div.module#mod-search div.ctn input {
    float: left;
    width: 120px
}

div#contents div.module#mod-search div.ctn input.image {
    width: 19px;
    height: 19px;
    margin: 0 0 0 2px;
    padding: 0
}

div#contents div.module#mod-garanties {
    margin: 10px 0 0 0
}

div#contents div.module#mod-garanties h4 {
    background: url(../../../images/front_office/global/frameD_title_garanties.png) top left no-repeat;
    margin: 0
}

div#contents div.module#mod-garanties div.ctn {
    margin: 1px;
    padding: 0
}

div#contents div.module#mod-garanties li {
    float: left
}

div#contents div.module#mod-garanties li a {
    display: block;
    cursor: normal;
    width: 41px;
    height: 41px;
    overflow: hidden;
    line-height: 1000em;
    background: 0 0;
    margin: 1px 1px 0 0;
    padding: 0;
    float: left;
    cursor: default
}

div#contents div.module#mod-garanties li a.icon-transport {
    background: url(../../../images/front_office/global/picto_transport.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-transport:hover {
    background: url(../../../images/front_office/global/picto_transport-over.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-qualite {
    background: url(../../../images/front_office/global/picto_qualite.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-qualite:hover {
    background: url(../../../images/front_office/global/picto_qualite-over.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-surmesure {
    background: url(../../../images/front_office/global/picto_surmesure.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-surmesure:hover {
    background: url(../../../images/front_office/global/picto_surmesure-over.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-devis24h {
    background: url(../../../images/front_office/global/picto_devis24h.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-devis24h:hover {
    background: url(../../../images/front_office/global/picto_devis24h-over.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-psecurise {
    background: url(../../../images/front_office/global/picto_psecurise.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-psecurise:hover {
    background: url(../../../images/front_office/global/picto_psecurise-over.png) top left no-repeat
}

div#contents div.module#mod-garanties li a.icon-pcards {
    width: 125px;
    background: url(../../../images/front_office/global/picto_pcards.png) top left no-repeat
}

div#main div#menuprod {
    behavior: url(../../../iepngfix.htc);
    background-image: url(../../../www/_images/0_general/frameG_menuprod_sepa.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0;
    background-y-position: 22px
}

div#main div#menuprod h4 {
    display: block;
    margin: 6px 8px 8px 0;
    background: url(../../../www/_images/0_general/frameG_menuprod_title.png) top right no-repeat;
    text-indent: -10000px
}

div#main div#menutrade {
    behavior: url(../../../iepngfix.htc);
    background-image: url(../../../www/_images/0_general/frameG_menuprod_sepa.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-x-position: 0;
    background-y-position: 22px
}

div#main div#menutrade h4 {
    display: block;
    margin: 6px 8px 8px 0;
    background: url(../../../www/_images/0_general/frameG_menutrade_title.png) top right no-repeat;
    text-indent: -10000px
}

#menutrade li {
    clear: left;
    height: 40px
}

#menutrade ul li img,#menutrade ul li span {
    float: left;
    min-height: 34px
}

div#main div#linkpromo a {
    display: block;
    width: 187px;
    height: 45px;
    margin: 20px 0 0 0;
    text-indent: -10000px;
    background: url(../../../www/_images/0_general/frameG_btn_promo.png) top right no-repeat
}

div#contents div.module h4 {
    line-height: 10000em;
    overflow: hidden
}

div#contents div.module#mod-basket h4 {
    background: url(../../../images/front_office/global/frameD_title_basket.png) top left no-repeat
}

div#contents div.module#mod-basket div.ctn {
    background: url(../../../images/front_office/global/picto_basket.png) top left no-repeat
}

div#contents div.module#mod-basket p {
    font-size: 1em;
    padding: 4px 0 0 46px
}

div#contents div.module#mod-account h4 {
    background: url(../../../www/_images/0_general/frameD_title_account.png) top left no-repeat
}

div#contents div.module#mod-account div.ctn input {
    float: left;
    width: 110px
}

div#contents div.module#mod-account div.ctn input.image {
    position: absolute;
    background-image: none;
    margin-left: auto;
    top: 5px;
    left: 130px;
    width: 28px;
    height: 27px
}

div#contents div.module#mod-tools h4 {
    background: url(../../../www/_images/0_general/frameD_title_tools.png) top left no-repeat
}

div#contents div.module#mod-tools li a {
    display: block;
    padding: 0 0 0 30px;
    line-height: 1.2em
}

div#contents div.module#mod-tools li a.icon-compare {
    background: url(../../../images/front_office/global/picto_compare.png) 0 2px no-repeat;
    height: 30px
}

div#contents div.module#mod-tools li a.icon-list {
    padding-top: 3px;
    height: 20px;
    background: url(../../../images/front_office/global/picto_list.png) 0 0 no-repeat
}

div#contents div.module#mod-tools li a.icon-bookmark {
    padding-top: 3px;
    height: 20px;
    background: url(../../../images/front_office/global/picto_bookmark.png) 3px 2px no-repeat
}

div#contents div.module#mod-newsl h4 {
    height: 34px;
    background: url(../../../images/front_office/global/frameD_title_newsl.png) top left no-repeat
}

div#contents div.module#mod-newsl div.ctn {
    z-index: 20;
    padding-top: 30px;
    margin-right: 4px
}

div#contents div.module#mod-newsl div.ctn p {
    color: #0068ab;
    font-size: 1em
}

div#contents div.module#mod-newsl div.ctn form {
    margin-top: 43px
}

div#contents div.module#mod-newsl div.ctn input {
    float: left;
    width: 120px;
    height: 20px;
    padding-left: 6px;
    background: url(../../../images/front_office/global/input_newsl.png) top left no-repeat
}

div#contents div.module#mod-newsl div.ctn input.image {
    width: 24px;
    height: 18px;
    margin: -2px 0 0 0
}

div#contents div.module#mod-orderform h4 {
    height: 177px;
    margin: 0;
    background: url(../../../images/front_office/global/frameD_orderform.png) top left no-repeat
}

div#contents div.module#mod-orderform h4 a {
    display: block
}

div#contents div.module#mod-facebook h4 {
    height: 90px;
    width: auto;
    margin: 0;
    background: url(../../../images/front_office/global/frameD_facebook.png) top left no-repeat
}

div#contents div.module#mod-facebook h4 a {
    display: block;
    width: 100%;
    height: 100%
}

div#footer div.module#mod-facebook {
    float: right
}

div#footer div.module#mod-facebook h4 {
    height: 60px;
    width: auto;
    margin: 0;
    background: url(../../../images/front_office/global/banner_facebook.png) top left no-repeat
}

div#footer div.module#mod-facebook h4 a {
    display: block;
    width: 100%;
    height: 100%
}

div#contents div.module#mod-avis h4 {
    background: url(../../../www/_images/0_general/frameD_title_avis.png) top left no-repeat
}

div#contents div.module#mod-avis ul li {
    height: 18px;
    background: url(../../../www/_images/0_general/picto_smileys.png) 110px 0 no-repeat
}

div#contents div.module#mod-avis p {
    text-align: left
}

div#main div#infopaiement p {
    text-align: center;
    color: #9e9e9e;
    font-size: .9em;
    margin: 0 0 8px 0
}

div#main div#infopaiement ul {
    margin: 0 0 0 5px
}

div#main div#infopaiement ul li {
    display: block;
    float: left;
    width: 37px;
    height: 36px;
    text-indent: -10000px
}

div#main div#infopaiement ul li.visa {
    background: url(../../../www/_images/0_general/picto_visa.png) top left no-repeat
}

div#main div#infopaiement ul li.mastercard {
    background: url(../../../www/_images/0_general/picto_mastercard.png) top left no-repeat
}

div#main div#infopaiement ul li.cb {
    background: url(../../../www/_images/0_general/picto_cb.png) top left no-repeat
}

div#main div#infopaiement ul li.paypal {
    width: 52px;
    background: url(../../../www/_images/0_general/picto_paypal.png) 0 4px no-repeat
}

div#forgotPassword {
    background: #fff;
    padding: 15px 0;
    display: none;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

div#forgotPassword p {
    margin: 5px 0
}

div.categories.homecat ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            flex-wrap: wrap;
}
/*div.categories.homecat ul span.atc{
        -webkit-box-flex: 1;
    -ms-flex: auto;
    width: calc(100% / 9);
    height: auto;
}*/

div.categories ul li {
    /*height: 215px;*/
    width: 100%;
    text-align: center;
}
div#section_2 {
    background-color: #f3f3f3;
    padding: 81px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
div#section_2>.section_2_class {
    width: calc(25% - 17px);
    background-color: #fff;
    border: 1px solid #d8d4d4;
        transform: scale(1);
    transition-duration: .3s;
}
div#section_2>.section_2_class:not(:last-child) {
    margin-right: 19px;
}
div#section_2>div#section_2_3, div#section_2>div#section_2_2, div#section_2 #section_2_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
div#section_2>div#section_2_3>img {
    width: 100%;
}
div#section_2_2_1 {
    background-color: #6f6f6f;
    width: 90%;
    height: 105px;
    border-radius: 11px;
    margin: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

}
span#section_2_2_span {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    /* background-size: 73px; */
    background-position: 11px -163px!important;
    left: 6px;
    top: 8px;
    position: absolute;
    background-color: #f8981d;
    background-repeat: no-repeat;
    box-shadow: inset rgb(243 190 111) 3px 3px 5px 0px, rgb(70 66 66) 3px 2px 5px 0px;
}
p#section_2_2_p {
    color: #fff;
    position: absolute;
    left: 99px;
    top: 26%;
    font-family: 'MontserratExtraBold';
    font-size: 1vw;
    text-align: left;
    display: grid;
    line-height: normal;
}
p#section_2_2_p span {
    font-family: 'MontserratRegular';
    font-size: 1.3vw;;
}
div#section_2>.section_2_class:hover {
    transform: scale(1.05);
    transition-duration: .3s;
    box-shadow: rgb(216 212 212) 0px 7px 12px 0px;
    cursor: pointer;
}
div#section_2 #section_2_1 {
    background: url(../images/catf_bonhommROUGE.png) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/catf_bonhommROUGE.webp) 1x);
    position: relative;
    background-color: #fff;
    background-size: cover;
}
div#section_2 #section_2_1 div {
    position: absolute;
    left: 43%;
    top: 10%;
}
div#section_2 #section_2_1 div p.section_2_1_p {
    font-family: 'MontserratExtraBold';
    font-size: 1.3vw;
    text-align: left;
    color: #6f6f6f;
    padding-bottom: 20px;
}
div#section_2_1 li.section_2_1_li span.ico_section_2{
    width: 34px;
    height: 15px;
    /*background-size: 73px;*/
    background-position: -17px -239px!important;
    left: 0;
    position: absolute;
}
div#section_2_1 li.section_2_1_li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5vw;
}
div#section_2_1 li.section_2_1_li span.text_section_2{
    color: #6f6f6f;
    padding-left: 34px;
}
div#section_2 #section_2_4 {
    background: url(../images/catf_covid1.png) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/catf_covid1.webp) 1x);
    position: relative;
    background-size: cover;
    background-color: #fff;
}
#section_2_4 p#section_2_4_p {
    position: absolute;
    right: 4%;
    font-family: 'MontserratExtraBold';
    font-size: 1.29vw;
    top: 37%;
    color: #6f6f6f;
    display: grid;
    text-align: center;
}
#section_3 {
    background-color: #fff;
    padding: 81px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
div#section_3_2_1 p.section_3_2_1_p {
    font-size: 27px;
    letter-spacing: 14px;
    padding: 7px 0 15px;
    color: #6f6f6f;
}

div#section_3_2_2 p.section_3_2_2_p {
    font-size: 3.5vw;
    text-align: left;
    color: #f8981d;
    padding: 6px 0 40px;
    font-weight: 600;
}
div#section_3_2_3 p.section_3_2_3_p,
.page.contact table td.tdPres table.SubTableContact tbody {
    color: #6f6f6f;
    font-size: 15px;
    margin-bottom: 38px;
    letter-spacing: 1px;
    line-height: 26px;
}
div#section_3 .section_3_2 {
    padding-left: 41px;
    max-width: 970px;
}
div#section_3:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #afafaf;
    position: absolute;
    bottom: 83px;
    left: 50%;
    transform: translateX(-50%);
}
div#section_3 {
    position: relative;
}
div#section_4 div#section_4_1 span.tilte_h2 {
    font-size: 44px;
    text-align: center;
    display: -ms-grid;
    display: grid;
    font-family: 'MontserratRegular';
    color: #f39900;
    font-weight: 700;
}
div#section_4 div#section_4_1 span.tilte_h2 span {
    color: #6f6f6f;
    font-size: 36px;
}
div#section_4 div#section_4_1 {
    padding-bottom: 40px;
}
#section_4 .section_4_class {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#section_4_2 #section_4_2_1{
    width: 50%;
    background: url(../images/catf_dops_4.jpg) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/catf_dops_4.webp) 1x);
    position: relative;
    background-size: cover;
    height: 32.8vw;
}
#section_4_3 #section_4_3_1{
    width: 50%;
    background: url(../images/catf_equipements_list.jpg) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/catf_equipements_list.webp) 1x);
    position: relative;
    background-size: cover;
    height: 32.8vw;
}
#section_4_2 #section_4_2_2,#section_4_3 #section_4_3_2{
    width: 50%;
    -ms-flex-item-align: center;
        align-self: center;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
div#section_4_2_2 p.section_4_2_2_p,div#section_4_3_2 .section_4_3_2_p {
    font-family: 'MontserratExtraBold';
    font-size: 21px;
    color: #6f6f6f;
    padding-bottom: 35px;
}
div#section_4 .section_4_3_2_ul li,div#section_4 .section_4_2_2_ul li {
    display: flex;
    height: 40px;
}
.section_4_3_2_ul li span.ico_section_4,div#section_4 .section_4_2_2_ul li span.ico_section_4 {
    width: 34px;
    height: 15px;
    /*background-size: 73px;*/
    background-position: -17px -239px!important;
    position: absolute;
}
div#section_4 .section_4_3_2_ul li span.text_section_4,div#section_4 .section_4_2_2_ul li span.text_section_4 {
    color: #6f6f6f;
    padding-left: 34px;
}
div#section_4 {
    padding-bottom: 80px;
}
div#section_5 {
    background-color: #f3f3f3;
    padding: 81px 48px;
}
div#section_5 div#section_5_1 h2 {
    font-size: 3.5vw;
    text-align: center;   
    font-family: 'MontserratRegular';
}
div#section_5 div#section_5_1 h2 span {
    color: #6f6f6f;
    font-family: 'MontserratExtraBold';
}
p.section_5_1_p {
    font-size: 1.177vw;
    text-align: center;
    padding: 27px 12%;
}
div#section_5_2>.section_5_2_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 2%;
    /*height: 765px;*/
}
div#section_5_2>.section_5_2_row>.section_5_2_col:not(:last-child) {
    margin-right: 2%;
}
div#section_5_2>.section_5_2_row>.section_5_2_col {
    width: 32%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    transform: scale(1);
    transition-duration: .3s;
}
div#section_5_2>.section_5_2_row>.section_5_2_col .section_5_2_col_img img {
    width: 100%;
}
.section_5_2_col .section_5_2_col_ctx {
    padding: 30px 20px 40px;
}

/*.section_5_2_col .section_5_2_col_ctx .section_5_2_col_ctx_1 {
    padding: 25px 0px;
}*/

.section_5_2_col .section_5_2_col_ctx .section_5_2_col_ctx_1 h3 {
    display: flex;
    font-size: 1.295vw;
    font-family: 'MontserratRegular';
    color: #6f6f6f;
}
a.section_5_2_col_ctx_2_a:hover {
    color: #f8981d;
}
/*div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 {
    position: absolute;
    bottom: 40px;
}*/
/*div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 {
    position: absolute;
    top: 670px;
    display: flex;
    justify-content: center;
    width: calc(100% - 40px);
    align-items: center;
    height: 32px;

}*/
div#section_5_2>.section_5_2_row .section_5_2_col_ctx_2 {
    /*position: absolute;
    height: 150px;
    top: 26vw;
    width: calc(100% - 40px);*/
    padding-bottom: 30px;
    padding-top: 20px;
}
div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 span.atc {
    /*width: 50%;
    height: 100%;
    padding-top: 20px;*/
    text-align: center;
    border: 1px solid #f39900;
    text-transform: uppercase;
    color: #f39900;
    font-weight: bold;
    padding: 18px;
    width: fit-content;
    display: flex;
    margin: auto;
}
.section_5_2_col .section_5_2_col_ctx p {
    color: #6f6f6f;
    font-size: .89vw;
    letter-spacing: 0.8px;
    line-height: 1.45em;
    text-align: left;
}
div#section_5_2>.section_5_2_row>.section_5_2_col:hover {
    transform: scale(1.02);
    transition-duration: .3s;
    box-shadow: rgb(216 212 212) 0px 11px 12px 5px;
    cursor: pointer;
}
div#section_5_2>.section_5_2_row>.section_5_2_col:hover .section_5_2_col_ctx_1 h3 {
    color: #f39900;
    text-align: center;
}
div#section_5_2>.section_5_2_row>.section_5_2_col:hover .section_5_2_col_ctx_2 p {
    text-align: justify;
}
div#section_5_2>.section_5_2_row>.section_5_2_col:hover .section_5_2_col_ctx_3 span.atc {
    background-color: #f39900;
    color: #fff;
}
div#section_5_2>.section_5_2_row>.section_5_2_col:hover>.section_5_2_col_ctx {
    cursor: default;
}
div#section_6 {
    padding: 60px 48px 70px;
     background: -o-linear-gradient(350deg, #ffa300, #de8513);    
     background: linear-gradient(100deg, #ffa300, #de8513);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
div#section_6 div#section_6_1 {
    width: 75%;
}
#section_6_1 form#SearchForm_2 {
    display: -ms-grid;
    display: grid;
}
#section_6_1 form#SearchForm_2 .section_6_1_2_autre {
    display: none;
}
#section_6_1 form#SearchForm_2 .section_6_1_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.section_6_1_2_brand label {
    display: none;
}
.section_6_1_2_brand label {
    display: none;
}
.section_6_1_2_job label {
    display: none;
}
#section_6_1 form#SearchForm_2 .section_6_1_1 input#search-text {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    text-align: center;
    color: #fff;
}
#section_6_1 form#SearchForm_2 .section_6_1_1 input#search-text::placeholder {
    color: #fff;
}
.section_6_1_1 .section_6_1_1_searchcl {
    height: 50px;
}
.section_6_1_2 {
    height: 50px;
}
.section_6_1_1 {
    margin-bottom: 26px;
}
.section_6_1_2_brand #search-brand {
    float: right;
    width: 65%;
    margin: 0 23px 0 0px;
    height: 50px !important;
    color: #fff;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    text-transform: uppercase;
    text-align-last: center;
}
.section_6_1_2_job #search-jobs {
    float: left;
    width: 65%;
    margin: 0 0 0 25px;
    height: 50px !important;
    color: #fff;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    text-transform: uppercase;
    text-align-last: center;
}
.section_6_1_2 .section_6_1_2_job #search-jobs:hover,.section_6_1_2 .section_6_1_2_brand #search-brand:hover {
    color: #f8981d;
    background-color: #fff !important;
    cursor: pointer;
    font-family: 'MontserratExtraBold';
}
.section_6_1_2_job #search-jobs option, .section_6_1_2_brand #search-brand option {
    text-transform: initial;
    color: #6f6f6f;
    background-color: #fff;
    font-family: 'MontserratRegular';
}
.section_6_1_2>div {
    width: 50%;
}
div#section_7 {
    padding: 81px 48px;
}
p.section_7_1_p {
    text-align: center;
    font-size: 3.5vw;
    color: #f39900;
    font-weight: 700;
    padding-bottom: 31px;
}
div#section_7_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.section_7_2_cl {
    width: calc(100% / 6);
    text-align: center;
    display: grid;
}
span.section_7_2_ico {
    width: 136px;
    height: 110px;
    margin: 0 auto;
}
#section_7_2_1 span.section_7_2_ico {
    background-position: -14px -23px!important;
}
#section_7_2_2 span.section_7_2_ico {
    background-position: -14px -156px !important;
}
#section_7_2_3 span.section_7_2_ico {
    background-position: -14px -296px !important;
}
#section_7_2_4 span.section_7_2_ico {
    background-position: -14px -432px !important;
}
#section_7_2_5 span.section_7_2_ico {
    background-position: -14px -562px !important;
}
#section_7_2_6 span.section_7_2_ico {
    background-position: -14px -702px !important;
}
span.section_7_1_sp {
    color: #6f6f6f;
    font-family: 'MontserratExtraBold';
}
#pied_de_page ul.section_4_3_2_ul span.text_section_4 {
    color: #2d2d2c !important;
    padding: 0 34px 0 !important;
}
#pied_de_page table ul.section_4_3_2_ul span.ico_section_4 {
    background-position: -17px -236px!important;
}
span.section_7_2_txt {
    font-size: 1.25vw;
    font-family: 'MontserratExtraBold';
    color: #6f6f6f;
    padding-top: 10px;
}

div.categories ul li h3 {
    text-transform: uppercase;
    color: #6f6f6f;
    font-size: 13px;
    padding-left: 15px;
    vertical-align: middle;
    display: table-cell;
    padding-right: 100px;
    text-align: center
}
span.section_7_2_ico{
    background: url(../images/pictonewfront2.png) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/pictonewfront2.webp) 1x);
}
div.categories ul a:nth-child(3n) li,div.categories ul span:nth-child(3n) li {
    margin-right: 0
}
div.categories ul span.atc:first-child li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:first-child:hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(2) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(2):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(3) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(3):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(4) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(4):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(5) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(5):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(6) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(6):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(7) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(7):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(8) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(8):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(9) li img{
    filter: grayscale(1) opacity(0.85);
    transform: scale(0.9);
    transition-duration: .3s;
}
div.categories ul span.atc:nth-child(9):hover li img{
    filter: unset;
    transform: scale(1);
    transition-duration: .3s;
}div.categories li span {
    display: block;
    margin: 0 0 0 8px
}

#ProductOneInfos {
    width: 297px;
    left: 0;
    margin-left: -2px;
    margin-top: 5px;
    text-align: left;
    position: relative;
    background-color: #fff
}

#ProductOneInfos tr td {
    vertical-align: top;
    padding-right: 10px
}

.ProductOneInfoItemDiv {
    margin-top: 10px;
    position: relative
}

.ProductOneInfoItemDiv img {
    border: 1px solid #e7e7e7
}

.lien {
    display: block;
    font-size: .9em;
    padding: 0 0 0 10px;
    margin: 3px 0 0 0;
    color: #9e9e9e
}

#visoImg {
    margin-top: 10px;
    position: relative;
    text-align: center;
    width: 200px;
    height: 55px;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: -moz-scrollbars-horizontal;
    display: block
}

.ui-icon-close {
    background-position: -96px -128px
}

.ui-icon-close:hover {
    background-position: -32px -192px
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
    background: #fff
}

.ui-dialog .ui-dialog-titlebar-close {
    float: right
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0
}

.hide-title-bar .ui-dialog-titlebar {
    display: none!important
}

.ui-dialog .ui-dialog-titlebar {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
    opacity: .7;
    filter: Alpha(Opacity=70);
    position: absolute
}

#lightbox-image {
    margin-top: 26px
}

#lightbox-container-image-data {
    margin-top: 26px
}

div.idz_widget {
    float: left
}

#content {
    width: 100%;
    margin: 10px auto
}

#leftbloc aside {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 0 0 10px 0
}

#leftbloc aside h3 {
    font-size: 15px;
    color: #55c4c2;
    padding: 5px 4px
}

#leftbloc aside h3 a {
    text-decoration: none;
    color: inherit
}

#leftbloc aside ul {
    min-height: 200px
}

#leftbloc aside ul li {
    float: left;
    list-style: none;
    width: 170px;
    border-top: 1px dotted #e4e4e4;
    padding: 5px 5px;
    display: block
}

#leftbloc aside ul li:hover {
    background: #f8f8f8;
    border-top: 1px solid #f39900!important;
    border-bottom: 1px solid #f39900!important
}

#leftbloc aside #div-ssmenu-left ul li a:hove,#leftbloc aside #div-ssmenu-left ul li span.atc:hover {
    color: #f39900!important
}

#leftbloc aside ul li a img {
    float: left
}

#leftbloc aside ul li div {
    float: left;
    width: 105px;
    margin: 0 0 0 5px
}

#leftbloc aside ul li a,#leftbloc aside ul li span {
    font-size: 12px;
    color: #55c4c2;
    text-decoration: none;
    font-weight: 400;
    display: block;
    min-height: 60px
}

#leftbloc aside ul li a h3 {
    font-size: 12px;
    line-height: 15px;
    color: #565656;
    font-weight: 400
}

#leftbloc aside ul li p {
    text-align: right;
    line-height: 11px;
    margin: 5px 0 0 0;
    font-weight: 700
}

#leftbloc aside ul li p span {
    font-size: 10px;
    font-weight: 400
}

#leftbloc aside ul li p del {
    color: #565656;
    font-size: smaller
}

.pageTable {
    color: #5c5c5c;
    font-size: 12px;
    margin: 10px;
    width: 97%;
    float: left
}

.pageTable th {
    background: #f9f9f9
}

.pageTable td {
    border-bottom: 1px solid #444;
    padding: 4px 8px
}

.pageTable th {
    border-bottom: 1px solid #444;
    padding: 6px 8px
}

.accountTable {
    color: #5c5c5c;
    font-size: 12px;
    margin: 10px;
    width: 97%;
    float: left
}

.accountTable th {
    background: #f9f9f9
}

.accountTable td {
    border-bottom: 1px solid #eee;
    padding: 4px 8px
}

.accountTable th {
    border-bottom: 1px solid #eee;
    padding: 6px 8px
}

.accountTable .tdPrice {
    color: #c50106;
    font-weight: 700
}

.accountTable p {
    line-height: 16px;
    margin: 8px 0
}

.accountTable a {
    color: #000;
    font-size: 12px;
    text-decoration: none
}

.accountTable a:hover {
    color: #fa771c
}

#categorybloc {
    width: 99%;
    float: left;
    margin: 0 0 0 10px
}

#categorybloc .intro {
    width: 98%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left
}

#categorybloc .intro p {
    line-height: 18px;
    margin: 10px 0
}

#categorybloc .intro h1,#categorybloc .intro p.intropl {
    font-size: 15px;
    color: #000 !important;
    margin: 5px;
    width: 100%;
    text-transform: uppercase;
}

#categorybloc .intro h1 span,#categorybloc .intro p span {
    color: #f39900;
}

#categorybloc .intro h2 {
    font-size: 15px;
    color: #565656;
    margin: 5px;
    width: 590px;
    background: 0 0
}

#categorybloc .intro h1.product_list {
    font-size: 15px;
    color: #565656;
    margin: 5px 5px 0 5px;
    width: 590px;
    border-bottom: 1px dotted #e4e4e4
}

#categorybloc .intro h2.product_list {
    font-size: 14px;
    color: #565656;
    margin: 5px;
    width: 590px;
    border: none
}

#categorybloc .intro p#fil_ariane {
    font-size: 11px;
    color: #565656;
    padding: 1px 5px;
    line-height: 18px
}

#categorybloc .intro p#fil_ariane a {
    color: #565656;
    text-decoration: none
}

#categorybloc .intro p#fil_ariane a#home {
    background-image: -webkit-image-set(url(../../images/front_office/global/icons-house.jpg.webp) 1x);
    background: url(../../images/front_office/global/icons-house.jpg) no-repeat top center;
    display: inline-block;
    width: 15px;
    height: 9px
}

#categorybloc .intro p#fil_ariane a#home span {
    display: none
}

#categorybloc .intro p#fil_ariane a:hover {
    color: #55c4c2
}

#categorybloc .intro #text {
    margin: 8px 0 0 0
}

#categorybloc .intro #text p {
    padding: 2px 5px;
    font-size: 12px;
    color: #565656;
    text-align: justify;
    line-height: 1.5em;
    margin: .5em 0 0 0
}

#categorybloc .intro #text p a {
    color: #55c4c2;
    text-decoration: none
}

#categorybloc .intro #text p a:hover {
    color: #000
}

#categorybloc .intro #text ul {
    font-size: 12px;
    list-style-type: none;
    margin: 10px 0 10px 0;
    padding: 0 10px
}

#categorybloc .intro #text li {
    color: #565656;
    margin: 0 0 6px 0;
    padding: 0 0 0 8px;
    line-height: 1em
}

#categorybloc .intro #text #widthText {
    float: left;
    width: 570px
}

#categorybloc .titleCategory {
    font-size: 15px;
    color: #565656;
    padding: 5px 5px;
    width: 778px;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 20px 0 0 0
}

#categorybloc .intro .floatright a {
    font-size: 12px;
    color: #55c4c2;
    text-decoration: none
}

#categorybloc .intro .floatright a:hover {
    font-weight: 700
}

a span.btnContact,a span.btnViewAll {
    font-size: 11px;
    text-decoration: none!important;
    font-weight: 700;
    color: #fff;
    background: #a5b725!important;
    padding: 3px 4px!important;
    margin: 10px 5px 5px 0;
    text-align: center;
    height: 14px;
    width: 124px;
    display: block
}

a span.btnViewAll {
    background: #a5b725!important
}

a span.btnContact {
    background: #55c4c2!important
}

a:hover span.btnContact,a:hover span.btnViewAll {
    color: #fff;
    background: #000!important
}

#categorybloc .intro .contentMargin {
    padding: 2px 5px
}

#categorybloc .leftcategory {
    float: left;
    width: 645px;
    margin-right: 8px
}

#categorybloc .rightcategory {
    float: right;
    width: 137px;
    text-align: right
}

#categorybloc .rightcategory a {
    text-decoration: none
}

#categorybloc #text,.text {
    font-size: 11px!important;
    color: #444!important
}

#categorybloc #text ul,.text ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0
}

#categorybloc #text li,.text li {
    color: #565656;
    margin: 0 0 6px 0;
    padding: 0 0 0 8px;
    line-height: 1em
}

#categorybloc .intro article,#categorybloc article {
    min-height: 170px;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 5px 0 0 0px;
    padding: 17px
}


#categorybloc .intro article>a,#categorybloc article>a {
    width: 248px;
    min-height: 139px;
    display: block;
    text-decoration: none;
    position: relative
}

#categorybloc .intro article a img,#categorybloc article a img {
    float: left;
    margin: 10px 0 0 0
}

#categorybloc .intro article div,#categorybloc article div {
    float: left;
    width: 146px;
    margin: 0 0 0 2px
}

#categorybloc .intro article h3,#categorybloc article h3 {
    font-size: 12px;
    color: #565656;
    font-weight: 400;
    line-height: 13px;
    margin: 0 0 4px 0;
    width: auto
}

#categorybloc .intro article div img,#categorybloc article div img {
    float: left;
    margin: 0
}

#categorybloc article p.price {
    font-size: 12px;
    color: #55c4c2;
    font-weight: 700;
    text-align: right;
    line-height: 11px;
    margin: 5px 0 0 0;
    height: 15px
}

#categorybloc .intro article p.price {
    font-size: 12px;
    color: #55c4c2;
    font-weight: 700;
    text-align: right;
    line-height: 11px;
    margin: 5px 0 0 0
}

#categorybloc .intro article p.price del,#categorybloc article p.price del {
    color: #565656;
    font-size: smaller;
    display: block
}

#categorybloc .intro article p.price span,#categorybloc article p.price span {
    font-size: 10px;
    font-weight: 400;
    display: block
}

#categorybloc article div.price {
    font-size: 12px;
    color: #55c4c2;
    font-weight: 700;
    text-align: right;
    line-height: 11px;
    bottom: 25px;
    right: 0;
    position: absolute
}

#categorybloc .intro article div.price {
    font-size: 12px;
    color: #55c4c2;
    font-weight: 700;
    text-align: right;
    line-height: 11px;
    margin: 5px 0 0 0
}

#categorybloc .intro article div.price del,#categorybloc article div.price del {
    color: #565656;
    font-size: smaller;
    display: block
}

#categorybloc .intro article div.price span,#categorybloc article div.price span {
    font-size: 10px;
    font-weight: 400;
    display: block
}

#categorybloc .intro article p.view,#categorybloc article p.view {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    background: #55c4c2;
    padding: 3px 0;
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
    text-align: center
}

#categorybloc .intro article>a:hover p.view,#categorybloc article>a:hover p.view {
    background: #000
}

#categorybloc .intro article p.view img,#categorybloc article p.view img {
    float: none!important;
    margin: 0 4px
}

#categorybloc article.plan {
    min-height: 510px
}

#categorybloc article.plan h3 {
    height: AUTO
}

#categorybloc article.plan h3 a {
    color: #f8981d
}

#categorybloc article.plan ul li {
    float: left;
    list-style: none;
    width: 100%
}

hr.inpl {
    border-top: 1px dotted #e4e4e4;
}

#categorybloc article.plan a {
    min-height: initial;
    padding: 5px 12px;
    display: block;
    font-size: 12px;
    color: #565656;
    text-decoration: none;
    background: url(../../templates/catalog/images/icons-arrow.jpg) no-repeat 4px 10px;
    /*border-top:1px dotted #e4e4e4*/
}

#categorybloc article.plan a:hover {
    color: #f8981d
}

#categorybloc article .summary {
    height: 42px;
    margin: 0;
    color: #ff6000;
    font-size: 10px
}

#categorybloc .cat-summary {
    color: #ff6000;
    font-size: 10px
}

#categorybloc .cat-summary ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#categorybloc .cat-summary li {
    margin: 0 0 4px 0;
    padding: 0 0 0 6px;
    line-height: 1em
}

#categorybloc .promoProduct {
    width: 65px;
    height: 54px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    background: url(../../templates/catalog/images/product_promo_cat.png) no-repeat
}

#paymentMethod {
    padding: 2px 5px
}

#paymentMethod div {
    float: left;
    margin-right: 15px
}

#categorybloc label {
    padding: 10px 0 0 4px;
    width: 180px;
    float: left;
    font-size: 12px;
    color: #565656
}

#categorybloc .input_text {
    border: 1px solid #d5d5d5;
    height: 16px;
    padding: 2px 2px 0;
    width: 150px;
    font-size: 12px;
    margin: 10px 0 0 0
}

#categorybloc select {
    border: 1px solid #d5d5d5;
    height: 21px;
    padding: 2px;
    width: 100px;
    font-size: 12px;
    margin: 10px 0 0 0
}

ul.options li {
    float: left;
    margin: 5px 5px 5px 0
}

ul.options li div.icon-pdf,ul.options li span.icon-pdf {
    background: url(../images/sprite_abisco4.png) repeat scroll -20px -82px rgba(0,0,0,0);
    display: block;
    float: left;
    height: 21px;
    width: 52px
}

ul.options li div.icon-imprimer,ul.options li span.icon-imprimer {
    background: url(../images/sprite_abisco4.png);
    background-position: -20px -41px;
    display: block;
    float: left;
    width: 76px;
    height: 21px
}

ul.options li div.icon-sendemail,ul.options li span.icon-sendemail {
    background: url(../images/sprite_abisco4.png);
    background-position: -20px 0;
    display: block;
    float: left;
    width: 118px;
    height: 21px
}

ul.options li.last {
    margin: 5px 0 5px 0
}

.picto {
    margin: 30px 0 10px;
    background: url(../images/bg_pictos.png) no-repeat center bottom;
    padding-bottom: 20px;
    height: 80px
}

.picto ul li {
    background: url(../images/separateur_pointille.png) no-repeat top right;
    padding-right: 5px;
    width: 60px;
    float: left;
    text-align: center;
    height: 67px
}

.picto ul li.last {
    background: 0 0;
    padding-right: 0;
    width: 55px
}

.picto ul li.first {
    width: 78px
}

.gamme {
    background: url(../images/bg_gamme.jpg) no-repeat center right;
    height: 85px
}

.gamme a.find_all {
    padding-top: 25px;
    display: block;
    width: 100px;
    color: #fe7b00;
    text-decoration: none;
    font-weight: 700;
    float: left;
    font-size: 11px;
    margin-left: -20px
}

.gamme a.find_all span {
    font-size: 9px;
    color: #666
}

.gamme a.fabriquant {
    float: right;
    margin-right: 20px;
    padding-top: 20px
}

.pdt_complementaire {
    width: 100%;
    /*height: 320px;*/
    padding-top: 25px
}

#detail8 {
    margin-left: 35px;
    margin-top: 5px
}

#detail8 .orderOptions {
    float: left;
    margin-top: 10px
}

#detail8 .orderOptions.quantite {
    width: 120px;
    height: 28px;
    float: none;
    margin-right: 10px;
    margin-top: 10px
}

#detail8 .orderOptions.quantite label,label.label_couleur,label.modele {
    line-height: 22px;
    font-weight: 700;
}

.ui-tabs .ui-tabs-nav li.item1 {
    background: url(../images/item1.jpg) no-repeat 0 0;
    width: 202px;
    height: 39px;
    cursor: pointer;
    padding: 0;
    margin: 0 2px 15px 0
}

.ui-tabs .ui-tabs-nav li.item1.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.item1:hover {
    background: url(../images/item1.jpg) no-repeat 0 -39px;
    width: 202px;
    height: 39px;
    cursor: pointer
}

.ui-tabs .ui-tabs-nav li.item2 {
    background: url(../images/item2.jpg) no-repeat 0 0;
    width: 147px;
    height: 39px;
    cursor: pointer;
    padding: 0;
    margin: 0 2px 15px 0
}

.ui-tabs .ui-tabs-nav li.item2.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.item2:hover {
    background: url(../images/item2.jpg) no-repeat 0 -39px;
    width: 147px;
    height: 39px;
    cursor: pointer
}

.ui-tabs .ui-tabs-nav li.item3 {
    background: url(../images/item3.jpg) no-repeat 0 0;
    width: 85px;
    height: 39px;
    cursor: pointer;
    padding: 0;
    margin: 0 2px 15px 0
}

.ui-tabs .ui-tabs-nav li.item3.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.item3:hover {
    background: url(../images/item3.jpg) no-repeat 0 -39px;
    width: 85px;
    height: 39px;
    cursor: pointer
}

.ui-tabs .ui-tabs-nav li.item4 {
    background: url(../images/item4.jpg) no-repeat 0 0;
    width: 66px;
    height: 39px;
    cursor: pointer;
    padding: 0;
    margin: 0 2px 15px 0
}

.ui-tabs .ui-tabs-nav li.item4.ui-tabs-selected,.ui-tabs .ui-tabs-nav li.item4:hover {
    background: url(../images/item4.jpg) no-repeat 0 -39px;
    width: 66px;
    height: 39px;
    cursor: pointer
}

#header {
	margin: 0 48px 0 48px;
    padding: 4px 0 0!important;
    position: relative;
}
#inhead_bg {
    background-image: -webkit-image-set(url(../images/catf_vague-haut.webp) 1x);
    background: url(../images/catf_vague-haut.png) right bottom no-repeat;
    background-size: cover;
}

#header span.tel {
    color: #a4a4a4;
    float: left;
    font: 1em/1.1em MontserratRegular;
    padding-top: 26px
}

#header span.tel strong {
    color: #595959;
    font: 1.4em/1em MontserratExtraBold;
    letter-spacing: -1px
}

#header span.tel strong img {
    margin: 0 5px 4px 0;
    vertical-align: middle
}

/*#header div#menutop {
    margin: 0;
    padding: 0;
    margin-top: 0;
    top: 0;
    width: 100%;
    height: 29px;
    min-width: 985px
}*/

a.linkgplus {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -144px -203px;
    display: block;
    float: right;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 31px
}

#header div#menutop a.linkfb {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -65px -231px;
    display: block;
    float: right;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 31px
}

a.linkviadeo {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -143px -242px;
    display: block;
    float: right;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 31px
}

a.linkedin {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -222px -240px;
    display: block;
    float: right;
    height: 27px;
    margin: 0;
    padding: 1px 0 0;
    width: 31px
}

a.linkekomy {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -102px -203px;
    display: block;
    float: right;
    height: 27px;
    margin: 0;
    padding: 1px 0 0;
    width: 31px
}

a.blogs {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 0 0;
    background-position: -120px -79px;
    display: block;
    float: right;
    height: 27px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 1px 0 0;
    width: 60px;
    text-decoration: none
}

#header div#menutop a.linkfb:hover {
    background: url(../images/header/icon-fb-over.png) no-repeat scroll 6px 4px rgba(255,255,255,.7)
}

a.linkfb {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 6px 4px;
    background-position: -65px -231px;
    display: block;
    float: right;
    height: 28px;
    margin: 0;
    padding: 0;
    width: 31px
}

a.linkfb:hover {
    background: url(../images/header/icon-fb-over.png) no-repeat scroll 6px 4px rgba(255,255,255,.7)
}

#header #loginpanel {
    background: #6b6966;
    border-bottom-right-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    height: 90px;
    margin-left: -66px;
    padding: 12px 10px 0 24px;
    position: absolute;
    top: -120px;
    width: 560px;
    z-index: 500;
    right: 0
}


@media (min-width: 1024px){
    div#loginpanel form#login {
        display: flex;
    }
}

#loginpanel p {
    color: #fff;
    font: 1.2em MontserratRegular
}

#loginpanel p strong {
    color: #64a565
}

.logo a {
    text-decoration: none
}

.logo #logo {
    width: 95%;
}

#logo_sstitre {
    text-transform: uppercase;
    font-weight: 900;
    font-size: .96vw;
    padding-left: 5px;
    font-family: 'MontserratExtraBold';
}

#slogan {
    color: #6f6f6f;
    font-size: 16px;
    width: 250px;
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 38px
}

#slogan2,#titre_droite h3,.titre_article {
    display: block;
    color: #f8981d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    width: 480px;
    text-align: center;
    margin: auto;
    padding-top: 3px
}
#header div#menutop>ul li {
    display: inline-block;
    margin-top: 0;
    padding: 4px 4px 2px 3px
}

#header div#menutop>ul li:first-child {
    padding-right: 8px
}

#header div#menutop>ul li a, #header div#menutop>ul li span .texten,  #header div#menutop>ul li span.atc .BasketItemCount  {
    color: #6f6f6f;
    font-size: 15px;
    line-height: 22px;
    height: 20px;
    text-decoration: none;
}

#header div#menutop>ul li a small {
    color: #f39900;
    font-weight: 700
}

#header div#menutop>ul li a span.icon {
    display: inline-block;
    height: 18px;
    margin-right: 6px;
    margin-top: -1px;
    vertical-align: top;
    width: 18px;
    background-size: 900%
}

#header div#menutop>ul li a:hover {
    text-decoration: underline
}

#header div#menutop>ul li a:hover span.icon {
    background-image: url(../images/header/icons-menutop-white.png);
    background-size: 370%
}

#header div#menutop>ul li a span.icon.contact {
    background-position: 0 0;
    background-position: -3px -24px
}

#header div#menutop>ul li span.icon.compte {
    background-position: -7px -10px!important;
    width: 36px;
    height: 20px;
}

#header div#menutop>ul li span.icon.panier{
    background-position: -9px -33px!important;
    width: 36px;
    height: 20px;
    vertical-align: middle;
}

#header span.tel {
    color: #8e8e8e;
    float: left;
    font: 9px/1.1em MontserratRegular;
    padding-top: 30px;
    padding-left: 10px;
    text-transform: uppercase
}

#header span.tel span.em {
    font-style: normal;
    font-family: MontserratExtraBold;
    color: #4b4b4b
}
#heures {
    margin-top: 15px
}

#ouverture {
    font-size: 12.3px;
    margin-top: -1px;
    letter-spacing: .04em
}
#header form#SearchForm label {
    display: none
}

#header form#SearchForm input#search-text {
    background-color: #fff;
    height: 29px;
    width: 20vw;
}
#header form#SearchForm select {
    width: 116px;
    z-index: 60!important;
    position: relative;
    border: 1px solid #e0e0e0!important;
    height: 29px!important
}

#header form#SearchForm .sbHolderOpen {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    border-width: 2px
}

#header form#SearchForm .sbOptions {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #dfdfdf;
    border-image: none;
    border-radius: 0 0 5px 0;
    border-style: none none solid;
    border-width: 0 0 6px;
    left: -2px;
    top: 31px!important;
    width: 238px!important
}

#header form#SearchForm input[type=submit] {
    background-position: -15px -113px;
    border: 0 none;
    box-shadow: none;
    background-size: 210%;
    cursor: pointer;
    height: 39px;
    right: 6px;
    overflow: hidden;
    position: absolute;
    text-indent: -10000em;
    width: 38px;
    margin-top: 3px;
    border-radius: 0;
}

#lien_blog {
    top: 127px;
    right: 28px;
    position: absolute;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    z-index: 60;
    line-height: 27px
}

#lien_blog img {
    float: left;
    vertical-align: bottom;
    padding-right: 8px
}

#header #loginpanel div.h3 {
    color: #fff;
    float: left;
    font: 1.2em MontserratRegular;
    margin: 7px 12px -5px 0
}

#header #loginpanel div.h3 .strong {
    color: #f39900;
    float: left;
    font-weight: 700;
    margin-left: 5px
}

#header #loginpanel div.h3 .mon {
    float: left
}

#header #loginpanel form label {
    display: none
}

#header #loginpanel form input[type=password],#header #loginpanel form input[type=text] {
    width: 175px
}

#header #loginpanel input[type=submit] {
    margin-left: 4px;
    margin-top: 4px;
    height: 37px;
}

#header #loginpanel ul {
    clear: both;
    position: absolute;
    left: 11px;
    bottom: 6px;
}

#header #loginpanel ul li {
    display: inline-block;
    padding: 0 6px 0 12px
}

#header #loginpanel ul li:first-child {
    background: none repeat scroll 0 0 transparent;
    border-right: 1px solid #7e7a74;
    margin-right: -9px
}

#header #loginpanel ul li a,#header #loginpanel ul li span {
    color: #b9b9b9;
    font-size: .85em;
    text-decoration: none
}

#header #loginpanel ul li a:hover {
    color: #fff;
    text-decoration: underline
}

#header #loginpanel .close {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 20px 14px transparent;
    background-position: -83px -252px;
    bottom: 5px;
    display: block;
    height: 15px;
    position: absolute;
    right: 0;
    width: 60px;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

input,select,textarea {
    -moz-appearance: none;
    display: inline-block;
    outline: medium none
}

input[type=password],input[type=text],select,textarea {
    background-color: #f8f8f8;
    color: #747474;
    font-size: 1vw;
    font-family: 'MontserratRegular';
    height: 15px;
    margin: 0 .2em 0 13px;
    padding: 6px 5px 8px 5px;
    letter-spacing: 1px;
}

#contents input[type=password],#contents input[type=text],#contents select,#contents textarea {
    background-color: #f4f4f4
}

textarea {
    overflow: auto;
    padding-top: .5em
}

input[type=submit] {
    background-color: #ef8906;
    border: 0 none;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    font-family: MontserratRegular;
    font-weight: 400;
    height: 30px;
    margin: 0;
    padding: .4em 1em .3em;
    text-align: center
}

input.form-error[type=password],input.form-error[type=text],select.form-error {
    background-color: #ffe6e6!important;
    border-color: #ff3838;
    color: #ff3838
}

input.form-warning[type=password],input.form-warning[type=text],select.form-warning {
    background-color: #fff4e1!important;
    border-color: #f39900;
    color: #f39900
}

input[type=password]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled {
    opacity: .6
}

input[readonly=readonly],select[readonly=readonly],textarea[readonly=readonly] {
    border: 0 none
}

button {
    border-style: none;
    cursor: pointer
}

input:focus,textarea:focus {
    border-color: #febc68;
    box-shadow: 0 0 6px #ef8906
}

input[type=submit]:active,input[type=submit]:focus {
    background-color: #ffac42
}

.sbHolder {
    background-color: #f4f4f4;
    border: 2px solid #bcbcbc;
    border-radius: .2em .2em .2em .2em;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    color: #747474!important;
    display: inline-block;
    font-size: .9em;
    height: 33px;
    padding: .6em 1em .7em!important;
    position: relative;
    text-align: left
}

.sbHolder:active,.sbHolder:focus {
    border-color: #febc68!important;
    box-shadow: 0 0 6px #ef8906
}

.sbHolder.form-error {
    background-color: #ffe6e6!important;
    border-color: #ff3838!important
}

.sbHolder.form-warning {
    background-color: #fff4e1!important;
    border-color: #ef8906!important
}

.sbSelector {
    display: block;
    height: 29px;
    left: 0;
    line-height: 28px;
    outline: medium none;
    overflow: hidden;
    padding-right: 30px!important;
    position: absolute;
    text-decoration: none!important;
    text-indent: 10px;
    text-overflow: ellipsis;
    top: 0
}

.sbHolder.form-error .sbSelector {
    color: #212121!important
}

.sbSelector:hover,.sbSelector:link,.sbSelector:visited {
    color: #747474!important;
    outline: medium none;
    text-decoration: none
}

.sbToggle {
    background: url(../images/forms/select-icons.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.sbToggle:hover {
    background-position: 0 -29px
}

.sbToggleOpen {
    background-position: 0 -58px
}

.sbToggleOpen:hover {
    background-position: 0 -87px
}

.sbHolderDisabled {
    opacity: .6
}

.sbOptions {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    background-image: linear-gradient(#fff,#f2f2f2);
    border-color: -moz-use-text-color #bcbcbc #bcbcbc;
    border-image: none;
    border-radius: .2em .2em .2em .2em;
    border-right: 2px solid #bcbcbc;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    color: #747474!important;
    display: none;
    left: -2px;
    list-style: none outside none;
    margin: 0;
    overflow-y: auto;
    padding: 10px 0 8px!important;
    position: absolute;
    width: 210px;
    z-index: 110000
}

.sbOptions li {
    background: none repeat scroll 0 0 transparent!important;
    margin: 0!important;
    padding: 0 4px!important
}

.sbOptions li:first-child {
    background-color: #f5f5f5!important;
    display: none
}

.sbOptions li:first-child a {
    background: none repeat scroll 0 0 transparent!important;
    border-top: 1px dotted #bcbcbc!important;
    color: #aaa!important;
    font-size: .9em;
    margin-left: 0;
    padding: 5px 0 5px 7px!important
}

.sbOptions li:active,.sbOptions li:focus,.sbOptions li:hover {
    background-color: #ededed!important
}

.sbOptions a {
    background: url(../images/arrow-orange.png) no-repeat scroll 0 4px transparent;
    display: block;
    margin-left: 10px;
    outline: medium none;
    padding: 5px 0 5px 10px!important;
    text-decoration: none!important
}

.sbOptions a:link,.sbOptions a:visited {
    color: #747474!important;
    text-decoration: none
}

.sbOptions a.sbFocus,.sbOptions a:focus,.sbOptions a:hover {
    color: #212121!important
}

.sbOptions .sbDisabled {
    border-bottom: 1px dotted #515151;
    color: #999!important;
    display: block;
    padding: 7px 0 7px 3px!important
}

.sbOptions .sbGroup {
    border-bottom: 1px dotted #515151;
    color: #ebb52d!important;
    display: block;
    font-weight: 700;
    padding: 7px 0 7px 3px!important
}

.sbOptions .sbSub {
    padding-left: 17px!important
}

.picker-element {
    left: -999999px;
    position: absolute
}

.picker {
    margin: 0 0 10px;
    overflow: hidden
}

.picker .picker-label {
    -moz-user-select: none;
    color: #747474;
    cursor: pointer;
    display: inline-block!important;
    float: left!important;
    font-size: .9em;
    margin: 0!important
}

.picker .picker-handle {
    border: 2px solid #bfbfbf;
    cursor: pointer;
    display: inline-block!important;
    float: left!important;
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px
}

.picker .picker-handle.form-error {
    border-color: #ef8906!important;
    color: #212121!important
}

.picker .picker-handle.form-error .picker-flag {
    background-color: #ffd195!important
}

.picker.picker-radio .picker-handle {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px 8px 8px 8px
}

.picker.picker-radio .picker-flag {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px 4px 4px 4px;
    display: block;
    height: 8px;
    margin: 2px;
    width: 8px
}

.picker.picker-radio.checked .picker-flag {
    background: none repeat scroll 0 0 #505050!important
}

.picker.picker-radio.checked .picker-handle {
    background: none repeat scroll 0 0 #fff!important;
    border-color: #bfbfbf!important
}

.picker.checked .picker-label {
    color: #212121
}

.picker.picker-checkbox .picker-handle {
    border-radius: 4px 4px 4px 4px
}

.picker.picker-checkbox.checked .picker-handle {
    border-color: #636363!important
}

.picker.picker-checkbox .picker-flag {
    background: none repeat scroll 0 0 #fff;
    border-radius: 2px 2px 2px 2px;
    display: block;
    height: 100%;
    margin: 0;
    width: 100%
}

.picker.picker-checkbox.checked .picker-flag {
    background-color: #636363!important;
    border-radius: 0
}

.picker.picker-checkbox.checked .picker-flag {
    background: url(../images/forms/checkbox-icon.png) no-repeat scroll center center #fff
}

.picker.disabled .picker-handle,.picker.disabled .picker-label {
    cursor: default;
    opacity: .6
}

.picker.picker-radio.disabled .picker-flag {
    background: none repeat scroll 0 0 #fff
}

.picker.picker-radio.disabled.checked .picker-flag {
    background: none repeat scroll 0 0 #eee
}

.sbHolder {
    background-color: #f4f4f4;
    border: 2px solid #bcbcbc;
    border-radius: .2em .2em .2em .2em;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    color: #747474!important;
    display: inline-block;
    font-size: .9em;
    height: 16px;
    padding: .6em 1em .7em!important;
    position: relative;
    text-align: left
}

.sbHolder:active,.sbHolder:focus {
    border-color: #febc68!important;
    box-shadow: 0 0 6px #ef8906
}

.sbHolder.form-error {
    background-color: #ffe6e6!important;
    border-color: #ff3838!important
}

.sbHolder.form-warning {
    background-color: #fff4e1!important;
    border-color: #ef8906!important
}

.sbSelector {
    display: block;
    height: 29px;
    left: 0;
    line-height: 28px;
    outline: medium none;
    overflow: hidden;
    padding-right: 30px!important;
    position: absolute;
    text-decoration: none!important;
    text-indent: 10px;
    text-overflow: ellipsis;
    top: 0
}

.sbHolder.form-error .sbSelector {
    color: #212121!important
}

.sbSelector:hover,.sbSelector:link,.sbSelector:visited {
    color: #747474!important;
    outline: medium none;
    text-decoration: none
}

.btn-big {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #f39900;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    color: #fff;
    display: inline-block;
    font-family: MontserratRegular;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 28px;
    line-height: 2.3em!important;
    margin-bottom: 16px;
    margin-top: 10px;
    padding: 0 14px;
    text-decoration: none;
    text-transform: uppercase
}

hr.underblocks1-2 {
    border: 0 none;
    clear: both;
    height: 25px;
    position: relative;
    width: 100%;
    max-width: 977px;
    margin: 0;
    padding: 0;
    left: 0
}

#arbo {
    clear: both;
    margin: 0 auto;
    width: calc(100% - 96px);
}
}
#arbo .category_list {
    height: 175px;
    float: left
}

.el-h4 em,h1 .em,h1 em,h2 .em,h2 em,h3 .em,h4 .em,h4 em {
    color: #f39900;
    font-style: normal
}

.blocksbottom {
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
    padding: 0 0 18px;
    position: relative;
    width: 100%
}

ul#servgar {
    display: block;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f3f3f3,#fff);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin: 20px 10px 0 0;
    padding: 20px 20px 16px;
    height: 50px
}

.home ul#servgar {
    float: left!important;
    max-width: 222px;
    width: 23%;
    height: auto;
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #ededed;
    box-shadow: none
}

ul#servgar li.listtitle {
    background: none repeat scroll 0 0 transparent;
    margin-right: 20px;
    vertical-align: top
}

ul#servgar li {
    display: block;
    float: left
}

.home ul#servgar li.listtitle {
    background-color: #f39900;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 20px 20px;
    clear: both
}

.home ul#servgar li.listtitle h2 {
    color: #fff!important;
    font-size: 1.6em;
    width: 100%
}

#servgar li {
    font: .85em/1.15em MontserratRegular
}

.home #servgar li {
    width: 220px;
    padding: 1px;
    margin-top: 1px;
    background-color: #fff;
    background-image: none;
    font: inherit;
    font-size: .85em;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: border-color .6s;
    transition: border-color .6s
}

.home #servgar li:not(:last-child):hover {
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.2)
}

.home #servgar li:last-child {
    text-align: right;
    border-top: 2px solid #f39900;
    padding: 7px 0 5px 0;
    background-color: transparent
}

.subpanel h2,ul#servgar h2 {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    background: 0 0!important
}

ul#servgar li a {
    color: #818181;
    text-decoration: none
}

ul#servgar li a.livraison span.icon {
    background-position: 0 0
}

ul#servgar li a span.icon {
    background: url(../images/pictos-garanties.png) no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 37px;
    margin-left: 0;
    margin-right: 6px;
    width: 39px;
    height: 39px
}

.home ul#servgar li a span.icon {
    background: url(../images/pictos-garanties-2.png) no-repeat scroll left top transparent;
    width: 75px;
    height: 79px;
    margin: 0;
    border-left: 4px solid #f5f5f5;
    -webkit-transition: border-color .4s;
    transition: border-color .4s
}

.home ul#servgar li a:hover span.icon {
    border-color: #f39900
}

ul#servgar li a span.label {
    float: left;
    margin-right: 15px
}

.home ul#servgar li a span.label {
    width: 141px;
    height: 79px;
    margin: 0
}

ul#servgar li a .strong,ul#servgar li a strong {
    display: block;
    margin-top: 6px;
    font-weight: 700
}

.home ul#servgar li a .strong,.home ul#servgar li a strong {
    display: block;
    margin: 17px 0 0 0;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #f39900;
    font-weight: 700
}

ul#servgar li a.ekomy span.icon {
    margin-left: 11px;
    background-position: -258px 0
}

ul#servgar li a.qualite span.icon {
    background-position: -37px 0
}

ul#servgar li a.surmesure span.icon {
    background-position: -74px 0
}

ul#servgar li a.devis span.icon {
    background-position: -111px 0
}

ul#servgar li a.paiement span.icon {
    background-position: -148px 0
}

ul#servgar li a.assistance span.icon {
    background-position: -185px 0
}

.home ul#servgar li a.assistance span.icon {
    background-position: 0 0
}

.home ul#servgar li a.devis span.icon {
    background-position: -79px 0
}

.home ul#servgar li a.qualite span.icon {
    background-position: -158px 0
}

.home ul#servgar li a.paiement span.icon {
    background-position: -237px 0
}

.home a#cata {
    position: relative;
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    width: 222px;
    height: 102px;
    border: 2px solid #ededed!important;
    -webkit-transition: border-color .4s;
    transition: border-color .4s;
    text-decoration: none
}

.home a:hover#cata {
    border-color: #ffc96e!important;
    text-decoration: none
}

.home a#cata span {
    position: absolute;
    right: 10px;
    display: inline-block
}

.home a#cata span:not(.btn-med) {
    color: #3a3a3a;
    top: 18px;
    font-size: 1.2em;
    text-align: right
}

.home a#cata span.btn-med {
    bottom: 0;
    -webkit-transition: color .4s,background-color .2s;
    transition: color .4s,background-color .2s
}

.home a:hover#cata span.btn-med {
    color: #f39900!important;
    background-color: #fff
}

.home a#cata span strong {
    color: #fff;
    display: block;
    font-size: 1.6em;
    line-height: .9em
}

.subpanel {
    background-color: #fff;
    margin: 20px 10px 0 0;
    padding: 20px 20px 0;
    clear: both;
    float: left;
    width: 95%
}

.subpanel>div {
    float: left;
    margin: 0 0 24px;
    position: relative;
    width: 32%
}

.floatL {
    float: left
}

.subpanel .el-h4,.subpanel h2,.subpanel h4,ul#servgar h2 {
    font-size: 1.8em;
    margin-top: 10px
}

.subpanel p {
    color: #595959;
    font-size: .85em;
    margin-bottom: 10px;
    width: 180px
}

.subpanel .el-h4,.subpanel h2,.subpanel h4 {
    margin: 0 0 4px;
    color: #313131!important;
    font-weight: 400!important
}

.btn-med,.btn-small {
    background-color: #f39900;
    color: #fff!important;
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 10px;
    padding: 0 0.7vw;
    text-decoration: none!important;
    text-transform: uppercase
}

.btn-med {
    border-radius: 13px 13px 13px 13px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    font: 11px/2em MontserratExtraBold;
    height: 21px
}

.btn-big:hover,.btn-med:hover {
    background-color: #ffb029
}

.subpanel #marques,.subpanel #sav,.subpanel #surmesure {
    background: url(../images/sepaV-2.png) no-repeat scroll left center/4px 100% transparent;
    padding-left: 18px
}

.subpanel img {
    position: absolute;
    right: 10px;
    top: 0
}

.subpanel hr {
    background-color: rgba(237,237,237,.4);
    border: 0 none;
    clear: both;
    height: 6px;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

form#newsletter input[type=text] {
    position: relative;
    width: 80%;
    z-index: 60;
    height: 32px;
    padding: 0
}

form#newsletter input[type=submit] {
    background: url(../images/sprite_abisco4.png) no-repeat scroll center center transparent;
    background-position: -20px -123px;
    border: 0 none;
    box-shadow: none;
    cursor: pointer;
    height: 29px;
    left: -34px;
    overflow: hidden;
    position: relative;
    text-indent: -10000em;
    top: 2px;
    width: 29px;
    z-index: 61
}

#newsletter p {
    width: 290px
}

ul#marques {
    display: block;
    float: left;
    width: 100%
}

ul#marques.home-marque-list {
    width: 100%;
    background-color: #fff
}

ul#marques li a,ul#marques li span {
    display: block;
    text-indent: -1000em;
    margin: auto
}

ul#marques li {
    display: inline-flex;
    margin-right: .5%!important;
    height: 65px!important
}

ul#marques li.fhb a,ul#marques li.fhb span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -62px -461px;
    height: 62px;
    width: 40px
}

ul#marques li.fhb a:hover,ul#marques li.fhb span:hover {
    background-position: -117px -409px
}

a.marque.fhb:after {
    content: url(../images/marques/mini/fhb-color.png)
}

.floatR {
    float: right
}

ul#marques li.neofeu a,ul#marques li.neofeu span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -193px -257px;
    height: 62px;
    width: 54px
}

ul#marques li.neofeu a:hover,ul#marques li.neofeu span:hover {
    background-position: -197px -190px
}

a.marque.neofeu:after {
    content: url(../images/marques/mini/neofeu-color.png)
}

ul#marques li.roan a,ul#marques li.roan span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -5px -409px;
    height: 62px;
    width: 52px
}

ul#marques li.roan a:hover,ul#marques li.roan span:hover {
    background-position: -179px -407px
}

a.marque.roan:after {
    content: url(../images/marques/mini/roan-color.png)
}

ul#marques li.arbesko a,ul#marques li.arbesko span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -109px -85px;
    height: 31px;
    width: 99px
}

ul#marques li.arbesko a:hover,ul#marques li.arbesko span:hover {
    background-position: -5px -85px
}

a.marque.arbesko:after {
    content: url(../images/marques/mini/arbesko-color.png)
}

ul#marques li.base a,ul#marques li.base span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -101px -157px;
    height: 31px;
    width: 91px
}

ul#marques li.base a:hover,ul#marques li.base span:hover {
    background-position: -5px -157px
}

a.marque.base:after {
    content: url(../images/marques/mini/base-color.png)
}

ul#marques li.evonik a,ul#marques li.evonik span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -103px -121px;
    height: 31px;
    width: 93px
}

ul#marques li.evonik a:hover,ul#marques li.evonik span:hover {
    background-position: -5px -121px
}

a.marque.evonik:after {
    content: url(../images/marques/mini/evonik-color.png)
}

ul#marques li.polyver a,ul#marques li.polyver span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -99px -229px;
    height: 31px;
    width: 89px
}

ul#marques li.polyver a:hover,ul#marques li.polyver span:hover {
    background-position: -5px -229px
}

a.marque.polyver:after {
    content: url(../images/marques/mini/polyver-color.png)
}

ul#marques li.rostaing a,ul#marques li.rostaing span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -92px -373px;
    height: 31px;
    width: 82px
}

ul#marques li.rostaing a:hover,ul#marques li.rostaing span:hover {
    background-position: -5px -373px
}

a.marque.rostaing:after {
    content: url(../images/marques/mini/rostaing-color.png)
}

ul#marques li.notrax a {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -94px -337px;
    height: 31px;
    width: 84px
}

ul#marques li.notrax a:hover {
    background-position: -5px -337px
}

a.marque.notrax:after {
    content: url(../images/marques/mini/notrax-color.png)
}

ul#marques li.skylotec a,ul#marques li.skylotec span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -119px -49px;
    height: 31px;
    width: 109px
}

ul#marques li.skylotec a:hover,ul#marques li.skylotec span:hover {
    background-position: -5px -49px
}

a.marque.skylotec:after {
    content: url(../images/marques/mini/skylotec-color.png)
}

ul#marques li.blaklader a,ul#marques li.blaklader span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -94px -301px;
    height: 31px;
    width: 84px
}

ul#marques li.blaklader a:hover,ul#marques li.blaklader span:hover {
    background-position: -5px -301px
}

a.marque.blaklader:after {
    content: url(../images/marques/mini/blaklader-color.png)
}

ul#marques li.masterlock a,ul#marques li.masterlock span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -99px -193px;
    height: 31px;
    width: 89px
}

ul#marques li.masterlock a:hover,ul#marques li.masterlock span:hover {
    background-position: -5px -193px
}

a.marque.masterlock:after {
    content: url(../images/marques/mini/masterlock-color.png)
}

ul#marques li.moldex a,ul#marques li.moldex span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -98px -265px;
    height: 31px;
    width: 88px
}

ul#marques li.moldex a:hover,ul#marques li.moldex span:hover {
    background-position: -5px -265px
}

a.marque.moldex:after {
    content: url(../images/marques/mini/moldex-color.png)
}

form#newsletter label {
    display: none
}
#footer {
    display: none;
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#pied_de_page {
    margin: 0 auto;
    padding: 81px 48px;
}

#footer {
    background-color: #e0e0e0!important;
    overflow: visible;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    padding-bottom: 30px;
    background: url(../images/catf_vague-footer.png) right bottom no-repeat;
    background-image: -webkit-image-set(url(../images/catf_vague-footer.webp) 1x);
    background-size: contain;
}

#footup {
    width: 103%;
    height: 61px;
    margin-left: -21px
}

#footup::after {
    content: "";
    overflow: visible;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 90px
}

#footer .contact {
    float: left;
    padding-right: 50px;
    width: 260px
}

#footer span.tel {
    color: #a4a4a4;
    float: left;
    font: 1.2em MontserratRegular;
    margin-bottom: 13px;
    padding-top: 26px
}

#footer span.tel .strong,#footer span.tel strong {
    color: #fff;
    font: 1.4em/1em MontserratExtraBold;
    letter-spacing: -1px;
    font-weight: 700
}

#footer span.tel .strong img,#footer span.tel strong img {
    margin: 0 5px 4px 0;
    vertical-align: middle
}

#footer .contact hr {
    background: url(../images/sepaH-2.png) repeat-x scroll left top transparent;
    border: 0 none;
    clear: both;
    height: 5px;
    margin: 0 0 14px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

#footer span.coords {
    color: #bfbfbf!important;
    font-size: .85em;
    line-height: 1.8em
}

#footer #pied_de_page p,#footer #pied_de_page p span {
    color: #fff;
    font-style: normal
}

#footer #pied_de_page p span {
    letter-spacing: .05em;
    font-size: 15px
}
#footer #pied_de_page table tr td:first-child {
    width: 35%
}
#footer #pied_de_page table tr td:nth-child(2) {
    width: 25%;
    vertical-align: initial;
    padding: 17px 0px 0 50px;
}
#footer #pied_de_page table tr td:nth-child(3) {
    width: 25%;
    vertical-align: initial;
    padding: 17px 0px 0 35px;
}
#footer #pied_de_page table tr td:nth-child(4) {
    width: 15%;
    vertical-align: initial;
}
#footer #pied_de_page table tr td ul li {
    height: 36px;
}
.reseaux_sociaux {
    width: 15%;
    padding-right: 5px
}

#footer ul li a,#footer ul li span {
    text-decoration: none;
    color: #fff;
    line-height: 15px;
    font-style: normal
}

#footer #footer_tel {
    float: left;
    padding-right: 15px;
    height: 37px
}

#contact-footer {
    text-transform: uppercase;
    font-weight: 700
}

#footer #pied_de_page table {
    width: 100%
}

#footer #pied_de_page table ul li a span,#footer #pied_de_page table ul li span span {
    color: #f8981d;
    font-size: 15px;
    padding-right: 5px
}
#footer #pied_de_page #pied_sect_1 .pied_sect_1_2 p {
    color: #2d2d2c;
    font-size: 1.1vw;
    text-align: left;
    line-height: 22px;
}
#footer #pied_de_page #pied_sect_1 .pied_sect_1_1 img {
    width: 49%;
    padding-bottom: 16px;
    margin-left: -14px;
}
.pied_sect_4_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
span#icontelstrong_ft {
    background-position: -11px -472px!important;
    width: 36px;
    height: 25px;
}
.pied_sect_4_2 {
    display: flex;
    justify-content: left;
    height: 50px;
    align-items: flex-end;
}
#pied_sect_4_2_fb span.ico_ft_sc {
    background-position: -11px -365px!important;
    width: 36px;
    height: 25px;
    display: block;
}
#pied_sect_4_2_in span.ico_ft_sc {
    background-position: -11px -393px!important;
    width: 36px;
    height: 25px;
    display: block;
}
#pied_sect_4_2_you span.ico_ft_sc {
    background-position: 0px -424px!important;
    width: 54px;
    height: 45px;
    display: block;
}
#pied_sect_4_2_you:hover span.ico_ft_sc {
    background-position: 0px -316px!important;
}
#pied_sect_4_2_in:hover span.ico_ft_sc {
    background-position: -11px -285px!important;
}
#pied_sect_4_2_fb:hover span.ico_ft_sc {
    background-position: -11px -257px!important;
}
div#pied_sect_4 {
    position: relative;
}
span#numtelstrong_ft {
    font-size: 1.25vw;
    margin-top: 8px;
}
#footer a#share,#footer a#top {
    display: block;
    height: 50px;
    position: absolute;
    top: 12px
}

#footer a#share {
    background: url(../images/sprite_abisco2.png) no-repeat scroll 64px 6px transparent;
    background-position: -172px -113px;
    color: #bebebe;
    font-family: MontserratRegular;
    font-size: .8em;
    right: 26px;
    text-decoration: none;
    text-transform: uppercase;
    width: 115px
}

#footer a#share span {
    display: inline-block;
    margin-left: -27px;
    margin-top: 23px
}

#footer a#top {
    background: url(../images/sprite_abisco2.png) no-repeat scroll left bottom transparent;
    background-position: -20px -125px;
    right: 0;
    z-index: 2000;
    text-indent: -1000em;
    top: -49px;
    width: 50px
}

#footer span.copy {
    background: url(../images/sprite_abisco3.png);
    background-position: -8px -82px;
    color: #7c7c7c;
    display: inline-block;
    font-size: .8em;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 50px
}

.btn-med.black {
    background-color: #3f3e3d;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1)
}

html>body #bottom_bar {
    background: none repeat scroll 0 0 #e8e6e3;
    border-top: 1px solid #f5f3ef;
    bottom: 0;
    box-shadow: 0 0 16px rgba(0,0,0,.2);
    height: 35px;
    opacity: .95;
    position: fixed!important;
    width: 100%;
    z-index: 950;
    left: 0
}

#bottom_bar .content {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 980px
}

#bottom_bar ul {
    margin: 0;
    padding: 0
}

#bottom_bar li {
    border-right: 1px dotted #d2d1ce;
    float: left;
    position: relative
}

#bottom_bar li#icons_compare>a,#bottom_bar li#icons_compare>span.atc,#bottom_bar li#icons_consult>a,#bottom_bar li#icons_consult>span.atc {
    color: #404040;
    display: block;
    font-size: .85em;
    height: 35px;
    padding: 10px 25px 0 40px;
    text-decoration: none
}

#bottom_bar li#icons_compare>a,#bottom_bar li#icons_compare>span.atc,#bottom_bar li#icons_consult>a,#bottom_bar li#icons_consult>span.atc {
    background: url(../images/icons-sprites0706.png) no-repeat scroll 0 0 transparent
}

#bottom_bar li#icons_compare>a,#bottom_bar li#icons_compare>span.atc {
    background-position: 15px -363px
}

#bottom_bar li#icons_consult>a,#bottom_bar li#icons_consult>span.atc {
    background-position: 15px -413px
}

#bottom_bar li:first-child div {
    left: 0
}

#bottom_bar li div p {
    color: #212121;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

#bottom_bar li div p.title {
    background: none repeat scroll 0 0 #f39900;
    border-bottom: 1px solid #cfcfcf;
    color: #fff;
    padding: 8px 14px;
    text-align: left;
    width: 100%
}

#bottom_bar li div table {
    color: #404040;
    font-size: 12px;
    width: 100%
}

#bottom_bar li div table tr td {
    border-top: 1px dotted #cfcfcf;
    color: #212121;
    font-size: .9em;
    font-weight: 700;
    line-height: 1.3em;
    padding: 5px;
    position: relative
}

#bottom_bar li div table tr:first-child td {
    border: 0 none
}

#bottom_bar li div table a {
    color: #404040;
    text-decoration: none
}

#bottom_bar li div table tr td img {
    margin-left: 10px
}

#bottom_bar li div table tr td .price {
    bottom: 3px;
    color: #f39900;
    display: inline-block;
    position: absolute;
    right: 10px;
    text-align: right
}

#bottom_bar li div table tr td .price del {
    color: #de4e4e;
    display: block;
    font-weight: 400
}

#bottom_bar li div table tr td .price strong {
    font-size: 13px
}

#bottom_bar li div table tr td .price strong {
    color: #f39900;
    font-size: 1.5em
}

#bottom_bar li div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #d0d0d0 #d0d0d0 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    bottom: 46px;
    display: none;
    left: -1px;
    position: absolute;
    width: 335px;
    z-index: 10;
    overflow: hidden
}

.catalog #panier-b {
    background-image: -webkit-image-set(url(../images/catalog/panier-bg.png.webp) 1x);
    background: url(../images/catalog/panier-bg.png) no-repeat scroll left top transparent!important;
    float: right;
    height: 76px;
    margin-top: -15px;
    width: 30%;
}

.catalog #panier-b .part-l,.catalog #panier-b .part-r {
    display: inline-block;
    float: left;
    text-decoration: none
}

.catalog #panier-b .part-l {
    color: #ffdda2;
    margin-top: 16px;
    padding-left: 70px;
    width: 35%
}

.catalog #panier-b .part-l .h3,.catalog #panier-b .part-l h3 {
    font-family: MontserratRegular;
    font-size: 1.1em;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.catalog #panier-b .part-l .h3 .strong,.catalog #panier-b .part-l h3 .strong,.catalog #panier-b .part-l h3 strong {
    color: #fff;
    font-family: MontserratRegular;
    font-size: 1.1em;
    font-weight: 400
}

.catalog #panier-b .part-l span.num {
    color: #fff;
    display: inline-block;
    font-size: .9em;
    font-weight: 700;
    margin-top: 2px
}

.catalog #panier-b .part-l span.num .strong,.catalog #panier-b .part-l span.num strong {
    background-color: #5f5b54;
    display: block;
    float: left;
    padding: 1px 4px
}

.catalog #panier-b .part-l,.catalog #panier-b .part-r {
    display: inline-block;
    float: left;
    text-decoration: none
}

.catalog #panier-b .part-r {
    color: #f39900;
    /*margin-left: 20px;*/
    margin-top: 18px;
    width: 34%
}

.catalog #panier-b .part-r span.total {
    font-size: .95em;
    font-weight: 700
}

.catalog #panier-b .part-r .btn-med {
    margin-top: 4px
}

.catalog #panier-b .part-r span.total .strong,.catalog #panier-b .part-r span.total strong {
    color: #3b3b3b;
    font-weight: 700
}

#center #colG.colx1 {
    clear: both;
    position: relative
}

#center ul.pathway,#content ul.pathway,.divpathway ul.pathway {
    display: inline-block;
    margin: 0;
    padding: 0 00px 5px 0!important;
    width: 60%
}

#center ul.pathway>li,#content ul.pathway>li,.divpathway ul.pathway>li {
    background: url(../images/sprite_abisco3.png) no-repeat scroll left top transparent;
    background-position: -111px -80px;
    display: inline-block;
    margin: 0!important;
    padding: 0 4px 0 12px!important;
    position: relative
}

#center ul.pathway>li:first-child,#content ul.pathway>li:first-child,.divpathway ul.pathway>li:first-child {
    background: none repeat scroll 0 center transparent;
    padding: 0;
    position: relative;
    top: 1px
}
.divpathway {
    padding: 10px 47px;
    background-color: #f6f6f6;
}
.detail_produit.catalog .new_title_h1{
    text-align: left !important;
    margin-bottom: 0px !important;
}
#actions{
    background-color: #f6f6f6;
}
#center ul.pathway li {
    font-size: 15px;
    color: #6f6f6f;
}
#center #in_head_body ul.pathway li.home_li_1 {
    position: relative;
    top: 0;
}
#center #in_head_body ul.pathway{
    padding-left: 53px !important;
}
#center #in_head_body ul.pathway li.home_li_1 a {
    text-decoration: none;
    color: #f8981d;
}
#center #colG h2 {
    color: #565656;
    font-size: 1.3em;
    margin: 8px 0 16px;
    font-style: normal
}

.catalog div.category_description,.catalog div.rub,.trade div.trade_description {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 170px;
    display: block;
    margin: 0;
    height: auto;
    float: left;
    width: 75%
}

.category_image,.trade_image {
    float: right;
    width: 20%
}

.catalog div.rub1 {
    background-image: url(../images/rubs/rub-1-bg.png)
}

.catalog>#colG div.category_description,.catalog>#colG div.rub {
    position: relative
}

.category_description p,.trade_description p,.trade_description_plus p {
    padding-bottom: 10px;
    /*padding-left: 30px;
    padding-right: 40px*/
}

#contents #colG p {
    line-height: 1.5em;
    margin-top: 15px;
    text-align: justify;
    font: .8em Arial,Helvetica,sans-serif
}

ul.list_product {
    margin: 10px 0 0!important
}

#contents #colG ul {
    margin: 0;
    padding: 20px 0 0 0
}

ul.list_product li,ul.subcategories_list li {
    display: inline-block;
    height: 243px;
    margin: 11px 10px 10px 0!important;
    overflow: hidden;
    padding: 0!important;
    position: relative;
    text-align: center;
    vertical-align: top;
    z-index: 39
}

.subcategories {
    clear: both
}

ul.list_product li:first-child,ul.subcategories_list li:first-child {
    margin-right: 0
}

#contents #colG ul li {
    background: url(../images/arrow-orange.png) no-repeat scroll 0 2px transparent;
    line-height: 1.4em;
    margin: 0 0 6px 10px;
    padding-left: 16px
}

ul.list_product li a,ul.subcategories_list li a,ul.subcategories_list li span,ul.list_product li span.a-prod,ul.list_product li p.prod_h3 span.product-name {
    /*border: 1px solid #f0f0f0;*/
    display: block;
    height: 223px;
    text-align: center;
    text-decoration: none!important;
   /* width: 217px*/
}

ul.list_product li a.btn-buy,ul.list_product li a.btn-det,ul.subcategories_list li a.btn-det,ul.subcategories_list li span.btn-det {
    border: 0 none!important;
    bottom: 60px;
    display: block;
    height: 60px;
    left: -60px;
    position: absolute;
    width: 60px;
    z-index: 45
}

ul.subcategories_list li a.btn-det,ul.subcategories_list li span.btn-det {
    text-align: left
}

#category_description_2 {
    width: 100%
}

#category_description_2 .category_image {
    clear: both;
    text-align: center;
    width: 100%
}

#contents #colG a {
    text-decoration: underline ;
    color: #000 !important;
}

ul.list_product li a img,ul.subcategories_list li a img,ul.subcategories_list li span img {
    border: 0 none!important;
    margin-top: 52px
}

#contents #colG img {
    border: 2px solid #efefef
}

ul.list_product li a h2,ul.subcategories_list li a h2 {
    color: #212121!important;
    line-height: 1.2em;
    margin-left: 10%!important;
    margin-top: 12px!important;
    position: absolute;
    width: 80%;
    font-size: 11.2px!important;
    background: none repeat scroll 0 0 rgba(0,0,0,0)
}

#contents #colG h2,#contents #colG h4 {
    color: #999
}

ul.list_product li:hover,ul.subcategories_list li:hover {
    background-image: linear-gradient(to bottom,#fff 0,#fff 16%,#fff 84%,#fff 100%)!important
}

ul.list_product li:hover:after,ul.subcategories_list li:hover:after {
    background: url(../images/catalog/list-bg-bottom-over.png) no-repeat scroll center top/100% 100% transparent!important
}

ul.subcategories_list li:hover a,/*ul.list_product li:hover span.a-prod,*/ul.list_product li:hover p.prod_h3 span.product-name {
    border: 1px solid #d3d3d3!important;
    width: 215px
}

ul.list_product li:hover a.btn-det,ul.subcategories_list li:hover a.btn-det,ul.list_product li:hover span.btn-det, ul.subcategories_list li:hover span.btn-det {
    border: 0!important
}

ul.list_product li:hover a h2,ul.subcategories_list li:hover a h2 {
    color: #f39900!important
}

ul.list_product li a small,ul.subcategories_list li a small,ul.subcategories_list li span small {
    color: #656564;
    display: block;
    font-size: .8em;
    line-height: .8em;
    margin: 4px 0 15px
}

ul.list_product li a small strong,ul.subcategories_list li a small strong,ul.subcategories_list li span small strong {
    color: #f39900
}

.products {
    width: 100%!important;
    clear: both
}

#container {
    float: left;
    width: 100%;
}

.products ul.list_product {
    /*float: left;*/
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 0!important
}

.home .products ul.list_product {
    margin: 0 0 40px 0!important
}

.products ul.list_product li:after,.products ul.list_product li:before {
    width: 210px
}

.home .products ul.list_product li:after,.home .products ul.list_product li:before {
    width: 236px
}
.products ul.list_product li.slide {
    height: 405px;
}
#main .divpathway.product_pathway .pathway {
    width: 80%;
}
.products ul.list_product li {
    background-color: rgba(0,0,0,0);
    height: 340px;
    margin: 10px 20px 0 0!important;
    width: 212px;
    display: inline-block
}

.home .products ul.list_product li {
    margin: 0 7px!important;
    height: 283px;
    width: 238px!important
}

.products ul.list_product li a,.products ul.list_product li span.a-prod {
    height: 320px;
    text-align: left;
    width: 210px;
    margin-top: 11px
}

.home .products ul.list_product li a {
    height: 263px;
    width: 234px
}

.home ul.list_product li a.btn-buy,.home ul.list_product li a.btn-det,ul.list_product li a.btn-buy,ul.list_product li a.btn-det {
    border: 0 none!important;
    bottom: 60px;
    display: block;
    height: 60px;
    left: -60px;
    position: absolute;
    width: 60px;
    z-index: 45
}

.products ul.list_product li a.btn-buy,.products ul.list_product li a.btn-det {
    bottom: 30px
}

.ruban {
    height: 55px;
    position: absolute;
    right: 0;
    top: 9px;
    width: 55px;
    z-index: 10
}

.ruban.promo {
    background: url(../images/ruban-promo.png) no-repeat scroll right top rgba(0,0,0,0)
}

.home .ruban.promo {
    width: 110px;
    height: 94px;
    background: url(../images/ruban-promo-pct.png) no-repeat scroll right top rgba(0,0,0,0)
}

.home .ruban.promo span {
    display: block;
    position: absolute;
    width: 107px;
    height: 30px;
    top: 20px;
    right: -10px;
    font-size: 1.6em;
    text-align: center;
    color: #e40202;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .ruban.promo span small {
    display: inline;
    font-size: .6em;
    margin: 0;
    color: #e40202
}

.ruban.nouveau {
    background: url(../images/ruban-nouveau.png) no-repeat scroll right top rgba(0,0,0,0)
}

.ruban.ccoeur {
    background: url(../images/ruban-ccoeur.png) no-repeat scroll right top rgba(0,0,0,0)
}

.btn-big.grey,.btn-med.grey {
    background-color: #bab8b6
}

/*.products ul.list_product li a img,.products ul.list_product li span.a-prod img {
    /*left: 50%;
    margin-left: -85px;
    position: relative
    margin-top: 40px;
}*/

.home .products ul.list_product li a img {
    margin-left: -75px;
    margin-top: 35px!important
}

.products ul.list_product li a .h2,.products ul.list_product li a h2,.products ul.list_product li a h4 {
    margin: 4px 0 0 10px!important;
    max-height: 40px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    width: 90%;
    color: #6f6f6f!important;
    background: none repeat scroll 0 0 #fff;
    font-weight: 700;
    font-size: 11.2px
}

.products ul.list_product li a small {
    color: #ababab;
    display: inline-block;
    margin: 0
}

.products ul.list_product li a span.price,.products ul.list_product li span span.price {
    bottom: 28px!important;
    display: inline-block;
    height: 20px!important;
    position: absolute!important;
    right: 15px!important;
    text-align: right;
    width: 90%;
    z-index: 50;
    line-height: 1em
}

.products ul.list_product li a small {
    color: #ababab;
    display: inline-block;
    margin: 2px 0 0 6px;
    line-height: 12px
}

.products ul.list_product li a span.price del {
    color: #de4e4e;
    font-size: 11px
}

.home .products ul.list_product li a span.price del * {
    color: #de4e4e!important
}

.products ul.list_product li a span.price span.strong,.products ul.list_product li a span.price strong,.products ul.list_product li span span.price span.strong {
    border-bottom: 1px dotted #a8a8a8;
    display: block;
    float: right;
    font-size: 1.13vw!important;
    margin-left: 3px;
    font-weight: 700;
    width: auto;
    color: #f39903;
    clear: both
}

.products ul.list_product li a span.price span.strong small,.products ul.list_product li a span.price strong small {
    color: #f39900;
    font-weight: 400;
    line-height: 12px
}

/*.catalog #visus {
    float: left;
    width: 284px;
    margin-bottom: 10px
}*/

/*.zoom-container {
    position: relative
}*/

.withbord,.zoomPad img {
    border: 0 none!important;
    margin-bottom: 3px;
    outline: 1px solid #dedede
}

.catalog #visus ul.normes {
    margin: 0!important;
    padding: 0!important
}

#contents #colG ul li {
    background: url(../_images/arrow-orange.png) no-repeat scroll 0 2px transparent;
    line-height: 1.4em;
    margin: 0 0 6px 10px;
    padding-left: 16px
}

.catalog #visus ul.normes li {
    background-color: #fff!important;
    background-image: none!important;
    float: left;
    height: 70px;
    margin: 0 4px 4px 0!important;
    outline: 1px solid #eee;
    padding: 8px 0 0!important;
    text-align: center;
    width: 67px
}

.catalog #visus ul.normes li img {
    border: 0 none!important
}

.catalog #visus ul.normes li span.label {
    color: #bdbdbd;
    display: block;
    font-size: .7em
}

#visus hr {
    background-color: rgba(237,237,237,.4);
    border: 0 none;
    display: block;
    height: 8px;
    margin: 6px 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

/*.catalog #descr {
    float: left;
    margin-left: 20px;
    width: 380px
}*/

.catalog #descr small {
    color: #ababab
}

.catalog #descr ul#servgar {
    background: none repeat scroll 0 0 transparent;
    height: 50px;
    margin: 6px 0 0!important;
    padding: 0!important;
    width: 110px
}

.catalog #descr ul#servgar li {
    display: inline-block;
    float: left;
    font: .8em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    width: auto;
    margin: 10px 0 0
}

.catalog #descr ul#servgar li a {
    color: grey
}

h2 {
    color: #f39900;
    font-family: Arial,"Trebuchet MS",Sans-serif,Helvetica;
    font-size: .97em;
    font-weight: 700
}

.catalog #action {
    float: left;
    margin-left: 10px;
    text-align: right;
    width: 230px
}

.catalog #descr p {
    margin-top: 6px!important
}

.catalog #action span.price small {
    color: #9d9d9d;
    display: block;
    font-size: .8em
}

.catalog #action span.price del {
    display: block;
    font-size: 1.35em
}

.catalog #action span.price strong {
    border-bottom: 1px dotted #aeafad;
    color: #f39900;
    font-size: 1.8em
}

.catalog #action span.price strong small {
    color: #f39900;
    display: inline;
    font-weight: 400
}

.catalog .sidepanel {
    left: -22px!important;
    top: 16px!important;
    display: block
}

.catalog .sidepanel {
    background-image: url(../images/nav/sidepanel-g-shad-top.png),url(../images/nav/sidepanel-g-shad-right.png)!important;
    background-position: 5px 0,right top!important;
    padding: 7px 9px 0 0!important
}

.catalog .sidepanel {
    float: left!important;
    margin: 0!important
}

.catalog.detail .sidepanel {
    left: 20px!important;
    text-align: left;
    top: 12px!important
}

#contents .sidepanel {
    background-repeat: no-repeat,no-repeat;
    background-size: 96% 6px,8px 100%;
    /*position: relative;*/
    width: 100%;
}

.catalog .sidepanel>div {
    background-size: 100% 10%!important
}

.catalog.detail .sidepanel>div {
    background-color: #f6f6f6!important;
    background-image: none!important;
    background-size: 100% 100%!important;
    margin-bottom: 20px;
    padding: 10px 5px 30px 20px
}

#contents .sidepanel>div {
    background-color: #e6e6e6;
    background-image: linear-gradient(#f7f7f7,#e6e6e6);
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom-right-radius: 6px
}

label.label_product {
    display: block;
    width: 100%
}

select.select_product {
    height: auto
}

div.visuel a {
    text-decoration: none!important
}

.inputRef {
    height: 20px;
    margin: 0 auto;
    width: 20px
}

#actions {
    /*float: left;
    margin-left: 10px;
    width: 230px*/
    /*text-align: right;*/
}
.htttc.infos_prix2 {
    padding: 15px 15px 0;
}
#actions span.price small {
    color: #9d9d9d;
    display: block;
    font-size: .8em
}

#actions span.price strong {
    /*border-bottom: 1px dotted #aeafad;*/
    color: #f39900;
    font-size: 1.8em
}

#actions span.price strong small {
    color: #f39900;
    display: inline;
    font-weight: 400
}

.btn-big {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #f39900;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    color: #fff;
    display: inline-block;
    font-family: MontserratRegular;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 28px;
    line-height: 2.3em!important;
    margin-bottom: 16px;
    margin-top: 10px;
    padding: 0 14px;
    text-decoration: none;
    text-transform: uppercase
}

.btn-big.grey2,.btn-med.grey2 {
    background-color: #72706c
}

.sidepanel form input.btn-big {
    height: 31px;
    margin: 4px
}

#AddCde {
    background: url(../images/icon-panier.png) no-repeat scroll 5px 0 #f39900;
    width: 190px
}

#AddSD {
    background-position: 6px -54px;
    background-repeat: no-repeat;
    background-color: #fa9f03;
    background-attachment: scroll;
    width: 100%;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    padding: 0 3px;
    text-align: center;
}
.block_note_price .pButton {
    width: 65%;
}
.selection hr {
    height: 10px!important;
    width: 84%!important;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    margin-left: 9px;
    margin-bottom: 12px;
    clear: both
}

.paddingTD input[type=radio] {
    float: none!important;
    height: auto!important;
    width: auto!important
}

.activityuser select,.fonctionuser select,.stateuser select {
    height: auto!important
}

.title_search {
    width: 96%!important
}

.perso1 {
    display: block;
    float: right;
    margin-top: 20px;
    text-align: right;
    width: 50%
}

.perso1 input {
    background: none repeat scroll 0 0 #f39900!important;
    border: medium none;
    border-radius: 14px 14px 14px 14px;
    color: #fff!important;
    cursor: pointer;
    height: 30px!important;
    line-height: 30px!important;
    margin-left: 200px
}

.perso1 a {
    background: none repeat scroll 0 0 #575552;
    border-radius: 14px 14px 14px 14px;
    color: #fff;
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 130px;
    cursor: pointer
}

h3.crosssell {
    background-color: rgba(237,237,237,.4);
    border: 0 none!important;
    color: #7d7d7d!important;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important
}

h3.crosssell strong {
    color: #f39900;
    font-weight: 400
}

h3.crosssell span {
    background-color: #fafafa;
    padding-right: 16px
}

h4.prodtt {
    font-size: 11px!important;
    font-weight: 700!important;
    position: relative;
    top: -110px;
    height: 42px
}

small.apart,small.refprods {
    font-size: 1em!important
}

strong.prdprice {
    font-size: 1.5em!important
}

select.select_product {
    width: 93%
}

.search_page {
    margin: 0 auto;
    max-width: 1000px
}

#main {
    width: 100%;
    /*float: left*/
}

#contents {
    z-index: 2;
    width: 100%;
}

.subpanel div {
    float: left;
    margin: 0 0 24px;
    position: relative;
    width: 32%
}

ul#servgar li.listtitle h2 {
    line-height: 1em;
    width: 100px;
    font-size: 1.6em
}

.searchfilter {
    font-size: 11px!important
}

.searchfilter input[type=checkbox],.searchfilter input[type=radio] {
    border: none;
    color: #6f6f6f;
    float: inherit;
    font-size: 11px;
    height: auto;
    margin: 0 0 8px;
    width: auto;
    -moz-appearance: none;
    display: inline-block;
    outline: medium none;
    margin: 5px 0 5px 0
}

.searchfilter select {
    display: inline-block;
    outline: medium none;
    border: 1px solid #b6b6b6;
    color: #000;
    margin: 5px 0 5px 0;
    padding: 3px;
    width: 150px;
    height: 22px
}

.searchfilter input[type=text] {
    display: inline-block;
    outline: medium none;
    border: 1px solid #b6b6b6;
    color: #000;
    margin: 5px 0 5px 0;
    padding: 3px;
    width: 150px;
    height: 22px
}

.searchfilter input[type=submit] {
    margin: 5px auto;
    padding: 3px;
    width: 50px;
    height: 22px
}

.searchfilter form {
    font-size: 11px
}

.searchfilter td b {
    border-bottom: 1px dotted #ccc;
    color: #f39900;
    display: block;
    font-size: 11px;
    margin-top: 10px;
    padding-bottom: 5px;
    width: 100%
}

.searchfilter .list_product_search td b {
    border-bottom: none;
    color: #f39900;
    display: inline;
    font-size: 11px;
    margin-top: 10px;
    padding-bottom: 5px;
    width: auto
}

#ID10,#ID11,#ID12,#ID13,#ID14,#ID15,#ID16,#ID20,#ID21,#ID29 {
    border-bottom: 1px solid #f39900
}

a.blogs span {
    display: block;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    color: #6f7376
}

#SearchForm .sbHolder {
    display: none
}

#search-marque {
    display: block!important
}

#descr h2 {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    color: #ababab;
    font-size: 1.1em;
    font-weight: 400
}

.category_description p,.trade_description p {
    font-size: 12.8px!important;
    margin-top: 15px
}

.category_description h2,.trade_descrption h2 {
    font-size: 1.6em;
    margin-bottom: 5px;
    background: 0 0
}

.category_description .catBottomImag img {
    margin-right: 0
}

.category div.category_description {
    width: 100%
}

div#jobs {
    margin: 20px 0 0 0;
    padding: 1px 0 46px 0
}

div#jobs ul {
    padding: 0;
    margin: 0
}

div#jobs ul li {
    float: left;
    margin: 3px 2px;
    height: 130px
}

div#jobs ul li a,div#jobs ul li span {
    display: block;
    height: auto;
    font-size: .84em;
    color: #818181;
    text-decoration: none;
    line-height: 1.2em;
    border-top: 0 solid transparent;
    border-bottom: 0 solid #fff;
    -webkit-transition: border .2s;
    transition: border .2s
}

div#jobs ul li a:hover,div#jobs ul li span:hover {
    transform: scale(1.2)
}

div#jobs ul li a.espaceconfine:hover strong,div#jobs ul li span.espaceconfine:hover strong {
    color: #815bb6;
    font-weight: 700
}

div#jobs ul li .espacevert:hover strong,div#jobs ul li .espacevert:hover strong {
    color: #47a82a;
    font-weight: 700
}

div#jobs ul li .transport:hover strong {
    color: #f9791a;
    font-weight: 700
}

div#jobs ul li .soudeur:hover strong {
    color: #3bc5d9;
    font-weight: 700
}

div#jobs ul li .electricite:hover strong {
    color: #00cec7;
    font-weight: 700
}

div#jobs ul li .agroalimentaire:hover strong {
    color: #ddc01d;
    font-weight: 700
}

div#jobs ul li .laboratoire:hover strong {
    color: #b674d8;
    font-weight: 700
}

div#jobs ul li .btp:hover strong {
    color: #d71818;
    font-weight: 700
}

div#jobs ul li .charpentier:hover strong {
    color: #be7025;
    font-weight: 700
}

div#jobs ul li .peintre:hover strong {
    color: #30ade7;
    font-weight: 700
}

div#jobs ul li .hauteur:hover strong {
    color: #815bb6;
    font-weight: 700
}

div#jobs ul li .mairie:hover strong {
    color: #647edf;
    font-weight: 700
}

div#jobs ul li .industrie:hover strong {
    color: #51b78b;
    font-weight: 700
}

div#jobs ul li a span.icon,div#jobs ul li span span.icon {
    display: block;
    width: 69px;
    height: 60px;
    float: left;
    background-image: url(../images/pictos-metiers.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 69px 720px
}

div#jobs ul li a.espaceconfine span.icon,div#jobs ul li span.espaceconfine span.icon {
    background-position: 0 -452px!important
}

div#jobs ul li a.espacevert span.icon,div#jobs ul li span.espacevert span.icon {
    background-position: 0 0
}

div#jobs ul li .transport span.icon {
    background-position: 0 -48px
}

div#jobs ul li .soudeur span.icon {
    background-position: 0 -98px
}

div#jobs ul li .electricite span.icon {
    background-position: 0 -150px
}

div#jobs ul li .agroalimentaire span.icon {
    background-position: 0 -200px;
    width: 70px
}

div#jobs ul li .laboratoire span.icon {
    background-position: 0 -250px
}

div#jobs ul li .btp span.icon {
    background-position: 0 -300px
}

div#jobs ul li .charpentier span.icon {
    background-position: 0 -350px
}

div#jobs ul li .peintre span.icon {
    background-position: 0 -669px
}

div#jobs ul li a.sante span.icon {
    background-position: 0 -480px
}

div#jobs ul li .hauteur span.icon {
    background-position: 0 -610px
}

div#jobs ul li .mairie span.icon {
    background-position: 0 -600px
}

div#jobs ul li a.industrie span.icon {
    background-position: 0 -660px
}

div#jobs ul li a strong,div#jobs ul li span strong {
    display: table-cell;
    width: 84px;
    height: 63px;
    vertical-align: middle;
    font-weight: 400;
    background-position: 0 -540px
}

div#jobs ul li .mairie span.icon {
    background-position: 0 -502px
}

div#jobs ul li .industrie span.icon {
    background-position: 0 -555px
}

div#jobs ul li a strong,div#jobs ul li span strong {
    display: table-cell;
    height: auto;
    vertical-align: top;
    font-weight: 400;
    width: 69px;
    text-align: center;
    font-size: 9.4px
}

ul.jobs_list li {
    width: 69px;
    margin-right: .6%!important;
    height: auto!important
}

ul.jobs_list li:last-child {
    margin-right: 0!important
}

div#teaser {
    width: 562px;
    height: 274px;
    margin: 8px 0 15px 0
}

div#main div.module#mod-promo h5,div#main div.module#mod-simi h5 {
    margin-right: 10px
}

div#main div.module#mod-promo h5 a,div#main div.module#mod-simi h5 a {
    clear: both;
    text-decoration: none;
    font-weight: 400
}

div#main div.module#mod-promo a:hover,div#main div.module#mod-simi a:hover {
    text-decoration: underline
}

div#main div.module#mod-promo div.visuel,div#main div.module#mod-simi div.visuel {
    position: relative;
    clear: both;
    float: left;
    padding: 0 8px 4px 0;
    width: 112px;
    height: 112px
}

div#main div.module#mod-promo span.label,div#main div.module#mod-simi span.label {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 1px;
    width: 110px;
    height: 15px;
    font-size: .01em;
    text-indent: -1000em;
    overflow: hidden;
    behavior: url(../../../iepngfix.htc)
}

div#main div.module#mod-promo span,div#main div.module#mod-simi span {
    float: right;
    display: block;
    height: 18px;
    color: #fff;
    font-weight: 700;
    font-color: 1.1em
}

div#main div.visuel .promoProduct {
    cursor: crosshair;
    width: 46px;
    height: 46px;
    background: url(../../../templates/catalog/images/promo_product_star.png) no-repeat;
    margin: 1px 0 0 1px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

div#main div.module#mod-promo h5 a,div#main div.module#mod-simi h5 a {
    color: #46372b
}

div#main div.module#mod-promo div.visuel img,div#main div.module#mod-simi div.visuel img {
    position: absolute;
    border: 1px solid #d0d0d0
}

div#main div.module#mod-promo div.visuel span.label,div#main div.module#mod-simi div.visuel span.label {
    background: url(../../../images/front_office/global/homepage/promotions_label.png) top left no-repeat
}

div#main div.module#mod-promo div.price,div#main div.module#mod-simi div.price {
    margin-top: 6px;
    text-align: right;
    width: 88%
}

div#main div.module#mod-promo div.price small,div#main div.module#mod-simi div.price small {
    font-size: .8em;
    color: #fe7b00
}

div#main div.module#mod-promo small em,div#main div.module#mod-simi small em {
    font-size: 1.1em;
    font-style: normal;
    text-decoration: line-through
}

div#main div.module#mod-promo div.price p,div#main div.module#mod-simi div.price p {
    text-align: right
}

div#main div.module#mod-promo div.price span.d,div#main div.module#mod-promo div.price span.g,div#main div.module#mod-simi div.price span.d,div#main div.module#mod-simi div.price span.g {
    width: 2px
}

div#main div.module#mod-promo div.price span.g,div#main div.module#mod-simi div.price span.g {
    background: url(../../../images/front_office/global/homepage/prix-orange_g.png) top left no-repeat
}

div#main div.module#mod-promo div.price span.m,div#main div.module#mod-simi div.price span.m {
    padding: 0 3px 0 3px;
    background: url(../../../images/front_office/global/homepage/prix-orange_m.png) top left repeat-x
}

div#main div.module#mod-promo div.price span.d,div#main div.module#mod-simi div.price span.d {
    background: url(../../../images/front_office/global/homepage/prix-orange_d.png) top left no-repeat
}

#colG h1,div.page h1 {
    color: #f39903;
    font-size: 1.3em;
    font-style: italic
}

div.page div.onglettop {
    display: block;
    width: 160px;
    height: 38px;
    margin: 20px 0 0 0;
    padding: 10px 0 0 360px;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/center_onglet_top.png) top right no-repeat
}

div.page div.onglettop a {
    font-size: .9em;
    font-weight: 700;
    text-decoration: none;
    color: #f39903;
    padding: 0 0 0 8px;
    background: url(../../../www/_images/0_general/puce_list_1.png) 0 4px no-repeat
}

div.page div.onglettop a:hover {
    text-decoration: underline
}

div.page div.ongletbottom {
    clear: both;
    display: block;
    width: 140px;
    height: 38px;
    padding: 0 0 0 410px;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/center_onglet_bottom.png) top right no-repeat
}

div.page div.ongletbottom a {
    font-size: .9em;
    text-decoration: none;
    color: #f39903;
    padding: 0 12px 0 0;
    background: url(../../../www/_images/0_general/puce_toppage.png) center right no-repeat
}

div.page div.ongletbottom a:hover {
    text-decoration: underline
}

div.page ul.list_product li a span.nameprod,div.page ul.listcats li a,div.page ul.listcats li a span.nameprod {
    font-weight: 400;
    font-size: .9em;
    text-decoration: none;
    line-height: 1.4em
}

div.page ul.list_product li a span.nameprod,div.page ul.listcats li a span.nameprod {
    color: #313131
}

div.page ul.listcats li a img {
    display: block
}

div.page .discountRate {
    background: url(../../../templates/catalog/images/bg-discount.png) no-repeat;
    color: #fff;
    width: 39px!important;
    height: 39px!important;
    padding: 0!important;
    position: absolute!important;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 11px
}

div.page .discountRate>span {
    padding-top: 10px;
    display: block
}

#main div.module#mod-promo,#main div.module#mod-simi {
    font-size: 1.2em
}

#main div.module#mod-promo div.ctn,#main div.module#mod-simi div.ctn {
    padding: 0 16px 0 16px;
    overflow-y: auto;
    height: 200px
}

#main div.module#mod-promo ul li,#main div.module#mod-simi ul li {
    height: 100%
}

#main div.module#mod-promo ul li,#main div.module#mod-simi ul li {
    margin-bottom: 30px
}

div#main div.module#mod-promo h4,div#main div.module#mod-simi h4 {
    height: 29px;
    margin-left: 1px
}

div#main div.module#mod-promo h4 {
    height: 29px;
    margin-left: 1px;
    background: url(../../../images/front_office/global/frameD_title_promo.png) top left no-repeat
}

div#main div.module#mod-simi h4 {
    height: 29px;
    margin-left: 1px;
    background: url(../../../images/front_office/global/frameD_title_comp.png) top left no-repeat
}

div#main div.module#mod-promo li a,div#main div.module#mod-simi li a {
    background: 0 0;
    padding: 0
}

div#main div.module#mod-promo div.price,div#main div.module#mod-simi div.price {
    margin-top: 0
}

div.page ul.pagination {
    text-align: center;
    clear: both;
    margin: 10px 0 20px 0
}

div.page ul.pagination li {
    width: auto;
    display: inline;
    line-height: 2em
}

div.page ul.pagination li a {
    width: 1%;
    text-align: center;
    padding: 4px;
    font-size: 1em;
    color: #f39903;
    text-decoration: none
}

div.page ul.pagination li a:hover {
    text-decoration: underline
}

div.page ul.pagination li a.active {
    color: #fff;
    background: url(../../../www/_images/0_general/pag_active.png) center center no-repeat
}

div.page ul.pagination li a.pag-prev {
    padding: 0 0 0 10px;
    margin: 0 5px 0 0;
    width: 150px;
    background: url(../../../www/_images/0_general/puce_list_1back.png) center left no-repeat
}

div.page ul.pagination li a.pag-prev .off {
    color: #b6b6b6;
    background: url(../../../www/_images/0_general/puce_list_1back-off.png) center left no-repeat
}

div.page ul.pagination li a.pag-next {
    padding: 0 10px 0 0;
    margin: 0 0 0 5px;
    width: 350px;
    background: url(../../../www/_images/0_general/puce_list_1.png) center right no-repeat
}

div.page ul.pagination li a.pag-next .off {
    color: #b6b6b6;
    background: url(../../../www/_images/0_general/puce_list_1-off.png) center right no-repeat
}

div.page ul.listcats img {
    border: 1px solid #d0d0d0
}

div.page ul.listcats li {
    width: 118px;
    min-height: 150px;
    padding: 0 6px 20px 6px;
    float: left
}

div.page ul.listcats li a span.nbrefs {
    color: #f39903;
    padding: 0 0 0 8px;
    background: url(../../../www/_images/0_general/puce_list_1.png) 0 4px no-repeat;
    display: block
}

div.page ul.list_product div.visuel,div.page ul.listcats div.visuel {
    position: relative
}

div.page ul.list_product div.visuel a.buy,div.page ul.list_product div.visuel a.devis {
    display: block;
    height: 18px;
    overflow: hidden;
    border-style: solid;
    border-color: transparent;
    text-indent: 1000em
}

div.page ul.list_product div.visuel a.buy {
    top: 40px;
    border-width: 36px 14px 1px 6px;
    background: url(../../../images/front_office/global/btn_commander.png) top left no-repeat
}

div.page ul.list_product div.visuel a.devis {
    width: 56px;
    border-width: 1px 50px 38px 6px;
    background: url(../../../images/front_office/global/btn_devis.png) top left no-repeat
}

div.page ul.list_product li div.visuel span.commands {
    position: absolute;
    left: 0;
    display: block;
    margin: 1px;
    -moz-opacity: 0;
    opacity: 0;
    width: 112px;
    height: 112px
}

div.page ul.list_product li div.visuel span.visible {
    -moz-opacity: 1;
    opacity: 1
}

div.page ul.list_product li a p,div.page ul.list_product li a span {
    display: block;
    float: left;
    width: 110px;
    text-align: left;
    padding: 0 0 5px 0
}

div.page ul.list_product li a span.nameprod {
    float: left;
    font-weight: 700
}

div.page ul.list_product li a span.nbrefs,div.page ul.list_product li a span.price {
    color: #f39903
}

div.page ul.list_product li a span.seeproduct {
    display: block;
    width: 55px;
    height: 16px;
    overflow: hidden;
    text-indent: 1000em;
    background: url(../../../images/front_office/global/btn_detail.png) top left no-repeat
}

div.page ul.list_product li a span.price small {
    font-size: .8em!important
}

div.page ul.list_product li a span.price big {
    font-size: 1.7em;
    line-height: 1.2em;
    font-weight: 700
}

div.page div.detailcolG {
    float: left;
    width: 240px;
    padding: 0 15px 0 0
}

div.page div.detailcolG div.visuel {
    position: relative;
    width: 100%
}

div.page div.detailcolG div.visuel img {
    border: none
}

div#center div.detailcolG div.visuel div.mainImage {
    position: relative;
    margin-bottom: 2px
}

div#center div.detailcolG div.visuel div.labelZoom {
    cursor: crosshair;
    width: 100%;
    height: 14px;
    background: url(../../../www/_images/0_general/label_zoom.png) top left no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 168px;
    left: 0;
    z-index: 100
}

div.page div.detailcolG h5 {
    font-weight: 700;
    font-size: .9em;
    color: #f39903;
    padding: 16px 0 4px 0;
    margin: 5px 0 0 0;
    background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) top left repeat-x
}

div.page div.detailcolG ul {
    padding: 0 0 14px 0
}

div.page div.detailcolG ul li a {
    display: block;
    font-size: .9em;
    padding: 0 0 0 10px;
    margin: 3px 0 0 0;
    color: #9e9e9e;
    background: url(../../../www/_images/0_general/puce_list_1.png) 1px 4px no-repeat
}

div.page div.detailcolG div.slide {
    height: 25px;
    padding: 0 0 10px 0;
    margin: 0 0 8px 0;
    background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) bottom left repeat-x
}

div.page div.detailcolG div.slide h5 {
    margin: 6px 8px 0 0;
    padding: 0;
    float: left;
    font-weight: 400;
    color: #313131;
    background: 0 0
}

div.page div.detailcolG div.slide ul {
    float: left;
    margin: 0;
    padding: 0 0 15px 0
}

div.page div.detailcolG div.slide ul li {
    float: left
}

div.page div.detailcolG ul li a.next,div.page div.detailcolG ul li a.play,div.page div.detailcolG ul li a.prev,div.page div.detailcolG ul li a.stop {
    width: 18px;
    height: 18px;
    padding: 0 5px 0 0;
    float: left;
    text-indent: -10000px
}

div.page div.detailcolG ul li a.prev {
    background: url(../../../www/_images/0_general/btn_slide_prev.png) 0 0 no-repeat
}

div.page div.detailcolG ul li a.next {
    background: url(../../../www/_images/0_general/btn_slide_next.png) 0 0 no-repeat
}

div.page div.detailcolG ul li a.play {
    background: url(../../../www/_images/0_general/btn_slide_play.png) 0 0 no-repeat
}

div.page div.detailcolG ul li a.stop {
    background: url(../../../www/_images/0_general/btn_slide_stop.png) 0 0 no-repeat
}

div.page div.detailcolG ul.options {
    clear: both
}

div.page div.detailcolG ul li a.opt_print {
    padding: 0 0 0 18px;
    background: url(../../../www/_images/0_general/options_btn_print.png) 3px 2px no-repeat
}

div.page div.detailcolG ul li a.opt_print:hover {
    background: url(../../../www/_images/0_general/options_btn_print-over.png) 3px 2px no-repeat
}

div.page div.detailcolG ul li a.opt_send {
    padding: 0 0 0 18px;
    background: url(../../../www/_images/0_general/options_btn_send.png) 0 1px no-repeat
}

div.page div.detailcolG ul li a.opt_send:hover {
    background: url(../../../www/_images/0_general/options_btn_send-over.png) 0 1px no-repeat
}

div.page div.detailcolG ul li a.opt_addsel {
    padding: 0 0 0 18px;
    background: url(../../../www/_images/0_general/options_btn_addsel.png) 0 3px no-repeat
}

div.page div.detailcolG ul li a.opt_addsel:hover {
    background: url(../../../www/_images/0_general/options_btn_addsel-over.png) 0 3px no-repeat
}

div.page div.detailcolG ul.labels {
    padding: 16px 0 4px 0;
    margin: 5px 0 0 0;
    background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) top left repeat-x
}

div.page div.detailcolG ul.labels li {
    display: inline;
    margin: 4px 2px 4px 2px
}

div.page div.detailcolD {
    float: left;
    width: 444px;
    border: 2px;
    background: url(../images/detail_pdt.jpg) no-repeat center top
}

div.page div.detailcolD p {
    line-height: 1.6em;
    padding: 3px 0 0 0;
    clear: both
}

div.page div.detailcolD div.prod-title {
    float: left;
    padding-top: 15px;
    padding-left: 15px;
    height: 65px
}

div.page div.detailcolD div.prod-title h4 {
    color: #575656;
    font-size: 1.2em
}

div.page div.detailcolD div.prod-title small {
    color: #575656;
    font-size: .9em
}

div.page div.detailcolD div.prod-title a {
    margin: 0 0 0 5px;
    color: #f39903;
    font-size: .9em;
    padding: 0 0 0 8px;
    text-decoration: none;
    background: url(../../../www/_images/0_general/puce_list_1.png) 1px 5px no-repeat
}

div.page div.detailcolD div.prod-title a:hover {
    text-decoration: underline
}

div.page div.detailcolD div.infos_prix {
    width: 130px;
    float: right;
    padding: 0 0 10px 0;
    text-align: right;
    background: url(../images/price_arrow.png) no-repeat top right;
    padding-top: 20px;
    margin: 15px 15px 0 0
}

div.page div.detailcolD div.infos_prix div.cart_orange {
    float: right
}

div.page div.detailcolD div.infos_prix span.price {
    display: block;
    float: right;
    color: #505050;
    font-size: .8em
}

div.page div.detailcolD div.infos_prix span.price big {
    font-weight: 700;
    font-size: 1.9em
}

div.page div.detailcolD div.infos_prix span.price dev {
    text-decoration: line-through
}

div.page div.detailcolD input.qty {
    padding: 0!important;
    height: auto!important;
    border: 1px solid #6f6f6f;
    margin: 4px 5px 0 12px
}

div.page div.detailcolD .orderOptions {
    margin-top: 5px
}

div.page div.detailcolD .up-down {
    width: 8px;
    padding: 0;
    float: left;
    margin-top: 2px
}

div.page div.detailcolD .up-down a {
    width: 8px;
    height: 8px;
    cursor: pointer;
    float: left
}

div.page div.detailcolD .up-down img {
    width: 8px;
    height: 8px
}

div.page div.detailcolD a.down {
    margin: 2px 0!important
}

.imgtabcde {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

div.page div.infostech {
    position: relative;
    clear: both;
    margin: 20px 0 30px 0;
    padding: 10px 0 0 0
}

div.page div.infostech .data {
    overflow-x: auto;
    overflow-y: hidden
}

div.page div.infostech div.ombretabD,div.page div.infostech div.ombretabG {
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0
}

div.page div.infostech div.ombretabD {
    right: 0;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_shadowD.png) center right no-repeat
}

div.page div.infostech table {
    margin: 0 10px 30px 0;
    padding: 0 10px 0 0;
    font-size: .9em
}

div.page div.infostech table tr.tb_head th.G {
    behavior: url(../../../iepngfix.htc);
    background-color: #b7b7b7;
    text-align: left
}

div.page div.infostech table tr.tb_head th.D {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_header_D.png) top right no-repeat;
    background-color: #fe8819
}

div.page div.infostech table tr th {
    text-align: left;
    padding: 4px 5px 6px 10px;
    font-weight: 400;
    color: #747474;
    border-bottom: 1px solid #e7e7e7;
    background-color: #dbdbdb
}

div.page div.infostech table tr.tb_head th {
    color: #fff;
    height: 23px;
    padding: 0 10px 0 10px;
    margin: 0;
    line-height: 1.1em;
    font-weight: 700;
    background-color: #b7b7b7;
    border-bottom: 2px solid #fff;
    text-align: center
}

div.page div.infostech table tr td {
    text-align: center;
    width: 200px;
    height: 20px;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #f7f7f7;
    background-color: #ececec
}

div.page div.infostech table tr th table tr td {
    text-align: center;
    width: 200px;
    height: 20px;
    padding: 4px 5px 4px 5px;
    border-bottom: 1px solid #f7f7f7;
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_td_sepaV.png) top right repeat-y;
    background-color: #dbdbdb
}

div.page div.infostech table tr td.empty {
    background: 0 0!important;
    background-color: transparent!important;
    border: 0!important
}

div.page div.infostech table tr.tb_sepa td,div.page div.infostech table tr.tb_sepa th {
    border-bottom: 3px solid #fff
}

div.page div.infostech table tr.tb_last td,div.page div.infostech table tr.tb_last th {
    border: none
}

div.page div.infostech table tr th.HG {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_th_hg.png) top left no-repeat;
    background-color: #dbdbdb
}

div.page div.infostech table tr th.BG {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_th_bg.png) bottom left no-repeat;
    background-color: #dbdbdb
}

div.page div.infostech table tr td.HD {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_td_hd.png) top right no-repeat;
    background-color: #ececec
}

div.page div.infostech table tr td.BD {
    behavior: url(../../../iepngfix.htc);
    background: url(../../../www/_images/0_general/tab_td_bd.png) bottom right no-repeat;
    background-color: #ececec
}

div.page div.infostech table tr td a.btn_ok_grey,div.page div.infostech table tr td a.btn_ok_orange {
    display: block;
    text-align: center;
    height: 15px;
    text-indent: -10000px
}

div.page div.infostech table tr td a.btn_ok_orange {
    background: url(../../../www/_images/0_general/btn_ok_orange.png) top center no-repeat
}

div.page div.infostech table tr td a.btn_ok_grey {
    background: url(../../../www/_images/0_general/btn_ok_grey.png) top center no-repeat
}

div.page div.infostech table tr td input {
    color: #6f6f6f;
    font-size: 1em;
    padding: 0;
    border: 0
}

a.btn_ok_grey,a.btn_ok_orange {
    display: block;
    height: 15px;
    text-indent: -10000px
}

a.btn_ok_orange {
    background: url(../../../www/_images/0_general/btn_ok_orange.png) top center no-repeat
}

a.btn_ok_grey {
    background: url(../../../www/_images/0_general/btn_ok_grey.png) top center no-repeat
}

div.bloc_options {
    position: absolute;
    z-index: 500;
    width: 320px;
    display: none;
    top: 770px;
    left: 50%;
    margin-left: -232px
}

div.bloc_options a {
    color: #9e9e9e
}

div.bloc_options div.sub_shad_bottom,div.bloc_options div.sub_shad_top {
    width: 260px;
    height: 8px;
    font-size: .1em
}

div.bloc_options div.sub_shad_top {
    background: url(../../../www/_images/0_general/submenu_ombre_top.png) top left no-repeat
}

div.bloc_options div.sub_shad_bottom {
    background: url(../../../www/_images/0_general/submenu_ombre_bottom.png) top left no-repeat
}

div.bloc_options div.contents {
    position: relative;
    border-left: 2px solid #f2ab0c;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    background-color: #fff
}

div.bloc_options div.contents div.title {
    border-bottom: 1px solid #c9c9c9
}

div.bloc_options div.contents div.title h5 {
    display: block;
    width: 250px;
    color: #f39903;
    font-size: .9em;
    padding: 7px
}

div.bloc_options div.contents div.title a.btn_close {
    display: block;
    position: absolute;
    top: -2px;
    right: 10px;
    font-size: .9em;
    padding: 8px 11px 8px 0;
    background: url(../../../www/_images/0_general/puce_close.png) center right no-repeat
}

div.bloc_options div.contents ul {
    clear: both
}

div.bloc_options div.contents ul li {
    padding: 10px 0 12px 10px;
    border-bottom: 1px solid #dcdcdc
}

div.bloc_options div.contents ul li div.visuel {
    float: left;
    margin: 0 6px 0 0
}

div.bloc_options div.contents ul li div.visuel img {
    border: 1px solid #e7e7e7
}

div.bloc_options div.contents ul li div.descr {
    float: left;
    padding: 4px 0 0 0
}

div.bloc_options div.contents ul li div.descr h6 {
    font-size: .9em
}

div.bloc_options div.contents ul li div.descr span {
    display: block;
    color: #9e9e9e;
    font-size: .9em
}

div.bloc_options div.contents ul li div.descr span.opt_prix {
    color: #fe7b00;
    font-size: 1.2em;
    font-weight: 700;
    padding: 10px 0 0 0
}

div.bloc_options div.contents ul li div.descr a.fleche {
    font-size: .9em;
    padding: 0 0 0 8px;
    background: url(../../../www/_images/0_general/puce_list_1.png) 1px 4px no-repeat
}

div.bloc_options div.contents ul li form {
    margin: 20px 6px 0 0;
    display: block;
    float: right
}

div.bloc_options div.contents ul li form label {
    display: none
}

div.bloc_options div.contents ul li form input {
    width: 30px
}

div.bloc_options div.contents ul li form input.image {
    width: 21px;
    height: 15px;
    margin: 0 0 0 6px;
    background: 0 0
}

div.page h4.search_alpha {
    color: #f39903;
    font-weight: 700;
    font-size: 3em;
    padding: 0 0 5px 0;
    margin: 5px 0 20px 0;
    background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) bottom left repeat-x
}

div.page span.nb_results {
    font-size: .3em;
    color: #9e9e9e;
    font-weight: 400;
    vertical-align: middle
}

div.page div.infostech .compare {
    width: 530px;
    overflow-x: auto;
    overflow-y: hidden
}

div.page ul.opt_compare {
    margin: 0
}

div.page ul.opt_compare li {
    display: inline;
    margin: 0 16px 0 0
}

div.page ul.opt_compare li a {
    padding: 0 0 8px 20px;
    font-size: .9em;
    color: #9e9e9e
}

div.page ul.opt_compare li a.comp_print {
    background: url(../../../www/_images/0_general/btn_comp_print.png) 0 0 no-repeat
}

div.page ul.opt_compare li a.comp_flush {
    background: url(../../../www/_images/0_general/btn_comp_flush.png) 1px 0 no-repeat
}

div.page ul.opt_compare li a.comp_seeall {
    background: url(../../../www/_images/0_general/btn_comp_seeall.png) 1px 0 no-repeat
}

div.page ul.opt_compare li a.comp_pdf {
    background: url(../../../www/_images/0_general/btn_comp_pdf.png) 2px 0 no-repeat
}

div.page ul.opt_compare li a.comp_send {
    background: url(../../../www/_images/0_general/btn_comp_send.png) 0 0 no-repeat
}

div.page div.infostech table tr.tabcomp_B *,div.page div.infostech table tr.tabcomp_H * {
    border: 0
}

div.page div.infostech table tr.tabcomp_H th {
    width: 1%;
    text-align: center;
    border-left: 1px solid #dfdfdf;
    background: url(../../../www/_images/0_general/tab_comp_HG.png) top center no-repeat
}

div.page div.infostech table tr.tabcomp_H th a {
    text-decoration: none
}

div.page div.infostech table tr.tabcomp_H th img {
    border: 1px solid #e0e0e0;
    margin: 2px 0 4px 0
}

div.page div.infostech table tr.tabcomp_H th.tabcomp_HG {
    border: 0;
    background: url(../../../www/_images/0_general/tab_comp_HG.png) top left no-repeat
}

div.page div.infostech table tr.tabcomp_H th.tabcomp_HD {
    background: url(../../../www/_images/0_general/tab_comp_HD.png) top right no-repeat
}

div.page div.infostech table tr.tabcomp_B td {
    width: 1%;
    padding-left: 0;
    padding-right: 0;
    height: 26px;
    text-align: center;
    padding: 0 0 0 28px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #fff;
    background: url(../../../www/_images/0_general/tab_comp_BD.png) top center no-repeat
}

div.page div.infostech table tr.tabcomp_B td.tabcomp_BG {
    border-left: 0;
    background: url(../../../www/_images/0_general/tab_comp_BG.png) top left no-repeat
}

div.page div.infostech table tr.tabcomp_B td.tabcomp_BD {
    background: url(../../../www/_images/0_general/tab_comp_BD.png) top right no-repeat
}

div.page div.infostech table tr.tabcomp_B td ul {
    text-align: center
}

div.page div.infostech table tr.tabcomp_B td ul li {
    display: block;
    float: left
}

div.page div.infostech table tr.tabcomp_B td ul li a {
    display: block;
    width: 20px;
    height: 14px;
    text-indent: -10000px
}

div.page div.infostech table tr.tabcomp_B td ul li a.comp_buyer {
    background: url(../../../www/_images/0_general/btn_comp_buyer.png) 0 0 no-repeat
}

div.page div.infostech table tr.tabcomp_B td ul li a.comp_suppr {
    background: url(../../../www/_images/0_general/btn_comp_suppr.png) 0 0 no-repeat
}

div.page div.infostech table td.comp_class {
    background: 0 0;
    border-top: 1px dotted #ececec;
    background-color: transparent
}

div.page div.infostech table td.comp_class ul {
    width: 50px
}

.page div.infostech table td.comp_class ul li {
    display: block;
    float: left
}

div.page div.infostech table td.comp_class ul li a {
    display: block;
    text-indent: -10000px;
    width: 13px;
    height: 13px
}

div.page div.infostech table td.comp_class ul li a.comp_croi {
    background: url(../../../www/_images/0_general/btn_comp_croi.png) 0 0 no-repeat
}

div.page div.infostech table td.comp_class ul li a.comp_decr {
    background: url(../../../www/_images/0_general/btn_comp_decr.png) 0 1px no-repeat
}

div.page div.infostech table td.comp_class ul li a.comp_mask {
    width: 18px;
    background: url(../../../www/_images/0_general/btn_comp_mask.png) 0 0 no-repeat
}

#SelectionRef table tr td input {
    display: block!important;
    float: none!important;
    margin: 0 auto!important
}

#slider {
    position: relative;
    width: 978px!important;
    height: 330px!important;
    margin: 20px 11px 0;
    float: left
}

#slider h2,#slider h3,#slider p.ls-l,#slider p.ls-l.slid-h2 {
    font-family: MontserratRegular;
    font-weight: 400
}

#slider h2,#slider p.ls-l.slid-h2 {
    padding: 14px 20px 8px 20px;
    font-size: 2.6em;
    line-height: .9em;
    color: #fff;
    text-align: right;
    background-color: #f39900;
    text-transform: uppercase
}

#slider h2 span.strong,#slider p.ls-l.slid-h2 span.strong {
    font-family: MontserratExtraBold;
    font-weight: 700;
    color: #fff;
}

#slider h3,#slider p.ls-l {
    padding: 6px 20px 6px 14px;
    font-size: 1.1em;
    margin-top: 3px;
    color: #fff;
    background-color: #000;
    text-transform: uppercase
}

#slider h3 span.strong,#slider p.ls-l span.strong {
    color: #f39900;
    font-weight: 700
}

#slider .prod {
    z-index: 2;
    display: block;
    width: 125px;
    height: 180px;
    text-align: center;
    font-size: .85em;
    line-height: 1.15em;
    color: #000;
    text-decoration: none
}

#slider .prod span.strong {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 26px!important;
    margin: 4px 0 2px;
    max-height: 26px;
    overflow: hidden;
    padding: 0 10px
}

#slider .prod small {
    font-size: .9em;
    color: #6b6b6b
}

#slider .prod span {
    display: inline-block;
    color: #f39900;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 2px;
    width: auto!important;
    height: 15px!important;
    padding: 3px 5px 2px 5px!important;
    border-radius: .3em;
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    background-color: #fff;
    -webkit-transition: color .2s,background-color .2s;
    transition: color .2s,background-color .2s
}

#slider .prod span small {
    color: #f39900;
    font-weight: 400;
    font-size: .8em
}

#slider a:hover.prod span,#slider span:hover.prod span {
    color: #fff;
    background-color: #f39900
}

#slider a:hover.prod span small,#slider span:hover.prod span small {
    color: #fff
}

#slider a.link {
    z-index: 1
}

.ls-container {
    visibility: hidden;
    position: relative
}

.ls-lt-container {
    position: absolute
}

.ls-lt-container,.ls-lt-container * {
    text-align: left!important;
    direction: ltr!important
}

.ls-container-fullscreen {
    margin: 0 auto!important;
    padding: 2%!important;
    background: #000!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border: none!important
}

.ls-container-fullscreen .ls-fullscreen,.ls-container-fullscreen .ls-shadow,.ls-container-fullscreen .ls-thumbnail-wrapper {
    display: none!important
}

.ls-overflow-hidden {
    overflow: hidden
}

.ls-inner {
    position: relative;
    background-position: center center;
    z-index: 2
}

.ls-loading-container {
    position: absolute!important;
    display: none;
    z-index: 3!important;
    left: 50%!important;
    top: 50%!important
}

.ls-loading-indicator {
    margin: 0 auto
}

.ls-inner,.ls-slide {
    width: 100%;
    height: 100%
}

.ls-layer,.ls-slide {
    position: absolute;
    display: none;
    background-position: center center;
    overflow: hidden
}

.ls-active,.ls-animating {
    display: block!important
}

.ls-slide>* {
    position: absolute;
    line-height: normal;
    margin: 0;
    left: 0;
    top: 0
}

.ls-slide .ls-bg {
    left: 0;
    top: 0;
    transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    -moz-transform: none!important;
    -webkit-transform: none!important
}

.ls-yourlogo {
    position: absolute;
    z-index: 99
}

.ls-bar-timer {
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    border-bottom: 2px solid #555;
    opacity: .55;
    z-index: 4;
    top: 0
}

.ls-circle-timer {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    opacity: .65;
    display: none
}

.ls-ct-half {
    background: #fff
}

.ls-ct-center {
    background: #444
}

.ls-ct-left,.ls-ct-right {
    width: 50%;
    height: 100%;
    overflow: hidden
}

.ls-ct-left,.ls-ct-right {
    float: left;
    position: relative
}

.ls-ct-rotate {
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0
}

.ls-ct-left .ls-ct-rotate,.ls-ct-right .ls-ct-half,.ls-ct-right .ls-ct-hider {
    left: 0
}

.ls-ct-left .ls-ct-half,.ls-ct-left .ls-ct-hider,.ls-ct-right .ls-ct-rotate {
    right: 0
}

.ls-ct-half,.ls-ct-hider {
    position: absolute;
    top: 0
}

.ls-ct-hider {
    width: 50%;
    height: 100%;
    overflow: hidden
}

.ls-ct-half {
    width: 200%;
    height: 100%
}

.ls-ct-center {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    position: absolute
}

.ls-ct-center,.ls-ct-half {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}

.ls-bottom-nav-wrapper {
    height: 0
}

.ls-bottom-slidebuttons {
    text-align: left
}

.ls-below-thumbnails,.ls-bottom-nav-wrapper {
    z-index: 2;
    height: 0;
    position: relative;
    text-align: center;
    margin: 0 auto
}

.ls-below-thumbnails {
    display: none;
    z-index: 6
}

.ls-bottom-nav-wrapper a,.ls-nav-next,.ls-nav-prev {
    outline: 0
}

* .ls-bottom-nav-wrapper *,* .ls-bottom-nav-wrapper span * {
    direction: ltr!important
}

.ls-bottom-slidebuttons {
    position: relative;
    z-index: 1000
}

.ls-bottom-slidebuttons,.ls-nav-sides,.ls-nav-start,.ls-nav-stop {
    position: relative
}

.ls-nothumb {
    text-align: center!important
}

.ls-link {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important
}

.ls-vpcontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ls-videopreview {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.ls-playvideo {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer
}

.ls-tn {
    display: none!important
}

.ls-thumbnail-hover {
    display: none;
    position: absolute;
    left: 0
}

.ls-thumbnail-hover-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.ls-thumbnail-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ls-thumbnail-hover-img {
    position: absolute;
    overflow: hidden
}

.ls-thumbnail-hover img {
    max-width: none!important;
    position: absolute;
    display: inline-block;
    visibility: visible!important;
    left: 50%;
    top: 0
}

.ls-thumbnail-hover span {
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.ls-thumbnail-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 4
}

.ls-thumbnail {
    position: relative;
    margin: 0 auto
}

.ls-thumbnail-inner,.ls-thumbnail-slide-container {
    width: 100%
}

.ls-thumbnail-slide-container {
    overflow: hidden!important;
    position: relative
}

.ls-touchscroll {
    overflow-x: auto!important
}

.ls-thumbnail-slide {
    text-align: center;
    white-space: nowrap;
    float: left;
    position: relative
}

.ls-thumbnail-slide a {
    overflow: hidden;
    display: inline-block;
    width: 0;
    height: 0;
    position: relative
}

.ls-thumbnail-slide img {
    max-width: none!important;
    max-height: 100%!important;
    height: 100%;
    visibility: visible!important
}

.ls-shadow {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    width: 100%;
    left: 0;
    overflow: hidden!important;
    visibility: hidden
}

.ls-shadow img {
    width: 100%!important;
    height: auto!important;
    position: absolute!important;
    left: 0!important;
    bottom: 0!important
}

.ls-bottom-nav-wrapper,.ls-nav-next,.ls-nav-prev,.ls-thumbnail-wrapper {
    visibility: hidden
}

.ls-wp-fullwidth-container {
    width: 100%;
    position: relative
}

.ls-wp-fullwidth-helper {
    position: absolute
}

.ls-overflow-hidden {
    overflow: hidden
}

.ls-lt-tile {
    position: relative;
    float: left;
    perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px
}

.ls-lt-tile img {
    visibility: visible;
    display: inline-block
}

.ls-curtiles {
    overflow: hidden
}

.ls-curtiles,.ls-nexttiles {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ls-curtile,.ls-nexttile {
    overflow: hidden;
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.ls-curtile {
    left: 0;
    top: 0
}

.ls-curtile img,.ls-nexttile img {
    position: absolute;
    filter: inherit
}

.ls-3d-container {
    position: relative;
    overflow: visible!important
}

.ls-3d-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.ls-3d-box div {
    overflow: hidden;
    background: #777;
    margin: 0;
    padding: 0;
    position: absolute
}

.ls-fullscreen {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: block
}

#ls-global * .ls-bottom-nav-wrapper a,#ls-global * .ls-container .ls-fullscreen,#ls-global * .ls-container img,#ls-global * .ls-nav-next,#ls-global * .ls-nav-prev,#ls-global * .ls-thumbnail a,body * .ls-bottom-nav-wrapper a,body * .ls-container .ls-fullscreen,body * .ls-container img,body * .ls-nav-next,body * .ls-nav-prev,body * .ls-thumbnail a,html * .ls-bottom-nav-wrapper a,html * .ls-container .ls-fullscreen,html * .ls-container img,html * .ls-nav-next,html * .ls-nav-prev,html * .ls-thumbnail a {
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    line-height: normal;
    outline: 0;
    padding: 0;
    border: 0
}

#ls-global * .ls-slide>*,#ls-global * .ls-slide>a,#ls-global * .ls-slide>div,#ls-global * .ls-slide>h1,#ls-global * .ls-slide>h2,#ls-global * .ls-slide>h3,#ls-global * .ls-slide>h4,#ls-global * .ls-slide>h5,#ls-global * .ls-slide>p,#ls-global * .ls-slide>span,body * .ls-slide>*,body * .ls-slide>a,body * .ls-slide>div,body * .ls-slide>h1,body * .ls-slide>h2,body * .ls-slide>h3,body * .ls-slide>h4,body * .ls-slide>h5,body * .ls-slide>p,body * .ls-slide>span,html * .ls-slide>*,html * .ls-slide>a,html * .ls-slide>div,html * .ls-slide>h1,html * .ls-slide>h2,html * .ls-slide>h3,html * .ls-slide>h4,html * .ls-slide>h5,html * .ls-slide>p,html * .ls-slide>span {
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

#ls-global * .ls-slide>*,body * .ls-slide>*,html * .ls-slide>* {
    margin: 0
}

#ls-global * .ls-container img,body * .ls-container img,html * .ls-container img {
    background: 0 0!important;
    min-width: 0!important;
    max-width: none!important;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0
}

#ls-global * .ls-wp-container .ls-slide>*,body * .ls-wp-container .ls-slide>*,html * .ls-wp-container .ls-slide>* {
    line-height: normal;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0
}

#ls-global * .ls-wp-container .ls-slide>a>*,body * .ls-wp-container .ls-slide>a>*,html * .ls-wp-container .ls-slide>a>* {
    margin: 0
}

#ls-global * .ls-wp-container .ls-slide>a,body * .ls-wp-container .ls-slide>a,html * .ls-wp-container .ls-slide>a {
    text-decoration: none
}

.ls-container,.ls-container *,.ls-wp-fullwidth-container,.ls-wp-fullwidth-helper {
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important
}

#ls-global * .ls-yourlogo,body * .ls-yourlogo,html * .ls-yourlogo {
    margin: 0
}

#ls-global * .ls-tn,body * .ls-tn,html * .ls-tn {
    display: none
}

.site {
    overflow: visible!important
}

.ls-debug-console * {
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    color: #fff!important;
    text-shadow: none!important;
    font-family: HelveticaNeue-Light,"Helvetica Neue Light",Helvetica,Arial,sans-serif!important;
    line-height: normal!important;
    -webkit-font-smoothing: antialiased!important;
    text-align: left!important;
    font-style: normal!important
}

.ls-debug-console h1 {
    padding-top: 10px!important;
    font-size: 17px!important;
    font-weight: 700!important
}

.ls-debug-console h1:first-child {
    padding-top: 0!important
}

.ls-debug-console ul {
    padding-top: 10px!important;
    list-style: none!important
}

.ls-debug-console li {
    margin-left: 10px!important;
    font-size: 13px!important;
    position: relative!important;
    font-weight: 400!important
}

#ls-global * .ls-debug-console li ul,body * .ls-debug-console li ul,html * .ls-debug-console li ul {
    display: none;
    width: 260px;
    left: -10px
}

.ls-debug-console li ul {
    position: absolute!important;
    bottom: 100%!important;
    padding: 10px 10px 10px 0!important;
    background: #fff!important;
    border-radius: 10px!important;
    box-shadow: 0 0 20px #000!important
}

#ls-global * .ls-debug-console li:hover ul,body * .ls-debug-console li:hover ul,html * .ls-debug-console li:hover ul {
    display: block
}

.ls-debug-console li ul * {
    color: #000!important
}

.ls-debug-console a {
    text-decoration: none!important;
    border-bottom: 1px dotted #fff!important
}

.ls-error {
    border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -wenkit-border-radius: 5px!important;
    background: #fff!important;
    height: auto!important;
    width: auto!important;
    color: #fff!important;
    padding: 20px 40px 30px 80px!important;
    position: relative!important;
    box-shadow: 0 2px 20px -5px #000
}

.ls-error p {
    line-height: normal!important;
    text-shadow: none!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    text-align: justify!important;
    font-family: Arial,sans-serif!important
}

.ls-error .ls-error-title {
    line-height: 40px!important;
    color: red!important;
    font-weight: 700!important;
    font-size: 16px!important
}

.ls-error .ls-error-text {
    color: #555!important;
    font-weight: 400!important;
    font-size: 13px!important
}

.ls-error .ls-exclam {
    width: 40px!important;
    height: 40px!important;
    position: absolute!important;
    left: 20px!important;
    top: 20px!important;
    border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    font-size: 30px!important;
    font-weight: 700!important;
    color: #fff!important;
    line-height: 40px!important;
    background: red!important;
    text-align: center!important
}

#ls-global * .ls-container .ls-3d-container,#ls-global * .ls-container .ls-bottom-nav-wrapper,#ls-global * .ls-container .ls-fullscreen,#ls-global * .ls-container .ls-lt-container,#ls-global * .ls-container .ls-lt-container *,#ls-global * .ls-container .ls-shadow,#ls-global * .ls-container .ls-slide>*,#ls-global * .ls-container .ls-thumbnail-wrapper,.ls-gpuhack,body * .ls-container .ls-3d-container,body * .ls-container .ls-bottom-nav-wrapper,body * .ls-container .ls-fullscreen,body * .ls-container .ls-lt-container,body * .ls-container .ls-lt-container *,body * .ls-container .ls-shadow,body * .ls-container .ls-slide>*,body * .ls-container .ls-thumbnail-wrapper,html * .ls-container .ls-3d-container,html * .ls-container .ls-bottom-nav-wrapper,html * .ls-container .ls-fullscreen,html * .ls-container .ls-lt-container,html * .ls-container .ls-lt-container *,html * .ls-container .ls-shadow,html * .ls-container .ls-slide>*,html * .ls-container .ls-thumbnail-wrapper {
    transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0)
}

.ls-videohack {
    transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    -moz-transform: none!important;
    -webkit-transform: none!important;
    transform-origin: none!important;
    -o-transform-origin: none!important;
    -ms-transform-origin: none!important;
    -moz-transform-origin: none!important;
    -webkit-transform-origin: none!important
}

.ls-oldiepnghack {
    filter: none!important
}

.ls-gpuhack {
    width: 100%!important;
    height: 100%!important
}

#ls-global * .ls-container .ls-webkit-hack,body * .ls-container .ls-webkit-hack,html * .ls-container .ls-webkit-hack {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media (transform-3d),(-o-transform-3d),(-ms-transform-3d),(-moz-transform-3d),(-webkit-transform-3d) {
    #ls-test3d {
        position: absolute;
        left: 9px;
        height: 3px
    }
}

div.page.home ul.list_product li a span.price small {
    font-size: 10px!important
}

#arbo>div:after {
    background: url(../images/home/arbo-shad.png) no-repeat scroll right bottom transparent!important
}

ul#servgar li a.paiement span.label {
    margin-right: auto
}

#EmailResponse {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 5px 5px;
    float: left;
    padding: 10px;
    width: 96.3%
}

#mainFrontMenu li ul li a p {
    color: #000!important;
    font-size: 10.5px!important;
    line-height: inherit
}

#EmailResponse p {
    margin-bottom: 10px
}

#servgar li:nth-child(6) {
    width: 112px
}

#categorybloc .intro>p:nth-child(2) {
    display: inline!important
}

#categorybloc .intro>p:nth-child(3) {
    /*float: left!important;*/
    margin-right: 15px;
    max-width: 75%;
    min-width: 75%
}

/*.cat-marque>h3,.intro h1 {
    clear: left!important;
    color: #f39900!important
}*/

div.cat-marque {
    clear: both!important;
    display: block!important;
    /*float: left!important;*/
    margin-bottom: 80px!important;
    overflow: hidden!important
}

#categorybloc {
    float: none!important;
    margin: 0 auto!important;
    width: auto!important
}

#content_category {
    border-left: 1px solid #ccc;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 15px;
    overflow: hidden;
    position: relative
}

ul#list_brands {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #cfcfcf;
    width: 100%
}

ul#list_brands li {
    float: left;
    font-size: 12px;
    text-align: center;
    width: 20%
}

ul#list_brands li .marge {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    padding: 10px
}

ul#list_brands li a,ul#list_brands li span.atc {
    color: #bbb;
    text-decoration: none
}

ul#list_brands li img {
    height: 38px;
    padding: 10px 0;
    width: auto;
    max-width: 171px
}

#items_22 img {
    height: 11px!important;
    padding: 23.5px!important;
    width: 80%!important
}

.list_product h2,.list_product h3,.list_product h4,.subcategories_list h2 {
    width: auto!important;
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    color: #000!important;
    font-size: 1em!important;
    margin: 0!important;
    position: relative;
    z-index: 999;
    top: -100px;
    font-weight: 700
}

.search_page .list_product h2 {
    font-size: .85em!important
}

.search_page div.page ul.list_product li a span.small {
    margin-top: 60px
}

.catBottomImag {
    text-align: center
}

table tr th.LibInput {
    padding: 15px 0 5px
}

a.help_p,span.help_p {
    background-color: #fff!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px -15px;
    border: 1px solid #f39900;
    color: #72706c!important;
    cursor: pointer;
    display: block;
    float: left;
    font-family: MontserratRegular;
    font-size: 13px;
    height: 26px;
    line-height: 29px;
    text-align: center;
    width: 165px
}

div.form_left select.cells {
    -webkit-appearance: none;
    background: url(../images/forms/select-icons.png) no-repeat scroll 46px 0 transparent
}

.form_left label {
    line-height: 30px
}

#EmailResponse p.blocTextNormal {
    font-weight: 700
}

#pointsfid .floatL {
    width: 140px
}

.small-p {
    clear: both;
    display: block;
    font-size: .7em;
    margin-top: 55px
}

.strong-p {
    font-weight: 700;
    color: #f39900
}

.subcategories_list h2,td .list_product h2 {
    top: 25px
}

.subcategories_list h2 a,.list_product li h3 a {
    color: #6f6f6f!important
}

.subcategories_list li span,.subcategories_list li a,td .list_product li a {
    margin-top: -4px
}

.list_product li h2 a,.list_product li h3 a,.list_product li h4 a,.subcategories_list li h2 a {
    display: inline;
    margin-top: 0
}

.list_product li h2 a:hover,.list_product li h3 a:hover,
.subcategories_list li h2 a:hover,.list_product li:hover h2 a,
.list_product li:hover h3 a,
.subcategories_list li:hover h2 a {
    border: none!important
}

.cat-marque .list_product li h2 {
    height: 40px;
    margin: 0 4px!important
}

#arbo h2,#blog_abisco h2,#centre_conseil h2,#garanties h2,#jobs h2,.home-marque-block h2,.page.home .products h2,h2.marques_liste {
    border-bottom: 1px solid #f8981d;
    text-align: center;
    width: 100%;
    margin-top: 0;
    height: 8px;
    margin-bottom: 35px
}

#arbo h2 span,#blog_abisco h2 span,#centre_conseil h2 span,#garanties h2 span,#jobs h2 span,.home-marque-block h2 span,.products h2 span,h2.marques_liste span {
    font-weight: 700;
    font-size: 14px;
    background: #fff;
    position: absolute;
    right: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #6f6f6f
}

#garanties h2 span {
    margin-right: -98px
}

h2.marques_liste span {
    margin-right: -67.5px
}

.products h2 span {
    margin-right: -90.5px
}

#blog_abisco h2,#centre_conseil h2,#garanties h2,.home-marque-block h2,h2.marques_liste {
    margin-top: 15px
}

#blog_abisco h2 span {
    margin-right: -150px
}

#arbo h2 span {
    margin-right: -172.5px
}

#jobs h2 span {
    margin-right: -55px
}

#jobs h2.metiers span {
    margin-right: -111.5px
}

#jobs .home-marque-block h2 span {
    margin-right: -220px!important
}

#centre_conseil h2 span {
    margin-right: -240.5px
}

#img_gauche {
    width: 50%;
    float: left;
    text-align: center;
    height: 194px
}

#titre_droite {
    width: 50%;
    float: right;
    height: 194px;
    display: table
}

#titre_droite h3 {
    display: table-cell;
    vertical-align: middle
}

#titre_droite h3 span {
    color: #6f6f6f;
    text-transform: initial;
    font-weight: 400
}

#blog_abisco,#centre_conseil {
    margin-bottom: 50px
}

#centre_conseil ul {
    background-image: linear-gradient(#eee,#fff);
    padding: 25px 0 0 20px
}

#centre_conseil ul li .texte_article {
    min-height: 60px
}

#blog_abisco ul li,#centre_conseil ul li {
    display: inline-block;
    width: 30.8%
}

#blog_abisco ul li:nth-child(2),#centre_conseil ul li:nth-child(2) {
    margin: 0 3.3%
}

.titre_article {
    text-align: left;
    width: auto;
    font-weight: 700;
    font-size: 13px
}

#blog_abisco a,#centre_conseil a {
    text-decoration: none
}

.btn_voir {
    color: #f8981d;
    font-weight: 700
}

.btn_voir img {
    vertical-align: middle;
    margin-right: 15px
}

#texte_gauche {
    width: 43%;
    float: left;
    height: 253px;
    display: flex
}

#texte_gauche p {
    margin: auto
}

#img_droite {
    width: 50%;
    float: right
}

#img_droite img {
    width: 100%
}

#garanties ul li {
    display: inline-block;
    margin-right: 2.1%!important;
    vertical-align: middle
}

#garanties ul li p {
    color: #f8981d;
    font-size: initial
}

#garanties ul li p span {
    color: #6f6f6f
}

#garanties ul li p img {
    margin-right: 15px;
    float: left
}

#garanties ul li:first-child {
    width: 15%;
    margin-left: 1.5%
}

#garanties ul li:nth-child(2) {
    width: 12%
}

#garanties ul li:nth-child(3) {
    width: 14%
}

#garanties ul li:nth-child(4) {
    width: 13%
}

#garanties ul li:nth-child(5) {
    width: 14%
}

#garanties ul li:last-child {
    width: 17%;
    margin-right: 0!important
}

#garanties ul li a {
    text-decoration: none
}

.cat-marque .products ul.list_product li a,.cat-marque .products ul.list_product li span.a-prod {
    margin-top: 10px
}

.prodtt>a {
    height: auto!important
}

.pdt_complementaire ul.list_product li:hover h4 a {
    border: none!important
}

.prodtt a {
    width: 100%!important
}

/*.pdt_complementaire .products ul.list_product li a img {
    margin-top: 30px
}*/

.pdt_complementaire ul.list_product li a span.price {
    bottom: -20px;
    position: relative;
    right: 0
}

.pdt_complementaire .refprods {
    bottom: -38px;
    position: relative
}

.refprods .strong-p {
    width: auto!important
}

.star_off {
    background: url(../images/rating_off.gif) no-repeat scroll 0 0 rgba(0,0,0,0);
    float: left;
    height: 24px;
    width: 24px
}

.star_on {
    background: url(../images/rating_on.gif) no-repeat scroll 0 0 rgba(0,0,0,0);
    float: left;
    height: 24px;
    width: 24px
}

#comment-block p {
    clear: both
}

#comment-block input[type=email],#comment-block input[type=text] {
    background-color: #f4f4f4;
    border: 2px solid #b6b6b6;
    border-radius: .2em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    color: #747474;
    font: 12px Arial,Helvetica,sans-serif;
    height: 30px!important;
    margin: 0 .2em 10px 0;
    padding: 0 6px!important;
    width: 200px
}

#commentsForm {
    margin-top: 10px
}

#comment-block textarea {
    height: 140px!important;
    width: 330px!important
}

.page.catalog.trade .list_product h4 {
    font-size: .85em!important
}

.loginblock {
    clear: both;
    float: left
}

.loginblock>form {
    clear: both;
    float: left
}

#logininregister>label {
    clear: both;
    color: #6f6f6f;
    float: left;
    font-size: 11px;
    width: 168px
}

#logininregister input[type=password],#logininregister input[type=text] {
    border: 1px solid #e0e0e0;
    height: 23px!important;
    margin-bottom: 10px;
    width: 264px
}

#logininregister input[type=submit] {
    clear: both;
    margin-bottom: 10px
}

.nav-mobile {
    display: none
}
@media only screen and (min-width : 1245px) and (max-width :1323px) {
    /*div#section_2_1 li.section_2_1_li {
        height: 38px;
    }*/
    /*div#section_2 #section_2_1 div p.section_2_1_p {
        font-size: 18px;
        padding-bottom: 11px;
    }*/
    /*p#section_2_2_p {
        font-size: 16px;
    }*/
    /*p#section_2_2_p span {
        font-size: 20px;
    }*/
}
@media only screen and (min-width : 1024px) and (max-width :1311px) {
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong {
        font-size: 1vw;
    }
}
@media only screen and (min-width : 1024px) and (max-width :1244px) {
    .telstrong.headerTwoCL #icontelstrong {
        background-position: -8px -84px!important;
    }
    /*.mailstrong.headerTwoCL #iconmailstrong {
        background-position: -13px -92.6%!important;
    }*/
    #header form#SearchForm input#search-text {
        width: 21vw;
    }
    /*div#section_2 #section_2_1 div {
        top: 4%;
    }*/
    div#section_2 #section_2_1 div p.section_2_1_p {
        padding-bottom: 15px;
    }
    /*div#section_2_1 li.section_2_1_li {
        height: 36px;
    }*/
    /*p#section_2_2_p {
        font-size: 14px;
        top: 24px;
    }*/
    /*p#section_2_2_p span {
        font-size: 18px;
    }*/
    div#in_head_body h1 {
        margin: 29px auto 20px !important;
        width: 70%;
    }
}
@media only screen and (min-width : 901px) and (max-width :1023px) {
    /*div#header .logo {
        width: 50%;
        margin-top:38px;
    }*/
    /*div#headerClassTwo {
        height: 150px;
        display: grid;
        float: right;
    }*/
    div#headerClassTwo>div {
    height: 20px;
    }
    div#headerClassTwo .telstrong.headerTwoCL a {
        margin-left: 0; 
    }
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong {
        font-size: 16px;
    }
    div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong {
        font-size: 19px;
    }  
    #header form#SearchForm select {
        width: 100%
    }
    #header form#SearchForm input#search-text {
      /*  width: calc(100% - 20px);*/
        margin: 1px;
        padding: 0 0 0 20px;
        height: 41px;
    }
    div#in_menu span#slogan2 {
        margin-top: -39px;
    }
    /*#header form#SearchForm input[type=submit] {
        right: 0px;
    }*/
    /*div#headerClassTwo .headerTwoCL {
        margin: 1px 0px;
    }*/
    /*div#headerClassTwo .telstrong.headerTwoCL {
        max-width: 77%;
    }*/
    #menu {
        float: none !important;
        padding-bottom: 0px;
    }
    div#in_menu {
        margin: 80px 0 0 0;
    }
    div#in_head_body h1 {
        margin: 29px auto 20px !important;
        width: 70%;
    }
    /*div.categories ul li {
        display: flex;
        justify-content: center;
    }*/
    /*div.categories.homecat ul span.atc {
        width: calc(100% / 3);
    }*/
    #arbo {
        padding-bottom: 35px;
    }
    div#section_2>.section_2_class {
        width: calc(50% - 22px);
        margin-top: 20px;
    }
    div#section_2 #section_2_1 div p.section_2_1_p {
        font-size: 20px;
    }
    div#section_3_2_1 p.section_3_2_1_p {
        padding: 0 0px;
    }
    div#section_3_2_2 p.section_3_2_2_p {
        padding: 6px 0 20px;
    }
    div#section_3_2_3 p.section_3_2_3_p {
        margin-bottom: 9px;
    }
    div#section_4 div#section_4_1 span.tilte_h2 {
        width: 85%;
        margin: 0 auto;
    }
    div#section_4_2_2 p.section_4_2_2_p, div#section_4_3_2 .section_4_3_2_p {
        padding-bottom: 10px;
    }
    div#section_4 .section_4_3_2_ul li, div#section_4 .section_4_2_2_ul li {
        height: 37px;
    }
    #section_4_2_2>div,#section_4_3_2>div{
        padding-left: 12px;
    }
    #section_4_2_2>div{
        padding-left: 12px;
    }
    /*div#section_5_2>.section_5_2_row {
        height: 900px;
    }*/
    /*div#section_5_2>.section_5_2_row .section_5_2_col_ctx_2 {
        top: 38vw;
    }*/
    /*div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 {
        top: 839px;
    }*/
    div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 span.atc {
        padding: 7px;
    }
    #footer #pied_de_page table tr td:nth-child(2) {
        padding: 67px 0px 0 21px;
    }
    #footer #pied_de_page table tr td ul li {
        height: 45px;
    }
    #footer #pied_de_page table tr td:nth-child(4) {
    }
    #footer #pied_de_page table tr td:nth-child(3) {
        width: 20%;
        padding: 17px 0px 0 15px;
    }
    /*#header div#menutop>ul {
        right: -5% !important;
    }*/
}
@media only screen and (min-width : 651px) and (max-width :900px) {
    div#header .logo {
        width: 50%;
        margin-top:38px;
    }
    /*div#headerClassTwo {
        height: 150px;
        display: grid;
        float: right;
    }*/
    div#headerClassTwo>div {
    height: 20px;
    }
    div#headerClassTwo .telstrong.headerTwoCL a {
        margin-left: 0; 
    }
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong {
        font-size: 16px;
    }
    div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong {
        font-size: 19px;
    }  
    #header form#SearchForm select {
        width: 100%
    }
    #header form#SearchForm input#search-text {
        width: calc(100% - 20px);
        margin: 1px;
        padding: 0 0 0 20px;
        height: 41px;
    }
    div#in_menu span#slogan2 {
        margin-top: -39px;
    }
    #header form#SearchForm input[type=submit] {
        right: 0px;
    }
    div#headerClassTwo .headerTwoCL {
        margin: 1px 0px;
    }
    div#headerClassTwo .telstrong.headerTwoCL {
        max-width: 99%;
    }
    div#headerClassTwo .telstrong.headerTwoCL a {
        margin-right: 4px;
    }
    #menu {
        float: none !important;
        padding-bottom: 0px;
    }
    div#in_menu {
        margin: 80px 0 0 0;
    }
    div#in_head_body h1 {
        margin: 29px auto 20px !important;
        width: 70%;
    }
    /*div.categories ul li {
        display: flex;
        justify-content: center;
    }*/
    /*div.categories.homecat ul span.atc {
        width: calc(100% / 3);
    }*/
    #arbo {
        padding-bottom: 35px;
    }
    /*div#section_2>.section_2_class {
        width: calc(50% - 22px);
        margin-top: 20px;
    }*/
    div#section_2 #section_2_1 div p.section_2_1_p {
        font-size: 20px;
    }
    div#section_3_2_1 p.section_3_2_1_p {
        padding: 0 0px;
    }
    div#section_3_2_2 p.section_3_2_2_p {
        padding: 6px 0 20px;
    }
    div#section_3_2_3 p.section_3_2_3_p {
        margin-bottom: 9px;
    }
    div#section_4 div#section_4_1 span.tilte_h2 {
        width: 85%;
        margin: 0 auto;
    }
    div#section_4_2_2 p.section_4_2_2_p, div#section_4_3_2 .section_4_3_2_p {
        padding-bottom: 10px;
    }
    div#section_4 .section_4_3_2_ul li, div#section_4 .section_4_2_2_ul li {
        height: 37px;
    }
    #section_4_2_2>div,#section_4_3_2>div{
        padding-left: 12px;
    }
    #section_4_2_2>div{
        padding-left: 12px;
    }
    /*div#section_5_2>.section_5_2_row {
        height: 900px;
    }*/
    div#section_5_2>.section_5_2_row .section_5_2_col_ctx_2 {
        top: 38vw;
    }
    div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 {
        top: 839px;
    }
    div#section_5_2>.section_5_2_row .section_5_2_col_ctx_3 span.atc {
        padding: 7px;
    }
    #footer #pied_de_page table tr td:nth-child(2) {
        padding: 67px 0px 0 21px;
    }
    #footer #pied_de_page table tr td ul li {
        height: 45px;
    }
    #footer #pied_de_page table tr td:nth-child(4) {
    }
    #footer #pied_de_page table tr td:nth-child(3) {
        width: 20%;
        padding: 17px 0px 0 15px;
    }
    /*#header div#menutop>ul {
        right: -5% !important;
    }*/
}

@media only screen and (min-width : 600px) and (max-width :650px) {
    div#menutop>ul#logpan {
        top: 15px;
        display: flex;
    }

    /*div#head_niveau_2 {
        display: flex;
        margin-top: 37px;
    }*/

    /*div#header>div#head_niveau_2>div {
        width: 50%;
        margin-top: 0;
    }*/

    /*div#headerClassTwo {
        margin: 0 5% !important;
        display: inline-table;
        height:  auto;
    }*/

    /*div#headerClassTwo .headerTwoCL {
        padding: 14px 2%;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 3px;
        line-height: 1.2em;
        top: 0;
    }*/

    #header:not(.opened) #SearchForm, #header:not(.opened)+#main #menu>#mainFrontMenu, #header:not(.opened)+#menu>#mainFrontMenu {
        display: block !important;
        position: relative !important;
        top: unset;
        padding: 0;
        margin: 0;
    }

    div#in_menu {
        /*display: flex;*/
        margin: 30px 0 0 0;
    }

    /*div#in_menu span#slogan2 {
        margin-top: 0;
    }*/

    #header form#SearchForm input#search-text {
        background-color: #fff;
        width: calc(100% - 35px);
        margin: 0 0 0 5px;
        padding: 0 0 0 20px;
        height: 41px;
        font-size : 2vw;
    }

    div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong {
        font-size: 2.5vw;
    }
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong {
        font-size: 1.98vw;
        letter-spacing: 1px;
    }

    #header form#SearchForm input[type=submit]{
        right: 11px;
        margin-top: 2px;
    }
    div#show-search {
        display: none;
    }

    div#inhead_bg #header{
        height: auto !important;
    }

    #header div#menutop {
        right: -15px;
    }
    

    #header.opened+#main #menu #mainFrontMenu li ul,#header.opened+#menu #mainFrontMenu li ul {
        min-height:90px
    }

    #header.opened+#main #menu #mainFrontMenu li li,#header.opened+#menu #mainFrontMenu li li {
        max-width: 35%!important;
        margin-right: 0
    }

    #header:not(.opened)+#main #menu>#mainFrontMenu,#header:not(.opened)+#menu>#mainFrontMenu {
        display: none
    }

    #menu>ul>li {
        text-align: center;
        background: 0 0
    }

    #menu>ul>li>a {
        top: 10px;
        display: inline!important;
        height: auto!important
    }

    hr.underblocks1-2 {
        display: none
    }

    #slider .prod1 {
        left: 45%!important
    }

    #slider .prod2 {
        left: 62%!important
    }

    #slider .prod3 {
        left: 79%!important
    }

    #slider .prod span.strong {
        width: 80%!important
    }

    #slider span.brand {
        zoom:.9;left: 20px!important
    }

    #slider span.brand1 {
        top: 220px!important
    }

    #slider span.brand2 {
        top: 170px!important
    }

    #slider span.brand3 {
        top: 120px!important
    }

    .home ul#servgar {
        max-width: 980px;
        width: 98%;
        padding: 0;
        margin: 0
    }

    .home ul#servgar li:not(.listtitle) {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%!important;
        border: 0!important;
        text-align: center
    }

    .home ul#servgar li:last-child {
        width: 98%!important
    }

    .home ul#servgar li a,.home ul#servgar li a span.icon,.home ul#servgar li a span.label {
        display: inline-block;
        float: none;
        clear: both;
        border: 0!important
    }

    .home ul#servgar li a span.icon {
        margin: 0 20% 0 20%!important
    }

    #arbo {
        overflow: hidden
    }

    #arbo>ul>li {
        margin-left: 15%;
        background-position: 80% bottom!important;
        overflow: hidden
    }

    .subpanel>div {
        width: 30%;
        height: 150px
    }

    .subpanel>#newsl {
        width: 100%;
        height: 80px
    }

    .subpanel>div .floatL {
        width: 100%
    }

    .subpanel img {
        top: inherit;
        bottom: 0!important
    }

    ul#marques {
        padding-left: 0!important
    }

    #footer ul li {
        width: 90%
    }
}

@media only screen and (min-width : 651px) and (max-width :1023px) {
    #header.opened+#main #menu #mainFrontMenu li ul,#header.opened+#menu #mainFrontMenu li ul {
        min-height:90px
    }

    #header.opened+#main #menu #mainFrontMenu li li,#header.opened+#menu #mainFrontMenu li li {
        max-width: 35%!important;
        margin-right: 0
    }

    #header:not(.opened)+#main #menu>#mainFrontMenu,#header:not(.opened)+#menu>#mainFrontMenu {
        display: none
    }

    #menu>ul>li {
        text-align: center;
        background: 0 0
    }

    #menu>ul>li>a {
        top: 10px;
        display: inline!important;
        height: auto!important
    }

    hr.underblocks1-2 {
        display: none
    }

    #slider .prod1 {
        left: 45%!important
    }

    #slider .prod2 {
        left: 62%!important
    }

    #slider .prod3 {
        left: 79%!important
    }

    #slider .prod span.strong {
        width: 80%!important
    }

    #slider span.brand {
        zoom:.9;left: 20px!important
    }

    #slider span.brand1 {
        top: 220px!important
    }

    #slider span.brand2 {
        top: 170px!important
    }

    #slider span.brand3 {
        top: 120px!important
    }

    .home ul#servgar {
        max-width: 980px;
        width: 98%;
        padding: 0;
        margin: 0
    }

    .home ul#servgar li:not(.listtitle) {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%!important;
        border: 0!important;
        text-align: center
    }

    .home ul#servgar li:last-child {
        width: 98%!important
    }

    .home ul#servgar li a,.home ul#servgar li a span.icon,.home ul#servgar li a span.label {
        display: inline-block;
        float: none;
        clear: both;
        border: 0!important
    }

    .home ul#servgar li a span.icon {
        margin: 0 20% 0 20%!important
    }

    #arbo {
        overflow: hidden
    }

    #arbo>ul>li {
        margin-left: 15%;
        background-position: 80% bottom!important;
        overflow: hidden
    }

    .subpanel>div {
        width: 30%;
        height: 150px
    }

    .subpanel>#newsl {
        width: 100%;
        height: 80px
    }

    .subpanel>div .floatL {
        width: 100%
    }

    .subpanel img {
        top: inherit;
        bottom: 0!important
    }

    ul#marques {
        padding-left: 0!important
    }

   /* #footer ul li {
        width: 90%
    }*/
}



@media only screen and (max-width : 1023px) {
    #header {
        height:119px!important
    }

    #header.showMe {
        -webkit-animation: aShowA .3s ease 0s 1 forwards;
        -moz-animation: aShowA .3s ease 0s 1 forwards;
        -o-animation: aShowA .3s ease 0s 1 forwards;
        animation: aShowA .3s ease 0s 1 forwards
    }

    #header #loginpanel {
        width: 480px;
        height: 140px;
        top: -190px
    }

    #header #loginpanel input#emaillogin {
        clear: both
    }

    #menu>#mainFrontMenu.showMe {
        -webkit-animation: aShowB .3s ease .2s 1 forwards;
        -moz-animation: aShowB .3s ease .2s 1 forwards;
        -o-animation: aShowB .3s ease .2s 1 forwards;
        animation: aShowB .3s ease .2s 1 forwards
    }

    #header .tel {
        margin-top: 26px
    }

    /*#header div#menutop {
        position: absolute;
        top: 0;
        right: 50px
    }*/

    #header.opened #menutop {
        display: none
    }

    .nav-mobile {
        display: none
    }

    #header.opened+#main #menu #mainFrontMenu img,#header.opened+#menu #mainFrontMenu img {
        display: none;
        position: absolute;
        margin-top: 0;
        left: inherit;
        margin-left: 0;
        right: 26px!important
    }

    #header.opened+#main #menu #mainFrontMenu li.clicked img,#header.opened+#menu #mainFrontMenu li.clicked img {
        display: block
    }
    #header #SearchForm input,#header #SearchForm select {
        margin-top: 10px;
        margin-left: 10px
    }
    #menu>#mainFrontMenu {
        opacity: 0
    }

    #header:not(.opened)+#menu>#mainFrontMenu {
        overflow: hidden
    }

    /*#header:not(.opened) #SearchForm,#header:not(.opened)+#main #menu>#mainFrontMenu,#header:not(.opened)+#menu>#mainFrontMenu {
        display: none
    }*/

    #header.opened+#main #menu #mainFrontMenu>li.clicked,#header.opened+#menu #mainFrontMenu>li.clicked {
        background-color: #fff!important;
        border-radius: 6px
    }

    #header.opened+#main #menu #mainFrontMenu>li.clicked>a,#header.opened+#menu #mainFrontMenu>li.clicked>a {
        color: #f39900!important
    }

    #header.opened+#main #menu #mainFrontMenu>li>a>span,#header.opened+#menu #mainFrontMenu>li>a>span {
        position: relative!important;
        top: 14px!important;
        left: 10px!important
    }

    #menu+br {
        display: none
    }

    .nav-mobile {
        cursor: pointer;
        position: absolute;
        z-index: 100000001;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px;
        background: url(../images/header/menu-icon.png) top left no-repeat;
        background-size: auto 60px;
        background-color: #f39900;
        -webkit-transition: background-position .3s ease;
        -moz-transition: background-position .3s ease;
        -o-transition: background-position .3s ease;
        transition: background-position .3s ease
    }

    .nav-mobile-open {
        background-position: -60px 0
    }

    #header {
        background-color: transparent;
        background-color: rgba(113,109,102,0)
    }

    #header.opened {
        position: absolute;
        z-index: 99999999;
        top: 0!important;
        width: 100%!important;
        height: 100%!important;
        margin: 0!important;
        background-color: #69655e;
        background-color: rgba(113,109,102,1);
        overflow-y: auto;
        background-size: 1px auto;
        background-position: 0 0
    }

    #header.opened .logo,#header.opened .tel {
        display: none
    }

    #header.opened+#main #menu #mainFrontMenu,#header.opened+#menu #mainFrontMenu {
        zoom:1.2;position: absolute;
        z-index: 100000000;
        top: 140px;
        height: auto;
        left: 0;
        border-radius: 6px
    }

    #header.opened+#main #menu #mainFrontMenu>li,#header.opened+#menu #mainFrontMenu>li {
        width: 100%;
        position: relative;
        clear: both;
        height: auto;
        padding: 0 0 30px 0;
        text-align: left;
        border-bottom: 1px dotted #888581;
        background-color: transparent!important
    }

    #header.opened+#main #menu #mainFrontMenu>li.clicked,#header.opened+#menu #mainFrontMenu>li.clicked {
        padding: 0 0 60px 0
    }

    #header.opened+#menu #mainFrontMenu>li>a {
        width: 100%;
        height: 100px!important;
        background-color: transparent!important;
        font-weight: 700
    }

    #header.opened+#main #menu #mainFrontMenu>li>a::before,#header.opened+#menu #mainFrontMenu>li>a::before {
        position: absolute;
        content: '+';
        right: 0;
        font-weight: 400;
        font-size: 1.8em;
        line-height: 2em;
        width: 40px;
        height: 40px
    }

    #header.opened+#main #menu #mainFrontMenu>li.clicked>a::before,#header.opened+#menu #mainFrontMenu>li.clicked>a::before {
        content: '-'
    }

    #header.opened+#main #menu #mainFrontMenu>li>ul,#header.opened+#menu #mainFrontMenu>li>ul {
        display: none!important
    }

    #header.opened+#main #menu #mainFrontMenu>li:hover>ul,#header.opened+#menu #mainFrontMenu>li:hover>ul {
        display: none
    }

    #header.opened+#main #menu #mainFrontMenu>li.clicked>ul,#header.opened+#menu #mainFrontMenu>li.clicked>ul {
        display: inline-block!important;
        position: relative!important;
        visibility: visible;
        opacity: 1;
        clear: both;
        top: 2.5em!important;
        width: 100%!important;
        border: 0!important;
        background: 0 0;
        background-color: transparent
    }

    #header.opened+#main #menu #mainFrontMenu>li.clicked>ul>li.ParentNode,#header.opened+#main #menu #mainFrontMenu>li.clicked>ul>li>a *,#header.opened+#menu #mainFrontMenu>li.clicked>ul>li.ParentNode,#header.opened+#menu #mainFrontMenu>li.clicked>ul>li>a * {
        display: none!important
    }
    #mainFrontMenu li ul {
        border-bottom: 0!important
    }

    #mainFrontMenu ul:after {
        background: 0 0!important
    }

    .blocksbottom>ul#servgar {
        height: 110px
    }

    .blocksbottom>ul#servgar li:first-child,.blocksbottom>ul#servgar li:first-child h2 {
        width: 100%;
        margin-bottom: 4px
    }

    .blocksbottom>ul#servgar li {
        padding-left: 10px;
        display: inline-block;
        background: 0 0!important
    }

    .blocksbottom>ul#servgar li:nth-child(5) {
        float: none
    }

    .catBottomImag img {
        width: 80%!important;
        height: auto!important
    }

    .home .products {
        max-width: 1000px
    }

    /*.products {
        width: 94%!important
    }*/

    /*.products ul.list_product {
        text-align: center;
        width: 100%;
        margin-left: 30px!important
    }*/

    .products ul.list_product li {
        float: none;
        display: inline-block;
        width: 146px
    }

    .home a#cata {
        float: right;
        margin: 20px
    }

    .subpanel>div#newsl h2,.subpanel>div#newsl h4 {
        margin-left: 0
    }
}

@media only screen and (max-width : 800px) {
    #center.order .form_line {
        height:auto!important
    }

    #center.order .form_left label,.form_right label {
        display: block!important;
        float: none!important;
        margin-bottom: 0!important;
        line-height: 24px!important
    }
}

@media only screen and (max-width : 600px) {
    #header {
        height:139px!important
    }

    /*#header .logo {
        margin-top: 64px!important
    }*/

    #header .tel {
        margin-top: 50px
    }

    #header #loginpanel {
        width: 280px;
        height: 220px;
        top: -270px;
        right: 10px
    }

    #img_gauche,#img_gauche img,#jobs .home-marque-block h2 span,#titre_droite,h2 {
        width: 100%!important;
        height: auto!important;
        margin-right: auto!important
    }

    .home-marque-block h2 span,h2 span {
        margin: auto!important;
        width: 100%!important;
        position: relative!important;
        right: auto!important;
        padding: 0!important;
        margin-right: auto!important
    }

    #centre_conseil ul li {
        display: block;
        width: 90%
    }

    #blog_abisco ul li,#blog_abisco ul li:nth-child(2) {
        display: block;
        width: 90%;
        margin: 0 5%!important
    }

    #blog_abisco ul li img {
        width: 100%
    }

    #blog_abisco ul li a span img {
        width: auto
    }

    #garanties ul li {
        width: 45%!important;
        margin: 2,1%!important
    }

    #blog_abisco #img_droite,#blog_abisco #texte_gauche {
        width: 90%;
        margin: 0 5%;
        height: auto
    }

    #footer #pied_de_page table tr td:first-child,#footer #pied_de_page table tr td:nth-child(2),#footer #pied_de_page table tr td:nth-child(3),#footin {
        display: none
    }

    #footer #pied_de_page table {
        margin: 0 5%;
        width: 90%
    }

    #footer #pied_de_page table tr td:nth-child(4) {
        width: 50%
    }

    #header #loginpanel input[type=submit] {
        clear: both
    }

    #header #loginpanel input#emaillogin {
        clear: both
    }

    /*#menutop {
        height: 60px!important
    }*/

    #menutop .linkfb {
        clear: both;
        float: right
    }

    /*#menutop>ul {
        clear: both!important;
        float: right
    }*/

    #header.opened+#main #menu #mainFrontMenu,#header.opened+#menu #mainFrontMenu {
        zoom:1}

    #header.opened+#main #menu #mainFrontMenu li ul,#header.opened+#menu #mainFrontMenu li ul {
        min-height: 0
    }

    #header.opened+#menu #mainFrontMenu>li:hover {
        overflow: hidden!important
    }

    #header.opened+#menu #mainFrontMenu>li {
        width: 100%
    }

    .blocksbottom>ul#servgar {
        padding-top: 0;
        height: 160px!important
    }

    .blocksbottom>ul#servgar li:first-child {
        width: 100%;
        clear: both;
        margin-bottom: 20px
    }

    .blocksbottom>ul#servgar li {
        float: left!important;
        padding-left: 0
    }

    .blocksbottom>ul#servgar li:nth-child(5) {
        margin-left: 0
    }

    /*#header #SearchForm {
        zoom:1}*/

    #menu>ul>li {
        text-align: center;
        background: 0 0
    }

    #menu>ul>li>a {
        top: 10px;
        display: inline!important;
        height: auto!important
    }

    hr.underblocks1-2 {
        display: none
    }

    #slider {
        height: 200px!important
    }

    #slider .prod {
        width: 70px
    }

    #slider .prod1 {
        left: 37%!important
    }

    #slider .prod2 {
        left: 56%!important
    }

    #slider .prod3 {
        left: 75%!important
    }

    #slider span.brand {
        zoom:.55;left: 20px!important
    }

    #slider span.brand1 {
        top: 160px!important
    }

    #slider span.brand2 {
        top: 110px!important
    }

    #slider span.brand3 {
        top: 60px!important
    }

    #slider .prod small,#slider .prod span.strong {
        display: none!important
    }

    .home ul#servgar {
        max-width: 980px;
        width: 96%;
        padding: 0;
        margin: 0
    }

    .home ul#servgar li:not(.listtitle) {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%!important;
        border: 0!important
    }

    .home ul#servgar li a span.icon {
        margin: 0!important;
        border: 0!important
    }

    .home ul#servgar li:last-child {
        width: 98%!important
    }

    .home ul#servgar li a span.label {
        padding-left: 20px
    }

    #arbo>ul>li {
        width: 85%;
        background-position: 60% bottom!important;
        overflow: hidden;
        padding-right: 0;
        margin-right: 0
    }

    #arbo>ul>li:hover {
        background-position: 60% bottom!important
    }

    #arbo>ul>li a.btn-med {
        float: none;
        clear: both;
        margin: 10px 0 20px 0
    }

    .subpanel img {
        top: -20px;
        left: 0
    }

    .subpanel>div {
        width: 100%!important;
        float: none;
        clear: both;
        height: 80px
    }

    .subpanel>div .floatL {
        width: 100%!important
    }

    .subpanel #marques,.subpanel #sav,.subpanel #surmesure {
        background: 0 0;
        padding-left: 0
    }

    .subpanel .btn-med,.subpanel h2,.subpanel h4 {
        margin-left: 120px
    }

    form#newsletter input[type=text] {
        width: 85%!important
    }

    ul#marques li {
        width: 30%
    }

    .catalog #panier-b {
        margin-bottom: 30px
    }

    .catalog div.rub {
        min-height: 1%
    }

    .catalog div.rub p {
        padding-right: 0!important
    }

    #center>#filtersearch table.intro td:nth-child(2) {
        display: none
    }

    /*.products {
        margin: 0 10px
    }*/

    #footer {
        height: inherit!important;
        margin-bottom: 0
    }

    #footer ul {
        margin-top: 20px;
        width: 100%;
        height: auto;
        padding-left: 0;
        background: 0 0
    }

    #footer ul li {
        width: 45%
    }

    #bottom_bar,#comment-block,#containerEstimate,#ekomi-fixed,#footer .btn-med.black,#footer span.coords br,#footer span.coords span:nth-child(5),#footer span.coords span:nth-child(6),#footer span.coords span:nth-child(7),#footer span.coords span:nth-child(8),#footer ul,#header div#menutop,#hometext,#slider,.catalog #visus ul.normes,.category_image,.description-plus,.home a#cata,.page.home>div.products,.subpanel {
        display: none
    }

    .home .products ul.list_product li {
        width: 100%;
        margin-right: 0!important;
        margin-bottom: 15px!important
    }

    .home .products ul.list_product li a {
        width: 100%
    }

    .products ul.list_product li {
        background-repeat: repeat
    }

    div#contents div#main div#center {
        padding-left: 0!important
    }

    div#contents div#main div#center.page:not(.catalog):not(.home) {
        padding: 0 5px!important
    }

    .home .products ul.list_product li:after,.home .products ul.list_product li:before {
        width: 100%
    }

    #arbo>div.category_list {
        width: 92%;
        background-size: 100% auto!important;
        background-position: right bottom!important;
        padding: 4%;
        margin: 0 auto
    }

    #arbo .category_list {
        height: auto
    }

    #footer .contact {
        margin-top: 0;
        width: 100%;
        padding: 0
    }

    .subpanel div:nth-child(5) h4 {
        margin-left: 0!important
    }

    #footer .contact hr,#services_list {
        display: none!important
    }

    #footer span.coords a.blogs span {
        display: block
    }

    #footer .wrapper {
        min-height: 180px
    }

    #footer span.tel {
        width: 100%
    }

    #footer span.copy {
        text-align: center;
        width: 100%;
        background: 0 0;
        display: block;
        position: inherit;
        top: inherit;
        right: inherit;
        clear: both
    }

    .social-block>a {
        float: left!important
    }

    #arbo>div h3,#center ul.pathway,#content ul.pathway,.filter-choice,.searchfilter select {
        width: 100%
    }

    #multisearchForm .intitule_title {
        margin-right: 4%!important;
        width: 46%
    }

    ul.list_product li a.btn-buy,ul.list_product li a.btn-det,ul.subcategories_list li a.btn-det,ul.subcategories_list li span.btn-det {
        width: 60px!important
    }

    .page.detail_produit.catalog.detail>a.btn-med.grey {
        display: none!important
    }

    /*.catalog #descr {
        margin: 0 2%;
        width: 96%
    }*/

    #descr h1 {
        top: 310px;
        width: 100%!important;
        position: absolute
    }

    /*.catalog #visus {
        margin-top: 150px;
        width: 100%
    }*/

    .htttc.infos_prix2 {
        /*position: absolute;
        top: 250px;
        width: 100%;
        text-align: center*/
    }

    #actions {
        /*text-align: right;*/
        width: 100%;
        margin: 0
    }

    .zoomPad {
        width: 96%!important;
        margin: 0 2%!important;
        background: #fff;
        text-align: center;
        outline: 1px solid #dedede
    }

    .zoomPad>img {
        outline: 0
    }

    #contents .sidepanel {
        width: 100%;
        position: inherit
    }

    .sidepanel div#panel {
        margin: 0!important;
        padding: 4%;
        /*width: 92%*/
    }

    label.label_product {
        margin-bottom: 10px
    }

    .selection>div {
        width: 100%
    }

    #AddCde,#AddSD {
        width: 100%
    }

    a.btn-med.grey.help_p {
        width: 92%
    }

    .form_center textarea.areaCom {
        max-width: 163px!important
    }

    ul#servgar li a.ekomy span.icon {
        margin-left: 0
    }

    .content_basket tr.trHead {
        display: none!important
    }

    .content_basket tbody {
        display: block!important
    }

    .content_basket tbody tr {
        display: block;
        border: 1px solid #eee!important;
        margin-bottom: 10px!important
    }

    .content_basket tbody tr td.tdCenterRight {
        display: block!important;
        clear: both!important;
        text-align: left!important
    }

    .content_basket tbody tr td {
        border: none!important;
        display: block!important
    }

    .content_basket tbody tr td.tdCenterLeft {
        text-align: left!important;
        float: left!important
    }

    .content_basket tbody tr td.tdPrice {
        text-align: right!important
    }

    .content_basket tbody tr td.tdPriceUnit:before {
        content: "Prix unit. H.T.: ";
        font-weight: 700
    }

    .content_basket tbody tr td.tdPrice:not(.tdPriceUnit):before {
        content: "Prix total H.T.: ";
        font-weight: 700
    }

    .content_basket tbody tr td.tdCenterBold {
        text-align: right!important
    }

    .content_basket tbody tr td.tdDelivery {
        text-align: right!important;
        clear: both
    }

    .content_basket tbody tr td.tdDelivery:before {
        content: "Délai de livraison: ";
        font-weight: 700
    }

    .content_basket tbody tr td.tdPuht:before {
        content: "P.U.H.T.: ";
        font-weight: 700
    }

    .content_basket tbody tr td.tdQuantity:before {
        content: "Quantité: ";
        font-weight: 700
    }

    table.recap_basket {
        width: 100%;
        clear: both!important;
        margin-bottom: 15px
    }

    table.recap_basket tbody {
        float: right
    }

    #delivery_btn {
        position: static!important;
        margin-top: 10px!important
    }
}

#ValidateAdresses {
    position: relative
}

@media only screen and (max-width : 979px) {
    .catalog #panier-b {
        position:absolute;
        top: 75px;
        right: 0;
        background-position: -10px -5px!important;
        width: 60px;
        height: 60px;
        border-top: 1px solid #fff;
        display: none
    }

    .catalog #panier-b .part-l .h3,.catalog #panier-b .part-l h3,.catalog #panier-b .part-r {
        display: none ;
    }

    .catalog #panier-b .part-l {
        padding-left: 0
    }

    .catalog #panier-b .part-l span.num {
        position: relative;
        left: 35px;
        width: 30px;
        height: 16px;
        overflow: hidden
    }
}

@media only screen and (max-width : 500px) {
    /*body {
        background:url(../images/bg-abisco-responsive.jpg) top left repeat-x
    }*/

    #lien_blog {
        display: none
    }

    #header {
        height: 139px!important
    }

    #header .logo {
        margin-top: 20px!important
    }

    #header #slogan,#header #slogan2,#heures,#ouverture {
        display: none
    }

    .logo #logo {
        padding-bottom: 0
    }

    div.categories ul a:first-child li h3 {
        text-align: center
    }

    #centre_conseil ul li:nth-child(2) {
        margin: 25px 0
    }

    #garanties ul {
        margin-left: 10px
    }

    #garanties ul li {
        margin-right: 0!important
    }

    #garanties ul li:nth-child(2) {
        margin-left: 5%
    }

    #garanties ul li:nth-child(3) {
        width: 39%!important;
        margin-left: 5%;
        margin-top: 3%
    }

    #garanties ul li:nth-child(4) {
        margin-left: 5%;
        width: 37%!important;
        margin-top: 3%
    }

    #garanties ul li:nth-child(5) {
        width: 46%!important;
        margin-left: 1.6%;
        margin-top: 3%
    }

    #garanties ul li:last-child {
        margin-top: 3%
    }

    h2 {
        border-bottom: none!important;
        background: 0 0
    }

    #arbo h2 span {
        background: 0 0;
        text-align: left
    }

    #arbo h2:nth-child(2) {
        display: none
    }

    /*div.categories ul li {
        width: 100%
    }*/

    /*#header .telstrong {
        position: absolute;
        left: 10px;
        color: #f8981d;
        background-size: 7% auto;
        top: 100px;
        padding-left: 32px;
        letter-spacing: .06em
    }*/

    #header .tel {
        position: absolute;
        left: 0;
        clear: both;
        padding-top: 36px!important
    }

    #header:not(.opened) #menutop {
        display: none
    }

    #header.opened #menutop {
        display: block
    }

    #menutop a.linkfb {
        padding-right: 6px!important
    }

    /*#header form#SearchForm {
        margin-top: 60px
    }*/

    #header.opened+#main #menu #mainFrontMenu,#header.opened+#menu #mainFrontMenu {
        top: 180px
    }

    .blocksbottom>ul#servgar {
        height: 160px
    }

    #footer {
        height: auto!important
    }

    #multifiltersearch {
        width: 100%
    }

    /*#contents #colG ul.subcategories_list li {
        width: 96%;
        padding: 0!important;
        margin: 0 2%!important
    }*/

    ul.list_product li:hover a,ul.subcategories_list li:hover a,ul.subcategories_list li:hover span {
        width: 99%
    }

    ul.list_product li:after,ul.subcategories_list li:after {
        width: 100%
    }

    ul.list_product li a,ul.subcategories_list li a,ul.subcategories_list li span.atc {
        width: 99%!important
    }

    .products ul.list_product {
        margin-left: 0!important
    }

    /*.products ul.list_product li {
        width: 100%;
        margin: 0!important
    }*/

    .products ul.list_product li:after,.products ul.list_product li:before {
        width: 100%
    }

    .blocksbottom>ul#servgar li {
        width: 50%
    }

    .form_line {
        width: 100%!important
    }

    .title_commande {
        width: auto!important;
        height: auto!important
    }
}

@media only screen and (min-width: 501px) and (max-width:600px) {
    #multifiltersearch {
        width:100%
    }

    #contents #multifiltersearch ul.subcategories_list {
        margin: 0 2%
    }

    #contents #colG ul.subcategories_list li {
        width: 48%
    }

    ul.list_product li a,ul.subcategories_list li a,ul.subcategories_list li span.atc {
        width: 100%;
        padding: 0 2%
    }

    ul.list_product li:hover a {
        border: none
    }

    ul#servgar li a span.label {
        margin-right: 7px
    }

    .products ul.list_product {
        margin-left: 0!important;
        text-align: left
    }

    /*.products ul.list_product li {
        width: 46%;
        margin: 0 2%!important
    }*/

    .products ul.list_product li a,.products ul.list_product li span.a-prod {
        width: 100%;
        text-align: center
    }

    .products ul.list_product li:after,.products ul.list_product li:before {
        width: 100%
    }

    .products ul.list_product li a img,.products ul.list_product li span.a-prod img {
        left: auto;
        margin-left: 0;
        position: inherit
    }
}

@media only screen and (max-width : 360px) {
    #menutop ul {
        float:left
    }

    #menutop ul li a {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    #header #loginpanel {
        width: 250px;
        height: 230px;
        right: -40px
    }

    #header.opened+#main #menu #mainFrontMenu,#header.opened+#menu #mainFrontMenu {
        width: 94%
    }

    #header.opened+#menu #mainFrontMenu img {
        display: none!important
    }

    #mainFrontMenu li li {
        margin-top: 10px!important
    }

    #slider {
        height: 120px!important
    }

    .home ul#servgar li a span.label {
        width: 100px;
        height: 100px
    }

    #arbo>ul>li>ul {
        width: 180px
    }

    div#jobs ul li {
        width: 48%;
        height: 100px;
        text-align: center
    }

    div#jobs ul li a,div#jobs ul li a strong {
        width: 100%;
        border: 0!important
    }

    div#jobs ul li a span.icon {
        margin: 0 25%
    }

    div#jobs ul li a span.icon,div#jobs ul li a strong {
        display: block !important;
        clear: both;
        display: inline-block
    }

    #footer ul {
        width: 100%;
        margin-top: 40px;
        padding-left: 0;
        background: 0 0
    }

    #footer ul li {
        width: 90%
    }

   

    .home ul#servgar {
        position: relative;
        top: 2100px;
        width: 96%;
        margin: 0 2%
    }
}

@media only screen and (min-width : 361px) and (max-width :420px) {
    

    .home ul#servgar {
        position: relative;
        top: 2070px;
        width: 96%;
        margin: 0 2%
    }
}

@media only screen and (min-width : 421px) and (max-width :600px) {
   

    .home ul#servgar {
        position: relative;
        top: 2115px;
        width: 96%;
        margin: 0 2%
    }

    #arbo>div h3 {
        width: 100%
    }
}

@media only screen and (max-width : 979px) {
    #cata,#ekomi-fixed,#reassurance,#servgar li:last-child,.subpanel div:nth-child(5) {
        display:none!important
    }

    .zoomPup,.zoomWindow {
        display: none!important
    }

    #categorybloc .intro {
        padding: 0 2%;
        width: 96%
    }

    #categorybloc .intro h1 {
        width: 100%
    }
}

@media only screen and (min-width : 601px) and (max-width :979px) {
    #multifiltersearch {
        width:73%
    }

    #leftbloc {
        width: 25%!important;
        margin-right: 2%
    }

    .products ul.list_product li {
        width: 45%
    }

    .page.detail_produit.catalog.detail .btn-med.grey {
        display: none!important
    }

    #center ul.pathway,#content ul.pathway {
        width: 100%
    }

    div#contents div#main .page.detail_produit.catalog.detail {
        width: 98%;
        /*padding: 0 1%!important*/
    }

    .zoomPad {
        width: 100%;
        text-align: center;
        margin: 0;
        outline: 1px solid #dedede;
        background: #fff;
        margin-top: 100px
    }

    .zoomPad img {
        outline: 0
    }

    #services_list,.catalog #visus ul.normes {
        display: none!important
    }

    /*.catalog #descr {
        width: 50%;
        margin-left: 0
    }*/

    /*#actions {
        margin-left: 0;
        width: 50%
    }*/

    #contents .sidepanel {
        width: 100%;
        padding: 0!important
    }

    input#AddCde,input#AddSD {
        width: 96%
    }

    #descr h1 {
        position: absolute;
        top: 200px
    }

    /*.htttc.infos_prix2 {
        position: absolute;
        top: 195px;
        right: 10px
    }*/

    /*.catalog #visus {
        width: 100%;
        margin-top: 100px
    }*/

    .mainImage {
        margin-bottom: 10px
    }

    ul.list_product li:hover {
        border: none
    }

    .products ul.list_product li a,.products ul.list_product li span.a-prod {
        width: 100%
    }

    .products ul.list_product li:after,.products ul.list_product li:before {
        width: 100%
    }

    .products ul.list_product li {
        background-size: 100% 321px!important
    }

    .description-plus {
        margin-top: 20px
    }
}

@media only screen and (min-width : 400px) and (max-width :600px) {
    
    div#header {
        height: unset !important;
    }

    /*#header div#menutop {
        position: initial !important;
    }*/

    div#head_niveau_1 div#menutop ul#logpan{
        
    }


    #multifiltersearch {
        width:73%
    }

    /*#leftbloc {
        width: 25%!important;
        margin-right: 2%
    }*/

    /*.products ul.list_product li {
        width: 45%
    }*/

    .page.detail_produit.catalog.detail .btn-med.grey {
        display: none!important
    }

    #center ul.pathway,#content ul.pathway {
        width: 100%
    }

    /*div#contents div#main .page.detail_produit.catalog.detail {
        width: 98%;
        padding: 0 1%!important
    }*/

    .zoomPad {
        width: 100%;
        text-align: center;
        margin: 0;
        outline: 1px solid #dedede;
        background: #fff;
        margin-top: 100px
    }

    .zoomPad img {
        outline: 0
    }

    #services_list,.catalog #visus ul.normes {
        display: none!important
    }

    /*.catalog #descr {
        width: 50%;
        margin-left: 0
    }*/

    /*#actions {
        margin-left: 0;
        width: 50%
    }*/

    #contents .sidepanel {
        width: 100%;
        padding: 0!important
    }

    input#AddCde,input#AddSD {
        width: 96%
    }

    #descr h1 {
        position: absolute;
        top: 200px
    }

    /*.htttc.infos_prix2 {
        position: absolute;
        top: 195px;
        right: 10px
    }*/

    /*.catalog #visus {
        width: 100%;
        margin-top: 100px
    }*/

    .mainImage {
        margin-bottom: 10px
    }

    ul.list_product li:hover {
        border: none
    }

    .products ul.list_product li a,.products ul.list_product li span.a-prod {
        width: 100%
    }

    .products ul.list_product li:after,.products ul.list_product li:before {
        width: 100%
    }

    .products ul.list_product li {
        background-size: 100% 321px!important
    }

    .description-plus {
        margin-top: 20px
    }
}

@media only screen and (min-width : 601px) and (max-width :768px) {
    

    #arbo>div {
        width: 39%
    }

    #arbo .category_list {
        height: 222px;
        float: left;
        background-size: 100% auto!important;
        background-position: bottom right!important
    }

    #arbo>div:hover {
        background-position: bottom right!important
    }

    #arbo>div h3 {
        width: 100%
    }
}

@-webkit-keyframes aShowA {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-moz-keyframes aShowA {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-o-keyframes aShowA {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes aShowA {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes aShowB {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes aShowB {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes aShowB {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes aShowB {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#description_plus>h2 {
    font-size: 16.5px
}

#arbo>div#arbo1 {
    background: url(../images/home/new/home_11.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo2 {
    background: url(../images/home/new/home_20.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo3 {
    background: url(../images/home/new/home_21.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo4 {
    background: url(../images/home/new/home_15.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo5 {
    background: url(../images/home/new/home_16.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo6 {
    background: url(../images/home/new/home_14.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo7 {
    background: url(../images/home/new/home_10.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo8 {
    background: url(../images/home/new/home_12.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo9 {
    background: url(../images/home/new/home_13.jpg) no-repeat scroll right 0 #fafafa
}

#arbo>div#arbo10 {
    background: url(../images/home/new/home_24.jpg) no-repeat scroll right 0 #fafafa
}

.contact .form_left {
    width: 265px;
    float: left
}

.contact .form_left label,.form_right label {
    width: 90px;
    float: left;
    color: #6f6f6f;
    padding: 0 5px 0 0;
    font-size: 11px;
    text-align: right;
    margin: 0 0 8px 0
}

.contact .asterix {
    color: #f5a900
}

.contact .form_left input,.form_right input {
    width: 164px;
    float: left;
    color: #6f6f6f;
    font-size: 11px;
    margin: 0 0 8px 0;
    background: url(../images/background-input-devis.jpg) no-repeat right bottom;
    height: 13px;
    border: 1px solid #6f6f6f
}

.contact .form_left select,.form_right select {
    width: 80px;
    float: left;
    color: #6f6f6f;
    font-size: 11px;
    margin: 0 0 8px 0;
    background: url(../images/background-input-devis.jpg) no-repeat right bottom;
    height: 18px;
    border: 1px solid #6f6f6f
}

.contact .btn_send {
    color: #fff;
    font-size: 11px;
    width: 140px;
    height: 21px;
    float: right;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.contact .title_devis_contact {
    color: #f5a900;
    font-size: 14px;
    background: url(../templates/catalog/images/icons-contact.jpg) no-repeat 0 6px;
    height: 22px;
    padding: 7px 0 0 30px;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 5px 0;
    float: left;
    width: 500px
}

.contact div.spacer {
    clear: both
}

.contact div.form_left {
    width: 100%
}

.contact .tdContact ul.contactList {
    text-align: center!important
}

.contact table.BorderedPhone {
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.metierClip li {
    padding: 5px;
    width: 239px;
    height: 152px;
    margin: 8px 10px 0 0;
    float: left;
    -moz-border-radius: 10px;
    list-style: none
}

.metierClip li:hover {
    background: #ddd
}

p.pagination {
    word-spacing: 5px;
    margin: 5px 23px 5px 10px;
    font-size: 12px;
    text-align: center
}

p.pagination a,p.pagination b {
    word-spacing: 5px;
    margin: 8px 5px
}

p.pagination a,p.pagination b {
    height: 18px;
    background: url(/images/front_office/global/bg-pagination.jpg) repeat-x;
    padding: 2px 4px;
    border: 1px solid #fff;
    text-decoration: none;
    color: #233039;
    font-size: 12px
}

p.pagination a:hover,p.pagination b {
    background: #55c4c2;
    border: 1px solid #55c4c2;
    color: #fff
}

#contents {
    z-index: 0!important
}

#categorybloc .intro {
    padding: 0 10px
}

/*div#contents div#main {
    float: left
}*/

#categorybloc .intro>p:nth-child(3) {
    margin-right: 15px;
    max-width: 100%!important;
    min-width: 100%!important
}

.search_page p.pagination {
    word-spacing: 5px;
    margin: 5px 23px 5px 10px;
    font-size: 12px;
    text-align: center
}

.search_page p.pagination a,.search_page p.pagination b {
    word-spacing: 5px;
    margin: 8px 5px
}

.search_page p.pagination a,.search_page p.pagination b {
    height: 18px;
    background: url(/images/front_office/global/bg-pagination.jpg) repeat-x;
    padding: 2px 4px;
    border: 1px solid #ececec;
    text-decoration: none;
    color: #233039;
    font-size: 12px
}

.search_page p.pagination a:hover,.search_page p.pagination b {
    background: #f39900;
    border: 1px solid #f39900;
    color: #fff
}

.demandedecatalog .form_left label {
    color: #6f6f6f;
    float: left;
    font-size: 11px;
    margin: 0 0 8px;
    padding: 0 5px 0 0;
    text-align: right;
    width: 150px;
    line-height: 35px
}

.demandedecatalog .asterix {
    color: #f5a900
}

.demandedecatalog .form_left {
    float: left;
    width: 530px
}

.demandedecatalog .form_left input[type=text] {
    margin-bottom: 10px
}

.demandedecatalog div.spacer {
    clear: both
}

div.cat-marque ul.list_product li a span.small,div.cat-marque ul.list_product li span span.small {
    clear: both;
    font-size: .75vw;
    line-height: .9em;
    margin-top: 40%;
    width: 100%;
    text-align: left;
    /*float: left;*/
    display: block
}

div.cat-marque ul.list_product li a span.strong,div.cat-marque ul.list_product li span span.strong {
    display: block;
    float: left;
    width: auto;
    text-align: left;
    padding: 0 0 2px 0;
    font-weight: 700;
    margin: 0 5px 0 10px;
    color: #f39900
}

.cat-marque .products .list_product li:before {
    background: 0 0!important
}

div.trade.page ul.list_product li a span.small {
    margin-top: 55px
}

.trade_description_plus {
    clear: both
}

.products ul.list_product li a span.price span.strong.smallttc,.products ul.list_product li span.a-prod span.price span.strong.smallttc {
    font-size: 10px!important;
    padding-bottom: 0!important
}

span.opening {
    font-style: normal;
    font-family: MontserratExtraBold;
    color: #222;
    margin-top: 4px;
    display: inline-block;
    font-size: 10px
}

.secure_payment {
    text-align: center;
    margin-left: -20px;
}

.secure_payment .secure_payment_title {
    font-weight: 700;
    margin-bottom: 5px
}

.secure_payment hr {
    height: 10px!important;
    width: 84%!important;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    margin-left: 9px;
    margin-bottom: 12px;
    clear: both
}

ul.payment_list li {
    margin: 15px 0;
    padding: 10px 15px;
    list-style: none;
    background-color: #f9f9f9
}

ul.payment_list li h2 {
    cursor: pointer;
    width: auto!important;
    margin-left: 0!important;
    background: url(../images/sprite_paysecure.png) no-repeat scroll!important;
    height: 30px;
    line-height: 30px
}

ul.payment_list li#pay-cb h2 {
    background-position: right -2px!important
}

ul.payment_list li#pay-mandate h2 {
    background-position: right -35px!important
}

ul.payment_list li#pay-transfer h2 {
    background-position: right -97px!important
}

ul.payment_list li#pay-check h2 {
    background-position: right -65px!important
}

ul.payment_list li h2 a {
    text-decoration: none
}

.payment_list li h2 a span {
    color: #666;
    font-weight: 400;
    font-size: 11px
}

.hide {
    display: none;
    margin-top: 10px
}

.hide>p {
    margin: 0 0 10px 0!important
}
/*stg*/
/*#services_list {
    display: inline-block;
    list-style: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-top: 10px;
    background: -webkit-linear-gradient(#fff,#f7f7f7);
    background: -o-linear-gradient(#fff,#f7f7f7);
    background: -moz-linear-gradient(#fff,#f7f7f7);
    background: linear-gradient(#fff,#f7f7f7)
}*/

#services_list li {
    float: left;
    margin: 6px 0;
    padding: 5px 0;
    text-align: center;
    width: 140px;
    height: 50px;
    font-size: 9px
}

#services_list li.delivery {
    background: 0 0
}

#services_list li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-top: 0;
    text-transform: uppercase
}

#services_list li span>a,#services_list li span.f39 span {
    color: #f39903;
    text-decoration: none;
    line-height: normal;
    font-size: 11.7px;
    font-weight: 700
}

.catalog ul#services_list li p {
    margin-top: 0!important;
    text-align: left;
    line-height: 15px
}

.catalog ul#services_list li.delivery p {
    font-size: 11px;
    line-height: 10px
}

.catalog ul#services_list li p a {
    text-decoration: none
}

.catalog #descr ul#services_guaranteed {
    height: 40px;
    margin: 6px 0 0!important;
    padding: 0!important;
    border-radius: 3px;
    display: block;
    width: 235px;
    background: -webkit-linear-gradient(#fff,#f7f7f7);
    background: -o-linear-gradient(#fff,#f7f7f7);
    background: -moz-linear-gradient(#fff,#f7f7f7);
    background: linear-gradient(#fff,#f7f7f7)
}

ul#services_guaranteed li a span.icon {
    background: url(../images/sprite_pay_video.png) no-repeat scroll left top rgba(0,0,0,0);
    float: left;
    height: 36px;
    margin-left: 10px;
    margin-right: 6px;
    width: 44px
}

ul#services_guaranteed li a span.label {
    margin-right: 10px;
    line-height: 35px
}

ul#services_guaranteed li a span.label span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle
}

ul#services_guaranteed li a.paiement span.label {
    margin-top: 0
}

ul#services_guaranteed li a#button-pay-secure span.icon {
    background-position: 2px 4px;
    background-size: auto 30px
}

ul#services_guaranteed li a#button-video-show span.icon {
    background-position: -59px 4px;
    width: 40px;
    background-size: auto 29px
}

.catalog #descr ul#services_guaranteed li {
    display: inline-block;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 2px 0;
    padding: 0;
    width: auto
}

.catalog #descr ul#services_guaranteed li a {
    color: grey
}

#ekomi-fixed {
    position: fixed;
    bottom: 37px;
    right: 1px;
    z-index: 1;
    background: -webkit-linear-gradient(#fff,#f4f2f4 60px);
    background: -moz-linear-gradient(#fff,#f4f2f4 60px);
    background: -o-linear-gradient(#fff,#f4f2f4 60px);
    background: linear-gradient(#fff,#f4f2f4 60px);
    padding-top: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center
}

#ekomi-avis {
    background-position: 140px 130px;
    width: 137px;
    height: 46px
}

#ekomi-avis a {
    cursor: pointer;
    display: block;
    width: 137px;
    height: 46px
}

div#video-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 999999999
}

.video_content {
    display: inline-block;
    position: fixed;
    left: 29%;
    top: 25%
}

span.video_close {
    position: absolute;
    right: -11px;
    color: #fff;
    top: 0;
    cursor: pointer;
    border-radius: 14px
}

a#button-video-show {
    cursor: pointer
}

a.btn-return {
    display: block;
    background-color: #f39900;
    text-decoration: none;
    text-align: center;
    margin: 20px auto;
    width: 200px;
    padding: 7px;
    border-radius: 14px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-family: MontserratRegular;
    border: 1px solid #e0e0e0;
    clear: both
}

.catalog ul#services_list li.contact p,.catalog ul#services_list li.devis p {
    font-size: 11px
}

#services_list li.devis {
    width: 90px
}

#services_list li.contact {
    width: 148px
}

ul#reassurance {
    display: inline-block;
    list-style: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-top: 10px;
    background: #fff;
    width: 99%
}

#reassurance li {
    float: left;
    margin: 6px 0;
    padding: 6px 20px 12px;
    text-align: center;
    height: 75px;
    line-height: 75px;
    font-size: 9px;
    width: 29%
}

#reassurance li .content_block {
    display: inline-block;
    line-height: normal;
    vertical-align: middle
}

#reassurance li .content_block * {
    line-height: 20px
}

#reassurance li.payment {
    background: 0 0
}

#reassurance li span.top {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-top: 0;
    font-size: 1.6em!important;
    background: 0 0;
    color: #f39900;
    font-weight: 700
}

#reassurance li span.strong {
    font-weight: 700
}

#reassurance p {
    text-align: center;
    font-size: 1.4em
}

#reassurance li img {
    width: 122px;
    margin: auto
}

input.input_quantity {
    text-align: center;
    display: inline-block;
    float: none;
    margin-bottom: 5px
}

input#voucher_code {
    margin-top: 5px
}

div#discount_voucher {
    font-size: 11px;
    color: #6f6f6f;
    display: inline-block;
    float: left
}

.perso1 {
    margin-top: 20px;
    padding-right: 1%
}

#logininregister>label,.form_left label,.form_right label {
    line-height: 38px
}

#logininregister input[type=submit] {
    font-size: 15px;
    height: 24px;
    padding: 0 10px;
    width: auto
}

.new_member {
    color: #f39903;
    font-size: 17px;
    font-weight: 700;
    margin: 20px 0 10px;
    text-transform: uppercase
}

.form_left .input_radio,.form_right .input_radio {
    margin: 14px 0 0
}

.form_line {
    float: left;
    width: 50%;
    height: 47px
}

span.icon-delivery {
    background: url(../images/icon-delivery.png) no-repeat scroll left top rgba(0,0,0,0);
    width: 45px;
    height: 42px;
    display: inline-block;
    float: left
}

span.icon-billing {
    background: url(../images/icon-billing.png) no-repeat scroll left top rgba(0,0,0,0);
    width: 45px;
    height: 42px;
    display: inline-block;
    background-position: 0 0;
    float: left
}

#multisearchForm .intitule_title {
    float: left;
    margin-right: 20px
}

#multisearchForm .intitule_title b {
    color: #f39900;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.filter_title {
    font-weight: 700;
    font-size: 14px;
    color: #f39900;
    float: left;
    margin: -20px 30px 5px 0;
    padding: 3px
}

.filter-choice {
    float: left;
    height: 32px;
    line-height: 32px
}

div.page .product_block ul.list_product li a span.small {
    margin-top: 55px
}

.searchfilter {
    font-size: unset!important;
    display: inline-block;
    width: 98%
}

input#AddCde,input#AddSD {
    cursor: pointer;
    height: 35px;
    font-size: 14px;
    padding-top: 1px;
    border-radius: 20px
}

input#AddSD {
    padding-left: 30px;
    background-position: 13px 3px
}

.basket_fil {
    font-size: 17px;
    width: 99%;
    margin-bottom: 15px!important
}

.basket_fil li span {
    position: relative;
    top: -3px;
    margin-left: 5px
}

.data h1.title_commande {
    font-size: 19px!important
}

input.not_valid,select.not_valid {
    border: 1px solid red!important;
    box-shadow: 0 0 3px red!important
}

input.valid,select.valid {
    border: 1px solid #2ca02c!important;
    box-shadow: 0 0 3px #2ca02c!important
}

span.not_valid {
    height: 38px;
    line-height: 38px;
    margin-left: 10px;
    font-style: italic;
    color: red
}

#loginblock span.not_valid {
    display: inline-block;
    float: left;
    line-height: normal;
    margin-left: 168px;
    height: auto;
    margin-top: -6px;
    margin-bottom: 10px
}

.not_valid+span.check,.valid+span.check {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../../../images/field_check.png) transparent;
    float: left;
    margin: 10px 0 0 8px
}

.not_valid+span.check {
    background-position: 19px 0
}

.valid+span.check {
    background-position: -3px 0
}

input#AddCde:hover,input#AddSD:hover {
    border-color: #febc68;
    box-shadow: 0 0 6px #ef8906
}

.form_line select {
    -moz-appearance: caret
}

#leftbloc {
    width: 180px;
    float: left
}

#leftbloc aside {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 0 0 10px 0
}

#leftbloc aside h3 {
    font-size: 15px;
    color: #f39900;
    padding: 10px 4px 5px;
    display: inline-block;
    width: 96%
}

#leftbloc aside h3 a {
    text-decoration: none;
    color: inherit
}

#leftbloc aside ul {
    min-height: unset!important;
    padding: 0!important
}

#leftbloc aside ul li {
    float: left;
    list-style: none;
    width: 170px;
    border-top: 1px dotted #e4e4e4;
    padding: 5px 5px;
    display: block;
    margin: 0!important
}

#leftbloc aside ul li:hover {
    background: #f8f8f8
}

#leftbloc aside ul li a img {
    float: left
}

#leftbloc aside ul li div {
    float: left;
    width: 105px;
    margin: 0 0 0 5px
}

#leftbloc aside ul li a,#leftbloc aside ul li span {
    font-size: 12px;
    color: #f39900;
    text-decoration: none!important;
    font-weight: 400;
    display: block;
    min-height: 60px
}

#leftbloc aside ul li a h3 {
    font-size: 12px;
    line-height: 15px;
    color: #565656;
    font-weight: 400
}

#leftbloc aside ul li p {
    text-align: right;
    line-height: 11px;
    margin: 5px 0 0 0;
    font-weight: 700
}

#leftbloc aside ul li p span {
    font-size: 10px;
    font-weight: 400
}

#leftbloc aside ul li p del {
    color: #565656;
    font-size: smaller
}

nav#left {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 0 0 10px 0
}

nav#left h2 {
    font-size: 15px;
    color: #565656;
    padding: 5px 4px
}

nav#left ul li {
    float: left;
    list-style: none;
    width: 100%
}

nav#left ul li span {
    padding: 5px 12px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #565656;
    border-top: 1px dotted #e4e4e4
}

nav#left ul li a {
    text-decoration: none
}

nav#left ul li ul {
    margin-left: 10px
}

nav#left ul li ul li {
    float: left;
    list-style: none;
    width: 100%
}

nav#left ul li ul li a {
    padding: 5px 12px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #565656;
    text-decoration: none;
    background: url(../../../templates/catalog/images/arrow-orange.png) scroll no-repeat 4px 4px;
    border-top: 1px dotted #e4e4e4
}

nav#left ul li ul li a:hover {
    color: #f39900
}

.blocInfo {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left;
    margin: 0 0 10px 0
}

.blocInfo h2 {
    font-size: 15px;
    color: #565656;
    padding: 5px 4px 2px 4px;
    border-bottom: 1px dotted #e4e4e4;
    margin: 0 0 2px 0
}

.blocInfo h2 span {
    color: #f39900
}

.blocInfo p {
    padding: 0 5px;
    font-size: 12px;
    color: #565656
}

.blocInfo a {
    padding: 5px 12px;
    display: block;
    font-size: 12px;
    color: #565656;
    text-decoration: none;
    background: url(../../../templates/catalog/images/arrow-orange.png) no-repeat 4px 10px;
    float: right
}

.blocInfo a:hover {
    color: #55c4c2
}

.blocInfo a.imageBlock {
    background: 0 0;
    padding: 0;
    float: none;
    text-align: center
}

#besoinAide {
    height: 260px;
    width: 176px;
    background: #fff url(../../../templates/catalog/images/banner_prod_help.jpg) no-repeat
}

#besoinAide a {
    padding: 222px 0 0 0;
    width: 176px;
    display: block;
    background: 0 0
}

#besoinAide span {
    padding: 0 4px 0 8px;
    background: url(../../../templates/catalog/images/arrow-orange.png) no-repeat 0 6px;
    float: right
}

#categorybloc.account {
    width: 770px!important;
    float: left!important;
    margin: 0 0 0 10px!important
}

#categorybloc.account .intro {
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #fff;
    float: left
}

#categorybloc.account .intro h1 {
    font-size: 15px;
    color: #f69814;
    margin: 5px 5px 0 5px;
    width: 590px;
    border-bottom: 1px dotted #e4e4e4
}

#categorybloc.account .intro h2 {
    font-size: 15px;
    color: #565656;
    margin: 5px 5px 0 5px;
    width: 590px;
    border-bottom: 1px dotted #e4e4e4
}

#categorybloc.account .intro h1.product_list {
    font-size: 15px;
    color: #565656;
    margin: 5px 5px 0 5px;
    width: 590px;
    border-bottom: 1px dotted #e4e4e4
}

#categorybloc.account .intro h2.product_list {
    font-size: 14px;
    color: #565656;
    margin: 5px;
    width: 590px;
    border: none
}

#categorybloc.account .intro p#fil_ariane {
    font-size: 11px;
    color: #565656;
    padding: 1px 5px;
    line-height: 18px
}

#categorybloc.account .intro p#fil_ariane a {
    color: #565656;
    text-decoration: none
}

#categorybloc.account .intro p#fil_ariane a#home {
    background: url(../../../images/front_office/global/icons-house.jpg) no-repeat top center;
    display: inline-block;
    width: 15px;
    height: 9px
}

#categorybloc.account .intro p#fil_ariane a#home span {
    display: none
}

#categorybloc.account .intro p#fil_ariane a:hover {
    color: #55c4c2
}

#categorybloc.account .intro #text {
    margin: 8px 0 0 0
}

.tooltiphover {
    display: block;
    position: absolute;
    top: 20px;
    left: -18px;
    border: 2px solid #ff8000;
    background-color: #fff;
    color: #666!important;
    z-index: 99;
    width: 814px
}

.tooltiphover .arrow {
    top: 13px;
    height: 13px;
    left: -9px;
    position: absolute
}

.tooltiphover div {
    background-color: #fff
}

#categorybloc.account .intro,nav#left {
    border-radius: 5px
}

#content.account {
    margin: 0 10px;
    width: 98%
}

.stretch-down {
    min-height: 500px
}

.Account_logoffA {
    color: #f39900!important
}

#categorybloc.account .intro #text p.small {
    padding: 2px 5px;
    font-size: smaller!important;
    color: #565656;
    text-align: justify;
    line-height: 1.5em;
    margin: .5em 0 0 0
}

#categorybloc .intro #text li {
    color: #565656;
    margin: 0 0 6px 0;
    padding: 0 0 0 8px;
    background: url(../../../templates/catalog/images/arrow_orange.png) left .45em no-repeat;
    line-height: 1em
}

.account table.dataTable tr {
    vertical-align: bottom
}

input#end_date,input#start_date {
    margin-top: 6px;
    height: 23px;
    padding: 0 0 0 11px
}

select.ui-datepicker-month,select.ui-datepicker-year {
    height: 23px;
    padding: 0 0 0 4px
}

.account .dataTable {
    float: left
}

.account .submitButtonContainer {
    padding-right: 0!important;
    margin-bottom: 0!important;
    padding-top: 7px;
    float: left!important
}

input.blueButton[value=Rechercher] {
    height: 24px!important;
    width: 100px;
    padding-top: 2px!important
}

.toggle {
    padding: 0 0 0 8px
}

form#mainform {
    line-height: 21px;
    margin-bottom: 10px
}

.tooltip {
    display: none
}

.inProgress .tooltiphover {
    padding: 10px
}

#categorybloc #buyer_info label {
    padding: 0;
    font-weight: 700;
    height: 33px;
    line-height: 33px
}

#categorybloc #buyer_info td {
    padding-bottom: 10px;
    height: 30px
}

.account .account#categorybloc #buyer_info select {
    width: 165px;
    height: 30px!important;
    border: 2px solid #b6b6b6;
    margin-top: 0;
    -moz-appearance: caret
}

#categorybloc #buyer_info input[type=radio] {
    margin-bottom: 0;
    margin-top: 10px;
    vertical-align: bottom
}

.account input.input_quantity {
    width: 15px
}

.account input[id^=check_] {
    width: auto
}

.sortable a,.sortable a span {
    width: 14px;
    height: 4px
}

.sortable a span {
    display: inline-block;
    vertical-align: middle
}

.sortable a span.sort_asc {
    background: url(/images/small_asc.gif)
}

.sortable a span.sort_desc {
    background: url(/images/small_desc.gif)
}

.accountTable .sortable a:hover {
    color: #000
}

table.accountTable.tio {
    margin-left: 0;
    width: 100%
}

.tio input[id^=serial_],.tio input[id^=service_] {
    padding: 5px 5px
}

.tio input[id^=datepicker] {
    padding: 5px;
    width: 65px!important
}

.tio.accountTable td {
    padding: 4px
}

.tio input#documents {
    border: none;
    width: 117px
}

.tio .pdf_link {
    display: inline-block
}

input.pdf_ups {
    width: 20px;
    height: 20px;
    background: rgba(0,0,0,0);
    box-shadow: none;
    text-indent: -99999px;
    padding: 0;
    background-image: url(/images/back_office/content/button_save.png);
    border-radius: 0;
    background-position: 0;
    margin-left: 5px
}

.leftbloc {
    width: 20%;
    margin-right: 20px
}

.with-left {
    float: left;
    width: 79%
}

#center .with-left .pathway {
    width: 57%
}

/*.with-left .category_description {
    width: calc(100% - 200px)!important;
}*/

.with-left .category_image {
    float: left
}

#leftbloc aside li a,#leftbloc aside li span {
    border-bottom: 1px solid #d6d4d4;
    color: #5f5b54!important;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px!important;
    padding: 7px 10px 7px 10px;
    min-height: inherit!important
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    src: url(../_web../_webfonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format("embedded-opentype"),url(../_web../_webfonts/fontawesome-webfont.woff?v=4.1.0) format("woff"),url(../_web../_webfonts/fontawesome-webfont.ttf?v=4.1.0) format("truetype"),url(../_web../_webfonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format("svg")
}

#leftbloc aside li span.grower {
    right: 0;
    top: 0;
    border: none;
    position: absolute;
    cursor: pointer;
    display: block;
    height: 8px;
    width: 14px;
}

#leftbloc aside li span.grower.OPEN:before {
    content: "";
    display: block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    margin-right: -5;
    margin-top: 3px;
    background: url(../images/flishe.png) no-repeat left -1px;
}

#leftbloc aside li span.grower.CLOSE::before,#leftbloc aside li span.grower.CLOSE:before {
    content: "";
    display: block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background: url(../images/flishe.png) no-repeat left -6px;
    margin-top: 2px;
    margin-right: -10px;
}

#leftbloc aside li {
    position: relative;
    border-top: none!important;
    width: 100%!important;
    padding: 0!important
}

#leftbloc aside li li a:before,#leftbloc aside li li span:before {
    content: "";
    background: url(../images/icons8-jouer-50.png) no-repeat;
    background-size: 74%;
    display: inline-block;
    width: 20px;
    height: 13px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

#ssmenu li li a {
    line-height: inherit!important;
    padding-right: 0
}

.mobile-filters {
    display: none
}

span.mobile-label {
    width: 49%;
    margin: 5px 1px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    background-color: #f0f0f0
}

.page.catalog.category .container {
    width: 100%
}

#multifiltersearch {
    margin-top: -22px
}

#contents #multifiltersearch ul.subcategories_list {
    padding-top: 0
}

#arbo>div h3 a {
    text-decoration: none;
    color: inherit
}

@media only screen and (max-width : 768px) {
    #arbo h2 {
        margin-top:15px
    }
}

@media only screen and (max-width : 699px) {
    ul.basket_fil li:not(.actif) {
        display:none
    }
}

.mob-title {
    display: none
}

@media only screen and (max-width : 600px) {
    .mob-title {
        display:block
    }

    .desk-title {
        display: none
    }

    .mobile-filters {
        display: block;
        width: 100%
    }

    #category_description,#category_description_2,#description_plus {
        display: block;
        width: 100%
    }

    /*#category_description p,#category_description_2 p,#description_plus p {
        width: 94%;
        margin-left: -18px
    }*/

    #multifiltersearch {
        margin-top: 0!important
    }

    #filtersearch {
        display: none;
        margin-top: -5px
    }

    #leftbloc {
        display: none;
        width: 100%;
        padding-bottom: 12px
    }

    #trieprop:after {
        content: '';
        width: 25px;
        height: 25px;
        display: block;
        float: right;
        background: url(../images/down-arrow.png) no-repeat;
        background-size: 74%;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
        margin-top: 3px;
        transform: rotate(-90deg)
    }

    #filtercateg:after {
        content: '';
        width: 25px;
        height: 25px;
        display: block;
        float: right;
        background: url(../images/down-arrow.png) no-repeat;
        background-size: 74%;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
        margin-top: 3px;
        transform: rotate(-90deg)
    }

    span.activated::after {
        content: '';
        margin-top: 10px!important;
        transform: rotate(0)!important
    }

    .trade_image img {
        display: none
    }

    .trade_description p {
        width: 126%;
        margin-left: -20px
    }

    .trade_description_plus p {
        margin-left: -19px;
        width: 94%
    }

    div#jobs ul li {
        width: 48%;
        margin-right: 4px
    }
}

.home-marque-block {
    float: left;
    width: 100%;
    margin-top: 20px
}

.line1st.newsletter-block-home {
    width: 100%
}

.newsletter-block-home h4 {
    float: left
}

.newsletter-block-home form#newsletter {
    width: 44%
}

ul#marques li.cleanspace a,ul#marques li.cleanspace span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -5px -565px;
    height: 31px;
    width: 88px
}

ul#marques li.cleanspace a:hover,ul#marques li.cleanspace span:hover {
    background-position: -5px -526px
}

ul#marques li.drager a,ul#marques li.drager span {
    background: url(../images/sprite_abisco.png) no-repeat scroll left top transparent;
    background-position: -5px -645px;
    height: 31px;
    width: 88px
}

ul#marques li.drager a:hover,ul#marques li.drager span:hover {
    background-position: -5px -606px
}

ul#marques li.plum a {
    background: url(../images/plum-logo_1.png) no-repeat scroll left top transparent;
    background-position: 0 -35px;
    height: 31px;
    width: 88px
}

ul#marques li.plum a:hover {
    background-position: 0 0
}

.list_product li {
    margin: 0;
    padding: 70px 0
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:after,.lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

.lSAction>a {
    width: 50px;
    display: block;
    top: 40%;
    height: 50px;
    background-image: url(../images/home/lsskin/skin.png);
    background-position: 0 0;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 6px
}

.lSAction>.lSNext {
    background-position: -150px 0;
    right: 1px
}

.home-marque-block .lSSlideWrapper {
    overflow: visible
}

.home-marque-block .lSSlideOuter {
    overflow: visible
}

.home-marque-block .lSAction>.lSPrev {
    background-image: url(../images/arrow-slide-1.png);
    height: 29px;
    width: 27px;
    background-position: 0 0;
    right: 54px;
    left: initial!important;
    top: -35px
}

.home-marque-block .lSAction>.lSNext {
    background-image: url(../images/arrow-slide-2.png);
    height: 29px;
    width: 27px;
    background-position: 0 0;
    top: -35px
}

.home-marque-block h2 {
    width: 90%!important
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0!important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute!important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100%!important;
    max-width: none!important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>* {
    float: right!important
}
/*update 2022*/

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    100% {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    100% {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    100% {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    100% {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    100% {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

#alsace-footer-sp,#blog-footer-sp,#blog-header-sp,#devis-sp,#facebook-footer-sp,#linkedin-footer-sp,#payement-sp,#qualite-sp,#surmesure-sp,#youtube-footer-sp,.btnVoir-sp {
    background-image: url(../images/bg-sprite.png)
}

#facebook-footer-sp {
    background-repeat: no-repeat!important;
    background-position: -41px -616px!important;
    width: 27px;
    height: 27px
}

#linkedin-footer-sp {
    background-repeat: no-repeat!important;
    background-position: -41px -570px!important;
    width: 27px;
    height: 27px
}

#blog-footer-sp {
    background-repeat: no-repeat!important;
    background-position: -40px -416px!important;
    width: 27px;
    height: 27px
}

#youtube-footer-sp {
    background-repeat: no-repeat!important;
    background-position: -41px -522px!important;
    width: 27px;
    height: 27px
}

#alsace-footer-sp {
    background-repeat: no-repeat!important;
    background-position: -40px -360px!important;
    width: 27px;
    height: 27px
}

#surmesure-sp {
    background-repeat: no-repeat;
    padding: 15px!important;
    background-position: -33px -806px;
    width: 15px;
    height: 15px
}

#devis-sp {
    background-repeat: no-repeat;
    padding: 15px!important;
    background-position: -33px -661px;
    width: 15px;
    height: 23px
}

#qualite-sp {
    background-repeat: no-repeat;
    background-position: -34px -869px;
    width: 41px;
    height: 43px
}

#payement-sp {
    background-repeat: no-repeat;
    background-position: -27px -740px;
    width: 56px;
    height: 42px
}

.btnVoir-sp {
    background-repeat: no-repeat;
    background-position: -41px -183px;
    width: 27px;
    height: 29px;
    margin-right: 20px
}

.txtVoirArticle-sp {
    color: #f8981d;
    font-weight: 700;
    margin-top: 7px
}

#commercialabisco {
    margin-top: 8px
}

#AddCde {
    width: 164px !important;
    text-align: center;
    border-radius: 2px;
    margin: 0;
    padding: 2px 0px;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px!important;
    background-color: #7ec307;
    margin-right: 6px;
    float: right;
}
.mi_new_column_3>.mi_new_column_1 {
    width: 25%;
}
.mi_new_column_3 .mi_new_column_2 {
    width: 75%;
    gap: 46px;
}
.mi_new_column_3 .mi_new_column_2 .mi_new_column_1  {
    width: 65%;
}
.mi_new_column_2 .left_pay  {
    width: 35%;
}

@media only screen and (max-width: 500px) {
    /*#header .telstrong {
        margin-top:-5px;
        background-position-y: 1px;
        font-size: 15px;
        background-size: 26px auto
    }*/

    #commercialabisco {
        margin-top: -19px
    }

    #header div#menutop>ul {
        top: 67px
    }

    /*#header div#menutop>ul li a,#header div#menutop>ul li span.atc {
        margin-right: -60px;
        width: 99px;
        height: 29px
    }*/

    #header #menutop {
        display: block!important
    }

    #header div#menutop>ul li {
        display: block
    }

    #header div#menutop>ul li:first-child {
        padding-right: 0
    }

    #lien_blog {
        margin-top: 9px;
        right: 21px
    }

    /*#header form#SearchForm {
        margin-top: 45px
    }*/

    /*#header form#SearchForm {
        position: absolute;
        left: 0;
        margin-left: -10px;
        margin-right: auto;
        top: 127px;
        padding-bottom: 11px;
        background-color: rgba(113,109,102,1);
        width: 109%;
        z-index: 9
    }
*/
    div#show-search {
        background: url(../images/find.png) no-repeat scroll center center transparent;
        cursor: pointer;
        height: 26px;
        position: absolute;
        width: 35px;
        z-index: 141;
        top: 136px;
        right: -18px;
        margin-right: 5px
    }

    div#jobs ul.jobs_list li {
        border: 1px solid #e8e8e8;
        background: linear-gradient(to bottom right,#e8e8e8,rgba(0,0,0,0))
    }

    div#jobs ul li a strong {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-size: 12px;
        vertical-align: middle
    }

    img#footer_tel {
        padding-left: 26%
    }

    div#facebook-footer-sp {
        margin-left: 28%
    }

    #garanties ul {
        margin-left: 39px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #footer {
        padding-bottom: 15px!important;
        height: inherit!important
    }

    #AddSD {
        width: 88%!important;
        text-align: center
    }

    #AddCde {
        width: 91%!important;
        text-align: center
    }
}



@media only screen and (min-width : 600px) and (max-width :650px) {
    .nav-container {
        margin-top:0!important
    }

    #garanties ul {
        margin-left: 39px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #garanties ul li {
        width: 30%!important
    }

    #garanties ul li:first-child {
        margin-left: 0
    }

    #garanties ul li {
        margin-right: 0!important
    }

    #blog_abisco ul li {
        width: 45%
    }

    #blog_abisco ul {
        margin-left: 2%;
        margin-right: -2%
    }

    #centre_conseil ul li {
        width: 29.8%
    }
}

@media only screen and (min-width : 651px) and (max-width :900px) {
    .logo #logo {
        padding-bottom:0
    }

    span.telstrong {
        top: 16px;
        background-size: 39px auto;
        background-position-x: 36px;
        background-position-y: 0
    }

    span#ouverture {
        display: none
    }

    span#heures {
        display: none
    }

    #commercialabisco {
        margin-top: -21px
    }

    div#header .logo {
        margin: 0;
        margin-top: 5px!important
    }
    #header div#menutop>ul li a {
        margin-right: -60px;
        width: 99px;
        height: 29px
    }
    /*.nav-container {
        top: 10px
    }*/

    #slider {
        margin-left: 0
    }

    /*#arbo ul {
        margin-left: 5%;
        margin-right: -42%
    }*/

    div.categories ul a:nth-child(3n) li {
        margin-right: 13px
    }

    #centre_conseil ul li {
        width: 29.8%
    }

    #blog_abisco ul li {
        width: 45%
    }

    #blog_abisco ul {
        margin-left: 2%;
        margin-right: -2%
    }

    #garanties ul {
        margin-left: 39px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #garanties ul li {
        width: 30%!important
    }

    #garanties ul li:first-child {
        margin-left: 0
    }

    #garanties ul li {
        margin-right: 0!important
    }

    #footer ul {
        width: 100%;
        padding-left: 11px
    }

    img#footer_tel {
        margin-left: 24%;
        margin-right: 15%
    }

    #facebook-footer-sp {
        margin-left: -20px
    }

    #SearchForm {
        display: block!important;
        margin-left: 1px!important
    }

    #header form#SearchForm {
        left: 24%;
        top: 93px
    }
    #header form#SearchForm select {
        width: 18%
    }

    #header #SearchForm input,#header #SearchForm select {
        margin-left: 1px
    }

    #center ul.pathway,#content ul.pathway {
        margin-top: 12px
    }

    #AddSD {
        width: 80%!important;
        text-align: center
    }

    #AddCde {
        width: 84%!important;
        text-align: center
    }
}

@media only screen and (min-width : 901px) and (max-width :1020px) {

    /*.telstrong {
        padding-left: 59px
    }*/

    #header div#menutop>ul {
        right: -5%
    }

    .nav-container {
        margin-top: -8px!important
    }

    #SearchForm {
        display: block!important;
    }
    #header #SearchForm input,#header #SearchForm select {
        margin-left: 1px
    }

    #footer {
        padding-left: 12px
    }
}

div.page ul.list_product li a span.small,
span.small.product_reference {
    clear: both;
    font-size: 10px;
    line-height: 10px;
    margin-top: 90px !important;
    width: 100%;
    color: #6f6f6f;
}
span.small.product_reference {
    display: block;
    float: left;
    width: 110px;
    text-align: left;
    padding: 0 0 5px 10px;
}

div.page ul.list_product li a span.strong {
    font-weight: bold;
    margin: 0 5px 0 10px;
    width: auto;
}

#descr h1 {
    font-style: normal;
    font-weight: bold;
}

div#SelectionRef tr:nth-child(2n) {
    background-color: #f7f6f6 !important;
}

div.infostech div.data {
    background-color: white;
}

div.page ul.list_product li.none {
    display: none;
}

div.page ul.list_product li.show {
    display: block;
}

div#paginate {
    text-align: center;
}

div#paginate ul {
    display: inline-block;
}

div#paginate ul li.pag {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    position: relative;
    height: 17px;
}

/*div#paginate ul li.active {
	background-color: #f39903 !important;
    color: white;
    border-radius: 5px;
}*/
/*modif du commentaire précédent*/
div#paginate ul li.active {
    background-color: #424242 !important;
    color: white;
}

div#paginate ul li.active a {
    background-color: #424242 !important;
    color: white;
}

#leftbloc aside span.titre3 {
    font-size: 15px;
    color: #f39900;
    padding: 10px 4px 5px;
    display: inline-block;
    width: 96%;
    font-weight: bold;
}

/*div#paginate ul li:hover:not(.active) {
  background-color: #ddd !important;
  border-radius: 5px;
}*/
/*modif du commentaire précédent*/
div#paginate ul li:hover:not(.active) {
    background-color: #424242 !important;
    color: white;
}

div#paginate ul li:hover:not(.active) a {
    background-color: #424242 !important;
    color: white;
}

/*extention*/
div#paginate ul li {
    background-color: #f39903 !important;
    color: white !important;
}

div#paginate ul li a {
    background-color: #f39903 !important;
    color: white !important;
    text-decoration: none !important;
    position: absolute;
    width: 100%;
    /* float: right; */
    left: 0;
    top: 0;
    bottom: 0;
    height: 25px;
    padding-top: 8px;
}

div#paginate ul li.pag.total:hover {
    background-color: #f39903 !important;
    color: white;
}

div#paginate ul li.pag.total:hover a {
    background-color: #f39903 !important;
    color: white;
}

#paginate li.pag:hover {
    cursor: pointer;
}

div#agauche {
    width: 182px;
    float: left;
    margin-right: 18px;
    padding-top: 14px;
}

div#left-filtersearch .filter_title {
    margin: 0px;
}

div#left-filtersearch .titlelabel {
    width: 95%;
    padding: 5px;
    background: #eee;
    font-size: 12px !important;
    text-align: center !important;
    position: relative;
    margin-bottom: 5px;
}

div#left-filtersearch .filter-choice {
    height: inherit !important;
    float: none !important;
    line-height: 19px !important;
}

div#left-filtersearch #multisearchForm .intitule_title {
    float: left;
    margin-right: 7px;
    margin-left: 7px;
    width: 94%;
}

div#left-filtersearch {
    border: 1px solid #e4e4e4;
}

#left-filtersearch select {
    margin-left: 0px !important;
    width: 101%;
}

#left-filtersearch .filter-choice .titlelabel .groweri {
    right: 0;
    top: -3px;
    position: absolute;
    cursor: pointer;
    display: block;
    height: 8px;
    width: 14px;
}

#left-filtersearch .filter-choice .titlelabel .groweri.CLOSE:before {
    content: "";
    display: block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background: url(../images/flishe.png) no-repeat left -6px;
    /* background: url(../images/down-arrow.png) no-repeat; */
    /* background-size: 60%; */
    /*-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;*/
    /* transition: all .2s linear; */
    margin-top: 8px;
    margin-right: -5px;
}

#left-filtersearch .filter-choice .titlelabel .groweri.OPEN:before {
    content: "";
    display: block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background: url(../images/flishe.png) no-repeat left -1px;
    /* background: url(../images/down-arrow.png) no-repeat; */
    /* background-size: 60%; */
    /*-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;*/
    /* transition: all .2s linear; */
    margin-top: 9px;
    margin-right: -5px;
    /*transform: rotate(180deg);*/
}

#left-filtersearch .filter-choice .titlelabel select {
    margin-left: 0px !important;
}

div#left-filtersearch #multisearchForm .intitule_title input[type=checkbox] {
    margin: 0 5px 0 0;
}

div#left-filtersearch #multisearchForm .intitule_title input[type=radio] {
    margin: 0 5px 0 0;
}

#leftbloc h2 {
    margin: 0 !important;
}

.listaz input[type="checkbox"] {
    float: left;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}

.lisita a.more_filter {
    color: #6f6f6f !important;
    cursor: pointer;
}

div.listaz {
    position: relative;
}

span.listazspan {
    position: absolute;
    right: 4px;
}

h2.crosssell {
    background-color: rgba(237,237,237,.4);
    border: 0 none!important;
    color: #7d7d7d!important;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important;
}

h2.crosssell span {
    background-color: #fafafa;
    padding-right: 16px;
}

h2.crosssell strong {
    color: #f39900;
    font-weight: 400;
}

#garanties p.laz span {
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    position: absolute;
    right: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: rgb(111, 111, 111);
}

#marquez p.laz span {
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    position: absolute;
    right: 53%;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: rgb(111, 111, 111);
}

#garanties p.laz span, #marquez p.laz span {
    margin-right: -98px;
}

#garanties p.laz, #marquez p.laz {
    margin-top: 15px;
    border-bottom: 1px solid rgb(248, 152, 29);
    text-align: center;
    width: 100%;
    margin-top: 0px;
    height: 8px;
    margin-bottom: 35px;
}

span#commercialabiscoreg {
    width: 146px;
    right: -4px;
    margin-top: 7px;
}

@media only screen and (max-width: 900px) and (min-width: 651px) {
    span#commercialabiscoreg {
        margin-top: -21px;
    }

    .form_line.srt {
        width: 100%;
    }

    .form_line {
        width: 100%;
    }

    #registerblock input.btn_send_register {
        margin-top: 17px !important;
        width: 67%;
        margin-bottom: 17px !important;
        float: none !important;
    }

    div#loginblock {
        margin-left: 15%;
    }
}

@media only screen and (max-width: 650px) {
    span#commercialabiscoreg {
        right: -33px;
        margin-top: -19px;
    }

    span.telstrong.regist {
        right: auto;
    }

    div#loginblock {
        margin-left: 2%;
    }

    .form_line.srt {
        width: 100%;
    }

    .form_line {
        width: 100%;
        display: contents;
    }

    #registerblock input.btn_send_register {
        margin-top: 17px !important;
        width: 67%;
        margin-bottom: 17px !important;
        float: none !important;
    }

    .register_bloc {
        height: 170px;
    }

    .register_bloc h2 {
        padding: 35px 0px !important;
    }

    #categorybloc .tri-plan {
        display: flex !important;
        flex-direction: column;
    }

    #categorybloc .tri-plan article {
        width: 91%;
    }

    #categorybloc .tri-plan article:first-child {
        min-height: 248px !important;
    }
}

/*------------- Parçalanma ------------------*/
.tlth2 {
    border-bottom: 1px solid #f8981d;
    text-align: center;
    width: 100%;
    margin-top: 0;
    height: 8px;
    margin-bottom: 35px;
    color: #f39900;
    font-family: Arial,"Trebuchet MS",Sans-serif,Helvetica;
    font-size: .97em;
    font-weight: 700;
}

.tlth2 span {
    font-weight: 700;
    font-size: 14px;
    background: #fff;
    position: absolute;
    right: 50%;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #6f6f6f;
}

.products .tlth2 span {
    margin-right: -90.5px;
}

#arbo .tlth2 span {
    margin-right: -172.5px;
}

#jobs .tlth2 span {
    margin-right: -55px;
}

#jobs .home-marque-block .tlth2 span {
    margin-right: -220px!important;
}

#centre_conseil .tlth2 span {
    margin-right: -240.5px;
}

#blog_abisco .tlth2 span {
    margin-right: -150px;
}

#garanties .tlth2 span {
    margin-right: -98px;
}
#titre_droite p.tlth3 span {
    color: #6f6f6f;
    text-transform: initial;
    font-weight: 400!important;
}

#slider .tlth2 {
    height: 26px !important;
    padding: 14px 20px 8px 20px;
    font-size: 2.6em;
    line-height: .9em;
    color: #fff;
    text-align: right;
    background-color: #f39900;
    text-transform: uppercase;
}

#slider .tlth2 span.strong {
    font-family: MontserratExtraBold;
    font-weight: 700;
}

#slider .tlth2,#slider .tlth3 {
    font-family: MontserratRegular;
    font-weight: 400;
}

div.categories ul li .tlth3 {
    text-transform: uppercase;
    color: #6f6f6f;
    font-size: 13px;
    padding-left: 15px;
    vertical-align: middle;
    display: table-cell;
    padding-right: 100px;
    text-align: center;
    font-weight: bold;
}


.subcategories_list .list_cat_h2 {
    top: 25px;
    text-align: center !important;
}

.subcategories_list .list_cat_h2,.list_product p.prod_h3 {
    width: auto!important;
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    color: #000!important;
    font-size: 1em!important;
    margin: 0!important;
    position: relative;
    z-index: 999;
    font-weight: 700;
}

p.tlth2.marques_liste span {
    margin-right: -67.5px;
}

p.tlth2.marques_liste {
    margin-top: 12px;
}

#category_description_2 {
    margin-bottom: 15px;
}

#multifiltersearch .subcategories ul li {
}

ul.subcategories_list li p.list_cat_h2 a,ul.subcategories_list li p.list_cat_h2 span {
    height: 15px;
    color: #6f6f6f!important;
    display: inline;
}

.list_product p.prod_h3 {
    top: -140px;
    text-align: center !important;
}

.list_product p.prod_h3 a,.list_product p.prod_h3 span.product-name {
    text-align: center !important;
    font-weight: 700;
    display: inline !important;
}

#descr .descrh_2 {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    color: #ababab;
    font-size: 1.1em;
    font-weight: 400;
    margin: 8px 0px 2px 0px;
}

.carsh2.crosssell span {
    background-color: #fafafa;
    padding-right: 16px;
}

.carsh2.crosssell strong {
    color: #f39900;
    font-weight: 400;
}

.carsh2.crosssell {
    background-color: rgba(237,237,237,.4);
    border: 0 none!important;
    color: #7d7d7d!important;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important;
}

span.atc, span.flaterd, span.livea {
    color: rgb(111, 111, 111);
    cursor: pointer;
}

#header div#menutop>ul li span.flaterd {
    color: #6f6f6f;
    font-size: 11px;
    line-height: 29px;
    height: 20px;
    text-decoration: none;
    display: flex;
}
.block_note_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-right: 4px;
}

#header div#menutop>ul li span.icon.panier, #header div#menutop>ul li span.icon.compte {
    margin-right: 5px;
}

#header div#menutop>ul li span.atc .BasketItemCount {
    margin-left: 2px;
}

#services_list li p span {
    text-transform: initial;
    line-height: 10px;
    padding-top: 4px;
}

.cent {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    position: initial !important;
    border: none !important;
}

div.cent:after {
    display: none !important;
}

#leftbloc aside ul li:hover>span.atc {
    color: #f39900 !important;
}

#leftbloc aside ul li li:hover>span.atc {
    color: #f39900 !important;
}

ul.subcategories_list li:hover .list_cat_h2 span {
    border: none !important;
}

#categorybloc .plan ul.pathway {
    display: flex;
    width: 100% !important;
    padding-bottom: 10px !important;
}

#categorybloc .plan ul.pathway li:first-child {
    width: 25px;
    position: relative;
    top: -13px;
    margin-left: -6px;
    left: -11px;
}

#categorybloc .plan ul h2 a,#categorybloc .plan ul h3 a,#categorybloc .plan ul h4 a {
    font-size: 1.3em !important ;
}

#categorybloc .plan h1 {
    color: #f39900;
    padding: 5px 12px;
}

#categorybloc .tri-plan {
    display: grid;
    grid-template-columns: 30% 70%;
    /* left: 0; */
}

#categorybloc .plan h2,#categorybloc .plan h3 {
    font-size: 1.3em !important ;
    color: rgb(86, 86, 86);
    padding: 5px 12px;
    font-weight: 700;
}

#categorybloc .plan a.under {
    font-size: 1.3em !important ;
    color: rgb(86, 86, 86);
    text-decoration: underline;
}

#categorybloc article.plan h2 a {
    display: contents;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: underline;
}

div#in_head_body h1 {
    margin: 29px 0 20px;
    text-align: center;
    color: #f8981d;
    font-size: 36px;
    font-style: inherit;
}
#in_head_body .pathway .home_li_1{

}

p.prod_h3 span.product-name {
    color: #6f6f6f !important;
}

#descriptif h3.crosssell-h3 {
    background-color: rgba(237,237,237,.4);
    border: 0 none!important;
    color: #f39900;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important;
    display: none;
}
.more_description_product h3.crosssell-h3 {
    /*background-color: rgba(237,237,237,.4);*/
    border: 0 none!important;
    color: #f39900;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important;
}
.floatleft.blocProductBig.more_description p {
    display:none;
}
#visus span.label {
    display: block;
    float: left;
    width: 110px;
    text-align: left;
    padding: 0 0 5px 0;
    z-index: 9000 !important;
    position: absolute;
    height: 100%;
    background-position: top left !important;
}

.list_product li span.label-product {
    display: block;
    float: left;
    width: 110px;
    text-align: left;
    padding: 0 0 5px 0;
    z-index: 9000 !important;
    position: absolute;
    height: 100%;
    background-position: top left !important;
}

#descriptif .crosssell-h2 {
    /*background-color: rgba(237,237,237,.4);*/
    border: 0 none!important;
    color: #f39900;
    font: 1.4em MontserratRegular;
    margin: 0;
    padding-bottom: 2px!important;
}

#category_description_2 h5 {
    color: rgb(49, 49, 49) !important;
    font-size: 16px;
}

div#categorybloc>.intro ul{
    margin-left: 15px;
}

#category_description_2 ul,
div#description_plus ul,
.mi_new_column_1 div#category_description ul,
.mi_new_column_1 div#description_plus ol {
    list-style: disc;
    padding-left: 31px !important;
    padding-top: 0px;
}

#center ul.pathway>li:last-child, #content ul.pathway>li:last-child {
    pointer-events: none;
}



/*07-06-2021*/

div#mainContainer{
    overflow: hidden;
}

div#contents div#main div#center:not(.page.home) {
    clear: both;
    margin: 0% auto;
    width: calc(100%);
}
.page.contact div#MailFormDiv {
    width: 50%;
    margin: auto;
    border: 1px solid #e4e1e1;
    padding: 10px;
}

/**** consulter mon panier ****/
.catalog #panier-b {
    float: right;
    height: 6.5vw;
    margin-top: -15px;
    width: 24vw;
    background: url(../images/catalog/panier-bg.png) left top no-repeat scroll transparent !important;
    background-size: contain !important;
}

.catalog #panier-b .part-l {
    color: rgb(255, 221, 162);
    margin-top: 1.5vw;
    padding-left: 5vw;
    width: 9.5vw;
}

.catalog #panier-b .part-r {
    color: rgb(243, 153, 0);
    margin-top: 1.5vw;
    width: 9vw;
}

.catalog #panier-b .part-r .btn-med {
    margin-top: 0.3vw;
}

.btn-med {
    border-radius: 13px;
    -webkit-box-shadow: rgb(0 0 0 / 20%) 1px 1px 3px;
            box-shadow: rgb(0 0 0 / 20%) 1px 1px 3px;
    font: 11px / 2em MontserratExtraBold;
    height: 1.5vw;
    font-size: 0.8vw;
}


/**** font category****/
div#center h1.new_title_h1 {
    margin: 20px 0px 50px;
    text-align: center;
    color: rgb(248, 152, 29);
    font-size: 36px;
    font-style: inherit;
}


div#colG p, div#colG li a {
    font-family: 'MontserratRegular' !important;
    color: rgb(111, 111, 111) !important;
}
div#category_description p,
div#category_description_2 p,
div#category_description_2 li a,
.category_description p,
.trade_description p,
div#description_plus li a,
div#short_description_block p,
div#descriptif p,.more_description_product p {
    font-size: 1.03vw !important;
    line-height: 2em !important;
    color: rgb(111, 111, 111);
}

div#description_plus li,
.mi_new_column_1 div#category_description ul li,
div#categorybloc>.intro ul li {
    margin: 0 0 6px 10px;
    padding-left: 16px;
    list-style: disc;
    font-size: 1.1vw;
    line-height: 2em;
    color: rgb(111, 111, 111) !important;
}

div#category_description_2 h2,
div#description_plus h2 {
    font-size: 2vw !important;
    text-align: center;
    display: -ms-grid;
    display: grid;
    font-family: MontserratRegular;
    color: rgb(243, 153, 0)!important;
}

div#colG #category_description_2 h3 {
    color: #f39900;
    font-size: 22px;
    font-family: 'MontserratRegular';
}


#contents #category_description_2 h4,
div#description_plus h4 {
    text-indent: 0;
    font-size: 1.2em;
    color: #f39903;
    padding-bottom: 10px;
    padding-top: 7px;
}


/**** content category ****/
div#multifiltersearch {
    width: 100% !important;
}

div#description_plus {
    margin-top: 30px;
}

ul.pathway li a {
    text-decoration: none;
}
div#multifiltersearch>.products>ul.list_product>li>span.atc.btn-buy {
    display: none;
}


/*** header panier ***/
span.slogan2_1 {
    display: block;
    color: #6f6f77;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    width: 384px;
    margin: auto;
    padding-top: 3px;
}
span.slogan2_1 p {
    text-align: center;
}

div#head_niveau_3 {
    margin-top: 15px;
}


/*** headrer order ****/
div#head_niveau_3 span#slogan2 {
    width: 490px;
}

/**** plan du site ****/

.tri-plan p {
    color: rgb(111, 111, 111);
    font-size: 1.1vw;
    line-height: 1.4em;
}


/**** content product ****/

.mi_display_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

div#visus .zoomPad {
    float: unset;
    margin: 0;
}

#services_list li span,
#services_list li strong,
div#landry p,
div.page div.infostech table tr.tb_head th,
div.page div.infostech table tr td,
.products ul.list_product li a,
form#commentsForm p {
    font-family: 'MontserratRegular';
}
div#ProductComplement ul.list_product li>a:nth-child(2),
div#ProductComplement ul.list_product li:hover>a:nth-child(2) {
    border: none !important;
}

/*div#ProductComplement ul.list_product li a.btn-buy[title="Ajouter au panier"] {
    display: none;
}*/
/*div#ProductComplement ul.list_product li a {
    margin: 0 !important;
    width: 100% !important;
    height: 100%;
}*/
div#ProductComplement ul.list_product p.prod_h3 {
    top: -140px;
}
.pdt_complementaire .products ul.list_product li a img {
    margin-top: 4%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    position: inherit;
    margin-left: 0;
}
div#ProductComplement ul.list_product li:hover {
    border: 1px solid #d3d3d3;
}

div#actions div#detail8.sidepanel {
    float: inherit !important;
    background-image: none !important;
    /*margin: 4px 4px!important;*/
    padding: 0px 0px !important;
    /*-webkit-box-shadow: 8px 6px 7px -2px #c0c0c0;
            box-shadow: 8px 6px 7px -2px #c0c0c0;*/
}
div#actions div#detail8 div#panel {
    padding: 10px 15px;
    margin: 0;
}
div#actions div#detail8 div#panel .selection>div:first-child {
    float: inherit !important;
}

div#actions div#detail8 div#panel .selection select.select_product {
        margin: 8px 0 !important;
}
div#actions div#detail8 div#panel .selection div#selectionHeader div#select_qty input{
    margin: 0 !important;
}
div#actions div#detail8 div#panel .selection div#select_qty {
    width: inherit;
    margin-right: 0;
}
div#actions div#detail8 div#panel .selection div#select_qty label.label_product {
    float: inherit;
}
div#actions div#panel .selection p.pButton a,
div#actions div#panel .selection p.pButton span {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
div#center span.atc.btn-med.grey {
    float: inherit !important;
    width: 10%;
    margin-left: 1%;
    font-size: .8vw;
    height: auto;
}


/**** content category ****/
div#colG .mi_new_column_1 div#leftbloc,
div#colG .mi_new_column_1 div#leftbloc aside.centrale.cbloc1,
div#colG .mi_new_column_1 div#leftbloc aside.centrale.cbloc1 ul li,
div#colG .mi_new_column_1 div#category_description,
div#colG .mi_new_column_1 div#multifiltersearch,
div#colG .mi_new_column_1 div#category_description_2,
div#content div#categorybloc .intro,
div#content div#categorybloc .intro>p:nth-child(3) {
    float: inherit;
}

div#colG div#multifiltersearch ul.subcategories_list li,
ul.list_product li{
    border: 1px solid #f0f0f0;
}

div#colG div#multifiltersearch ul.subcategories_list li:hover,
ul.list_product li:hover {
    border: 1px solid #d3d3d3
}

.products ul.list_product li a{
    width: 100%;
    text-align: center;
}

.products ul.list_product li a img, .products ul.list_product li span.a-prod img {
    margin-top: 0;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}



/**** general ****/
.mi_new_column_2 {
    width: 100%;
}

.mi_new_column_1 {
    padding-left: 5px;
    padding-right: 5px;
}
#colG .mi_new_column_1:nth-child(2) {
    width: 100%;
}
div#section_2_3>span.atc>img {
    width: 90%;
}
div#section_2_3>span.atc{
    text-align: center;
}
.content_margin{
    width: calc(100% - 96px);
}
table.listPromo {
    width: auto;
}
div#center:not(.page.home) div#category_description>p>a,
div#center:not(.page.home) div#short_description_block>p>a,
div#center:not(.page.home) div#description_plus li a{
    color: #000 !important;
}

/*****accueil****/
div#arbo ul span.atc {
    width: calc(100% / 9);
}

div#head_niveau_1 div#menutop ul#logpan {
    text-align: right;
}

/***** header *****/
div#head_niveau_2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
div#headerClassTwo {
    width: 77%;
    position: relative;
}
div#inhead_bg div#header {
    height: auto !important;
}
div#headerClassTwo>div {
    height: 46px !important;
}
div#headerClassTwo>div {
    height: 46px !important;
    top: calc(100% - 55px);
    position: relative;
}

/**** page static ****/
.products ul.list_product li span.a-prod {
    width: 100%;
    text-align: left;
    margin-top: -25px !important;
    height: calc(100% - 15px);
}
.products ul.list_product li span.atc.a-prod img.product_image {
    width: inherit;
    -o-object-fit: contain;
       object-fit: contain;
}
div#content div#categorybloc .intro h1 {
    margin: 29px 0px 20px !important;
    text-align: center;
    color: rgb(248, 152, 29) !important;
    font-size: 2.81em !important;
    font-style: inherit !important;
}
#categorybloc .intro p,
p#categoryTitle {
    color: rgb(111, 111, 111);
    font-size: 1.1vw;
    margin-bottom: 38px !important;
    letter-spacing: 1px;
    line-height: 1.78em !important;
}

#categorybloc .intro h3 {
    font-size: 1.63vw;
    font-family: MontserratRegular;
    color: rgb(111, 111, 111);
}
.intro p strong span {
    font-size: inherit !important;
}


/**** footer ****/
div#pied_de_page>.mi_new_column_2>.mi_new_column_1 {
    width: 35%;
}
div#pied_de_page>.mi_new_column_2>.mi_new_column_2 {
    width: 65%;
}
div#pied_de_page>.mi_new_column_2>.mi_new_column_2>.mi_new_column_2_1 {
    width: 70%;
}

div#footer #pied_de_page .mi_new_column_2_2_1 span.text_section_4 {
    padding-right: 0 !important;
}

div#pied_de_page>.mi_new_column_2>.mi_new_column_2>.mi_new_column_2_1>.mi_new_column_2>.mi_new_column_1 {
    width: 42%;
    margin: auto;
    margin-top: 0;
}

div#pied_de_page .mi_new_column_1 li {
    margin-bottom: 25px;
}
div#pied_de_page .mi_new_column_1 li span.text_section_4 {
    font-size: 1.1vw;
}


/*contact*/
.page.contact div#MailFormDiv form#MailForm input.btn_send {
    float: inherit;
}
.page.contact div#MailFormDiv form#MailForm div {
    text-align: right;
}
.page.contact>table {
    margin: auto;
}

/*** Début Page produit 22-06-2022 stg***/
.divpathway ul.pathway li:last-child {
    font-weight: 700;
    font-style: italic;
}
.ligne_1{
    display: flex;
    gap: 25px;
}
.petit_lien_navigation a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}
#visualisation_caractéristiques {
    position: relative;
    padding: 0px 15px;
}
#visualisation_caractéristiques:after {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    background-color: #dfdfdf;
    height: 100%;
    width: 2px;
}
#visualisation_caractéristiques:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    background-color: #dfdfdf;
    height: 100%;
    width: 2px;
}
.active {
    text-decoration: underline !important;
    text-decoration-color: #6f6f6f !important;
}
p#caracteristiques_produit {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #f39903;
}
li[itemprop="brand"] {
    list-style: none;
    text-align: end;
}
ul#services_guaranteed li[itemprop="brand"] span.atc img {
    display: none;
}
/*#visus .visuel .thumbs_list {
    display: none;
}*/
.mi_new_column_1 #descr ul.normes {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
ul#services_list {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
#services_list li.devis, #services_list li.contact, #services_list li.delivery {
    flex-basis: 33%;
    padding: 14px;
    padding-left: 45px;
    padding-right: 0px !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
ul#services_list li span, ul#services_list li p {
    text-transform: capitalize;
    align-self: baseline;
}
#services_list li.devis:before, #services_list li.contact:before, #services_list li.delivery:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -2px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 45px;
    width: 45px;
}
#services_list li.delivery {
    padding-left: 52px;
}
#services_list li.devis:before {
    background-image: -webkit-image-set(url('../images/demande_devis_page_produit.webp') 1x);
    background-image: url('../images/demande_devis_page_produit.png');
}
#services_list li.contact:before {
    background-image: -webkit-image-set(url('../images/phone_page_produit.webp') 1x);
    background-image: url('../images/phone_page_produit.png');
}
#services_list li.delivery:before {
    background-image: -webkit-image-set(url('../images/livraison_page_produit.webp') 1x);
    background-image: url('../images/livraison_page_produit.png');
    left: 1px !important;
}
#services_list li {
    display: inline-block;
    list-style: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-top: 10px;
    background: -webkit-linear-gradient(#fff,#f7f7f7);
    background: -o-linear-gradient(#fff,#f7f7f7);
    background: -moz-linear-gradient(#fff,#f7f7f7);
    background: linear-gradient(#fff,#f7f7f7);
}
#services_list li.delivery span, #services_list li.delivery p {
    margin-left: 2px;
}
.mi_new_column_1 #descr ul.normes li {
    box-shadow: 1px 0px 7px 1px rgb(0 0 0 / 20%);
    margin-top: 0px;
    padding: 4px;
}
.mi_new_column_1 #descr ul.normes li img {
    width: 45px;
    height: 45px;
}
.mi_new_column_2 .left_pay #actions {
    box-shadow: rgb(0 0 0 / 20%) -2px 2px 3px;
}
.mi_new_column_2 .mi_new_column_1 #actions .htttc-23403.infos_prix2 span.price>small {
    font-size: 1em;
    margin-bottom: 8px !important;
}
.mi_new_column_2 .mi_new_column_1 #actions .htttc-23403.infos_prix2 span>strong.priceHT {
    font-size: 2em;
}
#actions span.price small::first-letter {
    text-transform: uppercase;
}
.mi_new_column_2 .mi_new_column_1 #actions .htttc-23403.infos_prix2 span.price strong.priceTTC {
    margin-left: 3px;
}
.active_htttc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px !important;
}
span#HeadingSelectorContainer_0_0 label.label_product strong, span#HeadingSelectorContainer_0_0 label.label_product, label.label_product.floatleft {
    color: #6f6f6f;
    font-weight: normal !important;
}
select#HeadingSelector_0_0 {
    border: 1px solid #6f6f6f29 !important;
    padding: 13px;
    font-size: 13px;
}
td.caractsL p {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}
td.caractsL p>a.input_commander_small:before {
    background-image: -webkit-image-set(url('../images/panier.webp') 1x);
    background: url('../images/panier.jpg');
}
td.caractsL p>a.input_devis_small:before {
    background-image: -webkit-image-set(url('../images/ajout_devis.webp') 1x);
    background: url('../images/ajout_devis.jpg');
}
td.caractsL p>a.input_commander_small:before,td.caractsL p>a.input_devis_small:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
}
td.caractsL p>a.input_commander_small,td.caractsL p>a.input_devis_small {
    position: relative;
    border-radius: 0px;
    padding: 0;
    background: transparent;
    color: transparent !important;
}
.infostech .data #SelectionRef table tbody tr:not(.tb_head) td {
    background: #ffffff;
}
div.page div.infostech table tr.tb_head th {
    background-color: #ffffff !important;
    color: #6f6f6f !important;
}
div.page div.infostech .data {
    padding: 5px !important;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset;
}
span.atc.compare {
    color: #6f6f6f !important;
}
.conteneur_description_et_services {
    display: flex;
    flex-direction: row;
    gap: 25px;
    flex-wrap: nowrap;
}
.conteneur_description_et_services #descriptif {
    width: 50%;
    min-height: 250px;
}
.conteneur_description_et_services .colonne_services_et_garanties {
    padding: 17px 17px;
    border: 1px solid #edecec;
    height: fit-content;
    max-height: 45px;
    /* margin-top: 12px; */
    width: 50%;
}
.conteneur_description_et_services p.services_et_garanties_titre {
    font-size: 23px;
    color: #66696f;
    font-weight: 600;
}
.ligne_image_service {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    margin-top: 20px;
}
.livraison_produit_rapide {
    background-image: -webkit-image-set(url('../images/Livraison_rapide_produit.webp') 1x);
    background: url(../images/Livraison_rapide_produit.png);  
}
.qualite_produit_garantie {
    background-image: -webkit-image-set(url('../images/Qualite_garantie_produit.webp') 1x);
    background: url(../images/Qualite_garantie_produit.png);  
}
.produit_sur_mesure {
    background-image: -webkit-image-set(url('../images/produit_sur_mersure.webp') 1x);
    background: url(../images/produit_sur_mersure.png);  
}
.devis_produit_sous_24_h{
    background-image: -webkit-image-set(url('../images/devis_sous_24_produit.webp') 1x);
    background: url(../images/devis_sous_24_produit.png);   
}
.paiement_produit_securise{
    background-image: -webkit-image-set(url('../images/paiement_securise_produit.webp') 1x);
    background: url(../images/paiement_securise_produit.png);   
}
.assistant_produit_personnalise{
    background-image: -webkit-image-set(url('../images/assistant_personnalise_produit.webp') 1x);
    background: url(../images/assistant_personnalise_produit.png);   
}
.livraison_produit_rapide, .qualite_produit_garantie, .produit_sur_mesure, .devis_produit_sous_24_h, .paiement_produit_securise, .assistant_produit_personnalise {
    width: 115px;
    height: 117px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #edecec;
}
.pdt_complementaire .carsh2.crosssell span, .pdt_complementaire .carsh2.crosssell strong {
    font-weight: 700;
}
.pdt_complementaire .carsh2.crosssell {
    margin-bottom: 20px;
}
ul.list_product.slider3.liste_produit_slide li.slide a.btn-buy.ajot_panier_slide {
    background-color: #7ec308;
    height: 20px!important;
    width: 140px !important;
    margin: auto !important;
    padding: 12px 30px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
}
ul.list_product.slider3.liste_produit_slide li.slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0px !important;
    border: 1px solid #efefef!important;
}
ul.list_product.slider3.liste_produit_slide {
    display: flex;
    flex-direction: row;
    gap: 25px;
}
ul.list_product.slider3.liste_produit_slide a span.small.product_reference {
    margin: 0px !important;
    display: none;
}
.conteneur_information_produits>a {
    display: none !important;
}
.conteneur_information_produits p.prod_h3.nom_produit {
    position: inherit !important;
}
.conteneur_information_produits span.small.product_reference {
    display: none !important;
}
.conteneur_lien_produit a.produit_url.produit_url_image {
    height: auto;
}
.conteneur_ajout_au_panier {
    margin-top: 110px;
}
.conteneur_information_produits {
    display: flex;
    flex-direction: column;
}
.conteneur_information_produits span.price small, .conteneur_information_produits span.price span.strong {
    font-size: 15px !important;
    color: #6f6f6f;
    font-weight: 400;
}
.conteneur_information_produits span.price span.strong.smallttc, .conteneur_information_produits span.price span.strong.smallttc small {
    font-size: 12px !important;
}
.conteneur_information_produits p.prod_h3.nom_produit {
    min-height: 50px;
}
img.image_slide_produit {
    height: 18px;
    width: 50px;
    position: absolute;
    right: 14px;
    top: 9px;
}
small.a_partir_de::first-letter {
    text-transform: uppercase !important;
}
.up-down {
    background: #f6f6f6 !important;
}
input#HeadingQuantity_0 {
    width: 46px !important;
    height: 20px;
}
.up-down a {
    color: #747474 !important;
    position:relative !important;
}
.up-down a:nth-child(2) {
    left: -61px !important;
    top: -6px !important;
}
.up-down a:first-child {
    right: 18px !important;
    top: 10px !important;
}
.block_note div#landry {
    margin-top: 10px !important;
}
.block_note_price .pButton {
    width: 165px;
    /*flex-basis: 50%;*/
}
.block_down ul.options {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.mono_kit {
    text-align: center;
    margin: 10px;
}
.mono_kit .li_iskit {
    list-style: none;
}
.mono_kit .li_iskit span{
    padding: 5px;
}
.block_down ul.options li span.icon-pdf, .block_down ul.options li span.icon-imprimer, .block_down ul.options li span.icon-sendemail {
    font-size: 10px;
    width: 95px;
    font-weight: 700;
    color: #424242;
    background: unset;
    position: relative;
    padding-left: 23px;
    display: flex;
    padding-top: 2px;
    align-items: center;
}
.block_down ul.options li span.icon-pdf:before{
 background-image: -webkit-image-set(url('../images/pdf_icon_abisco.webp') 1x);
 background: url('../images/pdf_icon_abisco.png');
}
.block_down ul.options li span.icon-imprimer:before{
 background-image: -webkit-image-set(url('../images/printer_icon_abisco.webp') 1x);
 background: url('../images/printer_icon_abisco.png');
}
.block_down ul.options li span.icon-sendemail:before{
 background-image: -webkit-image-set(url('../images/mail_icon_abisco.webp') 1x);
 background: url('../images/mail_icon_abisco.png');  
}
.block_down ul.options li span.icon-pdf:before, .block_down ul.options li span.icon-imprimer:before, .block_down ul.options li span.icon-sendemail:before {
    content: '';
    top: 2px;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
}
.block_down ul.options li span.icon-sendemail {
    margin-left: -41px;
}
.block_down ul.options li span.icon-imprimer {
    margin-left: 10px;
}
#actions span.price strong.priceHT>small {
    font-weight: 700;
}
.htttc.htttc-8885.infos_prix2 span.price.price_TTC strong.priceTTC>small {
    font-weight: bold !important;
}
.block_note {
    /*flex-basis: 100% !important;*/
}
.block_note_price {
    margin-top: 15px;
    margin-bottom: 15px;
}
.block_note_price .pButton a#AddSD {
    margin: 0px !important;
    height: 100%;
    width: 98%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*Début responsive stagiaire */

@media(min-width: 1920px){
    #actions span.price>small {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .petit_lien_navigation a {
            text-decoration: none;
            font-size: 17px;
                font-weight: 600;
    }
    #actions span.price>small {
             font-size: 16px;
    }
    #actions span.price strong.priceHT {
         font-size: 35px;
    }
    #actions span.price strong.priceHT>small {
    font-size: 35px;
    }
    .htttc.htttc-8885.infos_prix2 span.price.price_TTC strong.priceTTC {
    font-size: 25px !important;
    }
    .htttc.htttc-8885.infos_prix2 span.price.price_TTC strong.priceTTC>small {
    font-size: 25px !important;
    }
    div#select_qty label.label_product.floatleft {
    font-size: 18px;
    margin-bottom: 15px;
    }
    span#HeadingSelectorContainer_0_0 label.label_product, input#HeadingQuantity_0{
    font-size: 20px;
    }
    input#HeadingQuantity_0 {
    width: 103px !important;
    height: 35px;
    }
    select#HeadingSelector_0_0 option {
    font-size: 12px !important;
    }
    div#actions div#detail8 div#panel .selection select.select_product {
    margin: 8px 0 !important;
    font-size: 15px;
    }
    .up-down a:first-child {
    right: 26px !important;
    top: 16px !important;
    }
   .up-down a:nth-child(2) {
    left: -110px !important;
    top: 0px !important;
    font-size: 15px !important;
    }
    div#select_qty a#AddCde {
    padding: 12px 5px;
    margin: 0;
    }
    div#select_qty a#AddCde span {
    font-size: 15px;
    }
    .block_note_price .pButton {
    height: 50px;
    }
    .block_note_price .pButton a#AddSD span {
    font-size: 15px;
    }
    div#landry>p>a {
    font-size: 14px !important;
    }
}
@media(min-width: 1367px){
    input#HeadingQuantity_0 {
    width: 65px !important;
    height: 20px;
    }
    .up-down a:nth-child(2) {
    left: -69px !important;
    top: -6px !important;
    }
    .up-down a:first-child {
    right: 24px !important;
    top: 10px !important;
    }
    #AddCde {
    width: 200px !important;
    padding: 10px 0px;
    }
    .block_note_price .pButton {
    width: 200px;
    }
    .block_note_price .pButton a#AddSD {
    padding: 10px 0px;
    }
}
@media (max-width: 1024px){
    .petit_lien_navigation a {
    font-size: 12px;
    }
    .mi_new_column_3>.mi_new_column_1.mi_new_column {
    flex-basis: 25% !important;
    }
    .mi_new_column_2 {
    flex-basis: 75% !important;
    }
    .mi_new_column_3 .mi_new_column_2{
        gap: 0px;
    }
    .mi_new_column_1.mi_new_column div#descr {
        width: 344px  !important;
        /*margin-left: 60px;*/
    }
    .mi_new_column_2 .left_pay {
    width: 40%;
    }
    #AddCde {
    width: 96% !important;
    margin-top: 8px !important;
    margin-left: 0px;
    }
    input#HeadingQuantity_0 {
    width: 55px !important;
    height: 20px;
    }
    .block_note_price {
    display: flex;
    flex-direction: column;
    margin-top: 10px !important;
    justify-content: center !important;
    align-items: center;
    margin-right: 0px;
    }
    .block_note_price .pButton a#AddSD {
        width: 98%;
        /*margin-left: 14px !important;*/
    }
    .block_note_price .pButton {
        width: 100%;
        flex-basis: 50%;
        margin-top: 10px;
    }
    .secure_payment {
    text-align: left;
    margin-left: -3px;
    }
    .secure_payment span.atc img {
        width: 100%;
    }
    .block_note {
        flex-basis: 100% !important;
        margin-top: 5px;
    }
    ul#services_list {
        display: grid;
        gap: 0;
        max-width: 250px;
        margin-top: -30px;
    }
    #services_list li.devis {
        width: 65%;
    }
    #services_list li.devis:before, #services_list li.contact:before, #services_list li.delivery:before {
    height: 34px;
    width: 34px;
    top: 15px;
    }
    #services_list li.devis, #services_list li.contact, #services_list li.delivery {
        padding-left: 45px;
        width: 100% !important;
    }
    #services_list li.delivery {
    padding-left: 43px;
    }
    ul#services_list {
    display: grid;
    gap: 0;
    }
    .mi_new_column_2 .left_pay {
    margin-left: 0px !important;
    }
    .block_down ul.options {
    -ms-grid-columns: 1fr 1fr ;
    grid-template-columns: 1fr 1fr;
    }
    .block_down ul.options li span.icon-sendemail {
    margin-left:0px
    }
}
@media(max-width: 979px){
    .mi_new_column_3>.mi_new_column_1 {
    width: 100%;
    }
    .mi_new_column_3 .mi_new_column_2 .mi_new_column_1 {
        width: 100% !important;
    }
    .mi_new_column_1.mi_new_column div#descr {
    width: 100% !important;
    margin: 0px;
    }  
    #AddCde {
        width: 85% !important;
        margin-top: 0px !important;
        padding: 5px 0px;
        margin-left: 0px;
    }
    input#HeadingQuantity_0 {
    width: 85px !important;
    height: 22px;
    font-size: 15px;
    }
    .up-down a:nth-child(2) {
    left: -95px !important;
    }
    .up-down a:first-child {
    right: 22px !important;
    top: 11px !important;
    }
    .block_note {
    flex-basis: 12% !important;
    margin-top: 5px;
    }
    .block_note_price {
    flex-direction: revert;
    justify-content: flex-start !important;
    }
    .block_note_price .pButton a#AddSD {
    width: 100% !important;
    height: 35px;
    }
    .secure_payment span.atc img {
    width: 325px;
    }
    .block_down ul.options {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    }
    .colonne_services_et_garanties {
    display: none;
    }
    .conteneur_description_et_services #descriptif {
    flex-basis: 100%;
    }
    .conteneur_description_et_services #descriptif {
    flex-basis: 100%;
    }
}
@media (min-width: 980px ) and (max-width: 1024px){
    #select_qty {
        text-align: center;
    }
    .select_product.qty.floatleft{
        float: none;
    }
    .up-down a:nth-child(2) {
        left: 99px !important;
    }
    .up-down a:first-child {
        right: -147px !important;
    }
}
@media (min-width: 941px) and (max-width: 979px){
    .up-down a:first-child {
        right: 22px !important;
        top: 11px !important;
    }
    .select_product.qty.floatleft {
        float: left ;
    }
    .up-down a:nth-child(2) {
        left: -95px ;
    }
    .block_note {
        flex-basis: 115px !important;
    }
    .block_note_price .pButton {
        flex-basis: 85%;
    }
    #select_qty {
        text-align: left;
    }
    .secure_payment span.atc img {
        width: fit-content;
    }
}
@media (min-width: 767px) and (max-width: 940px){
    .up-down a:first-child {
        right: 22px !important;
        top: 11px !important;
    }
    .select_product.qty.floatleft {
        float: left ;
    }
    .up-down a:nth-child(2) {
        left: -95px ;
    }
    .block_note {
        flex-basis: 150px !important;
    }
    .block_note_price .pButton {
        flex-basis: 85%;
    }
    #select_qty {
        text-align: left;
    }
    .secure_payment span.atc img {
        width: fit-content;
    }
    #AddCde {
        width: 70% !important;
        margin-right: 0px;
    }
    .block_note_price {
        flex-direction: revert;
        justify-content: space-between !important;
    }
    .block_note_price .pButton {
        flex-basis: 70%;
    }
}
@media(max-width: 767px){
    #center ul.pathway, #content ul.pathway, .divpathway ul.pathway {
    width: 100% !important;
    }
    /*#AddCde {
    width: 65% !important;
    margin-left: 35px;
    }

    .block_note_price .pButton a#AddSD {
    width: 88% !important;
    height: 35px;
    margin-left: 11px !important;
    }
    .block_note_price .pButton {
    width: 100% !important;
    flex-basis: 74%;
    margin-top: 10px;
    } */ 
    #AddCde {
        width: 70% !important;
        margin-right: 0px;
    }
    .block_note_price {
        flex-direction: revert;
        justify-content: space-between !important;
    }
    .block_note_price .pButton {
        flex-basis: 70%;
    }
    .block_note {
    flex-basis: 25% !important;
    }
    .mi_new_column_2 .left_pay {
    width: 100% !important;
    }
    .secure_payment {
        text-align: left;
        margin-left: -3px;
    }
    .secure_payment span.atc img {
        width: fit-content;
    }
}
@media only screen and (min-width : 500px) and (max-width :650px) {
    /*#header .logo {
        margin-top:2px!important
    }*/
    /*#header .telstrong {
        position: absolute;
        left: 10px;
        color: #f8981d;
        background-size: 28px auto;
        top: 100px;
        padding-left: 32px;
        letter-spacing: .06em;
        margin-top: -18px;
        background-position-y: 0;
        font-size: 15px
    }*/

    #commercialabisco {
        margin-top: -19px
    }

    span#ouverture {
        display: none
    }

    span#heures {
        display: none
    }

    /*#header div#menutop>ul li {
        margin-top: -12px
    }*/

    #header #menutop {
        display: block!important
    }

    #header div#menutop>ul li {
        display: block
    }

    #header div#menutop>ul li a {
        margin-right: -60px;
        width: 99px;
        height: 29px
    }

    /*#header div#menutop>ul {
        top: 63px
    }*/

    div#show-search {
        background: url(../images/find.png) no-repeat scroll center center transparent;
        cursor: pointer;
        height: 26px;
        position: absolute;
        width: 35px;
        z-index: 141;
        top: 127px;
        right: -18px;
        margin-right: 5px
    }

    .logo #logo {
        padding-bottom: 1px
    }

    .nav-container {
        top: -9px;
        margin-top: 0
    }

    /*#header form#SearchForm {
        position: absolute;
        left: 0;
        margin-left: -10px;
        margin-right: auto;
        top: 164px;
        padding-bottom: 11px;
        background-color: rgba(113,109,102,1);
        width: 109%;
        z-index: 9
    }*/

    /*div.categories ul li {
        width: 46.8%
    }*/

    div#jobs ul.jobs_list li {
        border: 1px solid #e8e8e8;
        background: linear-gradient(to bottom right,#e8e8e8,rgba(0,0,0,0))
    }

    div#jobs ul li a strong {
        display: table-cell;
        height: 55px;
        text-align: center;
        font-size: 12px;
        vertical-align: middle
    }

    #garanties ul {
        margin-left: 39px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    img#footer_tel {
        padding-left: 30%
    }

    div#facebook-footer-sp {
        margin-left: 31%
    }

    #footer {
        padding-bottom: 15px!important;
        height: inherit!important
    }

    a#AddCde {
        width: 70%!important;
        text-align: center
    }

    a#AddSD {
        width: 88%!important;
        text-align: center
    }

    #descr h1 {
        text-align: center
    }

    h3.crosssell {
        text-align: center
    }

    #footer #pied_de_page table tr td:first-child,#footer #pied_de_page table tr td:nth-child(2),#footer #pied_de_page table tr td:nth-child(3) {
        display: none
    }

    div.categories ul a:nth-child(3n) li,div.categories ul span:nth-child(3n) li {
        margin-right: 13px
    }

    #AddSD {
        width: 88%!important;
        text-align: center
    }

    #AddCde {
        width: 91%!important;
        text-align: center
    }
}
@media(max-width: 375px){
    div#center h1.new_title_h1 {
    font-size: 33px !important;
    }
    li[itemprop="brand"] {
    text-align: center;
    }
    .mi_new_column_2 .mi_new_column_1 {
    width: 100%;
    }
    #actions .infos_prix2:nth-of-type(1) {
    text-align: center;
    }
    #AddCde {
    width: 51% !important;
    margin-left: 0px !important;
    }
    .block_note {
    flex-basis: 32% !important;
    }
    .block_note_price .pButton a#AddSD {
        width: 100% !important;
    /*margin-left: 19px !important;*/
    }
    .block_down ul.options li span.icon-imprimer {
    width: 25px;
    }
}
    /*Fin responsive stagiaire*/

/*** Fin Page produit 22-06-2022 stg***/

/*** responsive ****/

@media (max-width: 981px){
    .page.contact div#MailFormDiv{
        width: 100%;
    }
}
/*produit*/


@media (min-width : 768px ){
    div#ProductComplement ul.list_product li:nth-child(4n) {
        margin-right: 0 !important;
    }
    div#ProductComplement ul.list_product li {
        border: 1px solid #f0f0f0;
        width: calc(25% - 17px);
    }
    

}

@media (min-width : 601px ) and ( max-width : 767px){
    div#ProductComplement ul.list_product li:nth-child(3n) {
        margin-right: 0 !important;
    }
    div#ProductComplement ul.list_product li {
        border: 1px solid #f0f0f0;
        width: calc(33.3333% - 16px);
    }

}

@media  (min-width : 501px ) and ( max-width : 600px){
    div#ProductComplement ul.list_product li:nth-child(2n) {
        margin-right: 0 !important;
    }
    div#ProductComplement ul.list_product li {
        border: 1px solid #f0f0f0;
        width: calc(50% - 12px);
        margin-top: 20px !important;
    }

}

@media  ( max-width : 500px){
    div#ProductComplement ul.list_product li {
        border: 1px solid #f0f0f0;
        width: 100%;
        margin-top: 20px !important;
    }
    div#visus .visuel .thumbs_list {
        margin-top: 12px;
    }
    .htttc.infos_prix2 {
        padding: 15px 5px 0;
    }
    div#actions div#detail8 div#panel {
        padding: 10px 5px;
    }

}


/*garantie*/

@media ( max-width : 980px){
    span.section_7_2_txt {
        font-size: 3vw;
    }
    p.section_7_1_p {
        font-size: 4vw;
    }
}
@media (min-width : 601px ) and ( max-width : 980px){
    div#section_7 .section_7_2_cl {
        width: calc(100% / 3);
        margin-top: 30px;
    } 
}

@media  (min-width : 501px ) and ( max-width : 600px){
    div#section_7 .section_7_2_cl {
        width: calc(100% / 2);
        margin-top: 30px;
    }
}

@media  ( max-width : 500px){
    div#section_7 .section_7_2_cl {
        width: 100% ;
        margin-top: 30px;
    }
}


/*category*/
/*niveau 1*/
@media (max-width : 980px){
    div#colG div#leftbloc {
        display: none;
    }

}

@media (min-width : 768px){
    div#colG div#multifiltersearch ul.subcategories_list li:nth-child(4n),
    .mi_new_column_1 div#multifiltersearch ul.list_product li:nth-child(4n),
    .products ul.list_product li:nth-child(4n) {
        margin-right: 0 !important;
    }
    div#colG div#multifiltersearch ul.subcategories_list li{
        width: calc(25% - 10px);
    }
    .mi_new_column_1 div#multifiltersearch ul.list_product li,
    .products ul.list_product li {
        width: calc(25% - 17px);
    }
}

@media (min-width : 601px ) and ( max-width : 767px){
    div#colG div#multifiltersearch ul.subcategories_list li:nth-child(3n),
    .mi_new_column_1 div#multifiltersearch ul.list_product li:nth-child(3n),
    .products ul.list_product li:nth-child(3n) {
        margin-right: 0 !important;
    }
    div#colG div#multifiltersearch ul.subcategories_list li {
        width: calc(33.3333% - 9px);
    }

    .mi_new_column_1 div#multifiltersearch ul.list_product li,
    .products ul.list_product li {
        width: calc(33.3333% - 16px);
    }

}

@media (min-width : 501px ) and ( max-width : 600px){
    div#colG div#multifiltersearch ul.subcategories_list li:nth-child(2n),
    .mi_new_column_1 div#multifiltersearch ul.list_product li:nth-child(2n),
    .products ul.list_product li:nth-child(2n) {
        margin-right: 0 !important;
    }
    div#colG div#multifiltersearch ul.subcategories_list li {
        width: calc(50% - 8px);
    }
    .mi_new_column_1 div#multifiltersearch ul.list_product li,
    .products ul.list_product li {
        width: calc(50% - 15px);
    }
    .mi_new_column_1 div#agauche {
        width: 100%;
    }

}

@media  ( max-width : 500px){
    div#colG div#multifiltersearch ul.subcategories_list li,
    .mi_new_column_1 div#multifiltersearch ul.list_product li,
    .products ul.list_product li {
        width: 100%;
        margin-top : 12px;
    }
    .mi_new_column_1 div#agauche {
        width: 100%;
    }

}

/*niveau 2*/
@media (min-width: 601px) and (max-width : 980px){
    .mi_new_column_1 div#agauche {
        display: none;
    }

}




/*general*/
@media (max-width : 979px){
    .mi_display_flex {
        display: initial;
    }

}


/*accueil*/
@media (max-width: 600px){
    div#section_5_2>.section_5_2_row{
        display: inherit;
    }
    div#section_5_2>.section_5_2_row>.section_5_2_col {
        width: 100%;
        margin-bottom: 20px;
    }
    .section_5_2_col .section_5_2_col_ctx p {
        font-size: 2vw;
        letter-spacing: 1px;
    }
    .section_5_2_col .section_5_2_col_ctx .section_5_2_col_ctx_1 h3 {
        font-size: 3vw;
    }
    p.section_5_1_p {
        font-size: 2.5vw;
    }
}
@media (max-width: 334px){
    div#actions div#detail8 div#panel .selection div#select_qty {
            text-align: center;
        }
        .floatleft {
            float: none !important;
        }
        .up-down a:first-child {
            right: -178px !important;
        }
        .up-down a:nth-child(2) {
            left: 106px !important;
        }
        #select_qty #AddCde {
            width: 100% !important;
            margin-right: 0px;
            margin-top: 4px !important;
        }
        .block_note_price {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify !important;
                -ms-flex-pack: justify !important;
                    justify-content: space-between !important;
        }
        .block_note_price .pButton {
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            width: 100%;
        }
        .block_note {
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
            width: 100%;
            text-align: center;
        }
        .block_note .ratingForm {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
}



/***accueil***/

/*header*/
@media (min-width: 651px) and (max-width: 900px){
    div#headerClassTwo{
        display: initial;
    }
    div#headerClassTwo>div{
        top: 0;
    }
    ul#logpan {
        margin-bottom: 10px;
    }
    div#headerClassTwo .telstrong.headerTwoCL {
        max-width: 100%;
    }
    div#header .logo {
        width: 66%;
    }
    div#headerClassTwo {
        width: 34%;
    }
    .logo #logo {
        width: 50%;
    }
    #logo_sstitre {
        font-size: 1.5vw;
    }
    div#headerClassTwo .mailstrong.headerTwoCL {
        max-width: inherit;
    }
    div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong,
    div#headerClassTwo .telstrong.headerTwoCL span.atc span#numtelstrong {
        font-size: 2.5vw;
    }
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong,
    div#headerClassTwo .mailstrong.headerTwoCL span.atc span#nummailstrong {
        font-size: 1.3vw;
    }

}
@media (max-width: 650px){
    div#head_niveau_2 {
        display: inherit;
    }
    div#header .logo {
        width: 100%;
        text-align: center;
        margin: 25px 0;
    }
    .logo #logo {
        width: 60%;
    }
    #logo_sstitre {
        font-size: 2.5vw;
    }
    div#headerClassTwo .telstrong.headerTwoCL a span#numtelstrong,
    div#headerClassTwo .telstrong.headerTwoCL span.atc span#numtelstrong {
        font-size: 3.5vw;
    }
    div#headerClassTwo .mailstrong.headerTwoCL a span#nummailstrong,
    div#headerClassTwo .mailstrong.headerTwoCL span.atc span#nummailstrong {
        font-size: 2vw;
    }
    div#head_niveau_1 div#menutop ul#logpan {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    div#headerClassTwo .headerTwoCL {
        width: 50% !important;
        margin-bottom: 3px;
        line-height: 1.2em;
        top: 0;
    }
    div#in_menu {
        width: 100%;
    }
    
    div#in_menu span#slogan2 {
        position: initial;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 60px;

    }
    #header form#SearchForm input#search-text {
        width: calc(100% - 35px);
        margin-top: 0;
    }
    div#show-search,
    span#icontelstrong,
    span#iconmailstrong,
    div#in_menu span#slogan2{
        display: none;
    }
    div#headerClassTwo {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    div#menu {
        float: inherit;
    }
    div#headerClassTwo .telstrong.headerTwoCL a,
    div#headerClassTwo .telstrong.headerTwoCL span.atc,
    div#headerClassTwo .mailstrong.headerTwoCL a,
    div#headerClassTwo .mailstrong.headerTwoCL span.atc{
        margin: 0;
    }
    /*div#headerClassTwo .mailstrong.headerTwoCL,
    div#headerClassTwo .telstrong.headerTwoCL{
        max-width: inherit;
    }*/
    div#headerClassTwo>div:not(:last-child) {
        width: calc(48% - 7px) !important;
        max-width: 48% !important;
    }
    div#headerClassTwo>div:last-child {
        width: 100%!important;
        margin-top: 4px;
    }

    #header div#menutop>ul li a,
    #header div#menutop>ul li span .texten,
    #header div#menutop>ul li span.atc .BasketItemCount {
        font-size: 2.5vw;
    }
    div#in_menu {
        margin: 30px 0 0 0 !important;
    }
     
}


/*=> recherche*/

@media (max-width : 600px){
    #section_6_1 form#SearchForm_2 .section_6_1_2{
        display: initial;
    }
    #section_6_1 form#SearchForm_2 {
        display: initial;
    }
    .section_6_1_2>div {
        width: 100%;
    }
    .section_6_1_2_brand #search-brand {
        float: initial;
        width: 100%;
        margin: 0;
        margin-bottom: 2%;
    }
    .section_6_1_2_job #search-jobs {
        float: initial;
        width: 100%;
        margin: 0;
    }
    #section_6_1 form#SearchForm_2 .section_6_1_1 input#search-text {
        padding: 11px 0;
        margin : 0;
    }
    input[type=password],
    input[type=text],
    select, textarea{
        font-size: 2vw;
    }
}


/** accueil categories */
@media (min-width: 768px) and (max-width: 1200px){
    div#arbo ul span.atc {
        width: calc(100% / 4);
        margin-top: 25px;
    }
}

@media (min-width: 601px ) and (max-width: 1023px){
    div#section_2>.section_2_class:nth-child(2n) {
        margin-right: 0 !important;
    }
    div#section_2>.section_2_class {
        width: calc(50% - 12px);
        margin-top: 20px;
    }
}

@media (max-width: 600px){
    div#section_2>.section_2_class {
        width: 100%;
        margin-top: 20px;
    }
    div#section_2>.section_2_class:not(:last-child){
        margin-right: 0;
    }
    #section_2_4 p#section_2_4_p{
        font-size: 5vw;
    }
    div#section_2_3>span.atc>img,
    div#section_2_2_1 {
        width: 100%;
    }
    p#section_2_2_p {
        left: 26%;
        font-size: 3vw;
    }
    p#section_2_2_p span,
    div#section_2 #section_2_1 div p.section_2_1_p {
        font-size: 4vw;
    }
    div#section_2_1 li.section_2_1_li {
        margin-bottom: 4vw;
        font-size: 3vw;
    }
    div#section_2_1 li.section_2_1_li span.ico_section_2 {
        background-position: -17px -234px!important;
    }
    div#section_3 {
        display: inherit;
        padding: 0;
        margin: auto;
        /*width: calc(100% - 96px);*/
    }
    .section_3_1 {
        text-align: center;
    }
    div#section_3:after {
        display: none;
    }
    div#section_3 .section_3_2 {
        padding: 0;
    }
    div#section_3 .section_3_1 img {
        width: 100%;
    }
}


@media (max-width: 767px){
    div#section_4 div#section_4_2 {
        display: inherit;
    }
    #section_4_2 #section_4_2_1 {
        width: 100%;
        background-size: cover;
        height: 50vw;
    }
    #section_4_2 #section_4_2_2, #section_4_3 #section_4_3_2 {
        width: 100vw;
        margin-bottom: 15px;
    }
    #section_4_2_2>div, #section_4_3_2>div {
        width: calc(100% - 96px);
        margin-top: 25px;
    }
    div#section_4 div#section_4_3 {
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%;
    }
    #section_4_2 #section_4_2_2, #section_4_3 #section_4_3_2 {
        width: 100vw;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
    }
    #section_4_3 #section_4_3_1 {
        width: 100vw;
        background-size: cover;
        height: 50vw;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
    }

    div#actions div#detail8 div#panel .selection select.select_product {
        width: 100%;
    }
}

@media (min-width: 601px) and (max-width: 767px){
    div#arbo ul span.atc {
        width: calc(100% / 3);
        margin-top: 25px;
    }
}

@media (min-width: 501px) and (max-width: 600px){
    div#arbo ul span.atc {
        width: calc(100% / 2);
        margin-top: 25px;
    }
}

@media (max-width: 500px){

    div#arbo ul span.atc {
        width: 100%;
        margin-top: 25px;
    }
    div.categories ul span.atc li img {
        width: 45%;
    }
    #AddCde {
        width: 60% !important;
        margin-right: 0px;
    }
    .block_note_price .pButton {
        flex-basis: 60%;
    }
    .block_note {
        flex-basis: 37% !important;
    }
}

/*footer*/

@media (max-width: 979px){
    div#pied_de_page>.mi_new_column_2>.mi_new_column_1 {
        width: 100%;
        margin: auto;
    }
    div#pied_de_page>.mi_new_column_2>.mi_new_column_1 .pied_sect_1_1 {
        width: 60%;
        margin: auto;
        text-align: center;
    }
}

@media (min-width : 601px ) and (max-width: 979px){
    div#pied_de_page>.mi_new_column_2>.mi_new_column_2 {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2%;
    }
    div#pied_de_page>.mi_new_column_2>.mi_new_column_2 .mi_new_column_1.mi_new_column_2_1 .mi_new_column_2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 600px){
    div#pied_sect_4 {
        margin: auto;
        width: 33%;
    }
}

/*font size*/
@media (max-width:  979px){
    .products ul.list_product li a span.price span.strong,
    .products ul.list_product li a span.price strong,
    .products ul.list_product li span span.price span.strong {
        font-size: 10px!important;
    }
    div.page ul.list_product li a span.small,
    div#main div.page ul.list_product li a span.price small,
    div#main div.page ul.list_product li a span.price,
    .catalog #descr small#product_reference,
    .list_product p.prod_h3{
        font-size: 13px !important;
    }
    div#section_4 .section_4_3_2_ul li span.text_section_4,
    div#section_4 .section_4_2_2_ul li span.text_section_4,
    div.cat-marque ul.list_product li a span.small,
    div.cat-marque ul.list_product li span span.small,
    ul.list_product li a small,
    ul.subcategories_list li a small,
    ul.subcategories_list li span small,
    #category_description_2 h5,
    .products ul.list_product li a span.price span.strong.smallttc,
    .products ul.list_product li span.a-prod span.price span.strong.smallttc{
        font-size: 14px !important;
    }
    .section_5_2_col .section_5_2_col_ctx p,
    #footer #pied_de_page #pied_sect_1 .pied_sect_1_2 p,
    div#pied_de_page .mi_new_column_1 li span.text_section_4,
    span#numtelstrong_ft,
    p.section_5_1_p,
    div#category_description p,
    div#category_description_2 p,
    div#category_description_2 li a,
    .category_description p,
    .trade_description p,
    div#description_plus li a,
    div#short_description_block p,
    div#descriptif p,
    #categorybloc .intro p,
    p#categoryTitle{
        font-size: 15px !important;
    }
    .section_5_2_col .section_5_2_col_ctx .section_5_2_col_ctx_1 h3,
    #categorybloc .intro h3,
    #contents #category_description_2 h4,
    div#description_plus h4,
    .subcategories_list .list_cat_h2{
        font-size: 16px !important;
    }
    div#category_description_2 h2, div#description_plus h2 {
        font-size: 24px !important;
    }

   /* div#multifiltersearch .products ul.list_product li a span.small.product_reference {
        margin-top: 55px !important;
    }*/
    div#multifiltersearch .products ul.list_product li a span.small.product_reference .strong {
        margin: 0 3px 0 4px !important;
    }
    div.page ul.list_product li a span.small,
    span.small.product_reference{
        margin-top: 80px !important;
    }
}

/*margin*/
@media (max-width: 600px){
    div#in_head_body,
    div#section_2,
    div#section_5,
    div#section_7,
    #pied_de_page {
        padding-left: 20px;
        padding-right: 20px;
    }
    #arbo,
    div#section_3,
    #section_4_2_2>div,
    #section_4_3_2>div,
    div#contents div#main div#center:not(.page.home) {
        width: calc(100%);
    }
}


/*01-07-2021*/
@media (max-width: 600px){
    p:not(.section_7_1_p, p.section_3_2_3_p, p.section_5_1_p, .pied_sect_1_2 p.pied_sect_1_2_2) {
        text-align: inherit !important;
    }
}

div#category_description_2 li {
    margin: 0 0 6px 10px;
    padding-left: 16px !important;
    list-style: disc;
    font-size: 1.1vw;
    line-height: 1.4em;
    color: rgb(111, 111, 111) !important;
}
div#category_description_2 h3,div#description_plus h3{
    font-size: 1.1vw;
}
div#category_description_2 ul, div#category_description_2 ol {
    padding-top: 0 !important;
    padding-left: 31px !important;
}
div#category_description ol li {
    font-size: 1.1vw;
}
div#category_description ol {
    margin-left: 15px;
}
@media (min-width: 767px ) and (max-width: 1265px){
    .mi_new_column_3 .mi_new_column_2 {
        gap: 1vw;
    }
    .mainImage .zoomPad>img {
        width: 100%;
        height: auto;
    }
    .mi_new_column_3 .mi_new_column_2 .mi_new_column_1 {
        width: 57%;
    }
    .mi_new_column_3 .mi_new_column_2 .mi_new_column_1.mi_new_column.left_pay {
        width: 40%;
    }

}