/** Body et po lice **/

* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

@media (max-width: 1200px) {
    .row .col-lg-6 > .pull-right {
        float: none !important;
    }

    .container {
        max-width: 990px;
    }
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Muli', sans-serif;
    height: 100%;
    font-weight: 200;
    line-height: 1.2;
    color: #000;
    text-align: justify;
}

body {
    overflow-x: hidden;
}

b, strong {
    font-weight: 600;
}

h1, h2 {
    font-size: 20px;
    font-weight: 200;
}

h3 {
    font-weight: 300;
    font-size: 16px;
    color: #7a7a7a;
    margin: 0;
}

.bgf {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.slick-slider {
    max-width: 100vw;
}

.full_link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.fullink2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 30;
}

img.invcols {
    filter: invert(1);
}

[data-href] {
    cursor: pointer;
}

.mega_field {
    position: relative;
}

.isfloating .floating-label {
    top: 2px;
    bottom: 10px;
    left: 4px;
    font-size: 10px;
    opacity: 1;
}

.inputText {
    padding: 14px 10px 3px;
    font-size: 13px;
    width: 200px;
    margin: auto;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 8px;
    transition: 0.2s ease all;
}

.alignright {
    float: right;
    margin: 0 15px;
}

.alignleft {
    float: left;
    margin: 0 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
}

.lb-data .lb-details {
    display: none;
}

/** FIx iphone BUG menu **/

@media screen and (max-width: 900px) {
    html, body {
        overflow: auto;
        overflow-x: hidden;
    }
}

.nosubmenu > a::after {
    content: '' !important;
}

/** police **/
a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
    text-transform: inherit;
    font-size: inherit;
}

p > a {
    font-weight: 700;
}

[data-href] {
    cursor: pointer;
}

p {
    margin: 0;
    padding: 0;
}

/** Structure de base **/
.wrap_center {
    position: relative;
    display: block;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 15px;
}

.action_ghost {
    display: block;
    max-width: 320px;
    text-shadow: 1px 1.7px 3px rgba(9, 9, 9, 0.75);
    height: auto;
    color: white;
    font-size: 25px;
    font-weight: 100;
    border: 1px solid white;
    padding: 11px 28px;
    transition: 250ms;
}

.action_ghost:hover {
    background: rgba(255, 255, 255, 0.3);
    text-shadow: none;
    color: black;
}

.modale {
    background: white;
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1060px;
    max-height: 80%;
    z-index: 987654;
    overflow-y: auto;
}

.openmodale {
    cursor: pointer;
}

.modale > div {
    position: relative;
}

.modale .fermer {
    position: absolute;
    top: 5px;
    right: 14px;
    display: block;
    font-size: 30px;
    color: rgb(255, 255, 255);
    z-index: 9;
    cursor: pointer;
}

.modale .fermer:hover {
    color: rgb(255, 255, 255);
}

#dark {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(58, 72, 80, .8);
    display: block;
    z-index: 123456;
}

.pala {
    display: none !important;
}

.wpcf7 {
    position: relative;
    padding: 15px 0;
    display: table;
}

.wpcf7-mail-sent-ok {
    color: #3c9018;
    background-color: rgba(129, 199, 99, 0.25);
    font-size: 18px;
    padding-top: 20%;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px !important;
}

.wpcf7-validation-errors {
    color: #ff9802;
    background-color: rgba(248, 233, 69, 0.26);
    font-size: 15px;
    padding-top: 20%;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px !important;
}

.wpcf7 input[type=submit].success {
    background-color: #3c9018 !important;
    color: #fff !important;
}

/** Mise en forme du header **/
#header {
    position: fixed;
    background: black;
    z-index: 10000000; /*Merci pinterest...*/
    width: 100%;
    padding: 16px 0px 0px;
    color: white;
    transition: 250ms;
}

#header .wrap_center {
    text-align: center;
    min-height: 138px;
    padding-top: 59px;
    max-width: 1200px;
}

.ubermenu-responsive-toggle:hover, ubermenu-responsive-toggle:focus {
    color: #fff;
}

#header figure {
    position: absolute;
    display: inline-block;
    height: 59px;
    padding: 0;
    margin: auto;
    transition: 250ms;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
}

#header figure img {
    max-height: 100%;
    transition: 250ms;
}

#header nav {
    position: relative;
    max-width: 1080px!important;
    z-index: 1090;
    margin: auto;
    margin-left: auto !important;
    padding: 25px 0 10px;
}

#header nav > ul > .ubermenu-item-has-children > a > span {
    padding-right: 10px;
}

.ubermenu .ubermenu-item-layout-icon_left > .ubermenu-target-title {
    display: none !important;
}

.ubermenu .ubermenu-item-layout-icon_left > .ubermenu-icon {
    position: relative;
}

.ubermenu .ubermenu-item-layout-icon_left > .fa-gear::before {

}

.ubermenu .ubermenu-item-layout-icon_left > .ubermenu-icon::after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    display: block;
    height: 13px;
    width: 1px;
    background: rgb(224, 24, 31);
    content: "";
    right: -14px;
}

#header nav .ubermenu-tab-content-panel > .ubermenu-column {
    width: auto;
}

#header.fixed #extra {
    z-index: 1060;
    right: 15px;
}

/** extra **/

#header aside#extra {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 300;
    font-size: 16px;
    background: black;
    padding: 0;
}

#header aside#extra a {
    margin-right: 5px;
    position: relative;
    padding-left: 20px;
    width: 130px;
    display: inline-block;
    overflow: hidden;
    height: 29px;
    transition: .3s;
}

#header aside#extra :nth-child(2) i {
    font-size: 19px;
    top: 8px;
}

#header aside#extra a.pdv {
    width: 135px;
}

#header aside#extra a:hover {
    color: rgb(224, 24, 31);
}

#header.compress aside#extra a:hover {
    width: 130px !important;
    padding-left: 0;
}

#header aside#extra a span {
    position: absolute;
    left: 24px;
    text-align: left;
    top: 10px;
    width: 130px;
}

#header u.paletteQty{
    font-style: normal;
    text-decoration: none;
}

#header aside#extra a.pdv span, #header.compress aside#extra a.pdv:hover {
    width: 112px !important;
}

#header aside#extra a i {
    position: absolute;
    left: 0px;
    top: 12px;
    font-size: 14px;
    font-weight: 100;
    margin-right: 3px;
    margin-top: 2px;
    display: inline-block;
    width: 19px;
    overflow: hidden;
}

#header.compress aside#extra a {
    width: 140px;
}

#header.compress aside#extra a:hover i {
    width: 0;
}

#header.compress aside#extra a:hover span {
    left: 0;
    text-align: right;
}

#header aside#extra a.cart, #header aside#extra a.cart, #header.compress aside#extra a.cart:hover {
    width: 25px !important;
    padding-left: 3px;
    padding-top: 9px;
}

#header aside#extra a.cart img {
    margin-right: 5px;
}

#header.compress .fa-home {
    position: relative;
}

#header.compress .fa-home::before {
    content: '';
    background-image: url(../img/pictos/umenu.png);
    display: block;
    width: 17px;
    height: 20px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#header aside#extra .search {
    position: relative;
    background: transparent;
    border: none;
    padding: 0 13px;
    color: white;
    width: 40px;
}

#header aside#extra .search:before {
    position: absolute;
    height: 90%;
    top: 0;
    width: 1px;
    background: white;
    left: 0;
    content: "";
}

#searchfield {
    position: absolute;
    right: 0;
    top: 11px;
    background-color: rgb(0, 0, 0);
    width: 40px;
    height: 20px;
    z-index: -1;
    transition: width .3s;
    overflow: hidden;
    text-align: right;
}

#searchfield.open {
    z-index: 3;
    width: 340px;
}

#header.compress #searchfield {
    top: 8px;
    height: 23px;
}

#header.compress #searchfield.open {
    width: 210px;
}

#searchfield input {
    -webkit-appearance: none;
    background-color: #000;
    border: 0;
    height: 21px;
    font-weight: 100;
    vertical-align: top;
    padding: 0;

}

#searchfield input[type=text] {
    width: calc(100% - 80px);
    border-bottom: 1px solid white;
}

#searchfield input[type=submit] {
    width: 30px;
    font-family: "unikalo" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#searchfield .close_search {
    font-weight: 100;
    width: 19px;
    display: inline-block;
    text-align: center;
    transform: rotate(0deg);
    transition: .3s;
    cursor: pointer;
}

#searchfield .close_search:hover {
    transform: rotate(90deg);
}

/** Slider homepage **/

.fullsize .slide {
    position: absolute;
    right: 0;
    width: 50%;
    padding: 60px 60px 40px;
    top: 45%;
}

.fullsize .slide.vader {
    background-color: rgba(0, 0, 0, .2);
}

.fullsize .slide.yoda {
    background-color: rgba(255, 255, 255, .2);

}

.fullsize .slide .content, .fullsize .slide .content h1 {
    max-width: 515px;
    position: relative;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
}

.fullsize .triangle {
    position: absolute;
    top: 0;
    left: 0;
}

.fullsize .slide .content strong {
    font-weight: 700;
}

.fullsize .slide .content a {
    display: inline-block;
    background-color: transparent;
    border: 1px solid;
    transition: all .3s;
    padding: 5px 15px;
    font-weight: 400;
    font-size: 16px;
    margin: 30px 0 0;
    text-decoration: none;
}

.fullsize .accroche a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.fullsize .accroche:hover .link {
    right: -85px;
}

.fullsize .accroche sup {
    font-size: 14px;
}

.fullsize .accroche p {
    color: white;
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 22px;
    text-align: center;
    transition: all .3s;
}

.fullsize .accroche:hover p {
    letter-spacing: .05em;
}

.fullsize .accroche span {
    font-size: 17px;
    letter-spacing: .3em;
    transition: all .3s;
}

.fullsize .accroche:hover span {
    letter-spacing: .35em;
}

.fullsize .accroche sup {
    margin-right: 10px;
}

.fullsize .accroche p b {
    font-weight: 400;
}

.fullsize .wrap_center {
    height: 100%;
    margin-top: 15px;
}

/*Ma grille 2x2*/
.myligne {
    display: flex !important;
    padding: 0 30px;
}

.myligne strong, .myligne b {
    font-weight: 500;
}

.myligne .colonne {
    display: flex;
    width: 50%;
}

.myligne .colonne:first-child {
    margin-left: 0;
    margin-right: 20px;
}

.myligne .colonne:last-child {
    margin-right: 0;
    margin-left: 20px;
}

.myligne .colonne.image {
    margin-top: 15px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

}

.myligne .colonne.txt {
    margin-top: 35px;
    margin-bottom: 40px;
}

.myligne .colonne h1, .myligne .colonne h2 {
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
}

.myligne .colonne p {
    margin-bottom: 10px;
}

.myligne .colonne p:last-child {
    margin-bottom: 0;
}

.myligne > .pic {
    margin: auto;
}

.myligne .bouton {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    height: 35px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 35px;
    font-weight: 200;
    margin: 15px 15px 0 0;
    transition: 250ms;
    border-radius: 5px;
}

.myligne strong {
    font-weight: 600;
}

.slider_post .slick-list {
    width: 100%;
}

.slider_post .slick-track {
    height: 100%;
}

.slider_post .slick-dots {
    bottom: 15px !important;
    list-style: none;
}

.slider_post .slick-dots li::before {
    content: '' !important;
}

#main .slick-dots {
    position: absolute;
    text-align: right;
    max-width: 960px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 45px;
    padding-left: 0;
}

#main .slick-dots li {
    display: inline;
    position: relative;
    width: 15px;
    margin: 0 4px;
}

#main .slick-dots button {
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
}

#main .slick-dots li::after {
    z-index: 2;
    top: 0;
    left: 0;
    content: '';
    height: 17px;
    width: 17px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 8px;
    display: inline-block;
}

#main .slick-dots .slick-active::before, #main .slick-dots li:hover::before {
    z-index: 2;
    top: 0;
    content: '';
    left: 1px;
    height: 15px;
    width: 15px;
    position: absolute;
    background: rgba(0, 0, 0, 1);
    border: 1px solid rgb(0, 0, 0);
    border-radius: 8px;
}

.fullsize {
    position: relative;
}

#cont_triangle {
    position: relative;
    height: 40px;
    margin: -40px auto 50px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .01) 0%, rgba(0, 0, 0, 0.45) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .01) 0%, rgba(0, 0, 0, 0.45) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, .01) 0%, rgba(0, 0, 0, 0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

#cont_triangle .triangle {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
    height: 75px;
    width: 75px;
    background-image: url(../img/triangle.png);
    background-size: contain;
    background-position: center center;
}

/** Menu **/

#header nav > ul > li {
    font-size: 16px;
}

#header nav > ul > li > a {
    text-transform: capitalize;
    padding: 10px 12px;
    font-weight: 300;
}

#header nav > ul > li > a:hover, #header nav > ul > li > a:active {
    color: rgb(224, 24, 31);
}

#header nav > ul > li > a:after {
    right: 10px;
    margin-top: -5px;
    font-size: 1rem;
}

#header.fixed nav > ul > li > a:after {
    display: none;
}

.nopadr > a {
    padding-right: 0 !important;
}

#header nav.nav ul :first-child {
    padding-left: 0 !important;
}

#header nav.nav ul :first-child:before {
    display: none;
}

#header nav.nav ul :last-child {
    padding-right: 0 !important;
}

/*  sous menu **/
#header nav .ubermenu-submenu {
    background: transparent;
    color: black;
    box-shadow: none;
}

#header nav .ubermenu-content-block {
    padding: 0;
}

#header nav .ubermenu-content-block > li {
    padding: 0;
}

#header nav .ubermenu-content-block > li img {
    max-width: 100%;
    width: auto;
}

#header nav .ubermenu-tabs-group > li {
    background: rgb(0, 0, 0);
    color: white;
    margin-bottom: 1px;
    font-weight: 300;
}

#header nav .ubermenu-tabs-group > li.ubermenu-active {
    background: rgba(255, 255, 255, 0.97);
}

#header nav .ubermenu-tabs-group > li > a {
    padding: 10px 15px;
    font-size: 17px;
    text-align: left;
}

#header nav .ubermenu-tabs-group > li > a:hover {
    color: rgb(224, 24, 31);
}

#header nav .ubermenu-tabs-group > li.ubermenu-active > a {
    color: black;
}

#header nav .ubermenu-tabs-group > li.ubermenu-active > a:after {
    color: rgb(0, 0, 0);
}

#header nav .ubermenu-tabs-group li .ubermenu-tab-content-panel {
    /*background: rgba(234, 234, 235,0.97);/*/

}

#header nav > ul > li.ubermenu-active > a {
    position: relative;
}

#header nav > ul > li.ubermenu-active > a:before {
    display: block;
    position: absolute;
    bottom: -6px;
    width: 100%;
    left: 0;
    height: 3px;
    content: "";
    background: rgb(224, 24, 31);
}

#header .ubermenu-submenu-id-1139 {
    border-top: 5px solid rgb(224, 24, 31) !important;
}

#header nav > ul > li > a.ubermenu-target span {
    position: relative;
}

#header nav > ul > li > a.ubermenu-target span:before {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    display: block;
    height: 13px;
    width: 1px;
    background: rgb(224, 24, 31);
    content: "";
    right: -14px;
}

#header nav > ul > :last-child > a.ubermenu-target span:before, #header nav > ul > .notrait > a.ubermenu-target span:before {

    display: none;
}

#header.fixed nav > ul > li > a.ubermenu-target span:before {
    right: -9px;
}

#header.fixed nav {
    margin-top: 0 !important;
    padding-left: 20px;
}

#header.fixed nav > ul > li > ul {
    padding-left: 160px;
}

#header nav .ubermenu-tabs-group {
    border: none !important;
    border-top: 4px solid rgb(224, 24, 31) !important;
    margin-top: -3px;
}

#header nav .ubermenu-tab-content-panel > .ubermenu-column {
    /*min-height:313px;*/
    background: rgba(255, 255, 255, 0.97);
    width: 65%;
    max-width: 295px;
    border-top: 5px solid rgb(224, 24, 31) !important;
    /*margin-left:2px;*/
}

#header nav > ul > li > ul > li > ul > li > ul > li > ul > li a:hover span {
    color: rgb(224, 24, 31);
}

