/*********************[REFONTE 2019]****************************/
hr.barre {  background:#f7f5f6; height: 27px; display: block; border: 0;  }

h1.main_title { color:#003274; font-weight: 600; text-transform: uppercase; }
.main_title { font-size: 30px; font-weight: 300; color:#605d58; line-height: 1.1; margin:0 0 42px 0 }
.main_title  strong { font-weight: 500; display: inline-block}
.main_title strong:after { content:""; background:#db002e; width: 4px; height: 22px; display: inline-block; margin-left: 10px}
.main_title.barre_left strong:before { content:""; background:#db002e; width: 4px; height: 22px; display: inline-block; margin-right:  10px}
.main_title.barre_none strong:after, .main_title.barre_left strong:after  { display: none}

#main_slider { position:relative; margin-bottom: 50px }
#main_slider ul { padding: 0; margin:0}
#main_slider li {  width:100% !important; height:390px; background-size:cover; background-position:center center;  text-transform: uppercase;}
#main_slider li .row2019 { height: 100%; align-items: center}
#main_slider .bx-pager { position:absolute; bottom:24px; left:0; width:100%; text-align:center; z-index:55;}
#main_slider .bx-pager .bx-pager-item { display:inline-block; margin:0 5px;}
#main_slider .bx-pager .bx-pager-item a { width: 10px; height: 10px; border-radius: 10px; border: 1px solid #fff; display: block; text-indent: -9999px }
#main_slider .bx-pager .bx-pager-item a.active {background: #fff}
#main_slider .bx-controls-direction { position:absolute; z-index:55; top:50%; width:100%; margin-top:-13.5px; }
#main_slider .bx-controls-direction a { position:absolute; background:url(../img/slider_right.svg) no-repeat; width: 15px; height: 27px; background-size: 100% auto; text-indent: -9999px;}
#main_slider .bx-controls-direction .bx-prev { left:50px; background-position:0 0; transform:rotate(180deg)}
#main_slider .bx-controls-direction .bx-next { right:50px;  background-position:0 0;}
#main_slider .titre { font-size: 52px; font-weight: 100; margin:0; color:#003274; line-height: 63px}
#main_slider .titre strong { display: block; font-weight: 300}
#main_slider .txt { color:#003274; font-size: 24px; font-weight: 500; margin: 0 }
#main_slider .cta { padding: 13px 0 0}
#main_slider .cta a { font-size: 20px; color:#db002e; border: 1px solid #db002e; display: inline-block; vertical-align: top; padding: 6px 25px; transition:all 0.3s ease;}
#main_slider .cta a:hover { background:#db002e; color:#fff; text-decoration: none }
@media all and (max-width:1200px) {
    #main_slider .bx-controls-direction { display: none}

}

.bloc_nouveautes { margin-bottom: 50px }
.bloc_nouveautes  a { border: 1px solid #8c8d8f;  display: block; color:#4b4b4b; text-align: center; height: 100%; padding-bottom: 20px;  transition:all 0.3s ease; }
.bloc_nouveautes  a .visuel { height: 260px; background-size: cover; background-position: center; margin: 0; position: relative}
.bloc_nouveautes  .titre {  font-size: 18px; line-height: 22px; margin: 0; padding: 17px 10px 5px }
.bloc_nouveautes  .sstitre { font-size: 22px; line-height: 22px; font-weight: 300; margin: 0; text-transform: uppercase; padding:0 10px }
.bloc_nouveautes  a:hover { border: 1px solid #db002e; background: #db002e; color:#fff; text-decoration: none  }

.bloc_ambiance { margin: 50px 0 70px}
.bloc_ambiance a.visuel { display: block; background-size: cover; background-position: center; height: 235px; color:#fff; text-transform: uppercase; padding: 94px 20px 0; text-align: center; position: relative }
.bloc_ambiance a.visuel:before { content:""; position: absolute; top:0; left:0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.bloc_ambiance a:hover { text-decoration: none}
.bloc_ambiance a:hover:before {background-color: rgba(0, 0, 0, 0.7); }
.bloc_ambiance a:hover  .titre { background:#db002e;  }
.bloc_ambiance .titre { font-size: 16px; line-height: 16px; font-weight: 500; background: #2f2f2f; padding:3px 5px 4px; display: inline-block; vertical-align: top; margin: 0 0 10px; position: relative; z-index: 2; transition:all 0.3s ease;}
.bloc_ambiance .sstitre { font-size: 25px; line-height: 30px; margin: 0; font-weight: 500; position: relative; z-index: 2; transition:all 0.3s ease; }
.bloc_ambiance .page_ambiance a.visuel { padding-top: 0; color:#db002e; display: flex; align-items: center}
.bloc_ambiance .page_ambiance a.visuel:before { background-color: rgba(219, 0, 46, 0); border: 1px solid  #db002e; }
.bloc_ambiance .page_ambiance a.visuel:hover:before { background-color: rgba(219, 0, 46, 1) !important;}
.bloc_ambiance .page_ambiance .sstitre { font-weight: normal; font-size: 20px; line-height: 27px; }
.bloc_ambiance .page_ambiance a.visuel:hover .sstitre { color:#fff}


.bloc_distributeur {  background: #f7f5f5; padding: 50px 0 42px; text-align: center}
.bloc_distributeur.blanc { background: #fff}
.bloc_distributeur .main_title { margin-bottom: 25px}
.bloc_distributeur .bouton { margin: 0}
.bloc_distributeur .bouton  a { display: inline-block; vertical-align: top; padding: 8px 15px; border: 1px solid #db002e;}
.bloc_distributeur .bouton  a span { transition:all 0.3s ease;display: inline-block; padding: 4px 20px 4px 47px; background: url(../img/picto_loupe.svg) no-repeat left center; background-size: 32px auto; vertical-align: top; font-size: 18px; color:#db002e;   }
.bloc_distributeur .bouton  a:hover { background:#db002e; text-decoration: none}
.bloc_distributeur .bouton  a:hover span {  color:#fff; background-image: url(../img/picto_loupe_blanc.svg);  }

.bloc_valeurs { padding:65px 0 40px  }
.bloc_valeurs  .main_title { margin-bottom: 65px}
.bloc_valeurs a:hover { text-decoration: none}
.bloc_valeurs a:hover .sstitre { color:#db002e;}
.bloc_valeurs .span_4_of_12 { text-align: center; position: relative}
.bloc_valeurs .span_4_of_12:before { content:""; width: 1px; height:113px; background:#c1c1c1; position: absolute; top:98px; left:-10px; }
.bloc_valeurs .content .span_4_of_12:first-child:before { display: none}
.bloc_valeurs .picto { margin: 0 0 13px}
.bloc_valeurs .picto  img { height: 74px}
.bloc_valeurs .titre {  color:#db002e; font-size: 18px; font-weight: 500;; margin: 0 0 22px; text-transform: uppercase; line-height: 23px}
.bloc_valeurs .sstitre { font-size: 18px; color:#605d58; line-height: 26px;  transition:all 0.3s ease; }

.bloc_conseils {  background: #f7f5f5; padding: 55px 0 67px}
.bloc_conseils  a { background: #fff; display: block; height: 100%; border: 1px solid #f7f5f5;  transition:all 0.3s ease;   }
.bloc_conseils  a:hover { background:#db002e; border: 1px solid #db002e; text-decoration: none }
.bloc_conseils  a:hover .titre  {  color:#fff;}
.bloc_conseils .visuel { height: 195px; background-size: cover; background-position: center; margin: 0}
.bloc_conseils .titre {  font-size: 18px; color:#605d58; line-height: 24px; padding: 12px 15px 30px; margin: 0;  transition:all 0.3s ease; }

.bloc_gimm { padding-top: 60px  }
.bloc_img_content { position: relative; margin-bottom: 60px; padding: 68px 0 0}
.bloc_img_content .visuel {  width: 57.5%; position: absolute; top:0; left:0; bottom:45px; margin: 0; background-size: cover; background-position: center  }
.bloc_img_content .content { margin-left: 42.5%; position: relative; z-index: 2;  padding:42px 25px 42px 50px; background: #fff; width: 58.5%;}
.bloc_img_content .content .main_title { margin-bottom: 5px}
.bloc_img_content .content .sstitre { color:#db002e; font-size: 18px; font-weight: 500; padding-bottom: 40px; margin: 0}
.bloc_img_content .content .txt { font-size: 18px; color:#605d58; line-height: 26px; }
.bloc_img_content .content .txt p { margin: 0}
.bloc_img_content .content .txt a { color:#db002e}
.bloc_img_content .content .txt a:hover { text-decoration: underline}
.bloc_gimm .bloc_img_content:nth-child(even) { }
.bloc_gimm .bloc_img_content:nth-child(even) .visuel { left: inherit; right: 0 }
.bloc_gimm .bloc_img_content:nth-child(even) .content { margin-left: 0; text-align: right; padding:42px 25px 42px 50px;  }

.ambiance_partage { background:#e3e3e3; margin-top: 3px; padding: 26px 0 20px }
.ambiance_partage .conteneur {  display: flex; align-items: center; justify-content: center }
.ambiance_partage blockquote { font-weight: 500; color:#db002e; font-size: 22px; line-height: 22px; margin: 0; text-align: center; border: 0; padding: 0 70px 0 0 }
.ambiance_partage .mail { font-size: 18px; line-height: 1.2; background: url(../img/picto_mail.svg) no-repeat; background-size: 38px auto; background-position: left center; padding-left: 55px; white-space: nowrap}
.ambiance_partage .mail a { font-weight: 500; color:#605d58; text-decoration: underline; transition:all 0.3s ease;}
.ambiance_partage .mail a:hover {  color:#db002e; text-decoration: none}
#edc_masonry { padding:80px 0 80px; margin:0 -10px;}
#edc_masonry .grid-sizer { width: 10%;  }
#edc_masonry .grid-item { width: 20% }
#edc_masonry .grid-item .conteneur { height: 100%; padding: 10px}
.height220 { height: 240px }
.height270 { height: 290px  }
.height330 { height: 350px }
.height320 { height: 340px }
.height380 { height: 400px  }
.height470 { height: 490px  }
#edc_masonry .w20 { width: 20%; }
#edc_masonry .w30 { width: 30%;}
#edc_masonry .w40 { width: 40%;}
#edc_masonry .w50 { width: 50%;}
#edc_masonry .w60 { width: 60%;}
#edc_masonry .w70 { width: 70%;}
#edc_masonry a {  background-size: cover; background-position: center; color:#fff; text-transform: uppercase; padding: 0px 20px 0;  position: relative; display:flex;    height: 100%;  align-items: center }
#edc_masonry a:before { content:""; position: absolute; top:0; left:0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
#edc_masonry a:hover:before {background-color: rgba(0, 0, 0, 0.7); }
#edc_masonry a:hover  .titre { background:#db002e;  }
#edc_masonry a:hover { text-decoration: none}
#edc_masonry .titre { font-size: 16px; line-height: 16px; font-weight: 500; background: #2f2f2f; padding:3px 5px 4px; display: inline-block; vertical-align: top; margin: 0 0 10px; position: relative; z-index: 2; transition:all 0.3s ease;}
#edc_masonry .sstitre { font-size: 29px; line-height: 30px; margin: 0; font-weight: 500; position: relative; z-index: 2; transition:all 0.3s ease; }
#edc_masonry .main_title { margin:10px 0 30px}
#edc_masonry .txt { font-size: 18px; line-height: 1.3; padding: 0; margin: 0}
.ambiance_details { padding-top:80px;}
.ambiance_details .main_title { margin:10px 0 30px}
.ambiance_details .txt { font-size: 18px; line-height: 1.3; padding: 0; margin: 0}
.ambiance_details .conteneur { position: relative; min-height: 680px; margin:40px 0}
.ambiance_details .conteneur .visuel { position: absolute; right: 0; width: 66%; bottom: 0; top:0; background-size: cover; background-position: center}
.ambiance_details .conteneur  .titre { font-size: 16px; line-height: 16px; font-weight: 500; color:#fff; background: #2f2f2f; padding:3px 5px 4px; display: inline-block; vertical-align: top; margin: 15px 0 5px; position: relative; z-index: 2; transition:all 0.3s ease;}
.ambiance_details .conteneur  .sstitre { font-size: 29px; line-height: 30px; margin: 0 0 28px; font-weight: 500; position: relative; z-index: 2; color:#dc002e; transition:all 0.3s ease; }
.ambiance_details .conteneur .content { width: 53.5%; background:#fff; font-size: 18px; line-height: 1.3; z-index: 2; position: relative; padding: 40px 70px 20px 0; margin-bottom: 35px}
.ambiance_details .conteneur .content p { padding-bottom: 20px; margin: 0}
.ambiance_details .tableau { width: 32.5%; text-align: center}
@media all and (max-width: 990px) {
    #edc_masonry .grid-item { width: 50%}
    .ambiance_partage blockquote { padding-right: 30px;}
    #edc_masonry { margin: 0; padding: 30px 0 0}
    .ambiance_details { padding-top: 30px}
    .ambiance_details .conteneur { min-height: 0}
    .ambiance_details .conteneur .content { padding-right: 40px}
}
@media all and (max-width: 767px) {
    #edc_masonry .grid-item { width: 100%}
    .ambiance_partage { padding: 25px 0 5px}
    .ambiance_partage .conteneur { display: block; text-align: center}
    .ambiance_partage blockquote { padding: 0 0 20px}
    .ambiance_partage .mail { padding-left: 0; background: none;}

    #edc_masonry .grid-item .conteneur { padding-left: 0; padding-right: 0}
    #edc_masonry .grid-item { height: 250px !important;}

    .ambiance_details .conteneur .content { width: 100%; padding:10px 0; margin-bottom: 0}
    .ambiance_details .conteneur .visuel { position: inherit; top:inherit; bottom: inherit; width: 100%; right: inherit; height: 300px; margin-bottom: 35px}
}



/* 06-2021 cat sous cat fiche + blog */

.vcat2021 { padding: 17px 0 0 25px; font-size: 0 }
.vcat2021 .main_title { font-weight: 300;color: #605d58; }
.vcat2021 .product { min-height: 0; border: 0; background: none; padding: 7px; display: inline-block; vertical-align: top; width:33.33%; float: none; margin: 0}
.vcat2021 .product a { display: block; background: #fff; transition:all 0.3s ease; color:#7d776f;}
.vcat2021 .product a:hover { text-decoration: none; background: #f1f1f1; color:#5c5b56}
.vcat2021 .product  h3, .vcat2021 .product  img {  transition:all 0.3s ease;}
.vcat2021 .product  img { width: 100%; max-height: 100%; height: auto}
.vcat2021 .product  h3 { font-size: 19px; line-height: 22px;}
.vcat2021 .product a:hover h3 {  color:#db002c}
.vcat2021 .product a:hover img { opacity: 0.7}
.vcat2021 .product .ct { padding: 15px;  }
.vcat2021 .product p { font-size: 14px;}
.vcat2021 .product .ct .plus { text-align: right; color:#db002c}

.vcat2021 .sub-category  { border: 0; padding: 0; background: none; min-height: 0; margin-bottom: 10px;  }
.vcat2021 .sub-category a {  padding: 10px; display: flex; border: 0; transition:all 0.3s ease; min-height: 290px }
.vcat2021 .sub-category a:hover { text-decoration: none; background: #f1f1f1; color:#5c5b56 }
.vcat2021 .sub-category a:hover .visuel { opacity: 0.7 }
.vcat2021 .sub-category .ct { padding: 15px; }
.vcat2021 .sub-category .visuel { flex:0 0 45%; background-size: cover !important; background-position:center!important;;  transition:all 0.3s ease;}
.vcat2021 .sub-category .visuel.src img { max-width: 100%; height: auto; width: 100%;}
.vcat2021 .sub-category h2 {    font-size: 19px;    line-height: 22px; border: 0; text-transform: uppercase; width: 100%;  }
.vcat2021 .sub-category .desc {  font-size: 14px;  }
.vcat2021 .sub-category a:hover h2 {  color: #db002c; }
.vcat2021 .sub-category .plus {  color:#db002c;  font-size: 14px; padding-top: 10px}
    /* sidebar */
.widget-title { font-weight: normal; margin-bottom: 15px;}
.widget-title:after {    width: 0;    height: 0;    border-style: solid;    border-width: 17px 17px 0 17px;    border-color: #db0a31 transparent transparent transparent;  bottom: -16px; right: 25px;}
.widget-footer ul, #custom-search ul, #custom-search2 ul { margin: 0; padding: 15px 15px 0;}
#custom-search ul li:before, #custom-search2 ul li:before { display: none;}
#custom-search ul li hr, #custom-search2 ul li hr  { display: none;}
#custom-search ul li .h3, #custom-search2 ul li .h3 { margin: 0; text-transform: uppercase; font-weight: 500; padding: 0 0 5px;}
form[name="form-custom-search"] div.filter-content { margin: 3px 0 25px}
form[name="form-custom-search"] div.filter-content select { font-family:"roboto"; cursor: pointer; width: 100%; background: url(../img/arrow-down-2021.png) right -1px no-repeat transparent; font-size: 14px; height: 27px;     color: #69665f;}
#custom-search ul.materiaux, #custom-search2 ul.materiaux { padding: 0; margin: 0 -5px 5px;  font-size: 0}
#custom-search ul.materiaux  li, #custom-search2 ul.materiaux li { margin: 0; padding:0 5px 5px; width: 50%; height: auto  }
#custom-search ul.materiaux  li label, #custom-search2 ul.materiaux li label { display: flex;height: auto; line-height: 1.3; cursor: pointer}
#custom-search ul.materiaux  li label span, #custom-search2 ul.materiaux li label span { font-family:"roboto"; display: inline; text-align: left; order: 2; background: none !important; padding: 0; margin: 0; font-weight: normal; border-radius: 0; font-size:14px; color: #69665f; }
#custom-search ul.materiaux  li label input, #custom-search2 ul.materiaux li label input { order: 1; margin:2px 5px 0 0; }
form[name="form-custom-search"] input[type="submit"] {background: #db002c; color:#fff; transition: all 0.3s ease; margin:0 auto 30px; width: 180px; display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 0; border: 0; height: 35px; padding: 0 5px;   }
form[name="form-custom-search"] input[type="submit"]:hover {background: #003374 ;    }
form[name="form-custom-search"] span.arrow { display: none;}

/* fiche */
.ficheP2021  { color:#605d58; }
.ficheP2021 .h2, .ficheP2021 .title-2 { position: relative; background: none !important; font-size: 26px !important;    font-weight: 500;    color: #db002c !important;    line-height: 1.1;    margin: 0; padding:20px 40px; }
.ficheP2021 .h2 span { display: none}
.ficheP2021 .newh1produit { font-weight: 300 !important; color:#605d58 !important; padding: 0 !important; font-size: 45px !important; line-height: 38px !important;}
.ficheP2021 div.pad { padding: 0 0 0 40px !important;}
.ficheP2021 .newh3produit { color:#605d58 !important; margin: 0; padding: 20px 0; font-size:20px !important; line-height: 23px  }
.ficheP2021 table { display: table }
.ficheP2021 table td { width: 33%  }
.ficheP2021 table td div { width: 100% !important; float: none; min-width: 0; display: flex; align-items: center}
.ficheP2021 table td div p { margin: 0 0 0 5px; line-height: 1.2}
.ficheP2021 .background-gris.marginT40 { margin-top: 40px;}
.ficheP2021 .background-gris { position: relative; padding: 40px 0; width: 100%}
.ficheP2021 .background-gris:before { content:"";     background: #eeeeee; position: absolute; left:-500%; right: -500%; top:0; bottom:0}
.ficheP2021 .container-noul  { list-style: none; max-width: 375px; }
.ficheP2021 .container-noul li { padding-bottom: 10px;list-style: none }
.ficheP2021 #accordion2 {padding:0 40px  }
.ficheP2021 #accordion2  .title-2 { padding-left: 0  }

.page-header { border-bottom: 0}

/* blog */
.title_catblog {   font-size: 30px; font-weight: 600; color:#605d58; line-height: 1.1; margin:0 0 10px 0; text-align: center; text-transform: uppercase }
.title_catblog.conseil span { background-image: url(../img/picto_livre.svg);     background-size: 31px auto; background-position: 0 7px; background-repeat: no-repeat; padding-left: 43px; }
.taxonomy-description { text-align: center; max-width: 700px; margin: 0 auto; color: #5c5b56;}

.postv2021 { margin-bottom: 15px;  }
.postv2021 a {  transition:all 0.3s ease; color:#7d776f; display: block}
.postv2021 a:hover { text-decoration: none; background: #f1f1f1; color:#5c5b56 }
.postv2021 a:hover img { opacity: 0.7}
.postv2021 a:hover h3 { color: #db002c; }
.postv2021 .image { /*height: 170px; overflow: hidden*/}
.postv2021 .image img { max-width: 100%; width: 100%;   object-fit: cover; height: 170px; transition: all 0.3s ease;}
.postv2021  .ct { padding: 15px;  }
.postv2021 .the_tags { padding-bottom: 10px;}
.postv2021 .the_tags, .postv2021 .the_tags a {  color: #db002c;  }
.postv2021 h3 { margin:0; font-size: 14px; line-height: 17px; text-transform: uppercase; padding-bottom: 5px;   }
.postv2021 .post-excerpt { font-size: 14px; }
.postv2021 .post-excerpt br { display: none}
.postv2021 .post-excerpt p { margin-bottom: 0}
.post-excerpt p { margin-bottom: 0}
.bloc_spe { background:#f1f1f1; font-size: 14px; padding: 25px;  }
.bloc_spe h3 {      margin: 0;     font-size: 14px;     line-height: 17px;     text-transform: uppercase;     padding-bottom: 5px; color:#db002c}
.bloc_spe .tags > div { border-top:1px solid #d2d2d2; font-size: 15px; padding:8px 0; }
.bloc_spe .tags > div:nth-child(1) { border:0}
.bloc_spe .tags a { transition: all 0.3s ease;}
.bloc_spe .tags a:hover { color:#db002c; text-decoration: none; }
.pagination { text-align: right; display: block!important; padding-right: 20px;}
.pagination a { color:#db002c}
.pagination a:hover, .pagination a.actif {  text-decoration: underline }

.last_posts { background: #eee; position: relative; padding: 20px 0 10px; margin-bottom: 30px;}
.last_posts h2 { position: relative;  color:#db002c; font-size: 20px !important;    font-weight: 500;  text-transform: uppercase; padding: 0px 0 10px 20px; margin-top: 0}
.last_posts:before {    content: "";background: #eeeeee;position: absolute;left: -500%;right: -500%;top: 0;bottom: 0; }
.last_posts  .postv2021 a:hover {  background: #fff; }

.carre_tags { text-align: center; padding-bottom: 30px; display: flex; justify-content: center; flex-wrap: wrap}
.carre_tags a { border: 1px solid #db002c; color:#db002c; display: block; padding: 4px 18px; margin: -1px; transition: all 0.3s ease;}
.carre_tags a:hover, .carre_tags .current a { color:#fff; background: #db002c; text-decoration: none;  }

@media all and (max-width: 767px) {
    .ficheP2021 .h2, .ficheP2021 .title-2 { padding: 20px !important;}
    .vcat2021 { padding: 20px 0 0}
    .vcat2021 .product { width: 100%; margin-left: -0.5rem}
    .ficheP2021 table td { width: 100%; display: block  }
    .ficheP2021 #accordion2 {padding:0 20px  }
    .ficheP2021 div.pad { padding: 0 20px !important;}
    .ficheP2021 .container-noul ul { padding-left: 20px; padding-right: 20px; }

    .vcat2021 .sub-category a { display: block; padding-left: 0}
}











/*********************[LAYOUT]****************************/
/* Table */
.tab { display: table; width: 100%}
[class^="tab-row"] { display: table-row; }
[class^="tab-cell"]  { display: table-cell; vertical-align: top;}
[class^="tab-cell-middle"]  {  vertical-align: middle;}
[class^="tab-cell-bottom"]  {  vertical-align: bottom;}
/* Flex */
.flex { display: flex;}
.Vtop{    align-items: flex-start;    align-self: flex-start; }
.Vcenter {    align-items: center;    align-self: center; }
.Vbottom {    align-items: flex-end;    align-self: flex-end; }
.Hstart {justify-content: flex-start; }
.Hend {  justify-content: flex-end; }
.Hcenter {    justify-content: center; }
.Hbetween {    justify-content: space-between; }
.Haround {    justify-content: space-around; }
/* Responsive */
.row2019 {     max-width: 1040px; padding:0 20px; margin:0 auto;  position: relative;       display: flex;       flex: 1 1 auto;      flex-wrap: wrap; clear: both;}
.row2019.full { max-width: 100%; padding:0}
.row2019 .row { max-width: 100%; padding:0 }
.row2019 [class^="span_"] {   margin-left:2%;}
.row2019 [class^="span_"]:first-child { margin-left: 0; }
.span_12_of_12 {    width: 100%;}
.span_11_of_12 {    width: 91.5%}
.span_10_of_12 {    width: 83%;}
.span_9_of_12 {    width: 74.5%;}
.span_8_of_12 {    width: 66%;}
.span_7_of_12 {    width: 57.5%;}
.span_6_of_12 {    width: 49%;}
.span_5_of_12 {    width: 40.5%;}
.span_4_of_12 {    width: 32%;}
.span_3_of_12 {    width: 23.5%;}
.span_2_of_12 {    width: 15%;}
.span_1_of_12 {    width: 6.5%;}

@media all and (max-width: 767px) {
    .hide_mobile { display:none;}
    .tab, [class^="tab-row"], [class^="tab-cell"] { display: block; width: 100%; }
    .row2019 [class^="span_"]  { margin:0 0 20px !important; width: 100% !important;}
    html #wpadminbar { min-width: 0 !important; top:0 !important; bottom: inherit !important;   position: fixed !important; height: auto !important; }
    html #wpadminbar #wp-admin-bar-customize, #wpadminbar li#wp-admin-bar-new_draft, html #wpadminbar .wpseo-score-icon { display: none !important;}
}
/********[HEADER]********/
#header { position: relative }
.row2019.rowheadertop {     max-width: 1440px; }
/*
#header_top { position: absolute; top:0; left:0; right: 0}*/
#header_top .span_12_of_12 { overflow: hidden; padding: 22px 0 0}
#header_top ul { margin: 0; padding: 0; }
#header_top li { list-style: none; display: inline; vertical-align: top;  }
#header_top li a { color:#605d58; transition:all 0.3s ease; font-size: 16px }
#header_top li a:hover { color:#db002e; text-decoration: none }
#header_top .left { float:left; font-weight: 300}
#header_top .left li:before { content:"I "; padding: 0 5px}
#header_top .left li:first-child:before { display: none}
#header_top .right { float:right;}
#header_top .right li { padding: 0 6px;}
#header_top .right li.hpro { padding-right: 0}
#header_top .right li.hpro a {color:#db002e }
.hsearch { position: absolute; top:60px; right: 20px; border: 1px solid #e6e6e6; padding:10px 20px; width: 300px; }
.hsearch p { margin: 0}
.hsearch input[type=text] { font-size: 15px; color:#b6b6b6; border: 0; width: calc(100% - 40px)  }
.hsearch input[type=text]:focus  {border-color: transparent;    box-shadow: none !important;    -webkit-box-shadow: none !important;    outline: -webkit-focus-ring-color auto 0; }
.hsearch input[type=submit] {  background:url(../img/picto_loupe_02.svg) no-repeat; width: 24px; height: 24px; background-size: 100% auto; border: 0; right: 15px; text-indent: -9999px; position: absolute; top:50%; margin-top: -12px;}
.hamburger, #hmenu .arrow  { display:none;}
.hlogo { margin: -8px 0 0; text-align: center; line-height: 0; padding-bottom: 30px}
.hlogo a { display: inline-block;  vertical-align: top}
#hmobile { background: #f4f4f4}
#hmenu {  }
#hmenu ul { margin: 0; padding: 0}
#hmenu > ul.right { position: absolute; right: -180px; top:0;}
#hmenu > ul.right li.conseils a { background-image:url(../img/picto_livre.svg); background-repeat: no-repeat; background-size: 16px auto; background-position: 13px center; color:#db002e; padding-left: 38px;}
#hmenu > ul.right li.conseils a:hover { background-image:url(../img/picto_livre_blanc.svg); color:#fff; text-decoration: none}
#hmenu > ul > li {  display:inline-block; vertical-align:top;border-left:2px solid #fff; }
#hmenu > ul > li:first-child { border-left:0 }
#hmenu > ul > li > a { padding:0 13px; font-size: 14.5px; font-weight: 300; text-transform: uppercase; color:#605d58; height: 36px; line-height: 36px; display: block; letter-spacing: 1px;  transition:all 0.3s ease; }
#hmenu > ul > li:hover > .xlmenu  { max-height: 1000vh; transform: scaleY(1); transform-origin: 50% 0; visibility: visible; opacity: 1;   }
#hmenu > ul > li:hover > a, #hmenu > ul > li.current-menu-item > a { background: #db002f; color:#fff; text-decoration: none}

.xlmenu { transition:all 0.3s ease; transform: scaleY(0); transform-origin: 50% 0; visibility: hidden; max-height: 0;  background: #fff; position: absolute; left:20px;  width: 1200px; z-index: 99;  font-size: 15px; letter-spacing: 1px;    -webkit-box-shadow: 0px 2px 5px 0px rgba(207,207,207,1);    -moz-box-shadow: 0px 2px 5px 0px rgba(207,207,207,1);    box-shadow: 0px 2px 5px 0px rgba(207,207,207,1);}
.xlmenu .conteneur_colonnes { display: flex; /*justify-content: space-between;*/ padding: 25px 0}
#hmenu > ul > li:nth-child(3) .xlmenu .conteneur_colonnes {  justify-content: inherit}
.xlmenu .colonnes { padding: 0 50px; position: relative; width: 25%}
.xlmenu .colonnes:before { content:""; width: 1px; background: #e4e4e4; position: absolute; top:0; bottom: 0; left:-25px; display: none}
.xlmenu .colonnes:first-child:before { display: none}
.xlmenu  .titre_colonne { color:#db002f; margin: 0; padding:14px 0 9px; text-transform: uppercase}
.xlmenu  .titre_colonne a { color:#db002f; }
.xlmenu ul { padding: 0; margin: 0}
.xlmenu li { list-style: none; padding: 2px 0 }
.xlmenu li a { color:#605d58; transition:all 0.3s ease;}
.xlmenu li a:hover { color:#db002e; text-decoration: none}
.xlmenu .titre_certification { color:#605d58; font-weight: 500; font-size: 17px; margin: 0; padding: 14px 0 9px}
.xlmenu .menu_certif li:first-child:before { display:none; }
.xlmenu .menu_certif li:before { content:""; height: 1px; background:#a8b9d0; width: 142px; max-width: 100%; display: block; margin:4px 0}
.xlmenu .menu_certif li a { color:#003274; font-weight: 500 }
.xlmenu .menu_certif li a:hover { color:#db002e; text-decoration: none}



@media all and (max-width:1460px) {
    #hmenu > ul.right { right: 20px}
    #hmenu > ul > li > a { padding: 0 9px;}
    #header_top .span_12_of_12 { padding-top: 7px}
    .hsearch { top:48px;}
    .hlogo { margin: 10px 0 0;   padding: 0 20px 20px}
    #hmenu > ul > li > .xlmenu { width: auto; right: 20px }
    .xlmenu .colonnes { padding: 0 25px}
}


@media all and (max-width:1023px) {
    #header_top li a { font-size: 14px;}
    .hsearch { display: none}


    /********[MENU MOBILE]********/
    html.menu-open { overflow: hidden;}
    #hmobile {  position:absolute; top:calc(100% - 5px); left:-100%; width:100%; z-index: 9999; height:calc(100vh - 90px);  overflow: auto;  transition: all 0.3s ease; }
    #hmobile.open { left:0; }
    .hamburger { position:absolute; top:50px; right:10px;  display:block !important;  transition:all 0.3s ease;  z-index: 9999; border:0;   background: none;  overflow: visible; }
    .hamburger:focus  {border-color: transparent;    box-shadow: none !important;    -webkit-box-shadow: none !important;    outline: -webkit-focus-ring-color auto 0; }
    .hamburger-box {    width: 30px;    height: 24px;    display: inline-block;    position: relative; }
    .hamburger-inner {    display: block;    top: 50%;    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 30px;    height: 3px;      position: absolute;    transition:all 0.15s ease;   }
    .hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
    .hamburger-inner::before {    top: -10px; }
    .hamburger--collapse .hamburger-inner {    top: auto;    bottom: 0;   transition:all 0.15s ease;    transition-delay: 0.15s;     }
    .hamburger--collapse .hamburger-inner::after {    top: -20px;   transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
    .hamburger--collapse .hamburger-inner::before {    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse.is-active .hamburger-inner {    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);    transform: translate3d(0, -10px, 0) rotate(-45deg);    transition-delay: 0.32s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--collapse.is-active .hamburger-inner::after {    top: 0;    opacity: 0;    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
    .hamburger--collapse.is-active .hamburger-inner::before {    top: 0;    -webkit-transform: rotate(-90deg);    transform: rotate(-90deg);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
    #hmenu, #hmenu ul, #hmenu ul li, #hmenu ul li a, #hmenu ul .xlmenu, #hmenu > ul > li > .xlmenu { font-family: 'Roboto', sans-serif; letter-spacing: 0; text-decoration: none; line-height: 1.3; position:relative; top:inherit; left:inherit; right:inherit; display: block; margin:0; padding:0; background: transparent; float: none}
    #hmenu li:hover, #hmenu li:hover > a, #hmenu li a:hover,  #hmenu li:hover .xlmenu { background: transparent; text-decoration: none; text-decoration: none}
    #hmenu { padding-top:0px;}
    #hmenu ul li a {   padding:12px 0; font-size: 15px;  font-weight: 500; }
    #hmenu > ul > li > a { padding:10px;    font-weight: 500; font-size: 17px;   text-transform: uppercase; height: auto;   width: calc(100% - 44px)}
    #hmenu .arrow { position: absolute; top:10px; right: 10px; width: 22px; height: 22px; display: block; transition: all 0.3s ease;}
    #hmenu > ul > li.open_accordeon .arrow  { transform:rotate(180deg);}
    #hmenu > ul > li > .xlmenu  li:last-child { border-bottom: 0}
    #hmenu > ul.right { position: inherit; top:inherit; right: inherit; text-align: left}
    #hmenu > ul.right li:before { display: none}
    #hmenu > ul > li:hover > a { background: none; color:#000000}
    #hmenu > ul > li:hover > .xlmenu {    max-height: 0;    transform: scaleY(0);    transform-origin: 0 0;    visibility: hidden;    opacity: 0; }
    #hmenu > ul > li.open_accordeon .xlmenu {     max-height: 1000vh; transform: scaleY(1); transform-origin: 50% 0; visibility: visible; opacity: 1; }
    #hmenu > ul > li > .xlmenu {   padding:0px 0 0px 0px;    -webkit-box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);    -moz-box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);    box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);}

    .xlmenu .conteneur_colonnes { display: block; padding: 0}
    .xlmenu .colonnes { padding: 0 10px}

    .xlmenu .conteneur_colonnes  .colonnes:last-child { display: none}

    /* color custom */
    #hmobile {background:#fff; }
    #hmenu > ul > li > ul { background-color: #f5f6f8 !important; }
    #hmenu ul li {border-bottom: 1px solid #e2e4e9; }
    #hmenu .arrow path { stroke: #000; fill:#000;}
    #hmenu > ul > li > a { color: #2a303b;}
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  background-color: #000;  }
    .is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after{    background-color: #000;}
    .xlmenu .colonnes { width: 100%}
    .xlmenu .titre_colonne { margin-bottom: 0; padding-bottom: 0}
    .xlmenu .titre_colonne a { padding-bottom: 0 !important;}
}

@media all and (max-width:767px) {
    .hlogo {text-align: left; padding: 0 20px 20px; margin-top: 0 !important;}
    .hamburger { top:60px}

    #header_top .span_12_of_12 { background:#db002e; padding: 8px 0; overflow: inherit }
    .row2019.rowheadertop { padding: 0 0px}
    #header_top .left { display: none}
    #header_top .right { float: none; text-align: center}
    #header_top .right ul { padding: 0 4px}
    #header_top .right li { margin-right: -4px; padding:0 3px }
    #header_top .right li:before { content:" | "; color:#fff; margin:0 2px}
    #header_top .right li:first-child:before { display: none}
    #header_top .right li a { background:#db002e; color:#fff !important;  }
    .hcatalogue {  }
    .hdistributeur {  }
    .hcontact {  }
    .hpro {  }

}


/********[FOOTER]********/
#footer { background:#605d58; padding: 60px 0}
.flogo { margin: 0 }
.flogo img { max-width: 100% }
.logo_stgob { margin: 10px 0 0  }
.logo_stgob img { max-width: 100%; width: 100px }
.fliens { margin: 0; padding: 0; width: 50%; display: inline-block; margin-right: -4px; vertical-align: top}
.fliens li { list-style: none; padding:0 5px 7px; line-height: 1.2 }
.fliens li a { font-size: 15px; color:#bcbbba; font-weight: 300; transition:all 0.3s ease;}
.fliens li a:hover {  color:#fff; text-decoration: none }
.fsocial { padding: 0 0 10px; margin: 0}
.fsocial li { display: inline-block; vertical-align: top; padding: 0 10px 0 0 }
.fsocial li img {transition:all 0.3s ease;  }
.fsocial li img:hover { opacity: 0.7  }
.fnewsletter .titre { font-size: 16px;    color:#fff; padding-bottom: 8px; margin: 0}
.fnewsletter div { position: relative;  /*height: 35px;*/}
.fnewsletter input[type=email] {  background:#827f7b; height: 35px; border: 0; padding:10px; font-size:15px; font-family: 'Roboto', sans-serif; width: calc(100% - 50px)}
.fnewsletter input[type=email]:focus {border-color: none;    box-shadow: none !important;    -webkit-box-shadow: none !important;    outline: -webkit-focus-ring-color auto 0; }
.fnewsletter input[type=submit] { cursor:pointer; font-family: 'Roboto', sans-serif; transition:all 0.3s ease;  position: absolute; top:0; right: 0; width: 40px; height: 35px; background:#db002e; font-size: 18px;   color:#57636d; border: 0; color:#fff  }
.fnewsletter input[type=submit]:hover { background:#000}
.fnewsletter ::-webkit-input-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}
.fnewsletter ::-moz-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}
.fnewsletter :-ms-input-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}

#sticky_right { position: fixed; top:50%; height: 336px; margin-top:-118px; right: 0; z-index: 999}
#sticky_right ul { margin: 0; padding: 0 }
#sticky_right li { list-style: none; margin:2px 0 }
#sticky_right li a  { display: block; text-indent: -9999px;  transition:all 0.3s ease;}
#sticky_right li.distributeur a  { width: 38px; height: 159px; background:#003374 url(../img/bouton_distributeur.png)no-repeat }
#sticky_right li.distributeur a:hover { background-color:#db002e; text-decoration: none}
#sticky_right li.catalogue a  { width: 38px; height: 131px; background:#003374 url(../img/bouton_catalogue.png)no-repeat }
#sticky_right li.catalogue a:hover  { background-color:#db002e; text-decoration: none}
#sticky_right li.mail a  { border: 1px solid #003374; height: 38px; background:#fff url(../img/picto_mail_bleu.png) no-repeat center;}
#sticky_right li.mail a:hover { border: 1px solid #db002e;  background:#db002e url(../img/picto_mail_blanc.png) no-repeat center; text-decoration: none}




/*********************[RESPONSIVE]****************************/
@media all and (max-width:1023px) {
    .bloc_nouveautes a .visuel { height: 170px}
    .bloc_ambiance a.visuel { height: 170px; padding: 65px 10px 0}
    .bloc_ambiance .sstitre { font-size: 19px; line-height: 25px}

    .bloc_conseils .visuel { height: 170px}
    .bloc_img_content { padding: 30px; margin-bottom: 30px}
    .bloc_img_content .content { margin:0; width: 100%}
}

@media all and (max-width:767px) {

    #footer { text-align: center; padding: 30px 0 10px}
    .fliens { width: 100%; margin: 0; padding: 0; }

    #sticky_right { display: none}

    #main_slider .titre { font-size: 37px; line-height: 41px; padding-bottom: 15px}
    #main_slider .titre strong { display: inline}
    #main_slider .txt { font-size: 21px}
    .main_title { margin-bottom: 5px}
    .bloc_nouveautes { margin-bottom: 10px}
    .bloc_ambiance { margin: 30px 0 10px}
    .bloc_ambiance .sstitre { font-size: 25px; line-height: 30px}

    .bloc_distributeur { padding: 30px 0 15px}
    .bloc_valeurs { padding: 30px 0 0}
    .bloc_valeurs .span_4_of_12:before { display: none}
    .bloc_conseils { padding: 30px 0 10px}
    .bloc_gimm { padding: 20px 0}
    .bloc_img_content { padding: 15px; margin-bottom: 20px}
    .bloc_img_content .visuel { width: 100%; bottom: 0}
    .bloc_img_content .content { padding: 25px 30px !important; text-align: left !important;}






}