/*#header nav > ul > li > ul > li > ul > li > ul >  li > ul > li a span:before{*/
/*content : "> ";*/
/*display:inline-block;*/
/*font-weight:bold;*/
/*margin-right:5px;*/
/*}*/

.ubermenu-submenu-type-stack {
    padding: 0 !important;
}

.ubermenu-submenu-type-stack li {
    margin-bottom: 0;
}

#header.compress .ubermenu-submenu-type-stack li {
    margin-bottom: 2px !important;
}

.ubermenu-submenu-type-stack li a {
    padding: 10px 15px !important;
}

.ubermenu .ubermenu-submenu a span {
    font-size: 15px;
}

.ubermenu-submenu-type-stack li, #header nav .ubermenu-tabs-group > li {
    border-bottom: 1px solid #575756 !important;
}

#header nav .ubermenu-tabs-group > li {
    margin-top: -1px;
}

#header nav .ubermenu-tabs-group > li:first-child {
    border-top: 5px solid rgb(224, 24, 31) !important;
}

#header .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child {
    margin-top: 0;
}

#header.compress .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child {
    margin-top: 3px !important;
}

/** Footer **/
#footer {
    position: relative;
    background: #ffffff;
    width: 100%;
    min-height: 195px;
    padding: 0;
}

#footer_main {
    display: table;
    width: 100%;
    margin: 30px 0;
}

#footer_main ul {
    padding-left: 0;
    list-style: none;
}

#menu-footer {
    display: table;
    width: 100%;
    color: #888888;
}

#menu-footer a {
    text-decoration: none;
}

#menu-footer > li {
    display: table-cell;
    font-size: 16px;
    font-weight: 600;
}

#menu-footer > li > a {
    color: #000;
    margin-bottom: 5px;
    display: block;
}

#menu-footer > li ul {
    font-size: 12px;
    font-weight: 100;
}

#menu-footer > li li:before {
    color: rgb(224, 24, 31);
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px;
}

#menu-footer .bouton:before {
    display: none;
}

#menu-footer .bouton {
    padding: 2px 5px;
    border: 1px solid #888888;
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    margin-top: 5px;
    transition: .3s;
    background-color: #fff;
}

#menu-footer .bouton:hover {
    background-color: #888888;
}

#menu-footer .bouton:hover a {
    transition: .3s;
    color: #fff;
}

#menu-footer .bouton a {
    text-decoration: none;
    color: #888888;
}

#menu-footer .bouton.cible a:before {
    content: '\f055';
    font-family: FontAwesome;
    margin-right: 5px;
}

#menu-footer .bouton.contact a:before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px;
}

#menu-footer .nolink > a {
    cursor: default;
}

#menu-footer .nolink > a:hover {
    color: #888888;
}

#footer_main .right {
    display: table;
    padding: 0;
    color: #888888;
}

#footer_main .right > div {
    display: table-cell;
    vertical-align: middle;
}

#footer_main .logofr {
    padding-right: 15px;
}

#footer_main .pdv {
    border: 1px solid #888888;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    background-color: #fff;
    color: #888888;
    position: relative;
    transition: .3s;
}

#footer_main .pdv:hover {
    color: #fff;
    background-color: #888888;
}

#footer_main .pdv a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#footer_main .pdv .fa {
    margin-bottom: 15px;
    font-size: 30px;
}

#footer_main .uni {
    font-size: 16px;
}

#legal {
    text-align: center;
    display: table;
    font-size: 12px;
    font-weight: 300;
    line-height: 39px;
    width: 100%;
    background-color: #000;
    color: #fff;
}

#legal span {
    margin-right: 30px;
}

#legal a {
    padding: 0 15px;
    color: #fff !important;
}

#legal .bord {
    border-right: 1px solid rgb(224, 24, 31);
}

/** Content **/

#main, #sliderhome .slick-list, #sliderhome .slick-track {
    height: 100%;
}

#sliderhome {
    height: 97vh;
    width: 100vw;
}

#main .fullsize {
    display: block;
    height: 100%;
    background: 50% 50% no-repeat;
    background-size: cover;
    padding-top: 200px;
    position: relative;
}

/** ScrollAuto **/
.scrollAuto {
    position: absolute;
    bottom: 103px;
    right: 8px;
    width: 33px;
    height: auto;
    cursor: pointer;

    display: none;
}

@media screen and (max-width: 900px) {
    .scrollAuto {
        display: none;
    }
}

@media screen and (max-height: 706px) {
    .scrollAuto {
        display: none;
    }
}

/** Slider image produit **/

#apercu {
    position: relative;
    height: 18.76vw;
    max-height: 225px;
    display: block;
    background: transparent;
    min-height: 225px;
    z-index: 200;
}

#apercu a {
    vertical-align: middle;
    position: relative;
    cursor: zoom-in;
}

#apercu a:after{
    position: absolute;
    top: 110px;
    left: 110px;
    height: 21px;
    width: 21px;
    background-image: url(../img/loupe.png);
    content: '';
    z-index: 50;
}

#img_prod {
    position: relative;
}

#apercu .slick-arrow {
    position: absolute;
    background: transparent;
    display: block;
    color: white;
    font-size: 25px;
    height: 100%;
    width: 50px;
    z-index: 900;
    border: 0;
    top: 0;
    bottom: 0;
}

#apercu .slick-next {
    right: 0;
}

#main .slick-dots {
    position: absolute;
    text-align: center;
    max-width: 960px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    padding-left: 0;
}

#main .slick-dots .slick-active::before, #main .slick-dots li:hover::before {
    z-index: 2;
    top: -2px;
    content: '';
    left: 1px;
    height: 15px;
    width: 15px;
    position: absolute;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
}

#slideVignettes {
    margin-top: 5px;
    margin-bottom: 10px;
}

#slideVignettes .slick-dots {
    position: absolute;
    top: -50px;
}

#slideVignettes img {
    cursor: pointer;
}

/** Action **/

.fullsize #action {
    position: absolute;
    bottom: 50px;
}

#action {
    display: block;
    width: 100%;
    text-align: left;
    border-top: 1px solid rgb(242, 242, 242);
    margin-top: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#action a {
    position: relative;
    padding-left: 53px;
    padding-right: 59px;
    display: inline-block;
    max-width: 250px;
    text-align: left;
    width: 100%;
    line-height: 25px;
}

#action a :first-child {
    position: absolute;
    height: 27px;
    width: 27px;
    color: black;
    top: 6px;
    left: 6px;
    font-size: 25px;
}

#action a :last-child {
    position: absolute;
    color: black;
    width: 30px;
    height: auto;
    top: 3px;
    right: 25px;
    font-size: 15px;
    line-height: 15px;
    padding-left: 15px;
}

#action a img {
    top: 8px;
    width: auto;
    height: 30px;
}

#action :first-child :first-child {
    color: #9b9da0;
}

#action :nth-child(2) :first-child {
    color: #e0181f;
}

#bgfoncer {
    background: #ECECEC;
    display: block;
    padding: 0 0;
    position: relative;
    padding-bottom: 20px;
}

/** Content grid_article **/
#grid_article {
    display: flex;
    width: 100%;
    padding: 28px 0;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    align-self: stretch;
    justify-content: center;
}

#grid_article img {
    position: relative;
}

#grid_article h2 {
    display: block;
    width: 100%;
    position: relative;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 5px;
}

#grid_article .lientxt {
    text-align: left;
    margin-top: 5px;
}

#grid_article article {
    display: block;
    vertical-align: top;
    min-height: 290px;
    height: auto;
    min-width: 290px;
    width: 100%;
    max-width: 300px;
    background-color: #f2f2f2;
    margin: 20px 15px;
    transition: 250ms;
    position: relative;
    max-height: 300px;
}

#grid_article article.col2 {
    flex-grow: 3;
    min-width: 310px;
    width: 100%;
    max-width: 630px;
}

.vcenter {
    position: absolute !important;
    margin: 0 auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.incenter {
    position: relative;
}

.vignette_rezo h2 {
    font-weight: 300;
    font-size: 20px;
    margin-top: 18px;
}

.instacont {
    position: relative;
    padding: 0 25px;
}

.instacont .instalogo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.instacont .instalogo .fa {
    font-size: 150px;
}

@media screen and (max-width: 1179px) {
    #grid_article article.col2-responsive {
        flex-grow: 3;
        min-width: 310px;
        width: 100%;
        max-width: 746px;
    }
}

@media screen and (max-width: 786px) {
    #grid_article article {
        max-width: 315px;
        margin: 5px;
    }

    #grid_article article.col2, #grid_article article.col2-responsive {
        max-width: 640px;
    }
}

@media screen  and (max-width: 649px) {
    #grid_article article {
        min-width: 100%;
        max-width: 100%;
        margin: 5px;
    }
}

/** vignette article **/
.vignette_article {
    background-color: #f2f2f2;
    position: relative;
}

.lireplus2 > div .icon-journal, .vignette_magasins .icon-locate {
    margin: 40px auto 10px;
}

.color_bg {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute !important;
    content: '';
    padding: 0 !important;
    margin: 0 !important;
}

.color_bg::after {
    opacity: 0;
    transition: 250ms;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgb(255, 255, 255);
}

.vignette_article:hover .color_bg::after {
    opacity: .1;
}

.vignette_article img {
    max-width: 100%;
    position: relative;

}

.vignette_article .section {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 20px;
    padding-right: 54px;
    transition: 250ms;
    width: 100%;
}

.vignette_article .section i {
    position: absolute;
    right: 30px;
    top: 40px;
    height: 33px;
    width: 17px;
    font-size: 36px;
    transition: 250ms;
}

.vignette_article.col2 .section i {
    top: 27px;
}

.vignette_article:hover .section i {
    right: 25px;
}

.vignette_article .section h2 {
    color: black;
    font-size: 22px;
    text-align: left;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.vignette_article .section p {
    margin: 0;
    font-weight: 300;
    text-align: left;
    line-height: 18px;
}

.vignette_article.col2 {
    position: relative;
    overflow: hidden;
}

.vignette_article.col2 .section {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 300px;
    left: initial;
}

.vignette_article.col2 .section a, .vignette_article.col2 .section p {
    position: relative;
}

.vignette_article.col2 img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;

}

.vignette_lireplus {
    position: relative;
    background: 50% 50% no-repeat;
    background-size: cover;
}

.vignette_lireplus > div > div {
    position: relative;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 10px 15px;
    padding-bottom: 40px;
    margin: 25px;
    min-height: 240px;
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.vignette_lireplus .lientxt {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center !important;
    position: absolute;
    bottom: 35px;
}

.vignette_lireplus > div i {
    width: 57px;
    height: 45px;
    color: #e0181f;
    font-size: 45px;
    display: block;
    margin: 20px auto;
}

.vignette_lireplus > div h2 {
    font-weight: 300;
    font-size: 19px;
    margin: 0;
    margin-bottom: 30px;
}

.vignette_lireplus > div p {
    font-weight: 300;
    line-height: 18px;
}

.vignette_engagement {
    position: relative;
}

.vignette_lireplus {
    position: relative;
}

.vignette_lireplus > div a {
    font-weight: 100;
    line-height: 31px;
}

.vignette_magasins p, .vignette_lireplus p {
    margin: 5px;
}

.vignette_engagement {
    background: #595051 !important;
    color: white;
    padding: 50px 10px;
}

.vignette_engagement h2 {
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 0;
}

.vignette_engagement p {
    position: relative;
    font-size: 16px;
    font-weight: 100;
    padding: 25px 15px 15px;
    margin: 0;
}

.vignette_engagement img {
    height: 50px;
    margin: 4px;
    display: inline-block;
}

.vignette_engagement p:after {
    display: block;
    position: relative;
    margin: 20px auto;
    width: 98px;
    height: 1px;
    background: white;
    content: "";
}

.vignette_lireplus .action_ghost {
    display: block;
    margin: 0 auto;
    text-shadow: none;
    border: 1px solid #39383a;
    width: 150px;
    color: #35302c;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px 15px;
    margin-top: 25px;
}

.vignette_lireplus .action_ghost:hover {
    background: rgba(255, 255, 255, 0.3);
    text-shadow: none;
    color: black;
}

.vignette_rezo {
    position: relative;
    padding: 35px 0;
}

.vignette_rezo .unecol {
    width: 50%;
    margin: 0;
    padding: 0 15px;
    display: block;
    float: left;
}

.vignette_newsletter {
    position: relative;
}

.vignette_newsletter a {
    position: relative;
    color: #fff;
    display: inline-block;
    margin: 5px 5px 0;
}

.vignette_newsletter .fa {
    font-size: 30px;
}

#grid_article article.vignette_newsletter {
    width: 353px;
    background-color: #93898a;
}

.vignette_newsletter {
    color: white;
    padding: 40px 30px;

}

.vignette_newsletter h2 {
    font-weight: 100;
    font-size: 18px;
    margin: 3px;
}

.vignette_newsletter p {
    font-size: 13px;
    position: relative;
    font-weight: 100;
    padding: 0;
    margin: 0;
}

.vignette_newsletter .separator {
    margin: 30px auto;
    width: 100px;
    height: 1px;
    background-color: #fff;
    position: relative;
}

.vignette_newsletter form {
    position: relative;
    margin: 30px auto;
}

.vignette_newsletter .action_ghost {
    background: black;
    color: white;
    font-weight: 100;
    width: 30%;
    border: 1px solid white;
    margin: 1px 0 0;
    text-shadow: none;
    font-size: 13px;
    padding: 0 3px;
    height: 30px;
    line-height: 29px;
    display: inline-block;
}

.vignette_newsletter .action_ghost:hover {
    background: white;
    text-shadow: none;
    color: black;
}

.vignette_newsletter input {
    display: inline-block;
    background: white;
    color: black;
    font-weight: 100;
    width: 69%;
    border: 1px solid white;
    margin: 0;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-align: left;
}

.vignette_newsletter input:focus,
.vignette_newsletter input:active {
    outline: none;
    box-shadow: 0 1px 5px rgba(224, 24, 31, 0.4);

}

.vignette_newsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #444;
    font-weight: 100;
}

.vignette_newsletter ::-moz-placeholder { /* Firefox 19+ */
    color: #444;
    font-weight: 100;
}

.vignette_newsletter :-ms-input-placeholder { /* IE 10+ */
    color: #444;
    font-weight: 100;
}

.vignette_newsletter :-moz-placeholder { /* Firefox 18- */
    color: #444;
    font-weight: 100;
}

/*Grille HOME*/
#grid_home .row {
    margin: 30px 0 20px;
}

#grid_home .bgf {
    height: 300px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
}

#grid_home .bloc {
    padding: 40px;
}

#grid_home .bloc .in {
    background-color: rgba(0, 0, 0, .8);
    color: rgb(255, 255, 255);
    padding: 40px 40px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 220px;
    transform: scale(1);
    transition: .3s;
}

#grid_home .bloc:hover .in {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 1);
}

#grid_home .titre {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 3px;
}

#grid_home .bandeau .in {
    position: absolute;
    left: 0;
    bottom: 40px;
    background-color: rgba(255, 255, 255, .9);
    color: rgb(0, 0, 0);
    height: 100px;
    padding: 0 60px 0 20px;
    transition: .3s;

}

#grid_home .bandeau .in .cont {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

#grid_home .bandeau.gauche .in {
    left: auto;
    right: 0;
}

#grid_home .long .bandeau .in {
    width: 50%;
}

#grid_home .carre .bandeau .in {
    width: 100%;
    bottom: 0;
}

#grid_home .bandeau .in::after {
    display: block;
    position: absolute;
    border-right: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgb(0, 0, 0);
    transform: rotate(45deg);
    bottom: 35px;
    right: 30px;
    content: '';
    height: 25px;
    width: 25px;
    transition: .3s;

}

#grid_home .bandeau:hover .in {
    background-color: rgba(255, 255, 255, 1);

}

#grid_home .bandeau:hover .in::after {
    right: 20px;
}

#grid_home .triangle {
    position: absolute;
    top: 0;
    left: 0;

}

/*Réseaux Home*/
#rezo_home {
    margin-bottom: 30px;
    display: table;
    width: 100%;
}

#rezo_home .ml, #rezo_home .fb, #rezo_home .insta {
    padding: 10px 15px;
}

#rezo_home .ml .in {
    height: 300px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 13px;
    text-align: center;
    padding: 48px 34px;
}

#rezo_home .ml .mega_field, #rezo_home .ml .inputText {
    width: 147px;
    border: 0;
}

#rezo_home .ml .mega_field {
    float: left;
}

#rezo_home .ml form > p {
    width: 0;
    display: inline;
}

#rezo_home .ml input[type=submit] {
    -webkit-appearance: none;
    display: inline-block;
    height: 33px;
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    transition: .3s;
    width: 73px;
    border-radius: 0;
    text-align: center;
}

#rezo_home .ml input[type=submit]:hover {
    background-color: rgb(224, 24, 31);
}

#rezo_home .ml .titre {
    font-size: 22px;
    font-weight: 600;
}

#rezo_home .ml .trait {
    margin: 20px auto;
    width: 75px;
    height: 1px;
    background-color: rgb(255, 255, 255);
}

#rezo_home .rezos {
    font-size: 37px;
    margin: 20px auto;
}

#rezo_home .rezos a {
    padding: 0 6px;
    color: rgb(255, 255, 255);
    background-color: transparent;
    transition: .3s;
}

#rezo_home .rezos a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);

}

#rezo_home .in {
    position: relative;
}

#rezo_home .super {
    position: absolute;
    top: 30px;
    left: 25px;
    height: 240px;
    width: 240px;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    font-size: 80px;
    padding: 60px;
    transform: scale(1);
    transition: .3s;
}


#rezo_home .in:hover .super {
    transform: scale(1.1);
    background-color: rgba(255, 255, 255, 1);
}

#rezo_home input, #rezo_home .floating-label {
    color: rgb(0, 0, 0)
}

#rezo_home .insta .in {
    background-image: url(../img/instagram-unikalo.jpg);
    height: 300px;
}

#rezo_home .fb .in {
    background-image: url(../img/facebook-unikalo.jpg);
    height: 300px;
}

#rezo_home .insta .fa {
    margin-top: 25px;
}

#rezo_home .fb .fa {
    margin-top: 20px;
    margin-right: 5px;
}

/** Widget */
.widget-fixed input, .widget-fixed select, .widget-fixed textarea {
    background: transparent;
    border: none;
    height: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: 80%;
    margin: 0 10%;
    color: white;
    margin-top: 5px;
}

.widget-fixed textarea {
    height: 80px;
}

.widget-fixed input[type=submit] {
    border: 2px solid rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.widget-fixed span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.7em;
    display: block;
    left: 24px;
    padding-top: 3px;
    width: 300px;
    position: absolute;
}

.widget-fixed div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    background: #f7e700;
}

.widget-fixed select option {
    color: black !important;
}

#header button.menu-mobile {
    display: none;
}

.backgroundclic {
    display: none;
}

/** Page magasin **/

#magasins_map_top .titre {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

#magasin #image-entete {
    margin-bottom: -30px;
}

[class*="_ibani"] {
    font-size: 12px;
}

[class*="_ibani"]::after {
    position: absolute;
    right: 5px;
    top: 5px;
    content: '\f057';
    font-family: 'FontAwesome';
    color: rgb(224, 24, 31);
    font-size: 16px;
    cursor: pointer;
}

.js-info-bubble-close {
    opacity: 0;
    right: 5px !important;
    top: 5px !important;
}

[class*="_ibani"] .lienmag {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
}

[class*="_ibani"] .lienmag:hover {
    color: rgb(224, 24, 31);
}

[class*="_ibani"] .lienmag span {
    color: rgb(224, 24, 31);
    margin-right: 5px;
    margin-left: 0;
    transition: .3s;
}

[class*="_ibani"] .lienmag:hover span {
    color: rgb(224, 24, 31);
    margin-right: 2px;
    margin-left: 3px;
}

#magasin_content {
    margin-top: 40px;
}

#over {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    height: 51px;
    line-height: 51px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 9;
    font-size: 18px;
}

.horaires {
    background: black;
    padding: 20px;
    font-size: 14px;
    color: white;
    margin-bottom: -20px;
}

.acf-map {
    max-height: 300px;
}

.horaires .adresse::before, .horaires .tel::before, .horaires .email::before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    width: 20px;
    height: 30px;
    background-position: 0 50%;
    background-size: 12px auto;
    background-repeat: no-repeat;
}

.horaires .adresse::before {
    background-image: url(../img/magasin/local.png);
}

.horaires .tel::before {
    top: 1px;
    background-image: url(../img/magasin/telicon.png);
}

.horaires .email::before {
    top: 2px;
    background-image: url(../img/magasin/letter.png);
}

.horaires .adresse, .horaires .tel, .horaires .email {
    position: relative;
    line-height: 30px;
    padding-left: 20px;
    display: block;
}

.horaires .tel a:hover, .horaires .email:hover {
    color: white;
}

.horaires .adresse {
    line-height: 1.2;
}

#magasin .big {
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px
}

#magasin table tr {
    line-height: 30px;

}

#magasin table tr td {
    padding: 0 5px;
}

#magasin table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.15);
}

#magasin table tr.activeDay {
    color: #DBC586;
}

#magasin .top_img {
    display: block;
    width: 100%;
}

#magasin .top_img .wrapimg {
    position: relative;
    overflow: hidden;
    height: 173px;
}

#magasin .top_img .wrapimg.center img {
    position: absolute;
    width: 100%;
    top: -50%;
    translate-y: 50%;
}

#magasin_content_main {
    position: relative;
}

#magasin_content_main .logomag {
    position: absolute;
    left: 25px;
    top: 70px;
    width: 100px;
    height: 100px;

}

#magasin .titre h1 {
    font-size: 35px;
    display: block;
    line-height: 35px;
    margin-bottom: 10px;
    font-weight: bold;
    padding-right: 75px;
    text-align: left;
}

#magasin .ville {
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#magasin_content_main .big {
    line-height: 25px;
    font-size: 22px;
}

#magasin p.big {
    margin-bottom: 20px;
    padding-right: 60px;
}

#magasin p.big + p {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 14px;
}

#magasin p.big ~ p {
    font-size: 14px;
}

#magasin .icones {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    margin-top: 30px;
    padding: 0;
    border: 1px solid rgb(236, 236, 236);
}

#magasin .icones li:first-child {
    border-left: 0;
}

#magasin .icones li {
    width: 100%;
    cursor: pointer;
    display: table-cell;
    text-align: center;
    margin: 0;
    border-left: 1px solid rgb(236, 236, 236);
    padding: 20px 0px;
    font-weight: 300;
}

#magasin .icones li.actif {
    background: #000;
    color: #fff;
}

#magasin .icones li.actif img {
    filter: invert(100%);
}

#magasin .icones li img {
    margin-bottom: 10px;
}

#magasin #targets_icones {
    display: table;
    list-style: none;
    padding: 0;
    font-size: 16px;
    border: 1px solid rgb(236, 236, 236);
    border-top: 0;
    width: 100%;
}

#magasin #targets_icones .desc {
    padding: 15px;
}

#magasin-link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#magasin-link ul {
    position: absolute;
    right: 0;
    top: 25px;
    width: 90px;
    padding: 0;
    margin: 0;
    text-align: right;
}

#magasin-link li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 30px;
    margin-bottom: 2px
}

/*Page contact*/
#contact h1 {
    margin: 0 15px 15px;
}

#contact {
    margin-top: 80px;
}

#contact .intro {
    padding: 15px 15px 30px;
    font-size: 17px;
}

#contact .formcol {
    z-index: 1;
}

#contact .infakesel.close {
    display: none;
}

#contact .fakeselbloc {
    position: relative;
}

#contact .fakesel {
    position: relative;
}

#contact .fakesel::before {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 15px;
    top: 10px;
    content: '\f107';
    font-family: FontAwesome;
}

#contact .fakesel input {
    cursor: pointer;
}

#contact .infakesel {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #575756;
}

#contact .infakesel input {
    display: none;
}

#contact .infakesel label {
    font-weight: 300;
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
}

#contact .infakesel label:hover {
    color: rgb(224, 24, 31);
    background-color: #efefef;
}

#contact .masquer {
    display: none;
}

#contact .inputText, #contact textarea {
    width: 100%;
    border: 1px solid #575756;
}

#contact .mega_field {
    margin-bottom: 15px;
}

#contact textarea {
    padding: 8px 10px;
    height: 185px;
}

#contact input {
    border: 0;
}

#contact input[type=submit] {
    border: 1px solid #575756;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 10px;
    margin: 15px 0 15px auto;
    display: block;
    transition: .3s;
    background-color: #fff;
}

#contact input[type=submit]:hover {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}

#contact aside {
    padding-top: 15px;
}

#contact .acf-map {
    /*margin-top: 37px;*/
    height: 300px;
    width: 100%;
}

#contact_after {
    margin-top: 0;
    margin-bottom: 50px;
}

#contact .wrap_center, #contact_after .wrap_center {
    height: 100%;
    opacity: 1;
    transition: .3s;
    overflow: hidden;
}

#contact.ferme .wrap_center, #contact_after.ferme .wrap_center {
    height: 0;
    opacity: 0;
}

#contact_after .sent {
    max-width: 610px;
    margin: 25px auto 65px;
}

#contact_after .sent p {
    margin-top: 0;
}

#contact_after .sent img {
    float: left;
    margin: 5px 30px 15px 15px;
}

#contact_after .titre2 {
    margin-bottom: 30px;
}

#contact_after .titre {
    margin: 0 15px 5px;
    font-size: 20px;
    font-weight: 200;
}

#contact_after .and_now {
    margin-top: 30px;
}

#contact_after .case .in {
    height: 300px;
    position: relative;
    cursor: pointer;
}

#contact_after .bandeau {
    position: absolute;
    width: 100%;
    z-index: 4;
    left: 0;
    bottom: 0;
    height: 100px;
    padding: 0 60px 0 20px;
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
}

#contact_after .bandeau:after {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    bottom: 35px;
    right: 30px;
    content: '';
    height: 25px;
    width: 25px;
    transition: .3s;
}

#contact_after .case:hover .bandeau:after {
    right: 20px;
}

#contact_after p {
    margin: 15px;
    font-size: 16px;
}

#contact_after .linky .case .bandeau {
    background-color: rgba(255, 255, 255, .9);
}

#contact_after .linky .case:hover .bandeau {
    background-color: rgba(255, 255, 255, 1);
}

#contact_after .linky .case .bandeau:after {
    border-right: 1px solid black;
    border-top: 1px solid black;
}

#contact_after .titre2, #contact_after .and_now {
    font-size: 18px;
}

#contact_after .titre2::before {
    content: '>';
    color: rgb(224, 24, 31);
    margin-right: 5px;
}

#contact_after .case p {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    width: 50%;
    font-size: 18px;
    font-weight: 600;
}

#contact_after .wrap_center > div {
    padding: 0;
}

/*404*/
#cat104 {
    padding-top: 30px;
    text-align: center;
}

#cat104 .titre {
    font-size: 50px;
    margin: 0;
}

#cat104 .start p {
    margin: 15px 0 30px;
    font-size: 30px;
}

/*RECHERCHE*/
#liste_mags_search {
    width: 100%;
    display: table;
}

#liste_mags_search .magasin {
    margin: 15px auto;
    display: table;
    width: 100%;
}

#liste_mags_search .image, #liste_mags_search.desc {
    padding: 0;
}

#liste_mags_search .bgf {
    height: 150px;
}

#liste_mags_search .nom {
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}

#liste_mags_search .tel {
    margin: 3px 0;
    display: block;
    position: relative;
    padding-left: 15px;
}

#liste_mags_search .tel::before {
    display: block;
    filter: invert(1);
    position: absolute;
    left: 0;
    top: -6px;
    content: "";
    width: 20px;
    height: 30px;
    background-position: 0 50%;
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-image: url(../img/magasin/telicon.png);
}

#liste_mags_search .link {
    display: inline-block;
    margin-top: 4px;
    padding: 5px 15px;
    border: 1px solid black;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

#liste_mags_search .link:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.exceeds {
    display: table;
    font-size: 16px;
    margin: 30px auto;
    font-weight: 600;

}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/** Page profonde **/
#image-entete {
    height: 55.6%;
    min-height: 335px;
    max-height: 433px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#image-entete .lower {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#image-entete #titre_page {
    height: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
}

#image-entete #titre_page p, #image-entete #titre_page a, #image-entete #titre_page h1 {
    font-size: 18px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    display: block;
    text-transform: none;
    padding: 15px 0;
    text-decoration: none;
}

#image-entete .card {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#image-entete .card .in {
    position: absolute;
    left: 30px;
    bottom: -50px;
    width: 100%;
    max-width: 300px;
    border-bottom: 10px solid rgb(224, 24, 31);
    color: #000;
    background-color: #fff;
    padding: 35px 25px 25px;
}

#image-entete .card img {
    max-width: 100%;
    margin-bottom: 15px;
}

#image-entete .card p {
    margin: 5px 0;
    font-size: 15px;
}

#image-entete .card a {
    margin-top: 15px;
    display: block;
}

#image-entete #breadcrumb {
    width: 100%;
    text-align: left;
    padding: 10px 0;
    color: white;
    text-shadow: 0 0 3px rgba(0, 0, 0, 1);
    text-transform: lowercase;
    font-size: 14px;
}

#image-entete #breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.latable {
    display: table;
    width: 100%;
}

#share.general {
    margin-top: 20px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#the_counter {
    color: rgb(255, 255, 255);
    padding: 50px 30px;
    background-image: url(../img/bg_counters.jpg);
}

.compteur {
    text-align: center;
    font-size: 18px;
}

#cpt1, #cpt2, #cpt3, #cpt4, #cpt5 {
    position: relative;
    margin: 0 auto 15px;
    width: 150px;
    height: 150px;
}

.progressbar-text {
    min-width: 125px;
}

.bloc-content {
    width: 100%;
    padding: 40px 27px;
}

.bloc-content .wrap-img {
    text-align: center;
}

.bloc-content .wrap-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: 25px;
}

.bloc-content .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 43px;
    min-width: 50%;
    max-width: 600px;
    margin-top: 15px;
}

.bloc-content .content.unika_cont {
    padding: 5px 15px;
    min-width: 0;
}

.bloc-content .insert_pictos {
    margin-top: 55px;
    text-align: center;
}

.bloc-content .insert_pictos img {
    max-width: 100%;
}

.bloc-content .pictos1 img {
    max-height: 80px;
}

.sombre {
    background-color: #595051;
    color: white;
    padding-top: 25px;
}

.unikalo-aussi img.unpicto {
    position: relative;
    width: auto;
    max-width: 45%;
    display: inline;
    margin-right: 20px;
    max-height: 55px;
}

.unikalo-aussi img.unpicto2 {
    max-height: 60px;
}

.unikalo-aussi img.unpicto3 {
    max-height: 95px;
}

#unikalo_aussi {
    background-color: #f6f6f6;
    padding: 15px 15px 30px;
}

#unikalo_aussi > aside {
    padding: 5px 30px 40px;
}

#unikalo-aussi-container {
    padding-right: 30px;
}

.bloc-content h2 {
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0;
}

.bloc-content .content > p:first-child, .bloc-content .content h1 + p {
    font-weight: 400;
}

.bloc-content .content p {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 15px;
}

html body .sombre .content p {
    color: inherit;
}

/** page produit **/

.single-peinture .container {
    padding: 15px 22px 0;
}

.single-peinture article {
    background: #fff;
}

.single-peinture #breadcrumbs {
    margin: 15px 0;
    margin-top: 0;
}

.single-peinture #breadcrumbs, .single-peinture #breadcrumbs a {
    color: #9B9B9B;
}

#top_produit {
    background: white;
}

#top_produit #en_tete {
    margin-bottom: 15px;
}

#top_produit .categorie {
    color: #777;
    font-size: 16px;
    font-weight: 300;
}

#top_produit .categorie span {
    display: block;
    background-color: #00894b;
    color: white;
    padding: 10px 25px;
    margin: 0;
    width: auto;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;
}

#top_produit .titre, #filtres .titre {
    text-transform: uppercase;
    padding-top: 5px;
    font-size: 33px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

#filtres .titre {
    margin-top: 40px;
    margin-left: 15px;
    margin-bottom: 15px;
}

#filtres h1.titre{
    margin-left: 30px;
    text-align: left;
    font-size: 20px;
}

#filtres .newseo{
    padding: 15px 30px;
    font-size: 14px;
    display: table;
}

#filtres #newseo1 p{
    font-size: 16px;
}

#top_produit .ss_titre {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
}

#filtres .newseo h2{
    font-weight: 600;
    font-size: 20px;
}

#filtres .newseo h3{
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

#filtres .newseo p{
    margin-bottom: 15px;
}

#filtres .newseo strong{
    font-weight: 600;
}

#filtres .newseo a{
    font-weight: 300;
    text-decoration: underline;
}
#filtres .newseo  ul {
    padding-left: 15px;
    list-style: none;
}

#filtres .newseo  li {
    margin: 10px 0;
    position: relative;
}

#filtres .newseo  li::before {
    position: absolute;
    left: -15px;
    top: 1px;
    color: rgb(224, 24, 31);
    content: '\f105';
    font-family: FontAwesome, "Open Sans", Arial, sans-serif;
}


.single-peinture .rezos {
    text-align: right;
    margin: 20px 4px auto auto !important;
}

.single-peinture .rezos_mobile {
    display: none;
}

#pictos_tech img, #pictos_tech_mobile img {
    margin: 4px;
    height: 30px;
}

.cadreback {
    position: relative;
    padding: 0;
}

.cadreback img {
    position: relative;
    z-index: 50;
}

.cadreback > img {
    width: 100%;
    height: 100%;
}

.cadreback .cadre {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    height: 80px;
    width: 80px;
    content: '';
    z-index: 1;
    background: gray;
}

.cadreback .nouveaute {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(../img/new_produit.png) center center no-repeat;
    background-size: 78px 78px;
    height: 78px;
    width: 78px;
    z-index: 900;
}

#liste_prods .cadreback .nouveaute {
    top: 11px;
    left: 11px;
}

.cadreback.vl-2 .cadre {
    background: #6083bd
}

.cadreback.vl-19 .cadre {
    background: #e0181f
}

.cadreback.vl-49 .cadre {
    background: #93898a
}

.single-peinture #onglets {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
}

.single-peinture .onglet {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
    height: 45px;
    position: relative;
    box-sizing: border-box;
    background-color: rgb(241, 241, 241);
}

.single-peinture .onglet::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 10px 0;
    width: 100%;
    height: 25px;
    content: '';
    box-sizing: border-box;
}

.single-peinture .onglet:first-child::before, .single-peinture .onglet.active + .onglet::before, .single-peinture .onglet:hover + .onglet::before {
    border-left: none;
}

.single-peinture .onglet p {
    max-width: 110px;
    line-height: 1.1;
    padding: 0 5px;
}

.single-peinture .onglet a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.single-peinture .onglet.active, .single-peinture .onglet:hover {
    background-color: rgb(229, 229, 229);
    color: black;
    font-weight: normal;
    box-shadow: 0 0 1px rgb(0, 0, 0);
}

.single-peinture .onglet.active::after {
    background-color: rgb(241, 241, 241);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 17px;
    width: 17px;
    transform: rotate(45deg);
    bottom: -10px;
    content: '';
    font-weight: 100;
    z-index: -1;
}

.single-peinture #contenu_onglets {
    height: 100%;
    min-height: 120px;
    margin-bottom: 10px;
}

.single-peinture .cont_onglet {
    display: block;
    position: absolute;
    left: -9000px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    padding-bottom: 0;
    padding: 0 20px;
}

.single-peinture .cont_onglet.long {
    max-height: 120px;
}

.single-peinture .cont_onglet.full {
    max-height: none;
}

.single-peinture .cont_onglet.long::before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100px;
    display: block;
    content: '';
    height: 25px;
    background: white;
    z-index: 1;
}

.wrapper {
    position: relative;
    padding-bottom: 250px; /* 16:9 */
    padding-top: 0;
    height: 0;
}

.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.single-peinture .btn-more {
    display: inline-block;
    color: black;
    cursor: pointer;
    z-index: 2;
    border: 1px solid black;
    background: white;
    text-decoration: none;
    text-align: center;
    height: 35px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 33px;
    font-weight: 400;
    margin: 0px 15px 0 0;
    transition: 250ms;
    border-radius: 5px;

}

.btn-more:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    display: none !important;
}

.single-peinture .cont_onglet.active {
    display: block;
    left: auto;
    position: relative;
}

.single-peinture .cont_onglet ul {
    list-style: none;
    padding: 0;
}

.single-peinture .cont_onglet li::before {
    content: '+';
    color: #00894b;
    margin-right: 5px;
}

.single-peinture #action a {
    padding-left: 30px;
    padding-right: 0;
    max-width: 190px;
    margin-bottom: 6px;
}

.single-peinture #action a :last-child {
    position: absolute;
    left: -5px;
    padding-left: 10px;
}

.single-peinture .caract_table ul > li span {
    display: table-cell;
    vertical-align: middle;

}

.single-peinture .caract_table ul > li > :first-child {
    padding: 15px 25px;
    width: 250px;
    font-weight: bold;
}

.single-peinture .caract_table ul > li > :nth-child(2) {
    padding: 15px 0;
    padding-right: 10px;
}

.single-peinture .caract_table ul > :nth-child(odd) {
    background: #f4f4f4;
}

.single-peinture .caract_table ul > li::before {
    display: none;
}

.single-peinture #asso #action {
    margin-bottom: 3px;
}

.single-peinture #asso {
    padding-top: 0;
}

.single-peinture #primaires_associes {
    padding-left: 0;
}

.single-peinture #vous_aimerez {
    padding-left: 40px;
}

.single-peinture #asso .slick-slider {
    position: relative;
}

.single-peinture #asso .slick-arrow {
    position: absolute;
    top: -55px;
    width: 26px;
    line-height: 25px;
    text-align: center;
    border: 2px solid #b7b7b7;
    color: #b7b7b7;
    cursor: pointer;
    font-weight: 400;
}

.single-peinture #asso .slick-prev {
    right: 29px;
}

.single-peinture #asso .slick-next {
    right: 5px;
}

.single-peinture #asso .slide {
    padding: 2px 4.5px;
    position: relative;
}

.single-peinture #vous_aimerez .slide {
    padding: 2px 3px;
}

.single-peinture #asso .desc {
    height: 70px;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.90);
    font-weight: 300;
    position: relative;
    margin-top: -70px;
    z-index: 1000;
    padding-right: 40px;
}

.single-peinture #asso .titre {
    margin: 30px 0;
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
    padding: 0 10px;
    text-align: left;
    text-transform: uppercase;
    line-height: 15px;

}

.single-peinture #asso .desc p {
    margin: 0;
}

.single-peinture #asso .desc::after {
    position: absolute;
    top: 0;
    right: 5px;
    width: 30px;
    text-align: center;
    line-height: 70px;
    height: 100%;
    font-family: unikalo;
    content: "\6c";
    font-size: 25px;
}

.single-peinture #asso a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5000;
}

#phrase_prevention, #phrase_prevention_large {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 700;
    clear: both;
    margin-top: 5px;
    margin-left: 5px;
    padding-top: 18px;
}

#phrase_recyclage {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 500;
    clear: both;
    margin-top: -5px;
    margin-left: 5px;
    padding-top: 18px;
}

#phrase_prevention_large {
    padding-left: 30px;
}

/*CATEGORIES*/
.page-template-template_cat #bread_share {
    margin: 0 auto;
    margin-top: 5px;
}

.page-template-template_cat #bread_share #breadcrumbs {
    font-weight: 100;
}

.page-template-template_cat #top_produit {
    position: relative;
}

.page-template-template_cat #top_produit .titre {
    font-size: 20px;
    text-transform: none;
}

.page-template-template_cat #top_produit p {
    margin: 15px auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.page-template-template_cat #top_produit strong {
    font-weight: 400;
}

.page-template-template_cat #dl_fiches {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33%;
    height: 345px;
    padding: 0 30px 15px 60px;
}

.page-template-template_cat #dl_fiches .content {
    background-color: #595051;
    color: #fff;
    height: 330px;
    padding: 25px 30px;
}

.page-template-template_cat #dl_fiches .titre {
    text-transform: uppercase;
    font-size: 30px;
}

.page-template-template_cat #dl_fiches .content p {
    font-size: 20px;
}

.page-template-template_cat #dl_fiches form {
    margin: 25px auto;
}

.page-template-template_cat #dl_fiches form p {
    font-size: 16px !important;
}

.page-template-template_cat #dl_fiches select {
    width: 100%;
    margin: 3px 0;
    border: solid 2px #fff;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 10px 15px;
    font-size: 16px;
}

.page-template-template_cat #dl_fiches .SumoSelect {
    display: inherit !important;
    width: auto !important;
}

.select-custom {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    width: auto;
    max-width: 220px;

}

.select-custom select {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 5px 35px 5px 15px;
    outline: 0;
    border: 1px solid black;
    background: white;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
}

.select-custom select::-ms-expand {
    display: none;
}

.select-custom:after {
    content: "";
    background-image: url('data:image/gif;base64,R0lGODlhFQAOAPMAAPf39+Li4mZmZgAAAKysrJSUlHJycv///yIiIgMDA8bGxu7u7jQ0NHl5ef39/clFJiH5BAEAAA8ALAAAAAAVAA4AAARK8MhJq73YWSACrkQxGQMSaB+RDIq0MKWHqUODHm980XaVm6CV7Tb5yQ48h/JiRAqVSyYMUXhCiT7YoHaNYnLD7sdV6ELHEvP5EAEAOw==');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 70%;
    width: 30px;
    bottom: 0;
    height: auto;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 10px;
    pointer-events: none;
    color: #666666;
}

#breadcrumb_page {
    padding: 15px;
    color: #9B9B9B;
    text-transform: lowercase;
}

#breadcrumb_page a {
    color: #9B9B9B;
}

#contact #breadcrumb_page {
    margin-left: 60px;
}

.page-template-template_cat #dl_fiches .SumoSelect > .CaptionCont > label > i {
    background-image: url('../img/downw.png');
}

.page-template-template_cat #dl_fiches .SumoSelect > .CaptionCont {
    border: solid 2px #fff;
    padding: 10px 15px;
    font-size: 16px;
}

.page-template-template_cat #dl_fiches .optWrapper, .page-template-template_cat #dl_fiches input {
    color: #000;
}

.page-template-template_cat #dl_fiches .group > label {
    text-transform: uppercase;
}

#compense_header {
    position: relative;
    background: white;
    margin: 0 auto;
    max-width: 1170px;
}

/** Recherche prod Categorie **/
.page-template-template_cat #recherche_prod {
    margin: 0 auto;
    margin-bottom: 30px;
}

.page-template-template_cat #recherche_prod .affiner {
    display: none;
}

.page-template-template_cat #recherche_prod form span {
    text-align: right;
    width: 170px;
    margin-right: 15px;
    display: inline-block;
}

.page-template-template_cat #recherche_prod .recherche span.title {
    font-size: 20px;
    font-weight: bold;
}

.page-template-template_cat #recherche_prod .recherche {
    margin: 15px auto;
}

.page-template-template_cat #recherche_prod form {
    display: inline;
}

.page-template-template_cat #recherche_prod .criteres {
    margin-top: 10px;
    padding-left: 0;
}

.help_filtre {
    font-size: 19px;
    font-weight: 400;
    color: rgb(167, 167, 167);
}

.page-template-template_cat #recherche_prod .criteres label {
    position: relative;
    margin-right: 16px;
    font-size: 15px;
    font-weight: 400;
    color: rgb(167, 167, 167);
    cursor: pointer;
}

.page-template-template_cat #recherche_prod .criteres label::before {
    font-family: FontAwesome;
    content: '\f057';
    color: rgb(167, 167, 167);
    font-size: 15px;
    margin-right: 7px;
}

.page-template-template_cat #recherche_prod .criteres label:hover::before {
    font-family: FontAwesome;
    content: '\f057';
    color: red;
    font-size: 15px;
    margin-right: 7px;
}

.page-template-template_cat #recherche_prod .criteres input[type=checkbox] {
    width: 0%;
    opacity: 0;
}

.page-template-template_cat #recherche_prod .criteres input[type=checkbox]:not(:checked) + label {
    display: none;
}

.page-template-template_cat #liste_prods .produit {
    background: #eaeae9;
    padding: 1px;
    margin-bottom: 30px;
}

.page-template-template_cat #liste_prods .inproduit {
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}

.page-template-template_cat #liste_prods .img {
    padding: 0;
    height: 235px;
}

.page-template-template_cat #liste_prods .img img {
    max-height: 100%;
    margin: auto;
    border: 10px solid white;
}

.page-template-template_cat #liste_prods .desc {
    padding: 15px 30px;
    font-size: 17px;
    text-align: center;
}

.page-template-template_cat #liste_prods .titre {
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
    height: 30px;
    line-height: 15px;
    margin: 0;
}

.page-template-template_cat #liste_prods .labels {
    width: 100%;
    padding: 0 10px;
}

.page-template-template_cat #liste_prods .labels .cont {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 8px 0;
    min-height: 80px;
    display: block;
    height: 40px;
}

.page-template-template_cat #liste_prods .description {
    height: 65px;
}

.page-template-template_cat #liste_prods .labels .cont img {
    margin: 2px 0;
    max-width: 25px;
}


#pagination ul {
    padding: 15px;
}

#pagination li {
    display: inline;
    color: #595051;
    margin-right: 15px;
    font-size: 20px;
}

#pagination li a {
    text-decoration: none;
}

#pagination .current a {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

/** reassurance-1 **/
.reassurance-1 {
    white-space: normal;
    font-size: 17px;
    text-align: center;
    margin: 50px auto;
}

.reassurance-1 span {
    color: #e0181f;
}

.reassurance-1 .separateur {
    display: inline-block;
    margin: 0 13px;
}

.reassurance-1 p {
    display: inline;
    font-size: 15px;
}

/** Breadcrumb et top bar **/
#top-bar {
    line-height: 20px;
    margin-top: 40px;
    padding: 0 47px;
}

#breadcrumbs {
    display: inline-block;
    color: #93898a;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: 100;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

#breadcrumbs a {
    font-weight: 100;
}

#share {
    color: #93898a;

}

#share > :first-child {
    margin-right: 15px;
    font-size: 20px;
    vertical-align: middle;
}

#share a {
    display: inline-block;
    border: 1px solid #93898a;
    height: 30px;
    width: 30px;
    line-height: 34px;
    text-align: center;
}

/** Unikalo ce'st aussi **/
.unikalo-aussi {
    position: relative;
    display: inline-block;
    height: 316px;
    overflow: hidden;
    margin-bottom: 15px;
    transition: 200ms;
}

.unikalo-aussi div {
    background: #595051;
}

.unikalo-aussi .hover {
    position: absolute;
    background: rgba(224, 24, 31, .3);
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-left: 15px;
    opacity: 0;
    transition: opacity .3s;
    cursor: pointer;
}

.unikalo-aussi .hover img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 50px;
    left: 30%;
    max-width: 64px;
}

.unikalo-aussi:hover .hover {
    opacity: 1;
}

.unikalo-aussi.open .hover {
    opacity: 0;
}

.unikalo-aussi .hideclick {
    overflow: hidden;
    width: 0;
    height: 100%;
    opacity: 0;
    padding-left: 300px;
}

.unikalo-aussi h2 {
    margin-top: 0;
    text-align: left;
    font-weight: 600;
}

.unikalo-aussi p {
    margin-bottom: 15px;
}

.unikalo-aussi.open div {
    background: white;
}

.unikalo-aussi.open img {
    min-width: 0;
}

.unikalo-aussi.open .hideclick {
    display: block;
    width: 91%;
    height: 316px;
    padding-top: 15px;
    opacity: 1;
}

.openEnfant .unikalo-aussi:not(.open) {
    width: 1px !important;
    padding: 0 !important;
    opacity: 0 !important;
}

.unikalo-aussi img {
    position: absolute;
    /*min-width:100%;*/
    width: 285px;
    height: auto;
}

.unikalo-aussi div.titlelabel {
    position: absolute;
    left: 100%;
    bottom: 0;
    transform-origin: 0 52px;
    transform: rotate(-90deg);
    background-color: #000;
    width: 319px;
    height: 52px;
    line-height: 52px;
    color: #ffffff;
    font-size: 20px; /* Approximation causée par une substitution de police */
    font-weight: 300;
    text-align: left;
    padding: 0 20px;
    cursor: pointer;
    z-index: 10;
}

.unikalo-aussi div.titlelabel i {
    position: absolute;
    transform: rotate(90deg);
    right: 7%;
    top: 4px;
    font-size: 3rem;
}

.unikalo-aussi.open {
    position: relative;
    width: 100%;
    margin-left: -1px;
}

.unikalo-aussi.open .hideclick .unpicto {
    position: absolute;
    bottom: 15px;
    left: 310px;
}

@media screen and (min-width: 992px) {
    #unikalo-aussi-container .open:nth-child(3) {
        margin-left: -2px;
    }

    #unikalo-aussi-container .open:nth-child(4) {
        margin-left: -3px;
    }

    .unikalo-aussi.open {
        width: 99%;
    }

}

/** Animation toggle mode mobile **/
@media screen and (max-width: 768px) {
    .unikalo-aussi {
        margin-left: -1px;
    }

    .unikalo-aussi img {
        width: 100%;
        max-width: 340px;
    }

    .unikalo-aussi div.titlelabel {
        position: absolute;
        left: 15px;
        bottom: 0;
        width: 100%;
        transform-origin: 0 0;
        transform: rotate(0deg);
    }

    .unikalo-aussi .hideclick {
        height: 100%;
        padding-left: 0;
        padding-top: 310px;
    }

    .unikalo-aussi.open {
        position: relative;
        width: 100%;
        height: 632px;
        margin-left: -1px;
        text-align: center;
    }

    .unikalo-aussi.open div {
        background: white;
    }

    .unikalo-aussi.open img {
        min-width: 0;
        max-width: 300px;
        width: auto;
        max-height: 300px;
        right: 0;
        left: 0;
        margin: auto;
    }

    .unikalo-aussi.open .hideclick {
        width: 100%;
    }

    .openEnfant .unikalo-aussi:not(.open) {
        width: 0 !important;
        height: 0 !important;
    }

}

/*Page services*/

.bloc-sous-menu {
    padding: 0;
    background-color: rgb(234, 234, 234);
    font-weight: 600;
    width: 100%;
    z-index: 69;
}

#sous_menu_services ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    display: table;
    width: 100%;
}

#sous_menu_services li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    transition: .3s;
    height: 56px;
}

#sous_menu_services li span {
    cursor: pointer;
}

#sous_menu_services li span:hover {
    text-decoration: underline;
}

#sous_menu_services li a {
    color: #000;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
}

#sous_menu_services li:hover {
    background-color: #383e42;
}

#sous_menu_services li:hover a {
    color: #ececec;
}

#service0 {
}

#service0 .wrap-img {
    padding-top: 0;
    padding-bottom: 15px;
}

#service0 .content {
    height: 100%;
    min-height: 320px;
}

.bloc-service {
    padding: 30px 0;
}

.bloc-service .content {
    min-height: 235px;
    position: relative;
    margin-top: 25px;
    text-align: justify;
}

.bloc-service .content .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bloc-service .content .txt .in small {
    font-size: 14px;
    line-height: 30px;
    color: rgb(238, 238, 238);
}

.bloc-service .content .txt p {
    margin-bottom: 15px;
}

.bloc-service .wrap-img {
    padding: 30px 15px;
}

.bloc-service .wrap-img .bgf {
    min-height: 235px;
}

.bloc-service h3 {
    margin-bottom: 15px;
}

.bloc-service ul {
    padding-left: 15px;
    list-style: none;
}

.bloc-service li {
    margin: 10px 0;
    position: relative;
}

.bloc-service li::before {
    position: absolute;
    left: -15px;
    top: 1px;
    color: rgb(224, 24, 31);
    content: '\f105';
    font-family: FontAwesome, "Open Sans", Arial, sans-serif;
}

/*Page environnement*/

#intro_envt {
    margin: 30px auto;
}

#intro_envt h1 {
    text-transform: none;
}

#intro_envt h2 {
    font-size: 16px;
    color: #7a7a7a;
    margin-bottom: 15px;
    text-transform: none;
    text-align: justify;
}

#intro_envt p {
    margin-bottom: 15px;
    text-align: justify;
}

#intro_envt .wrap-img {
    padding: 30px 30px 30px 0;
}

#blocs_envt {
    background-color: rgb(234, 234, 234);
    padding: 50px 0 25px;
    position: relative;
    margin: 30px auto 0;
}

#blocs_envt .top {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: rgb(234, 234, 234);
    padding-top: 15px;
}

#blocs_envt .top img {
    max-width: 25px;
}

#blocs_envt .first .bgf {
    min-height: 290px;
    padding: 40px;
    height: 290px;
}

#blocs_envt .first .bloctxt {
    height: 210px;
    text-align: center;
}

#blocs_envt .bgf {
    display: table;
}

#blocs_envt .bloctxt {
    position: relative;
    height: 100%;
    width: 100%;
}

#blocs_envt h2 {
    text-transform: none;
    font-size: 18px;
    margin-top: 0;
    font-weight: 600;
}

#blocs_envt .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px;
    width: 100%;
}

#blocs_envt .first .bloctxt {
    background-color: rgba(255, 255, 255, .9);
    color: #000;
}

#blocs_envt .hover .bloctxt {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    opacity: 1;
    transition: 250ms;
    height: 93px;
    text-align: center;
}

#blocs_envt .hover:hover .bloctxt {
    opacity: 1;
}

#blocs_envt .hover .bgf {
    padding: 20px;
    min-height: 133px;
    height: 133px;
    margin-bottom: 25px;
    line-height: 1.7;
    text-align: center;
}

#blocs_envt .first a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    height: 35px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 35px;
    font-weight: 200;
    margin: 15px 0 0;
    transition: 250ms;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
}

#blocs_envt .first a:hover {
    background-color: #268e1d;
}

#liens_envt .lien {
    padding: 5px;
}

#liens_envt .bloclien {
    position: relative;
    background-color: #000;
    height: 235px;
    color: #fff;
    font-size: 20px;
}

#liens_envt {
    margin: 30px auto;
    display: none;
}

#liens_envt .txtlien {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    padding: 0 75px 0 25px;
    text-align: center;
    font-weight: 200;
}

#liens_envt .more {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    text-align: center;
    transition: 250ms;
}

#liens_envt .more img {
    max-height: 50px;
}

#liens_envt .lien:hover .more {
    right: 0px;
}

#liens_envt .lien:hover .bloclien {
    background-color: #268e1d;
}

#liens_envt .lien a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*Page Ambiance*/

#intro_ambiance {
    text-align: center;
    margin: 15px auto 0;
    padding: 15px 60px;
}

#intro_ambiance p {
    font-size: 17px;
    font-weight: 400;
}

#intro2_ambiance {
    padding: 15px 30px 30px;
}

#intro2_ambiance .debut {
    font-size: 20px;
    font-weight: 600;
}

#intro2_ambiance p, #intro2_ambiance h1 {

    margin-bottom: 10px;
}

#content-ambiance {
    display: table;
    width: 100%;
}

#content-ambiance .bloc-service {
    display: table-cell;
    padding-top: 0;
}

.bloc_ambiance {
    margin: 15px 0;
}

.bloc_ambiance .contenu {
    position: relative;
}

.bloc_ambiance .hover {
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    transition: 250ms;
}

.bloc_ambiance:hover .hover {
    opacity: 1;
}

.bloc_ambiance .hover .cont {
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    color: #000;
}

.bloc_ambiance .hover .cont .titre {
    text-transform: uppercase;
}

.bloc_ambiance .hover .cont .gridcols {
    width: 120px;
    margin: 10px auto;
}

.bloc_ambiance .hover .cont .couleur {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    border: 1px solid rgba(255, 255, 255, .9);
}

.bloc_ambiance .hover .bottom {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    text-align: center;
}

.modal_ambiance .modal-content {
    position: relative;
}

.modal_ambiance button {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 50;
}

.modal_ambiance .photos > div {
    padding: 8px;
}

.modal_ambiance .photos .firstcol {
    padding-left: 20px;
}

.modal_ambiance .photos > div > div {
    width: 100%;
    margin: 15px auto;
}

.modal_ambiance .pic1 {
    height: 190px;
}

.modal_ambiance .pic2 {
    height: 340px;
}

.modal_ambiance .pic3 {
    height: 330px;
}

.modal_ambiance .pic4 {
    height: 200px;
}

.modal_ambiance .contenu {
    padding: 30px 30px 50px 0;
    display: table-cell;
}

.modal_ambiance .contenu .titre {
    text-transform: uppercase;
    font-size: 18px;
}

.modal_ambiance .contenu .desc {
    text-align: justify;
    line-height: .95;
    margin: 10px 0;
}

.modal_ambiance .contenu .bloccol {
    position: relative;
    width: 33%;
    padding: 3px;
    float: left;
}

.modal_ambiance .contenu .couleur {
    height: 91px;
    width: 100%;
}

.modal_ambiance .contenu .cadrenom {
    padding: 5px 5px 5px 0;
    font-size: 10px;
    margin-top: 3px;
    height: 36px;
}

.modal_ambiance .contenu input {
    position: absolute;
    z-index: 5;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.modal_ambiance .contenu label {
    position: absolute;
    bottom: 8px;
    right: 10px;
    font-size: 16px;
    color: #e5dbdc;
}

.modal_ambiance .contenu input:checked + label {
    color: rgb(224, 24, 31);
}

.modal_ambiance .infonuancier {
    position: relative;
    width: 100%;
    margin: 15px 0;
    font-size: 12px;
}

.modal_ambiance .bouton {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    border: 1px solid #93898a;
    background-color: #93898a;
    color: #fff;
}

.modal_ambiance .bouton:hover {
    background-color: rgb(255, 255, 255);
    color: #93898a;
    text-decoration: none;
}

.bloc_ambiance .bloc1 {
    font-weight: 200;
    background-color: #000;
    padding: 15px;
    color: #FFF;
    line-height: 1.1;
}

.bloc_ambiance .bloc1 h2 {
    text-transform: none;
    color: rgb(224, 24, 31);
    font-weight: 200;
    margin: 0 0 10px;

}

.bloc_ambiance .bloc1 .note {
    font-size: 12px;
    color: #93898a;
    margin-top: 15px;
}

.bloc_ambiance .bloc6 {
    font-weight: 200;
    background-color: rgb(224, 24, 31);
    padding: 15px;
    color: #FFF;
}

.bloc_ambiance .bloc6 h2 {
    font-weight: 200;
    margin: 0 0 15px;
}

.bloc_ambiance .bloc6 .bloc {
    width: 100%;
    border: 1px solid white;
    padding: 5px;
    display: table;
    margin-bottom: 5px;
}

.bloc_ambiance .bloc6 .left {
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    font-size: 20px;
    line-height: 20px;
    border-right: 1px solid white;
}

.bloc_ambiance .bloc6 .right {
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    margin: 0;
    padding: 0 0 0 10px;
    line-height: .95;
    font-size: 13px;
}

/*Ambiance étape 2*/

#monnuancier {
    display: table;
    width: 100%;
}

#monnuancier_selection .item {
    display: table;
    width: 100%;
    margin: 2px 0;
    border: 1px solid #cbcdce;
    cursor: pointer;
}

#monnuancier_selection .item > div {
    display: table-cell;
    height: 100%;
}

#monnuancier_selection .couleur, #monnuancier_selection .ref {
    width: 45%;
}

#monnuancier_selection .ref {
    color: #cbcdce;
    padding-left: 8px;
    font-size: 11px;
}

#monnuancier_selection .checkbox {
    width: 10%;
    vertical-align: middle;
    color: #cbcdce;
}

#monnuancier_selection .item .checkbox.added {
    color: rgb(16, 117, 20);
}

#monnuancier_selection .item.selected .ref, #monnuancier_selection .item.selected .checkbox {
    background: #595051;
}

#monnuancier_ambiances .ambiance {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

#monnuancier_ambiances .ambiance > div {
    width: 100%;
    border: 1px solid #cbcdce;
}

#monnuancier_ambiances .ambiance .liste {
    display: none;
}

#monnuancier_ambiances .ambiance.open .liste {
    display: table;
}

#monnuancier_ambiances .ambiance .top > div {
    display: table-cell;
    padding: 15px;
    font-size: 16px;
    width: 100%;
}

#monnuancier_ambiances .ambiance.open .top {
    background: #595051;
    border-color: #595051;
    color: #fff;
}

#monnuancier_ambiances .ambiance .top .toggle {
    display: table-cell;
    padding: 15px;
    font-size: 16px;
    -webkit-appearance: none;
    text-align: center;
    width: 50px;
    min-width: 50px;
    background: #595051;
    border-width: 0;
    border-style: none;
    color: #fff;
    cursor: pointer;
    position: relative;
}

#monnuancier_ambiances .ambiance .top .toggle input {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

#monnuancier_ambiances .item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cbcdce;
}

#monnuancier_ambiances .item > div {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

#monnuancier_ambiances .couleur {
    width: 50px;
}

#monnuancier_ambiances .ref {
    color: #cbcdce;
    padding-left: 8px;
    font-size: 11px;
}

#monnuancier_ambiances .remove {
    position: relative;
    width: 50px;
    cursor: pointer;
    height: 50px;
}

#monnuancier_ambiances .remove::before, #monnuancier_ambiances .remove::after {
    position: absolute;
    border-top: 1px solid rgb(224, 24, 31);
    content: '';
    width: 30px;
    height: 30px;
    top: 20px;
}

#monnuancier_ambiances .remove::before {
    transform: rotate(-45deg);
    left: 20px;
}

#monnuancier_ambiances .remove::after {
    transform: rotate(45deg);
}

#monnuancier_pelemele .pics {
    display: table;
    width: 100%;
}

#monnuancier_pelemele .pic {
    float: left;
    display: block;
}

#monnuancier_pelemele .pic .bgf.noimage {
    border: 1px dashed rgb(224, 24, 31);
    background-color: #cbcdce;
}

#monnuancier_pelemele .pic0 .bgf {
    width: 250px;
    height: 190px;
}

#monnuancier_pelemele .pic1 {
    margin-left: 15px;
}

#monnuancier_pelemele .pic1 .bgf {
    width: 180px;
    height: 330px;
}

#monnuancier_pelemele .pic2 {
    margin-top: -125px;
}

#monnuancier_pelemele .pic2 .bgf {
    width: 250px;
    height: 340px;
}

#monnuancier_pelemele .pic3 {
    margin-left: 15px;
    margin-top: 15px;
}

#monnuancier_pelemele .pic3 .bgf {
    width: 180px;
    height: 200px;
}

/*Ambiance étape 3*/
#panier_nuancier {
    display: table;
    width: 100%;
}

#panier_nuancier .nochoice {
    padding: 50px 0;
    font-size: 24px;
}

#panier_nuancier .nochoice a {
    color: rgb(224, 24, 31);
}

#recap .table {
    text-align: center;
    border: 1px solid #cbcdce;
    margin-bottom: 0;
}

#recap th {
    text-align: center;
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    font-weight: 300;
    padding: 15px 30px;
}

#recap td {
    padding: 15px 30px;
    border: 1px solid #cbcdce;
}

#recap .delete {
    width: 51px;
    max-width: 51px;
    height: 51px;
    padding: 12px;
    font-size: 17px;
    color: #000;
    cursor: pointer;
    background-color: #fff;
    transition: .3s;
}

#recap .delete:hover {
    color: #fff;
    background-color: rgb(224, 24, 31);
}

#recap .couleur {
    width: 200px;
}

#panier_ambiance_one .bouton {
    padding: 5px 15px;
    display: table;
    margin-right: 0;
    margin-left: auto;
}

#totox {
    width: auto;
    margin-top: 10px;
    margin-right: 0;
    margin-left: auto;
    border: 1px solid #cbcdce;
}

#totox td {
    border: 1px solid #cbcdce;
    text-transform: uppercase;
    padding: 15px 30px;
}

#totox td.black {
    color: #fff;
    background-color: #000;
}

#optlivr {
    padding: 0 !important;
}

#optlivr .black {
    color: #fff;
    padding: 15px 30px;
    background-color: #000;
}

#optlivr .opt {
    padding: 10px 30px 10px 45px;
    position: relative;
    cursor: pointer;
}

#optlivr .opt1 {
    border-bottom: 1px dashed rgba(0, 0, 0, .7);
}

#optlivr .opt:before {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 10px;
    width: 10px;
    border: 1px solid #000;
    content: '';
    display: block;
}

#optlivr .opt.act:before {
    background: #000;
}

#panier_nuancier .next {
    display: table;
    margin-right: 0;
    margin-left: auto;
    background-color: #93898a;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 30px;
    cursor: pointer;
    border: 1px solid #93898a;
}

#panier_nuancier .next:hover {
    background-color: #fff;
    color: #93898a;
}

#panier_nuancier .prev {
    margin-top: 20px;
    margin-right: auto;
    margin-left: 0;
}

#panier_nuancier .fac, #diffadresse {
    padding: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

#diffadresse {
    padding-left: 0;
}

#panier_nuancier .inputText {
    width: 100%;
    border: 1px solid #93898a;
}

#panier_nuancier .forms .col-xs-12 {
    padding: 5px 15px;
}

#panier_nuancier .forms .l {
    padding: 5px 15px 5px 0;
}

#panier_nuancier .forms .r {
    padding: 5px 0 5px 15px;
}

#panier_nuancier .forms .f {
    padding: 5px 0;
}

#memeadresse {
    display: table;
    padding: 15px 0;
}

#memeadresse:before {
    text-align: center;
    width: 20px;
    height: 20px;
    display: block;
    content: '';
    font-family: FontAwesome;
    border: 1px solid #cbcdce;
    color: rgb(16, 117, 20);
    margin-right: 15px;
    float: left;
}

#memeadresse.checked:before {
    content: '\f00c';
}

#panier_nuancier input[type=submit] {
    display: table;
    margin-right: auto;
    margin-left: 0;
    background-color: rgb(16, 117, 20);
    color: #fff;
    text-transform: uppercase;
    padding: 15px 30px;
    cursor: pointer;
    border: 1px solid rgb(16, 117, 20);
    transition: .3s;
}

#panier_nuancier input[type=submit]:hover {
    background-color: #fff;
    color: rgb(16, 117, 20);
}

#panier_nuancier .isactive {
    z-index: 5;
}

#panier_nuancier .isnotactive {
    z-index: -5;
}

#panier_nuancier .wpcf7-response-output {
    margin-top: 50px !important;
}

#plueti {
    margin: 15px auto;
    height: 50px;
    position: relative;
}

#plueti #thesendbouton {
    position: absolute;
    top: 0;
    left: 0;
}

#plueti #paypal-button {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.01;
    width: 499px;
}

#transacnum {
    display: none;
}

/*Chantiers*/

.single-chantiers #image-entete #titre_page {
    background-color: rgba(255, 255, 255, .5);
}

#chantier_slider {
    position: relative;
    border-bottom: 10px solid black;
}

#chantier_slider .slick-track {
    margin: auto;
}

#chantier_slider_container .slide {
    width: 100%;
    height: 80vh;
    background-color: #000;
}

#chantier_slider_container .slide .bgf {
    background-size: contain;
}

#chantier_slider_container .slick-track .slide:nth-child(2) .bgf {
    background-size: cover;
}

#chantier_slider_navigation {
    position: absolute;
    margin: auto;
    width: 100%;
    max-width: 990px;
    left: 0;
    right: 0;
    bottom: 15px;
}

#chantier_slider_navigation .carre {
    height: 72px;
    width: 72px;
    margin: auto;
    border: 2px solid rgb(255, 255, 255);
    filter: grayscale(80%);
    transition: .3s;
    cursor: pointer;
}

#chantier_slider_navigation .slide:hover .bgf, #chantier_slider_navigation .slick-current .bgf {
    filter: grayscale(0%);
}

#chantier_details {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    padding: 20px 50px;
    background-color: rgb(255, 255, 255);
    font-size: 13px;
}

#chantier_details .titre {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

#chantier_details span {
    font-weight: 600;
}

#chantier_details ul {
    padding-left: 0;
    list-style: none;
}

#chantier_details li {
    margin-bottom: 10px;
}

#chantier_details li::before {
    content: '>';
    font-weight: 600;
    margin-right: 5px;
}

/*Archive Chantiers*/

#chantiers_nav {
    padding: 15px 0;
}

#chantiers_nav > div {
    display: table;
}

#chantiers_nav .fakedrop {
    display: table-cell;
    position: relative;
    cursor: pointer;
    padding: 0 15px;
    min-width: 170px;
}

#chantiers_nav .fakedrop.subcat .wrap {
    min-width: 300px;
}

#chantiers_nav .fakedrop.cat {
    min-width: 170px;
}

#chantiers_nav .fakedrop.type {
    min-width: 180px;
    display: none;
}

#chantiers_nav .fakedrop.order {
    min-width: 130px;
}

#chantiers_nav .fakedrop.order .wrap {
    min-width: 155px;
    left: auto;
    right: 0;
}

#chantiers_nav .fakedrop .titredrop {
    padding: 15px;
    position: relative;
}

#chantiers_nav .fakedrop .titredrop p {
    display: inline;
    position: relative;
}

#chantiers_nav .fakedrop .titredrop p::after {
    position: absolute;
    right: -15px;
    top: 2px;
    content: '\f107';
    font-family: FontAwesome;
}

#chantiers_nav .fakedrop .contdrop {
    padding-left: 0;
    background-color: #fff;
    list-style: none;
}

#chantiers_nav .fakedrop .wrap {
    overflow: hidden;
    height: 0;
    z-index: 5;
    position: absolute;
    left: 15px;
    width: 100%;
    top: 46px;
    padding-right: 30px;
}

#chantiers_nav .fakedrop:hover .wrap {
    height: auto;

}

#chantiers_nav .fakedrop .contdrop li {
    padding: 5px 15px;
}

#chantiers_nav .fakedrop .contdrop li:hover {
    background-color: #cbcdce;
}

#chantiers_nav .fakedrop .contdrop li a {
    text-decoration: none;
}

#chantiers_nav .fakedrop.locked {
    cursor: default;
}

#chantiers_nav .fakedrop.locked::after {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(255, 255, 255, .8);
}

#chantiers_nav .fakedrop.locked .wrap {
    height: 0 !important;
}

#chantiers_nav .fakedrop input[type=submit] {
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
}

#search_chantiers {
    padding: 0 15px;
    display: table-cell;
    vertical-align: middle;
}

#search_chantiers form {
    display: table;
    position: relative;
}

#search_chantiers input {
    display: table-cell;
}

#search_chantiers .floating-label {
    top: 10px;
}

#search_chantiers .isfloating .floating-label {
    top: 2px;
}

#search_chantiers input[type=text] {
    padding-right: 20px;
}

#search_chantiers input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    -webkit-appearance: none;
    border: 0;
    background: white;
    color: white;
    opacity: 0;
}

#search_chantiers .fa-search {
    position: absolute;
    top: 11px;
    right: 5px;
    z-index: 4;
}

#service0.chantiers .post {
    margin: 0 auto 50px;
}

/** Animation menu et main **/
#main {
    transition: 150ms;
}

.menuOpen #main {
    transition: 1000ms;
}

/*3 blocs bas*/

#blocs_bas_page {
    display: block;
    clear: both;
    padding: 45px 0 50px;
}

#blocs_bas_page > div {
    display: table;
    width: 100%;
    padding: 0 15px;

}

#blocs_bas_page .case .in {
    height: 300px;
    position: relative;
}

#blocs_bas_page .bandeau {
    position: absolute;
    width: 100%;
    z-index: 4;
    left: 0;
    bottom: 0;
    height: 100px;
    padding: 0 60px 0 20px;
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
}

#blocs_bas_page .bandeau:after {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    bottom: 35px;
    right: 30px;
    content: '';
    height: 25px;
    width: 25px;
    transition: .3s;
}

#blocs_bas_page .case:hover .bandeau:after {
    right: 20px;
}

#blocs_bas_page p {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    width: 50%;
    text-align: left;
}

/*PAGE EN CONSTRUCTION*/
#construction {
    padding-top: 50px;
    text-align: center;
    font-size: 20px;
}

/*Gestion Pinterest*/

.pinterest_fake_img {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    display: table;
}

.pinterest_fake_img img {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
}

/*PAGE MAGASINS*/

#magasins_map > div {
    padding: 0;
}

#magasins_map .mega_field {
    color: #000;
}

#magasins_map .floating-label {
    top: 11px;
}

#magasins_map .isfloating .floating-label {
    top: 2px;
}

#magasins_map_top, #magasins_map_bot {
    background-color: #000;
    color: #fff;
}

#magasins_map_top > div, #magasins_map_bot > div {
    padding: 15px 0;
    display: table;
    width: 100%;
}

#magasins_map_top > div > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#laCarte {
    height: calc(100vh - 200px);
    min-height: 600px;
    position: relative;
    margin-top: 0;
    background-color: transparent !important;
}

#service-magasin .myligne {
    margin-top: -200px;
    background: #fff;
    padding-top: 15px;
}

#magasins_map_bot .legende {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: 100%;
}

#magasins_map_bot .legende li {
    display: table;
    margin-right: 30px;
    float: left;
}

#magasins_map_bot .legende img {
    margin-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

#magasins_map_bot .legende span {
    display: table-cell;
    vertical-align: middle;
}

/*SINGLE MAGASINS*/

#magasin .acf-map {
    width: 100%;
    height: 400px;
    margin: 20px 0;
}

/*BLOG*/
#posts_nav, #posts_main, .infinite {
    display: table;
    width: 100%;
}
.toggle_phone{
    display: none;
}
#cat_nav {
    display: table;
    z-index: 69;
    width: 100%;
    padding: 0;
    background-color: #ececec;
}

#cat_nav ul {
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    margin: 0;
}

#cat_nav li {
    padding: 20px 0;
    display: table-cell;
    text-align: center;
    transition: .3s;
}

#cat_nav li a {
    color: #000;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
}

#cat_nav li:hover {
    background-color: #383e42;
}

#cat_nav li:hover a {
    color: #ececec;
}

#posts_main {
    padding-bottom: 30px;
}

#posts_main .post {
    z-index: 1;
    margin: 30px auto 20px;
}

#posts_main .post .bgf {
    height: 300px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
}

#posts_main .post a {
    text-decoration: none;
}

#posts_main .post .in {
    position: absolute;
    left: 0;
    background-color: rgba(255, 255, 255, .9);
    color: rgb(0, 0, 0);
    height: 100px;
    padding: 20px 55px 20px 20px;
    transition: .3s;
    width: 100%;
    bottom: 0;
    transition: .3s;
    line-height: 1.3;
    max-width: 290px;
}

#posts_main .post .in:after {
    display: block;
    position: absolute;
    border-right: 1px solid rgb(0, 0, 0);
    border-top: 1px solid rgb(0, 0, 0);
    transform: rotate(45deg);
    bottom: 35px;
    right: 30px;
    content: '';
    height: 25px;
    width: 25px;
    transition: .3s;
}

#posts_main .post:hover .in {
    background-color: rgba(255, 255, 255, 1);
}

#posts_main .post:hover .in:after {
    right: 20px;
}

#posts_main .post .cont {
    text-align: left;
}

#posts_main .post .titre a {
    font-size: 18px;
    font-weight: 600;
}

#posts_main .post .txt {
    font-size: 13px;
}

.bloc-service .video {
    width: 100%;
}

.notcutted {
    background-size: contain;
}

/*WOOOOOOOO*/
/*Woooooo Arch*/
#main {
    display: table;
    width: 100%;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

#woo_arch_intro {
    margin-top: 30px;
}

#woo_arch_intro p {
    margin-top: 20px;
}

.post-type-archive-product .h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}

.post-type-archive-product .h2::before {
    content: '+';
    margin-right: 15px;
}

#woo_arch_collec .row {
    display: table;
}

.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.products .product {
    height: 100%;
    width: 100% !important;
    border: 1px solid #ececec;
    padding: 10px !important;
    position: relative;
    background-color: #fff;
}

.products .product .add_to_cart_button {
    position: absolute;
    top: 160px;
    right: 20px;
    border-radius: 90px;
    margin: 0 !important;
    padding: 7px 5px;
    border: 1px solid black;
    background-color: #fff;
}

.products .product .add_to_cart_button img {
    margin: 0 !important;
}

.woocommerce-loop-product__title {
    font-size: 21px !important;
    font-weight: 600;
}

.woocommerce ul.products li.product strong {
    display: inline;
    font-weight: 600;
}

.woocommerce ul.products li.product .price {
    color: #000;
    padding: 10px 0;
}

.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
    display: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0;
}

#woo_arch_collec {
    background-color: #ececec;
    margin-top: 30px;
}

.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    display: none !important;
}

.woocommerce ul.products li.product .button.added {
    background-color: #3c9018;
}

/*Woo-Panier*/

.woocommerce table.shop_table, .woocommerce table.shop_table td {
    border: 0 !important;
}

.cart-empty {
    padding: 50px 0;
    font-size: 24px;
}

.wariocart h1 {
    font-size: 25px;
    font-weight: 600;
    margin: 40px 0;
}

.wariocart h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 40px 0;
}

.woocommerce-cart-form th {
    font-weight: 600 !important;
    font-size: 15px;
    color: white;
    background-color: #000;
    padding: 25px 12px !important;
}

.woocommerce table.shop_table td {
    padding: 1px 12px;
}

.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 90px;
}

tr.woocommerce-cart-form__cart-item:nth-of-type(2n+1) {
    background-color: #ececec;
}

.woocommerce .product-remove {
    text-align: center;
}

.woocommerce a.remove {
    margin: auto;
}

.cross-sells .products {
    grid-template-columns: repeat(1, 1fr);
    max-width: 225px;
}

.cross-sells .products .product {
    border: 0;
    padding: 0;
}

.cross-sells .products .desc, .cross-sells .products .price {
    display: none !important;
}

.cross-sells .woocommerce-loop-product__title {
    font-size: 15px !important;
    font-weight: 300;
    text-align: left;
}

.woocommerce table.cart td.actions {
    padding-right: 0;
    padding-top: 25px;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid #93898a;
    background-color: #93898a;
    color: #fff;
    transition: .3s;
    font-weight: 400;
    font-size: 15px;
}

.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover {
    background-color: #fff;
    color: #000;
}

.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
    border: 0;
}

.cart_totals tr {
    background-color: #ececec;
}

.cart_totals tr.order-total th {
    background-color: #000;
    color: #fff;
}

.cart_totals td {
    vertical-align: middle !important;
    text-align: right;
    padding-right: 40px;
}

.wc-proceed-to-checkout .checkout-button {
    background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #fff;
    transition: .3s;
}

.wc-proceed-to-checkout .checkout-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.woocommerce form .form-row .required {
    border-bottom: 0 !important;
    text-decoration: none;
    -webkit-appearance: none;
}

/*Paiement*/
form.woocommerce-checkout {
    margin: 20px auto 40px;
}

form.woocommerce-checkout h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 40px 0;
}

form.woocommerce-checkout h3 span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
}

form.woocommerce-checkout thead {
    background-color: #000;
    color: #fff;
}

form.woocommerce-checkout th {
    font-weight: 600 !important;
    padding: 25px !important;
}

form.woocommerce-checkout .cart_item td {
    padding: 25px !important;
    background-color: #ececec;
}

form.woocommerce-checkout tr.separateur {
    background-color: #fff;
    height: 24px;
}

form.woocommerce-checkout tfoot th, form.woocommerce-checkout tfoot td {
    padding: 25px !important;
    background-color: #ececec;
}

form.woocommerce-checkout tfoot .order-total th {
    background-color: #000;
    color: #fff;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: #ececec;
    border-radius: 0;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border: 0;
}

.woocommerce form .form-row .input-checkbox {
    position: relative;
}

#place_order {
    padding: 17px 22px;
    background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #fff;
    transition: .3s;
}

#place_order:hover {
    background-color: #fff !important;
    color: #000 !important;
}

#ship-to-different-address-checkbox {
    margin-left: 0;
    position: relative;
}

#ship-to-different-address span {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600;
}

/*Woo-Merci*/

.woocommerce-order {
    margin: 40px 0;
}

.woocommerce-thankyou-order-failed {
    font-size: 18px;
    margin-bottom: 40px;
}

.woocommerce-thankyou-order-received {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 40px;
}

.woocommerce-order-received h2 {
    font-weight: 600;
    font-size: 20px;
    margin: 40px 0;
}

.woocommerce-order-received .woocommerce-table--order-details thead {
    font-weight: 600 !important;
    font-size: 15px;
    color: white;
    background-color: #000;
    padding: 25px 12px !important;
}

.woocommerce-order-received .woocommerce-table--order-details thead tr th, .woocommerce-order-received .woocommerce-table--order-details tbody tr td {
    padding: 20px 12px;
}

.woocommerce-order-received .woocommerce-table--order-details tbody {
    background-color: #ececec;
}

/** responsive **/

@media (min-width: 768px) {
    .modal-dialog {
        margin: 160px auto;
    }
}

@media screen and (max-width: 1200px) {

    .single-peinture #asso .desc {
        font-size: 15px;
        line-height: 1.1;
    }
}

@media screen and (max-width: 1024px) {
    .single-peinture .onglet {
        padding: 0 10px;
    }

    .single-peinture #asso #primaires_associes {
        width: 33%;
    }

    .single-peinture #asso #vous_aimerez {
        width: 66%;
    }

    .single-peinture #asso section {
        padding: 0;
    }

    .single-peinture #infos_prod {
        padding: 0;
    }

    .single-peinture .cadrebleu {
        padding: 0;
        max-width: 280px;
        margin: auto;
    }

    .single-peinture #asso .desc {
        max-width: 280px;
        margin: auto;
        float: none;
    }

}

.mobilonly {
    display: none !important;
}

/*Test Mobile pour le JS*/
#ismobilejs {
    display: inline;
}

@media screen and (max-width: 991px) {
    #ismobilejs {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    /*Page Catégories*/
    * {
        text-align: left;
    }

    .mobilonly {
        display: block !important;
    }

    #header {
        min-height: 30px !important;
    }

    #header figure img {
        max-height: 30px;
    }

    .ubermenu-responsive-toggle {
        padding: 10px 20px !important;
    }

    .ubermenu .ubermenu-item-layout-icon_left > .ubermenu-icon::after {
        display: none;
    }

    .page-template-template_cat #dl_fiches {
        position: relative;
        width: 100%;
        padding: 0;
        display: table;
        height: auto;
    }

    .page-template-template_cat #dl_fiches .content {
        padding: 15px;
        height: auto;
    }

    .page-template-template_cat #dl_fiches .titre {
        font-size: 25px;
    }

    .page-template-template_cat #dl_fiches .content p {
        margin: 0;
        font-size: 15px;
    }

    .page-template-template_cat #dl_fiches form {
        height: 0;
        overflow: hidden;
        margin: 0;
    }

    .page-template-template_cat #dl_fiches form.open {
        height: 100%;
        margin: 10px auto;
    }

    .page-template-template_cat #dl_fiches .SumoSelect {
        margin: 5px auto;
    }

    .page-template-template_cat #recherche_prod .affiner {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        background-color: #eaeae9;
        padding: 10px 5px;
        margin-bottom: 15px;
    }

    .page-template-template_cat #recherche_prod .affiner.open {
        display: none;
    }

    .page-template-template_cat #recherche_prod .recherche {
        display: none;
    }

    .page-template-template_cat #recherche_prod .recherche.open {
        display: block;
    }

    .page-template-template_cat #recherche_prod .recherche span, .page-template-template_cat #recherche_prod span {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .page-template-template_cat #recherche_prod span {
        margin: 10px auto;
        text-align: left;
    }

    .page-template-template_cat #recherche_prod .recherche form {
        margin: 15px auto;
    }

    .page-template-template_cat #recherche_prod .recherche .SumoSelect {
        width: 100%;
        margin: 5px;
    }

    .page-template-template_cat #recherche_prod .recherche .SumoSelect .SelectBox {
        padding: 0 8px;
    }

    #legal {
        padding-bottom: 60px;
    }

    #header {
        min-height: 30px !important;
    }

    #header .wrap_center {
        padding: 0 !important;
        min-height: 0 !important;
    }

    #header nav {
        margin-left: 0;
        top: 40px;
        padding: 0 0 50px;
        margin-left: 0 !important;
        padding-top: 0 !important;
    }

    .page-template-template_cat #liste_prods .img {
        max-height: 270px;
    }

    #sliderhome {
        max-height: 400px;
    }

    .fullsize .slide {
        right: 15px;
        left: 15px;
        padding: 30px;
        top: 100px;
        width: calc(100% - 30px);
    }

    .fullsize .triangle {
        height: 60px;
    }

    .fullsize .slide .content {
        font-size: 19px;
    }

    footer .nav {
        display: none;
    }

    #grid_home .row {
        margin: 0;
    }

    #grid_home .row > .col-xs-12 {
        margin: 15px auto;
        height: 200px;
    }

    #grid_home .bgf {
        height: 200px;
    }

    #grid_home .bloc {
        padding: 80px 40px 0;
    }

    #grid_home .bloc .in {
        height: auto;
        padding: 20px;
    }

    #grid_home .bandeau .in {
        bottom: 0;
        max-width: 300px;
    }

    #grid_home .long .bandeau .in {
        width: 100%;
        padding: 0 45px 0 15px;
    }

    #grid_home .titre {
        font-size: 17px;
    }

    #grid_home .bandeau .in .txt {
        line-height: 1.1;
    }

    #grid_home .bandeau.gauche .in {
        left: 0;
        right: auto;
    }

    #grid_home .bandeau .in::after {
        height: 20px;
        width: 20px;
        right: 20px;
    }

    #rezo_home .ml .in {
        padding: 30px 20px;
        height: auto;
    }

    #rezo_home {
        display: none;
    }

    #footer_main .right > div {
        vertical-align: middle;
        display: block;
        text-align: center;
        margin: 15px auto;
    }

    #footer_main .pdv {
        max-width: 200px;
        text-align: center;
        padding: 5px;
    }

    #footer_main .uni {
        text-align: center;
    }

    #contenu_onglets .btn-more {
        display: none;
    }

    .myligne {
        display: table !important;
    }

    .myligne .colonne {
        display: block;
        width: 100%;
    }

    .myligne .colonne.image {
        min-height: 200px;
    }

    .page-template-template_services #image-entete, .page-template-template_environnement_single #image-entete {
        height: auto;
        min-height: 0;
        padding-top: 80px;
    }

    .page-template-template_services #image-entete .lower, .page-template-template_environnement_single #image-entete .lower {
        position: relative;
    }

    .toggle_phone{
        display: block;
        width: 100%;
        padding: 0 30px;
        position: relative;
    }
    .toggle_phone .bouton{
        cursor: pointer;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        background-color: #eaeae9;
        padding: 10px 5px;
        margin-bottom: 15px;
    }
    .toggle_phone .drop{
        overflow: hidden;
        height: 0;
        position: absolute;
        width: calc(100% - 60px);
        left: 30px;
        top: 39px;
        z-index: 9;
        background-color: #eaeae9;
        transition: .3s;
    }
    .toggle_phone .drop.active{
        height: auto;
    }

    .toggle_phone .chants .search_chantiers_mob {
        padding: 0 15px;
        display: table;
        width: 100%;
        vertical-align: middle;
        margin-bottom: 10px;
    }

    .toggle_phone .chants .search_chantiers_mob form {
        display: table;
        position: relative;
        width: 100%;
    }

    .toggle_phone .chants .search_chantiers_mob input {
        display: table-cell;
    }

    .toggle_phone .chants .search_chantiers_mob .floating-label {
        top: 10px;
    }

    .toggle_phone .chants .search_chantiers_mob .isfloating .floating-label {
        top: 2px;
    }

    .toggle_phone .chants .search_chantiers_mob input[type=text] {
        padding-right: 20px;
        width: 100%;
    }

    .toggle_phone .chants .search_chantiers_mob input[type=submit] {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
        -webkit-appearance: none;
        border: 0;
        background: white;
        color: white;
        opacity: 0;
    }

    .toggle_phone .chants .search_chantiers_mob .fa-search {
        position: absolute;
        top: 11px;
        right: 5px;
        z-index: 4;
    }

    .toggle_phone .cats ul{
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .toggle_phone .cats li a{
        display: block;
        padding: 5px 15px;
        border-bottom: 1px solid white;
        text-decoration: none;
    }

    .toggle_phone .chants .titredrop{
        padding: 5px 15px;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .toggle_phone .chants ul{
        padding-left: 0;
    }
    .toggle_phone .chants li a{
        display: block;
        padding: 5px 15px;
        border-bottom: 1px solid white;
        text-decoration: none;
    }

    .toggle_phone .chants .wrap{
        overflow: hidden;
        height: 0;
        transition: .3s;
    }

    .toggle_phone .chants .wrap.active{
        height: auto;
    }

    .toggle_phone .chants .order input{
        -webkit-appearance: none;
        -moz-appearance: none;
        display: block;
        padding: 5px 15px;
        border: 0;
        background-color: transparent;
        border-bottom: 1px solid white;
        text-decoration: none;
        width: 100%;
    }


    .sticky_menu {
        display: none !important;
    }

    .ctrl_sticky {
        display: block;
    }

    .sticky_menu li {
        width: 100% !important;
        display: block;
    }

    .myligne .colonne.txt {
        margin: 0 !important;
        padding-top: 15px;
    }

    .myligne .colonne.image {
        margin-left: 0;
    }

    #blocs_bas_page {
        padding: 15px 0;
    }

    #blocs_bas_page .case {
        margin: 15px 0;
    }

    .page-template-template_page_profonde #content .bloc-content {
        padding: 30px 0;
    }

    #the_counter .compteur {
        margin: 15px 0;
    }

    #unikalo_aussi {
        padding: 0;
    }

    .unikalo-aussi.open {
        height: auto;
        padding-right: 0;
    }

    #unikalo-aussi-container {
        padding-right: 15px;
        padding-left: 0;
    }

    .unikalo-aussi .hover
    .unikalo-aussi.open .wrap-img img, .unikalo-aussi.open .wrap-img, .unikalo-aussi.open div.titlelabel {
        display: none;
    }

    .unikalo-aussi.open .hideclick .unpicto {
        position: relative;
        bottom: auto;
        left: auto;
        max-width: 100%;
    }

    .unikalo-aussi.open .hideclick {
        padding: 15px;
        height: auto;
    }

    .unikalo-aussi div.titlelabel {
        font-weight: 16px;
    }

    #chantiers_nav > div > div {
        display: block !important;
    }

    #chantiers_nav {
        display: none !important;
    }

    #posts {
        margin-top: 30px;
    }

    .mobmob .myligne .colonne.image.slider_post {
        width: calc(100vw - 60px);
        margin: auto;
    }

    .mobmob .myligne .colonne.image.slider_post .bgf {
        min-height: 200px;
        width: calc(100vw - 60px);
    }

    .products {
        grid-template-columns: repeat(2, 1fr);
    }

    .products .product .add_to_cart_button {
        top: 20px;
    }

    .products .attachment-woocommerce_thumbnail {
        margin: auto;
        display: block;
    }

    #panier_nuancier .forms .f, #panier_nuancier .forms .l, #panier_nuancier .forms .r {
        padding: 5px 15px !important;
    }

    #memeadresse {
        padding-left: 15px;
    }

    #panier_nuancier input[type=submit] {
        margin-left: 15px;
    }

    #magasins_map_top > div > div {
        display: block;
    }

    #magasins_map_top .titre {
        margin-bottom: 10px;
    }

    #magasin .titre h1 {
        padding-right: 35px;
    }

    #magasin-link ul {
        width: 35px;
    }

    #magasin_content, #magasin_content_side, #magasin_content_main {
        padding: 0;
    }

    #magasin p.big {
        padding-right: 0;
    }

    .modal_ambiance button {
        top: 2px;
        right: 5px;
    }

    .bloc_ambiance img {
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .modal-dialog {
        margin: 100px auto;
    }

    /* Force table to not be like tables anymore */
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce-page table.shop_table tr {
        /*border: 1px solid #d2d3d3; */
    }

    .woocommerce-page table.shop_table td {
        /* Behave like a "row" */
        border: 1px solid #d2d3d3;
        position: relative;
        padding-left: 30% !important;
        height: 25px;
        padding-top: 4px;
        border-bottom: 1px solid #fff !important;
    }

    .woocommerce-page table.shop_table td.product-remove {
        padding-top: 2px;
    }

    .woocommerce-page table.shop_table {
        border: none;
    }

    .woocommerce-page table.shop_table td.product-spacer {
        border-color: #FFF;
        height: 10px;
    }

    .woocommerce-page table.shop_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 5px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .woocommerce a.remove {
        margin-left: auto;
        margin-right: 0;
    }

    .woocommerce .quantity {
        text-align: right;
    }

    .woocommerce .quantity .qty {
        background-color: transparent;
        border: 0;
        text-align: right;

    }

    /*
    Label the data
    */
    .woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce-page table.shop_table_responsive tr td.product-remove::before {
        display: block;
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-remove:before {
        content: "Supprimer";
        display: block;
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-thumbnail:before {
        content: "Photo";
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-name {
        height: auto;;
    }

    .woocommerce-page table.shop_table td.product-name:before {
        content: "Produit";
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-price:before {
        content: "Prix";
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-quantity:before {
        content: "Quantité";
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-subtotal:before {
        content: "Total";
        text-align: left;
    }

    .woocommerce-page table.shop_table td.product-total:before {
        content: "Total";
        text-align: left;
    }

    .woocommerce .quantity,
    .woocommerce #content .quantity,
    .woocommerce-page .quantity,
    .woocommerce-page #content .quantity {
        margin: 0;
    }

    .woocommerce-page table.cart td.actions,
    .woocommerce-page #content table.cart td.actions {
        text-align: left;
        border: 0;
        padding-left: 6px !important;
    }

    .woocommerce-page table.cart td.actions .button.alt,
    .woocommerce-page #content table.cart td.actions .button.alt {
        float: left;
        margin-top: 10px;
    }

    .woocommerce-page table.cart td.actions div,
    .woocommerce-page #content table.cart td.actions div,
    .woocommerce-page table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions input {
        margin-bottom: 10px;
    }

    .woocommerce-page .cart-collaterals .cart_totals {
        float: left;
        width: 100%;
        text-align: left;
    }

    .woocommerce-page .cart-collaterals .cart_totals th,
    .woocommerce-page .cart-collaterals .cart_totals td {
        border: 0 !important;
    }

    .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
        padding-left: 6px !important;
    }

    .woocommerce-page table.shop_table tr.cart-subtotal td,
    .woocommerce-page table.shop_table tr.shipping td,
    .woocommerce-page table.shop_table tr.total td,
    .woocommerce-page table.shop_table.order_details tfoot th,
    .woocommerce-page table.shop_table.order_details tfoot td {
        padding-left: 6px !important;
        border: 0 !important;
    }

    .woocommerce-page table.shop_table tbody {
        padding-top: 10px;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
    }

    .woocommerce .order_details ul,
    .woocommerce-page .order_details ul,
    .woocommerce .order_details,
    .woocommerce-page .order_details {
        padding: 0;
    }

    .woocommerce .order_details li,
    .woocommerce-page .order_details li {
        clear: left;
        margin-bottom: 10px;
        border: 0;
    }

    /* make buttons full width, text wide anyway, improves effectiveness */
    #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        width: 100%;
    }

    /* keep coupon at 50% */
    #content table.cart td.actions .coupon .button,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon input,
    .woocommerce table.cart td.actions .coupon .button,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon input,
    .woocommerce-page #content table.cart td.actions .coupon .button,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon input,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce-page table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon input {
        width: 48%;
    }

    /* clean up how coupon inputs display */
    #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        margin-top: 1.5em;
    }

    #content table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text {
        margin-bottom: 1em;
    }

    /* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
    .woocommerce .cart-collaterals .cross-sells,
    .woocommerce-page .cart-collaterals .cross-sells {
        display: none;
    }

    .cart_totals td {
        height: auto !important;
    }

    .woocommerce-page table.shop_table td:before {
        text-align: left;
    }

    .woocommerce-shipping-calculator p {
        text-align: right;
    }

    .woocommerce-shipping-calculator a {
        font-weight: 200;
    }

    form.woocommerce-checkout h3 span {
        display: block;
        margin-left: 0;
    }

    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
        border: 0;
        border-bottom: 1px solid black;
    }

    .woocommerce-form__label-for-checkbox span {
        display: inline !important;
    }

    .woocommerce-checkout-review-order-table td {
        height: auto !important;
    }

    #order_review tfoot, #order_review tfoot tr {
        display: table;
        width: 100%;
    }

    #order_review tfoot th, #order_review tfoot td {
        display: table-cell;
    }

    #order_review tfoot td {
        text-align: right;
    }

    #order_review tfoot .tax-rate td span, #order_review tfoot .order-total td span {
        padding-right: 15px !important;
    }

    .wc_payment_method.payment_method_monetico label img {
        display: none;
    }

    .woocommerce ul.order_details li {
        border-right: 0;
    }

    .woocommerce-table--order-details .woocommerce-table__line-item td {
        height: auto !important;
    }

    .woocommerce-table--order-details .woocommerce-table__line-item td::before {
        top: 20px !important;
    }

    .woocommerce-table--order-details tfoot {
        width: 100%;
        display: table !important;
    }

    .woocommerce-table--order-details tfoot tr {
        display: table-row !important;
    }

    .woocommerce-table--order-details tfoot th, .woocommerce-table--order-details tfoot td {
        display: table-cell !important;
    }

    .modal_ambiance .pic2, .modal_ambiance .pic3, .modal_ambiance .pic4 {
        display: none;
    }

    .modal_ambiance .photos .firstcol {
        padding: 15px !important;
    }

    .modal_ambiance .photos > .col-md-5 {
        display: none;
    }

    .modal_ambiance .pic1 {
        margin: 0 !important;
    }

    .modal_ambiance .contenu {
        padding: 15px 15px 50px !important;
    }

    .modal_ambiance .infonuancier {
        left: 8px;
    }

    .modal_ambiance button.close {
        top: 7px;
        right: 6px;
        z-index: 50;
        background: black;
        color: white;
        opacity: 1;
        width: 23px;
        text-align: center;
        line-height: 21px;
        height: 23px;
        border-radius: 15px;
    }

    .modal_ambiance button.close span {
        display: inline-block;
        margin-bottom: 2px;
    }

    /*On modifie le pseudo panier des couleurs comme on l'a fait pour woo.'*/
    #panier_ambiance_one #recap {
        border: 0;
    }

    /* Force table to not be like tables anymore */
    #panier_ambiance_one #recap table,
    #panier_ambiance_one #recap table thead,
    #panier_ambiance_one #recap table tbody,
    #panier_ambiance_one #recap table th,
    #panier_ambiance_one #recap table td,
    #panier_ambiance_one #recap table tr {
        display: block;
        border: 0;
    }

    #panier_ambiance_one #recap table .top_table {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #panier_ambiance_one #recap table .ligne {
        margin: 3px 0;
        display: table;
        width: 100%;
    }

    #panier_ambiance_one #recap table .ligne:nth-child(2n+1) {
        background-color: #ececec;
    }

    #panier_ambiance_one #recap table .ligne:nth-child(2n) {
        background-color: #f7f7f7;
    }

    #panier_ambiance_one #recap table td {
        float: left;
        height: 30px;
        border: 0;
    }

    #panier_ambiance_one #recap table td.delete {
        padding: 1px;
        text-align: center;
        width: 30px;
        background-color: transparent;
    }

    #panier_ambiance_one #recap table td.couleur {
        width: 90px;
    }

    #panier_ambiance_one #recap table td.ref {
        width: calc(100% - 120px);
        padding: 2px 15px;
        text-align: right;
    }

    #panier_ambiance_one #recap table td.pu,
    #panier_ambiance_one #recap table td.qte,
    #panier_ambiance_one #recap table td.total {
        padding: 2px 15px 2px 45px;
        text-align: right;
        border-top: 1px solid #fff;
        position: relative;
    }

    #panier_ambiance_one #recap table td.pu,
    #panier_ambiance_one #recap table td.qte {
        border-right: 1px solid #fff;
    }

    #panier_ambiance_one #recap table td.pu {
        width: 34%;
    }

    #panier_ambiance_one #recap table td.total,
    #panier_ambiance_one #recap table td.qte {
        width: 33%;
    }

    #panier_ambiance_one #recap table td.pu::before,
    #panier_ambiance_one #recap table td.qte::before,
    #panier_ambiance_one #recap table td.total::before {
        position: absolute;
        top: 1px;
        left: 7px;
        display: block;
    }

    #panier_ambiance_one #recap table td.pu::before {
        content: 'P.u. :';
    }

    #panier_ambiance_one #recap table td.qte::before {
        content: 'Quantité :';
    }

    #panier_ambiance_one #recap table td.total::before {
        content: 'Total :';
    }

    #totox {
        width: 100%;
    }

}

@media screen and (max-width: 500px) {
    .products {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 400px) {
    .unikalo-aussi {
        width: 100%;
    }
}

@media screen and (max-width: 959px) {

    #header aside#extra {
        /*display: none;*/
        right: auto;
        left: 115px;
        top: 0 !important;
    }

    #header aside#extra a{
        display: none;
    }
    #header aside#extra a.pdv, #header aside#extra a.search{
        display: inline-block;
        width: auto!important;
    }
    #header aside#extra a.pdv span{
        display: none;
    }
    #header aside#extra a.search{
        padding: 0 2px;
    }

    #searchfield{
        position: fixed;
        left: 0;
        top: 66px;
        width: 0;
        height: auto;
    }
    #searchfield #searchform{
        padding: 10px;
    }

    #header figure {
        width: 100% !important;
        text-align: right !important;
        margin-left: 0 !important;
        padding-right: 15px !important;
        height: 45px !important;
    }

    .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
        position: fixed !important;
        top: 15px !important;
    }

    #header nav > ul > li > a.ubermenu-target span:before {
        width: 0;
    }

    .ubermenu .ubermenu-retractor {
        background: rgb(224, 24, 31) !important;
        color: #fff !important;
    }

    /*Page produit*/
    .single-peinture #image-entete, .single-peinture #breadcrumb {
        display: none;
    }

    .single-peinture .container {
        margin-top: 80px;
    }

}

@media screen and (max-width: 900px) {

    #header button.menu-mobile {
        display: block;
    }

    #header nav.nav {
        display: block;
        position: fixed;
        left: -100% !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 80% !important;
        height: auto !important;
        background: black;
        margin-top: 0 !important;

    }

    #header nav.nav .menu-mobile {
        position: absolute;
        top: 5px;
        width: 100%;
        text-align: center;
        font-size: 1.1rem;
    }

    #header .menu-mobile {
        background: none;
        border: none;
        text-transform: uppercase;
        font-size: 1.2rem;
        color: white;
        height: 52px;
        line-height: 52px;
        text-align: center;
        width: 100%;
    }

    .menuOpen .backgroundclic {
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 900;
        display: block;
        cursor: pointer;
    }

    .menuOpen #main {
        transform: translateX(250px);
    }

    .menuOpen #header nav.nav {
        left: 0 !important;
        right: 100px !important;
    }

    #header nav.nav ul {
        padding-top: 30px;
    }

    #header nav.nav ul li {
        display: inline-block;
        width: 49%;
        height: 150px;
        line-height: 150px;
        margin: 0.5%;
        border: none;
        background: rgba(255, 255, 255, 0.1);
        font-size: 1.3rem;
        cursor: pointer;

    }

    #header nav.nav ul li:hover {
        background: rgba(255, 255, 255, 0.2);
    }

    #header nav.nav ul li:before {
        display: none;
    }

    .widget-fixed .btn_call {
        left: -56px !important;
        width: 56px;
        overflow: hidden;
    }

    /*Page produit*/
    .single-peinture #infos_prod {
        padding: 0;
    }

    .single-peinture .cadrebleu {
        padding: 0;
        max-width: 280px;
        margin: auto;
    }

    .single-peinture .onglet {
        display: inline-block;
        width: 32%;
        text-align: center;
        padding: 5px;
        height: 45px;
        position: relative;
        box-sizing: border-box;
        margin: 1px 0;
        border-bottom: none;
    }

    .single-peinture .onglet p {
        padding: 3px;
        display: inline-block;
        line-height: 1;
    }

    .single-peinture .onglet::before {
        border-right: 2px solid #93898a;
    }

    .single-peinture .onglet:first-child::before, .single-peinture .onglet.active + .onglet::before, .single-peinture .onglet:hover + .onglet::before {
        border-left: 2px solid #93898a;
    }

    .single-peinture .onglet.active::after {
        display: none;
    }

    .single-peinture .cont_onglet.long {
        max-height: none;
    }

    .single-peinture .cont_onglet.long::after {
        display: none;
    }

    .single-peinture .cont_onglet.long::before {
        display: none;
    }

}

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

    .single-peinture #asso > section {
        width: 100% !important;
        max-width: 280px;
        margin: auto;
        float: none;
    }

}

@media screen and (max-width: 500px) {
    #header nav.nav {
        width: 95% !important;
    }

    #header nav.nav ul li {
        font-size: 1rem;
        height: 30vw;
        line-height: 30vw;
        max-height: 150px;
    }
}

@media screen and (max-width: 530px) {
    #extra > :first-child {
        display: none;
    }

    /*Page produits*/
    .single-peinture #img_prod
    img {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    #extra > :nth-child(2) {
        display: none;
    }

    #header aside#extra .search {
        /*width: 70px;*/
        font-size: 2rem;
    }

    #header nav.nav ul li {
        font-size: 1rem;
    }

    #header aside#extra .search:before {
        width: 0;
    }

    /*Page produits*/
    .single-peinture .onglet {
        width: 49%;
    }

    .single-peinture .rezos {
        display: none;
    }

    .single-peinture .rezos_mobile {
        display: block;
        text-align: center;
        margin: 15px;
    }

}

@media screen and (max-width: 315px) {
    #header nav.nav ul li {
        font-size: 1rem;
        width: 100%;
        height: 35px;
        line-height: 35px;
        max-height: 150px;
    }
}

/*CORRECTIONS NAVIGATEURS*/
/*Safari*/
/*11+*/
@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    }
}

/*10.1*/
@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

    }
}

/*9+*/
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {

}

/*Firefox*/
@-moz-document url-prefix() {
    .inputText {
        padding-top: 12px;
    }

}

/*SumoSelect Special css*/

.SumoSelect > .CaptionCont {
    background-color: transparent !important;
    border-radius: 0 !important;
}

.SumoSelect > .CaptionCont > span.placeholder {
    font-size: inherit !important;
    color: inherit !important;
    font-style: inherit !important;
}

.SumoSelect.open .search-txt {
    border-radius: 0;
}

/*SUPPRESSIONS D'AFFICHAGE*/

#widget_pointvente {
    display: none;
}

/*On force certaines images en 225x225 maxi...*/
#img_prod .wrapper, #slideVignettes {
    max-width: 225px;
    max-height: 225px;
    margin: auto;
    margin-bottom: 5px;
}

#img_prod .wrapper {
    padding-bottom: 225px;
}

/*Gestion des miniatures Youtube*/
.video_yt_prod {
    height: 225px;
    background-size: cover;
    display: block;
    background-position: center left;
    background-repeat: no-repeat;
    position: relative;
}

.video_yt_prod::after {
    display: block;
    position: absolute;
    bottom: calc(50% - 17px);
    left: 0px;
    right: 0;
    margin: auto;
    height: 35px;
    width: 50px;
    background-image: url(../img/ytbout.png);
    content: '';
    cursor: pointer;
}

.isvideo {
    padding-top: 12px;
    position: relative;
}

.isvideo::after {
    display: block;
    position: absolute;
    bottom: calc(50% - 17px);
    left: 0px;
    right: 0;
    margin: auto;
    height: 21px;
    width: 30px;
    background-image: url(../img/ytbout.png);
    content: '';
    background-size: contain;
    cursor: pointer;
}

.page-template-template_cat #liste_prods .img img {
    max-width: 225px;
    max-height: 225px;
    margin: auto;
    padding-top: 10px;

}

.page-template-template_cat.recherche #liste_prods .img{
    height: 205px;
}

.page-template-template_cat.recherche #liste_prods .img img {
    max-width: 200px;
    max-height: 200px;
    margin: auto;
    padding-top: 10px;
}

.cadreback .cadre {
    z-index: 0;
}

#slider_primaires_associes .photo, #slider_vous_aimerez .photo, #slider_vous_aimerez_large .photo {
    padding: 15px 0;
    background-color: #fff;
}

#slider_primaires_associes .photo img, #slider_vous_aimerez .photo img, #slider_vous_aimerez_large .photo img {
    max-width: 225px;
    max-height: 225px;
    margin: auto;
}

#slider_primaires_associes .cadreback .cadre, #slider_vous_aimerez .cadreback .cadre, #slider_vous_aimerez_large .cadreback .cadre {
    z-index: -1;
}

/*Gestion de la recherche en mobile*/
.loupette {
    display: none !important;
}

#searchformmob {
    padding: 10px 12px;
}

#searchformmob input {
    -webkit-appearance: none;
    border: 0;
    background-color: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid white;
}

#searchformmob input[type=submit] {
    border-bottom: 0;
    font-family: "unikalo" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
}

.horaires .adresse a:hover, .horaires .adresse:focus {
    color: #fff;
}

.pagination_qui_tue {
    text-align: center;
}

.pagination {
    margin: 20px auto;
}

.pagination_qui_tue a, .pagination_qui_tue span {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    border: 1px solid black;
    color: black;
    background-color: white;
    width: 38px;
    text-align: center;
    transition: .3s;
}

.pagination_qui_tue .current, .pagination_qui_tue a:hover, .pagination_qui_tue a:focus {
    color: white;
    background-color: black;
}

@media screen and (max-width: 959px) {
    .loupette {
        display: block !important;
    }

    #magasin_infos_mobile {
        display: none;
    }

    /*derniers correctifs avant livraison*/
    .page-template-template_cat #image-entete {
        display: none;
    }

    .page-template-template_cat #main {
        padding-top: 66px;
    }

    #breadcrumbs {
        height: auto;
        line-height: 1;
        margin-bottom: 15px;
    }

    .affiner {
        font-size: 16px;
    }

    #pictos_tech {
        display: none;
    }

    .single-peinture .container.infos_produit {
        margin-top: 15px;
    }

    .single-peinture .caract_table ul > li > span {
        display: block;
        padding: 0 15px !important;
    }

    .single-peinture .caract_table ul > li > :first-child {
        padding-top: 10px !important;
    }

    .single-peinture .caract_table ul > li > :last-child {
        padding-bottom: 10px !important;
    }

    .page-template-magasins #image-entete {
        display: none;
    }

    #magasin .icones li {
        padding: 5px;
    }

    #magasin .icones .title-service {
        display: none;
    }

    #magasin_content_side {
        display: none;
    }

    #magasin_infos_mobile {
        display: block;
    }

    #magasin #image-entete {
        display: none;
    }

    .dewrap {
        padding: 0;
    }

    #magasin .top_img .wrapimg {
        height: 100px;
    }

    #magasin_content_main .logomag {
        top: 35px;
        left: 15px;
        width: 50px;
        height: 50px;
    }

    #magasin_content .titre, #magasin_content #magasin_infos_mobile, #magasin_content_main > p {
        padding-left: 15px;
        padding-right: 15px;
    }

    #magasin_content h1 {
        line-height: 20px !important;
        font-size: 20px !important;
    }

    #magasin .ville {
        font-size: 18px;
    }

    #laCarte {
        min-height: 0;
    }

    header {
        min-height: 0 !important;
    }

    #header figure {
        top: 0 !important;
    }

    #top_produit .titre, #filtres .titre {
        font-size: 22px;
    }

    #chantier_details {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }
    .single-chantiers #image-entete{
        min-height: 135px !important;
        max-height: 135px !important;
    }
    #chantier_slider_navigation{
        left: -9999px;
    }
    #chantier_slider_container .slide{
        height: 40vh;
    }
    #chantier_slider_navigation .carre{
        height: 45px;
        width: 45px;
        border:1px solid #fff;
    }
}

/* I hate IE... */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #compense_header #recherche_prod{
        display: none;
    }
}

.eventGA {
    display: none;
}

.pseudo-background-img-container {
    position: relative;
}
.pseudo-background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Page liste des magasins */

#liste_mags_total {
    margin-top: 200px;
}

#liste_mags_total ul{
    list-style: none;
    padding-left: 0;
    column-count: 2;
}

@media screen and (max-width: 959px){
    #liste_mags_total ul{
        column-count: 1;
    }
}

#liste_mags_total ul li{
    display: block;
    padding: 5px;
}

#liste_mags_total ul li:nth-child(2n){
    background-color: #eee;
}