@font-face {
    font-family: "Muller-Regular17";
    src: url("fonts/Muller-Regular17.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular17.otf") format("opentype"),
        url("fonts/Muller-Regular17.woff") format("woff"),
        url("fonts/Muller-Regular17.ttf") format("truetype"),
        url("fonts/Muller-Regular17.svg#Muller-Regular17") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular13";
    src: url("fonts/Muller-Regular13.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular13.otf") format("opentype"),
        url("fonts/Muller-Regular13.woff") format("woff"),
        url("fonts/Muller-Regular13.ttf") format("truetype"),
        url("fonts/Muller-Regular13.svg#Muller-Regular13") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular10";
    src: url("fonts/Muller-Regular10.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular10.otf") format("opentype"),
        url("fonts/Muller-Regular10.woff") format("woff"),
        url("fonts/Muller-Regular10.ttf") format("truetype"),
        url("fonts/Muller-Regular10.svg#Muller-Regular10") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular4";
    src: url("fonts/Muller-Regular4.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular4.otf") format("opentype"),
        url("fonts/Muller-Regular4.woff") format("woff"),
        url("fonts/Muller-Regular4.ttf") format("truetype"),
        url("fonts/Muller-Regular4.svg#Muller-Regular4") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular7";
    src: url("fonts/Muller-Regular7.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular7.otf") format("opentype"),
        url("fonts/Muller-Regular7.woff") format("woff"),
        url("fonts/Muller-Regular7.ttf") format("truetype"),
        url("fonts/Muller-Regular7.svg#Muller-Regular7") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular8";
    src: url("fonts/Muller-Regular8.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular8.otf") format("opentype"),
        url("fonts/Muller-Regular8.woff") format("woff"),
        url("fonts/Muller-Regular8.ttf") format("truetype"),
        url("fonts/Muller-Regular8.svg#Muller-Regular8") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular15";
    src: url("fonts/Muller-Regular15.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular15.otf") format("opentype"),
        url("fonts/Muller-Regular15.woff") format("woff"),
        url("fonts/Muller-Regular15.ttf") format("truetype"),
        url("fonts/Muller-Regular15.svg#Muller-Regular15") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular9";
    src: url("fonts/Muller-Regular9.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular9.otf") format("opentype"),
        url("fonts/Muller-Regular9.woff") format("woff"),
        url("fonts/Muller-Regular9.ttf") format("truetype"),
        url("fonts/Muller-Regular9.svg#Muller-Regular9") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MullerHeavy";
    src: url("fonts/MullerHeavy.eot?#iefix") format("embedded-opentype"),
        url("fonts/MullerHeavy.otf") format("opentype"),
        url("fonts/MullerHeavy.woff") format("woff"),
        url("fonts/MullerHeavy.ttf") format("truetype"),
        url("fonts/MullerHeavy.svg#MullerHeavy") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Muller-Regular14";
    src: url("fonts/Muller-Regular14.eot?#iefix") format("embedded-opentype"),
        url("fonts/Muller-Regular14.otf") format("opentype"),
        url("fonts/Muller-Regular14.woff") format("woff"),
        url("fonts/Muller-Regular14.ttf") format("truetype"),
        url("fonts/Muller-Regular14.svg#Muller-Regular14") format("svg");
    font-weight: normal;
    font-style: normal;
}

html,
body,
input,
button {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #000;
    background: #fff;
    overflow-x: hidden;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1 {
    /* font-family: "Muller-Regular15";
    font-size: 48px;
    color: #000;
    text-align: center; */
    margin-bottom: 17px;
    /* font-weight: 300; */
    margin-top: 120px;
    font-family: "roboto";
    font-size: 48px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
}

/** {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
*/

a,
button {
    text-decoration: none;
}

a > i,
button > i,
a > span {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #0082ff;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.btn:active,
.btn.active,
.btn:hover,
.btn:focus,
.btn.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
}

#body input,
#body textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#footer {
    clear: both;
}

ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header {
    background: url("../images/png/bg_header.png") repeat-x left top;
    height: 150px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}

.logo h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.logo {
    display: inline-block;
    width: 296px;
    position: relative;
    z-index: 10;
    text-align: center;
}
@media screen and (max-width: 1400px) {
    .logo {
        width: 200px;
    }
    .logo::after {
        background: url(../images/png/logo_wave_mobile_new.png) no-repeat !important;
    }
}
.logo::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    width: 100%;
    height: 48px;
    background: url(../images/png/logo_wave.png) no-repeat;
    z-index: -1;
}

.logo img {
    max-width: initial;
    height: initial;
    width: 122px;
}

#form_recherche {
    position: relative;
}

.menu {
    display: inline-block;
    width: 100%;
    height: 69px;
}

.menu .inner {
    height: 100%;
}

.menu .inner ul {
    height: 100%;
}

.menu .navbar-nav {
    width: 100%;
}

#header .navbar-nav li a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    padding: 10px 8px;
}

#header .navbar-nav li a.active {
    color: #0082ff;
}

.share_txt {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-right: 10px;
    position: relative;
}

.share_icons_wrapper {
    background: url("../images/png/facebook.png") no-repeat right 43% center;
}

#header .navbar-nav li a:hover,
#header .navbar-nav li.active a,
#header .navbar-nav li a:focus {
    background: url("../images/png/bg_menu_hover.png") repeat-x left;
    color: #0082ff;
}

.links_actions {
    position: absolute;
    top: 20px;
    right: 50px;
}

@media screen and (max-width: 1300px) {
    .links_actions {
        right: 10px;
    }
    .btn.conseils_astuces {
        margin-right: 0 !important;
    }
    .loope {
        right: 0 !important;
    }
    /* #nav-menu-container{
        width: 50% !important;
    } */
}
.table_menu_links {
    display: table;
    width: 100%;
}

.btn.conseils_astuces {
    background: #fff;
    display: inline-block;
    border: 1px solid #0082ff;
    color: #0082ff;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    padding: 15px 20px;
    border-radius: 50px;
    margin-right: 10px;
    font-family: "Muller-Regular17";
    vertical-align: top;
}
/* @media screen and (max-width:1199.98px) {
    .btn.conseils_astuces {
    text-indent:-5000px;
    background-image: url("../images/png/discuter.png");
    border-radius: 50%;
    }
} */
.btn.conseils_astuces:hover {
    background: #0082ff;
    border: 1px solid #fff;
    color: #fff;
}

.conseils_astuces.active {
    border: 1px solid #f50000;
    color: #f50000;
}

.conseils_astuces.active:hover {
    background: #f50000;
    color: #ffffff;
}

.btn.cat_lilas {
    background: #0082ff;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    padding: 15px 20px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: "Muller-Regular17";
}

.btn.cat_lilas:hover {
    background: #f50000;
    border: 1px solid #f50000;
    vertical-align: top;
}

.recherche {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 90px;
    right: 0;
    z-index: 2;
    border-top: 1px solid #eee;
    left: 0;
    margin: 0 auto;
}

.recherche.open {
    opacity: 1;
    width: 100%;
    height: auto;
    padding: 28px 299px 62px 299px;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.loope {
    width: 29px;
    height: 29px;
    display: inline-block;
    position: relative;
    top: 16px;
    cursor: pointer;
    font-size: 23px;
    color: #0082ff;
    right: 20px;
    z-index: 2;
    vertical-align: top;
}

.fal.fa-search.hover:before {
    content: "\f00d";
    font-size: 29px;
    color: #d9303a;
}

.form_search {
    right: 0;
    top: 0;
    z-index: 3;
    padding: 15px 0;
    width: 0;
    overflow: hidden;
    background: #fff;
    width: 100% !important;
    border-bottom: 1px solid #000;
}

.no-padding {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.no-margin {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.search_input {
    border: 0;
    background: #fff;
    position: relative;
    z-index: 5;
    outline: 0;
    padding: 0 0 10px 0;
    width: 85%;
    font-size: 15px;
    font-weight: bold;
    color: #a7a6a6;
}

.btn_submit {
    width: 29px;
    height: 29px;
    display: inline-block;
    cursor: pointer;
    font-size: 29px;
    color: #0082ff;
    position: absolute;
    right: 7px;
    background: none;
    border: 0;
    outline: none;
    overflow: hidden;
}

.btn_submit .fa-search:before {
    color: #ccc;
}

.btn_submit .fal.fa-search {
    font-size: 23px;
    top: 0;
    vertical-align: top;
}

.content_slider {
    position: absolute;
    bottom: 25%;
    left: 20%;
    width: 38%;
}

#banniere_principale_carroussel {
    padding-top: 80px;
}

.font_8 {
    font-family: "Muller-Regular8";
    color: #0082ff;
    display: block;
    line-height: 1.2em !important;
}

.font_15 {
    color: #0082ff;
    display: block;
    clear: both;
    line-height: 1.2em;
    font-family: "Muller-Regular15";
}

.javel {
    vertical-align: top;
    min-height: 600px;
    background: url(../images/jpg/univers/javel.jpg);
    position: relative;
    overflow: hidden;
    /* padding: 0; */
    margin: 0;
}

.vaisselle {
    min-height: 600px;
    vertical-align: top;
    background-image: linear-gradient(to bottom right, #ff8919, #ffcf28);
    position: relative;
    overflow: hidden;
}

.nettoyant {
    min-height: 600px;
    vertical-align: top;
    background-image: linear-gradient(to bottom right, #ab61a9, #de9cde);
    position: relative;
    overflow: hidden;
}

.omo {
    right: 60px;
    bottom: 60px;
}

.savon {
    right: -18px;
    bottom: 0;
}

.fleur {
    bottom: 243px;
    right: 298px;
}

.fleur1 {
    bottom: 15px;
    right: 298px;
}

.gel {
    right: 115px;
    bottom: 30px;
    z-index: 2;
}

.odeur {
    right: 287px;
    bottom: 30px;
    z-index: 1;
}

.fraicheur {
    top: 74px;
    right: 110px;
    z-index: 3;
}

/* .titre {
    color: #fff;
    font-size: 40px;
    font-family: "Muller-Regular15";
    display: block;
    font-weight: 500;
    line-height: 1.2;
} */

.page_title {
    font-family: "roboto";
    font-size: 48px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
}



.pdt_machine {
    right: 54px;
    bottom: 46px;
}
.pdt_sol {
    right: 102px;
    bottom: 15px;
}
.fleurs {
    right: -18px;
    bottom: 0;
}

.deux_fleur {
    top: 315px;
    right: 67px;
}

.nettoyant .link_univers:hover,
.javel .link_univers:hover,
.vaisselle .link_univers:hover,
.textiles .link_univers:hover,
.assouplisant .link_univers:hover,
.gel_machine .link_univers:hover,
.sol_surface .link_univers:hover {
    background: url("../images/png/btn_savoir_plus_index.png") no-repeat left
        bottom;
}

.javel .link_univers:hover {
    color: #d21620;
}

.vaisselle .link_univers:hover {
    color: #ffaf21;
}

.textiles .link_univers:hover {
    color: #00a6da;
}

.assouplisant .link_univers:hover {
    color: #e071a4;
}

.gel_machine .link_univers:hover {
    color: #458ccb;
}

.nettoyant .link_univers:hover {
    color: #c57fc4;
}

.link_univers {
    background: url("../images/png/btn_savoir_plus_index.png") no-repeat left
        top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
    color: #fff;
    position: absolute;
    bottom: 110px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.desc_actu .link_univers {
    background: url("../images/png/btn_savoir_plus.png") no-repeat left top;
    display: block;
    position: relative;
    bottom: 0;
    margin: 40px auto 0;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding-top: 15px;
}

.link_univers:hover {
    background: url("../images/png/bg_btn.png") no-repeat left bottom;
    color: #fff;
}

.desc_univer {
    width: 38%;
}

.gel_machine {
    vertical-align: top;
    height: 600px;
    background: url(../images/jpg/univers/gel_mashine.jpg) center top / cover;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/* .sol_surface {
    vertical-align: top;
    height: 600px;
    background: #b269b0 url("../images/jpg/nettoyant/bg_sol_surface.jpg")
        no-repeat center center / cover;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
} */
.textiles {
    background: #00a6da url(../images/jpg/univers/textile.jpg) no-repeat right
        top / cover;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 600px;
}

.assouplisant {
    background: #df6ba1 url(../images/jpg/univers/assouplisant.jpg) no-repeat
        center center / cover;
    min-height: 600px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.title_padding {
    padding: 0 80px;
}

.text_assou {
    /* width: 54%; */
}

.gel_machine {
    /* width: 46%; */
}

.gel_machine .link_univers,
.assouplisant .link_univers,
.textiles .link_univers,
.nettoyant .link_univers,
.sol_surface .link_univers {
    bottom: 70px;
}

.desc_actu .link_univers {
    display: block;
    position: relative;
    bottom: 0;
    margin: 40px auto 0;
}

.owl-dots {
    margin: 0;
    background: none;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 58px;
    left: 48%;
    z-index: 200000000;
    width: auto;
}

.owl-dots .owl-dot span {
    width: 24px;
    height: 24px;
    background: #fff;
    opacity: 0.5;
}

.owl-dots .owl-dot span {
    width: 24px;
    height: 24px;
    background: #fff;
    opacity: 1;
    margin: 5px 7px;
    display: block;
    border-radius: 30px;
}

.owl-dots .owl-dot.active span {
    opacity: 1;
    background: #008cff;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

#banniere_principale_carroussel .owl-dots {
    left: 10%;
}

.home_conseile {
    display: block;
    padding-top: 107px;
    clear: both;
    text-align: center;
}

.home_banner_title {
    font-family: "Muller-Regular15";
    font-size: 62px;
    color: #fff;
    text-shadow: 0px 3px 0px rgba(60, 90, 135, 0.41),
        0px 4px 27px rgba(4, 4, 4, 0.2);
}

.home_conseile h2 {
    /* color: #000;
    font-family: "MullerHeavy";
    font-size: 54px;
    padding-bottom: 80px;
    clear: both; */
    /* display: inline-block; */
    font-family: "roboto";
    font-size: 48px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
}

.owl-prev {
    background: url(../images/png/nav_left.png) no-repeat left top;
    width: 57px;
    height: 52px;
    left: -150px;
    right: auto;
    float: left;
    text-indent: 60px;
    overflow: hidden;
}

.owl-prev:hover {
    background: url(../images/png/nav_left.png) no-repeat left bottom;
}

.owl-next {
    background: url(../images/png/nav_right.png) no-repeat left top;
    width: 57px;
    height: 52px;
    right: -150px;
    left: auto;
    text-indent: 60px;
    overflow: hidden;
}

.owl-next:hover {
    background: url(../images/png/nav_right.png) no-repeat left bottom;
}

.owl-nav [class*="owl-"] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.desc_conseils {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    width: 60%;
    padding: 50px 0 0;
    text-align: center;
    position: relative;
    margin: 0 auto;
    clear: both;
    display: block;
    clear: both;
}
.wrap_content_nettoyant .produits .ligne2 img{
  display: flex;
  margin: auto;
}
.desc_conseils a {
    color: #0082ff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.voir_tous_conseil {
    background: url("../images/png/bg_tous_conseils.png") no-repeat left top;
    width: 219px;
    height: 52px;
    display: inline-block;
    text-align: center;
    line-height: 52px;
    font-family: "Muller-Regular17";
    color: #0082ff;
    margin: 30px 0;
    max-width: 100%;
}

.voir_tous_conseil:hover {
    background: url("../images/png/bg_tous_conseils.png") no-repeat left bottom;
    color: #fff;
}

.reseaux_sociaux {
    background: #f2f6fa;
    padding: 30px;
    text-align: center;
    clear: both;
    width: 100%;
    display: inline-block;
    width: 100%;
}

.reseaux_sociaux .titre_bloc {
    font-size: 32px;
    font-family: "Muller-Regular17";
    color: #0082ff;
    display: block;
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}

.reseaux_sociaux a {
    color: #0082ff;
    margin-right: 20px;
    font-size: 30px;
}

.reseaux_sociaux a:last-child {
    margin-right: 0;
}

.reseaux_sociaux a:hover {
    color: #f50000;
}

.socials_text {
    font-family: "Muller-Regular17";
    font-size: 16px;
    margin: 10px 0 0;
}

.menu_footer {
    display: inline-block;
}

.menu_footer ul {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.menu_footer ul li {
    display: inline-block;
}

.menu_footer ul li a {
    color: #3a434c;
    font-family: "Muller-Regular9";
    font-size: 18px;
    padding-right: 20px;
}

.menu_footer ul li a:hover,
.menu_footer ul li.active a {
    color: #0082ff;
}

.footer_bottom {
    padding: 30px 0;
    clear: both;
}

.menu_footer_right {
    display: inline-block;
    float: right;
    text-align: right;
    vertical-align: top;
    color: #7f97af;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.logo_lilas {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: -20px;
}

#nav-menu-container {
    display: inline-block;
    width: 67%;
    /* width: 50%; */
    vertical-align: top;
    margin-top: 20px;
    /* margin: auto; */
}
@media screen and (max-width: 1400px) {
    #nav-menu-container {
        width: 55% !important;
    }
}

.bloc_menu_recherche {
    display: table-cell;
    width: 67%;
    vertical-align: top;
}

.menu_principale {
    position: relative;
}

/***********Responsive*********************/

.mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 20px 15px 0 0;
    border: 0;
    background: none;
    font-size: 30px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

.mobile-nav-toggle i {
    color: #0082ff;
}

/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 130, 255, 1);
    left: -100%;
    width: 100%;
    overflow-y: auto;
    transition: 0.4s;
}

#mobile-nav ul {
    padding: 70px 0 0;
    margin: 0;
    list-style: none;
    display: block;
    clear: both;
    margin-top: 25px;
    margin-bottom: 25px;
}

#mobile-nav ul li {
    position: relative;
    border-bottom: 1px solid #5da5ec;
    width: 100%;
}

#mobile-nav ul li:last-child {
    border-bottom: 0;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    text-transform: uppercase;
}

#mobile-nav ul li a:hover {
    color: #fff;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 15px;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #878787;
}

body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
    left: 0;
}

.badel_javel {
    position: absolute;
    right: 80px;
    z-index: 2;
    bottom: 25px;
}

.eti_javel {
    position: absolute;
    right: 38px;
    top: 149px;
    z-index: 3;
}

.boteille {
    bottom: 0;
    right: 120px;
    z-index: 2;
}

.limon {
    bottom: 26px;
    right: 264px;
    z-index: 3;
}

.feiulle {
    bottom: 57px;
    right: 313px;
    z-index: 1;
}

/* .univers img {
    position: absolute;
    max-width: 100%;
    height: auto;
} */

.texte_banner {
    position: absolute;
    top: 126px;
    /* left: -37px; */
    left: -85px;
    text-align: left;
    z-index: 11;
}

.regarder_video {
    background: url("../images/png/icone_video.png") no-repeat;
    width: 103px;
    height: 102px;
    display: inline-block;
    margin-top: 86px;
}

.liste_produits li .img {
    background: #f2f6fa;
    overflow: hidden;
    border: 1px solid #f2f6fa;
    text-align: center;
    padding: 60px;
    position: relative;
    min-height: 600px;
    margin-bottom: 30px;
}

.liste_produits li.pdt_javel2 .img {
    min-height: 100% !important;
}

.liste_produits li {
    text-align: center;
    margin-bottom: 30px;
    color: #000;
}

.liste_produits li.col-md-4:nth-child(3n + 1) {
    clear: both;
}

.liste_produits li .name {
    font-family: "MullerHeavy";
    min-height: 66px;
    font-size: 24px;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    font-weight: 500;
}

.liste_produits li:hover .name {
    color: #0082ff;
}

.liste_produits li .hover_netayant {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    left: 33%;
    margin: 0 auto;
    right: 0;
    bottom: 60px;
    transform: scale(0.7);
    -webkit-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
}

.liste_produits li:hover .hover_netayant {
    opacity: 1;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.liste_produits li .survol_pdt_javel {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
}

.liste_produits li:hover .survol_pdt_javel {
    opacity: 1;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*
.liste_produits li:hover .survol_pdt {
    opacity: 1;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
*/

.liste_produits li .survol_pdt {
    opacity: 0;
    bottom: 96px;
    position: absolute;
    right: 140px;
    visibility: hidden;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
}

.liste_produits li .survol_pdt {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* .liste_produits li:hover .survol_pdt_vaissaille {
    opacity: 1;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
} */

.liste_produits li .survol_pdt_vaissaille {
    opacity: 0;
    position: absolute;
    left: 33%;
    bottom: 60px;
    margin: 0 auto;
    right: 20%;
    visibility: hidden;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
    transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
        -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
        visibility 0.5s ease;
}

.pdt_javel4 .survol_pdt_javel {
    right: 7%;
    bottom: 34px;
}

.pdt_javel3 .survol_pdt_javel {
    right: 18%;
    bottom: 54px;
}

.pdt_javel2 .survol_pdt_javel {
    right: 170px;
    bottom: 52px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.wrap_content_vaisaille .liste_produits li .img img {
    max-width: none;
}

.wrap_content_javel .liste_produits li .img img {
    max-width: 100%;
}

.liste_produits li .desc {
    font-family: "Roboto", sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    min-height: 100px;
    padding: 0 20px;
    font-weight: 400;
}

.liste_produits li a {
    background: url(../images/png/btn_savoir_plus.png) no-repeat left top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    color: #0082ff;
    display: inline-block;
}

.liste_produits li:hover .img {
    background: #fff;
    border: 1px solid #f2f6fa;
}

.liste_produits li a:hover,
.liste_produits li:hover a {
    background: url(../images/png/btn_savoir_plus.png) no-repeat left bottom;
    color: #fff;
}

.liste_produits {
    margin-top: 125px;
    clear: both;
    width: 100%;
}

.assouplissant_conseile {
    clear: both;
    background: #f5fcff;
    margin: 100px 0 0 0;
    display: inline-block;
    padding: 100px 0;
    width: 100%;
    text-align: center;
}

.nettoyant_conseile {
    clear: both;
    background: #f5fcff;
    margin: 0px 0 0 0;
    display: inline-block;
    padding: 100px 0;
    width: 100%;
    text-align: center;
}

.nettoyant_conseile h2 {
    color: #000;
    text-align: center;
    font-family: "MullerHeavy";
    font-size: 54px;
    padding-bottom: 80px;
    clear: both;
    display: inline-block;
    padding: 0 40px 80px 40px;
}

.assouplissant_conseile h2 {
    color: #000;
    text-align: center;
    font-family: "MullerHeavy";
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 80px;
    clear: both;
    display: inline-block;
}

.efficacite {
    background: #f5f5f5;
    width: auto;
    display: inline-block;
    /* padding: 0 10%; */
    vertical-align: top;
}

.text_efficace {
    padding: 120px 150px 120px 50px;
}

.titre_effi {
    /* font-family: "MullerHeavy";
    font-size: 54px;
    color: #000;
    line-height: 1.2em; */
    margin-bottom: 20px;
    /* display: block;
    font-weight: 500; */
    font-family: "roboto";
    font-size: 48px;
    color: #000;
    line-height: 1.2em;
    /* margin-bottom: 20px; */
    display: block;
    font-weight: 700;
}

.desc_efffi {
    font-family: "Muller-Regular9";
    font-size: 20px;
    color: #000;
    line-height: 1.2;
    margin: 0;
}

.bande_fleur {
    background: url("../images/png/fleur_banner.png") no-repeat center -99px;
    position: absolute;
    width: 100%;
    height: 359px;
    z-index: 10;
}

.wrap_content_assouplissant .banner {
    text-align: center;
}

.titre_banner {
    font-family: "Muller-Regular9";
    font-size: 32px;
    color: #fff;
    display: block;
    font-weight: 600;
    text-shadow: 1px 1px #00000038;
    margin-top: 0;
    margin-bottom: 0;
    /* text-align: left; */
    
  


}

.banner .container {
    position: relative;
}

.banner img {
    margin-top: 65px;
    width: 100%;
}

.texte_banner .desc {
    font-family: "Muller-Regular15";
    font-size: 68px;
    color: #fff;
    display: block;
    clear: both;
    line-height: 1.1em;
    margin-top: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.wrap_content_assouplissant .liste_produits img {
    width: auto;
    height: auto;
    text-align: center;
}

.produits ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
}

.produits .ligne1 {
    display: block;
    clear: both;
    width: 100%;
}

/* .produits ul li img {
    width: auto;
    height: auto;
    text-align: right;
} */

.produits ul li {
    display: flex;
    flex-wrap: wrap;
    /* height: 100%; */
    min-height: 600px;
    padding: 65px 0 0;
}

.produits ul li img {
    /* position: absolute; */
    /* right: 8%;
    bottom: 50px; */
    position: relative;
    bottom: -44px;
}

/* .produits .ligne3 ul li img {
    right: 19%;
    position: absolute;
    top: 67px;
} */

/* .produits ul li.pdt_assouplissat img {
    position: absolute;
    right: 40px;
    bottom: 40px;
    max-height: 80%;
    max-width: 50%;
} */

/* .produits ul li.pdt_poudre_main img {
    position: absolute;
    right: 40px;
    bottom: 40px;
} */

.produits ul li.pdt_poudre {
    width: 50%;
    background: url("../images//bg_home/bg_poudre_machine.jpg") no-repeat center
        center / cover;
}

.produits ul li.pdt_gel_main {
    width: 50%;
}

/* .pdt_gel_main img {
    position: absolute;
    right: 50px;
    bottom: 30px;
} */

.produits ul li.pdt_poudre_main {
    width: 50%;
    background: url("../images/bg_home/bg_proudre_main.jpg") no-repeat center
        center / cover;
}

.produits ul li.pdt_assouplissat {
    width: 50%;
    background: url("../images/bg_home/bg_assouplissant_home.jpg") no-repeat
        center center / cover;
}
/* 
.ligne1 .details_pdt {
    position: absolute;
    top: 0;
    padding-top: 120px;
    z-index: 10;
    padding-left: 78px;
    width: 60%;
} */

/* .ligne3 .lilas_liquide .details_pdt {
    width: 45%;
} */

.lilas_liquide img {
    position: absolute;
    right: 260px;
    bottom: 40px;
}

/* .ligne3 .details_pdt {
    left: 360px;
} */

/* .ligne3 .lilas_liquide a {
    left: 440px;
} */

/* .wrap_content_assouplissant .ligne1 .details_pdt {
    width: 42%;
} */

/* .ligne2 .details_pdt,
.ligne3 .details_pdt {
    position: absolute;
    top: 0;
    padding-top: 120px;
    padding-left: 80px;
    width: 40%;
    z-index: 10;
} */
/* .ligne3 .details_pdt {
    padding-top: 0;
    top: 50%;
    transform: translateY(-54%);
} */
.details_pdt .name {
    font-family: "Muller-Regular9";
    color: #ffffff;
    font-size: 23px;
    display: block;
    clear: both;
    padding-bottom: 30px;
    font-weight: 400;
}

.details_pdt .short_desc {
    font-family: "Muller-Regular15";
    color: #ffffff;
    font-size: 38px;
    font-weight: 500;
}

.produits ul li a {
    background: url(../images/png/bg_btn.png) no-repeat left top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    color: #fff;
    /* position: absolute;
    bottom: 70px;
    left: 110px; */
    z-index: 10;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    margin-left: 16px;
}
.produits .ligne3 ul li a {
    background: url(../images/png/bg_btn.png) no-repeat left top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block;
    margin-top: 20px;
}
.produits .ligne3 ul li a:hover {
    color: #ee8a7b;
}
.pdt_poudre a:hover {
    color: #00a8da;
}

.pdt_assouplissat a:hover {
    color: rgba(218, 73, 139, 1);
}

.pdt_poudre_main a:hover {
    color: rgba(154, 191, 55, 1);
}

.li_01 a:hover {
    color: #005dba;
}

.li_02 a:hover {
    color: #dac6a3;
}

.produits ul li a:hover {
    background: url(../images/png/btn_savoir_plus_index.png) no-repeat left
        bottom;
}

.desodorisant a:hover {
    color: #6a4eca;
}

.sol_surface a:hover {
    color: #ac5faa;
}

.wrap_content_nettoyant .produits .ligne2 a:hover {
    color: #ffad1e;
    background: url(../images/png/btn_savoir_plus_index.png) no-repeat left
        bottom;
}

.wrap_content_javel,
.wrap_content_assouplissant,
.wrap_content_galerie_photos,
.wrap_content_contact,
.wrap_content_recherche,
.wrap_content_actualites {
    padding-top: 90px;
}

/*.wrap_content_javel .fil-arien,*/
.wrap_content_assouplissant .fil-arien,
.wrap_content_galerie_photos .fil-arien,
.wrap_content_contact .fil-arien,
.wrap_content_recherche .fil-arien,
.wrap_content_actualites .fil-arien {
    margin-top: 50px;
}

.no_filter.wrap_content_javel,
.no_filter.wrap_content_assouplissant,
.no_filter {
    padding-top: 0px;
}

.wrap_content_javel:before,
.wrap_content_assouplissant:before,
.wrap_content_galerie_photos:before,
.wrap_content_contact:before,
.wrap_content_recherche:before,
.wrap_content_actualites:before {
    content: "";
    background: #0082ff;
    position: absolute;
    width: 100%;
    height: 50px;
}

.no_filter.wrap_content_javel:before,
.no_filter.wrap_content_assouplissant:before {
    display: none;
}

.no_margin {
    margin-top: 0 !important;
}

.fil_darien {
    position: absolute;
    z-index: 100;
    top: 0;
    color: #fff;
    font-size: 14px;
    padding: 15px 0 15px 326px;
    font-family: "Roboto", sans-serif;
    margin-top: 90px;
    margin-bottom: 50px;
    z-index: 0;
}

/* .wrap_content_assouplissant .fil-arien {
    padding: 70px 13% 0;
} */

.container_10 {
    padding: 0 218px 0 325px;
}

.container_5 {
    padding: 0 5%;
}

.wrap_content_assouplissant .container_5 {
    position: relative;
}

.produit_infos {
    display: inline-block;
    width: 100%;
}

.image_pdt {
    background: #f2f6fa;
    text-align: center;
    padding: 50px 0;
}

.pdt_detail {
    padding: 0 10%;
    text-align: center;
}

.pdt_detail .name {
    /* font-family: "Muller-Regular7"; */
    font-family: "Roboto", sans-serif;

    /* color: #000;
     */
    color: #0d70da;
    font-size: 35px;
    font-weight: 500;
    text-transform: none;
    display: inline-block;
    width: 100%;
    margin: 16px 0 15px;
    line-height: 1.2;
}

.product_full_name {
    /* font-family: "MullerHeavy"; */
    /* text-transform: uppercase; */
    /* color: #0082ff; */
    color: #0d70da;
    font-family: "Roboto", sans-serif;

    /* font-size: 57px;
     */
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 50px;
    /* font-weight: 300; */
    margin-top: 0;
}

.caracteristique li {
    display: inline-block;
    margin-right: 30px;
}

.caracteristique li img {
    border: 1px solid #0082ff;
    padding: 20px;
    margin-bottom: 20px;
}

#page_produit_1 img {
    width: auto;
}

#page_produit_1 .image_text img {
    max-width: 120px;
}

.caracteristique li:last-child img {
    padding: 20px 25px;
}

.caracteristique li span {
    display: block;
    color: #0082ff;
    font-family: "Muller-Regular7";
    text-transform: uppercase;
    width: 100%;
    font-size: 12px;
}

.caracteristique {
    margin: 80px 0;
    padding: 0;
    text-align: center;
}

/* .pdt_detail .name span {

    font-family: 'Muller-Regular7';
    color: #000;
    font-size: 22px;
    text-transform: none;
    display: inline-block;
    width: 100%;

} */

.sub_title {
    font-family: "Muller-Regular14";
    font-size: 20px;
    color: #000;
    width: 100%;
    display: inline-block;
    clear: both;
    font-weight: 500;
    text-align: left;
}

.description {
    color: #505050;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-align: left;
}

.description strong {
    font-weight: 900;
}

#minuature_pdts .owl-item img {
    display: inline-block;
    width: auto;
}

.miniature.owl-thumbs {
    text-align: center;
    margin: 20px auto;
    width: 62%;
}

.miniature.owl-thumbs button {
    background: none;
    border: none;
    outline: none;
}

.miniature.owl-thumbs .owl-thumb-item img {
    border-bottom: 2px solid #fff;
}

.miniature.owl-thumbs .owl-thumb-item.active img {
    border-bottom: 2px solid #f50000;
}

.tabulation .nav-tabs > li.active > a,
.tabulation .nav-tabs > li.active > a:hover,
.tabulation .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #0d70da;
    border: 0;
    cursor: default;
}

.tabulation .nav-tabs > li > a {
    margin-right: 2px;
    background-color: #f2f6fa;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-weight: 300;
    color: #0d70da;
    font-size: 18px;
    border-radius: 0;
    height: 100%;
    line-height: 145px;
}

.tabulation .nav-tabs {
    position: relative;
    top: -145px;
    left: 80%;
    border-bottom: 0;
    height: 145px;
    margin-left: -15px;
}

.tabulation .nav-tabs > li {
    height: 100%;
    width: 25%;
    text-align: center;
}

.tabulation {
    background: #0d70da;
    display: block;
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 137px;
    padding-bottom: 32px;
}

.tabulation:before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    height: 100%;
    background: #0d70da;
    right: 100%;
}

.tabulation:after {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    height: 100%;
    background: #0d70da;
    left: 100%;
}

.tabulation .content {
    position: relative;
    top: -80px;
    color: #fff;
}

.tabulation .content h3 {
    display: block;
    clear: both;
    font-family: "Muller-Regular15";
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
}

.tabulation .content span {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    display: block;
    margin-top: 15px;
}

.tabulation #dosage .content ul li {
    font-family: "Roboto", sans-serif;
    display: inline-block;
    font-weight: 400;
    width: 100%;
    font-size: 16px;
}

.lave_main {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.tabulation .content .lave_main span span {
    display: inline-block;
    width: 100%;
    clear: both;
    font-family: "Muller-Regular14";
}

.tabulation .content .lave_main span {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.dosage_lave_main {
    display: table;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin: 73px auto;
}

.dosage_lave_mashine {
    display: table;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin: 73px auto;
}

.dosage_lave_main span {
    display: block;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    margin-top: 17px;
}

.dosage_eau span {
    margin-top: 22px;
}

.dosage_eau {
    display: table-cell;
}

.dosage_omo {
    display: table-cell;
}

.dosage_lave_main span.egale {
    background: url("../images/png/egale.png") no-repeat;
    width: 15px;
    height: 10px;
    text-indent: 17px;
    overflow: hidden;
    margin: 0 auto;
}

.dosage_lave_mashine span.egale {
    background: url("../images/png/egale.png") no-repeat;
    width: 15px;
    height: 10px;
    text-indent: 17px;
    overflow: hidden;
    margin: 0 32px;
}

#contenance .content {
    text-align: center;
}

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

#contenance ul li {
    display: inline-block;
    margin-right: 0px;
}

#contenance ul li:last-child {
    margin-right: 0;
}

.avantage {
    display: inline-block;
    clear: both;
    background: #f2f6fa;
    width: 100%;
    padding: 90px 0;
    font-family: "Roboto", sans-serif;
}

.avantage .title_avantage {
    font-family: "Muller-Regular15";
    font-size: 48px;
    color: #000;
    padding: 25px;
    font-weight: 500;
    text-align: center;
}

.fil-arien {
    padding: 20px 13%;
    font-family: "Muller-Regular9";
    font-size: 14px;
}

.fil-arien ul li {
    display: inline-block;
}

.avantage img {
    margin-bottom: 20px;
}

.fil_darien a {
    color: #c4daec;
}

.fil_darien a:hover {
    color: #fff;
}

.avantage a.affiche_plus {
    color: #0082ff;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

.avantage a.affiche_plus.ferme {
    color: #f50000;
}

.avantage a.affiche_plus:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    color: #0082ff;
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
}

.avantage a.affiche_plus.ferme:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    color: #f50000;
    font-size: 10px;
}

.avantage a.affiche_plus:hover:after {
    color: #f50000;
}

.avantage a.affiche_plus.ferme:hover:after {
    color: #f50000;
}

.avantage a.affiche_plus:hover {
    color: #f50000;
}

.desc_avantage {
    font-weight: 300;
    font-size: 16px;
    color: #000;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

a.titre_avantage {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 900;
    color: #000;
}

a.titre_avantage:hover {
    color: #0082ff;
}

.titre_avantage h2,
.titre_avantage h3 {
    font-size: 16px;
}

.avantage ul {
    margin: 0;
    padding: 0;
}

.avantage ul li {
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.pt-0 {
    padding-top: 0 !important;
}

.btn_prev {
    background: #0082ff;
    width: 45px;
    height: 127px;
    line-height: 127px;
    position: absolute;
    z-index: 10;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    font-size: 18px;
}

.btn_next {
    background: #0082ff;
    width: 45px;
    height: 127px;
    line-height: 127px;
    position: absolute;
    z-index: 10;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    font-size: 18px;
}

.btns_navigations a:hover {
    background: #f50000;
    color: #fff;
}

.btns_navigations .btn_next .image_text {
    position: absolute;
    width: 0px;
    z-index: 10;
    top: 0;
    right: -321px;
    display: none;
    font-family: "Muller-Regular14";
    color: #0082ff;
    font-size: 18px;
    text-align: left;
    background: #fff;
}

.btns_navigations .btn_next:hover .image_text {
    line-height: 1.9em;
    right: 45px;
    width: 321px;
    display: block;
    -webkit-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}

.btns_navigations .btn_next:hover .image_text img {
    float: left;
    margin-right: 20px;
}

.btns_navigations .btn_next:hover .image_text span {
    color: #000;
    text-align: left;
    display: inline-block;
    clear: both;
    font-family: "Muller-Regular7";
    font-size: 18px;
    margin-top: 20px;
}

.btns_navigations .btn_prev .image_text {
    position: absolute;
    width: 321px;
    z-index: 10;
    left: -321px;
    font-family: "Muller-Regular14";
    color: #0082ff;
    font-size: 18px;
    text-align: left;
    background: #fff;
    padding-left: 20px;
}

.btns_navigations .btn_prev:hover .image_text {
    line-height: 1.9em;
    left: 45px;
    -webkit-transition: width 0.35s ease-in-out;
    transition: width 0.35s ease-in-out;
}

.btns_navigations .btn_prev:hover .image_text img {
    float: right;
}

.btns_navigations .btn_prev:hover .image_text span {
    color: #000;
    text-align: left;
    display: inline-block;
    clear: both;
    font-family: "Muller-Regular7";
    font-size: 18px;
    margin-top: 20px;
}

.wrap_content_javel .banner {
    /* background-image: linear-gradient(to right, #f98c14, #fb9911, #fca710, #fcb413, #fcc119); */
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.wrap_content_javel .banner {
    margin-top: 0;
}

.wrap_content_vaisaille .banner {
    background-image: linear-gradient(
        to right,
        #f98c14,
        #fb9911,
        #fca710,
        #fcb413,
        #fcc119
    );
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.wrap_content_nettoyant .banner {
    /* background: url("../images/jpg/bg_neyttoyant.jpg") no-repeat center 90px; */
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background-size: cover;
}

.wrap_content_nettoyant_listing .banner {
    /* background: url("../images/jpg/bg_neyttoyant_listing.jpg") no-repeat center 90px; */
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background-size: cover;
}

.wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
    padding: 35px;
}

.wrap_content_nettoyant .colone_image img.banner_nettoyant {
    padding: 35px;
}

.presentation {
    text-align: center;
    padding: 48px 0 64px;
}

.desodorisant {
    background: url("../images/bg_home/bg_desodorisant_home.jpg") no-repeat
        center center / cover;
    width: 50%;
    padding-top: 30px;
}

.sol_surface{
    background: url("../images/bg_home/bg_sols_surfaces.jpg") no-repeat center 
        center / cover;
    width: 50%;
}

/* .wrap_content_nettoyant .produits .ligne1 ul li img {
    position: absolute;
    bottom: 0;
    right: 0;
} */

.wrap_content_nettoyant .ligne1 ul li {
    float: left;
    position: relative;
    overflow: hidden;
}

.details_pdt .short_desc {
    font-size: 30px;
}

/* .wrap_content_nettoyant .produits .ligne2 .details_pdt {
    float: left;
    width: 31%;
    padding: 100px 0 200px 0;
    margin-left: 16%;
    margin-right: 0;
} */

.wrap_content_nettoyant .produits .details_pdt .short_desc {
    font-size: 38px;
}

.wrap_content_nettoyant .produits .ligne2 {
    width: 100%;
    background: url("../images/bg_home/bg_multi_usage.jpg") no-repeat center
        center / cover;
    position: relative;
    min-height: 600px;
    /* overflow: hidden; */

    padding: 65px 0 0;
    display: flex;
}

/* .wrap_content_nettoyant .produits .ligne2 img {
    margin-right: -16px;
    max-width: none;
    position: absolute;
    bottom: 0;
    right: 20%;
    max-height: 80%;
    max-width: 50%;
} */
.produit-page-home .wrap_content_nettoyant .produits .ligne2 img {
    right: 20px;
}
.wrap_content_nettoyant .produits .ligne2 a {
    background: url(../images/png/bg_btn.png) no-repeat left top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin-left: 16px;
    /* padding-top: 20px; */
    color: #fff;
    /* position: absolute; */
    /* bottom: 78px;
    left: 17%; */
    z-index: 10;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.wrap_content_nettoyant .produits .ligne2 .col-md-6 {
    position: static;
}

.wrap_content_nettoyant .ligne1 .details_pdt {
    position: relative;
    float: left;
    width: 100%;
    /* margin-right: 5%; */
    padding-top: 0;
    /* top: 140px; */
}

.wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
    /* bottom: 20px;
    right: 50px; */
    /* max-height: 80%; */
    /* max-width: 50%; */
}

/* .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
    bottom: 10px;
    right: 80px;
} */

.wrap_content_nettoyant .ligne1 .col-md-6 {
    position: static;
}

.wrap_content_assouplissant .ligne1 .col-md-6 {
    position: static;
}

.banner_lessive {
    top: 250px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

.banner_lessive .titre_banner {
    font-family: "Muller-Regular15";
    font-size: 30px;
    text-align: center;
}

.prez_titre {
    /* font-family: "MullerHeavy";
    font-size: 54px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: block; */
    font-family: "roboto";
    font-size: 48px;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: block;
    font-weight: 700;
}

.prez_desc {
    font-family: "Muller-Regular9";
    font-size: 20px;
    color: #000;
    line-height: 1.2;
}

.wrap_content_vaisaille .pdts_vaisselle {
    margin-top: 37px;
}

.valable {
    position: absolute;
    bottom: 35px;
    right: 62%;
    width: 42%;
}

.wrap_content_vaisaille .etiquete {
    box-shadow: 14.544px 26.239px 35px 0px rgba(6, 4, 6, 0.22);
    position: absolute;
    border-radius: 50%;
    top: 188px;
    right: -158px;
}

.wrap_content_javel .etiquete {
    box-shadow: 14.544px 26.239px 35px 0px rgba(6, 4, 6, 0.22);
    position: absolute;
    border-radius: 50%;
    top: 362px;
    right: -69px;
}

.texte_banner_javel .titre_banner {
    font-size: 40px;
    font-family: "Muller-Regular15";
    font-style: normal;
    margin-bottom: 30px;
    display: block;
}

.info_clore span {
    float: left;
    font-size: 26px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
    color: #fff;
    width: 54%;
    padding-top: 22px;
    margin-right: 10px;
}

.info_clore {
    display: table;
    width: 100%;
    padding: 37px 0;
}

.info_clore img {
    width: 43%;
}

.colone_image {
    float: right;
    text-align: right;
    position: relative;
}

.texte_banner_javel .desc {
    font-size: 77px;
    display: block;
    clear: both;
    line-height: 1em;
    color: #fff;
    font-family: "Muller-Regular15";
}

.texte_banner_javel {
    margin-top: 123px;
    margin-bottom: 49px;
}

.badel {
    position: absolute;
    top: -84px;
    right: 84px;
}

.formulaire_contact {
    margin-bottom: 60px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.contact_text {
    font-size: 18px;
    font-weight: 300;
}

.cms {
    margin-top: 95px;
    margin-bottom: 50px;
}

/*.listes_conseils_ac {*/
/*margin-top: 90px;*/
/*}*/

.intro {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #505050;
    font-size: 18px;
    padding: 0 20%;
    margin-bottom: 80px;
}

.formulaire_contact .intro h1 {
    color: #0082ff;
    margin-top: 17px;
}

.formulaire_contact .intro {
    border-radius: 24px;
    padding: 100px 20%;
    border: 2px solid #0082ff;
    margin: 0 30px 80px;
}
@media screen and (max-width:767.98px) {
    .formulaire_contact .intro{
        margin: 0 0 48px;
    }
    .buttons_submit{
        text-align: center !important;
    }
    .cms{
        margin: 32px auto ;
    }
    .cms p{
        font-size: 16px !important;
        margin: 16px 0;
    }
    .info-contact p, .info-contact a{
        font-size: 16px !important;
        display: inline-block;
    }
    .info-contact{
        margin: 0 !important;
    }
}

.intro span {
    color: #000000;
    font-size: 48px;
    font-family: "Muller-Regular15";
    display: block;
    clear: both;
    width: auto;
}

.msg_clients {
    font-family: "Muller-Regular14";
    margin-bottom: 15px;
    font-size: 18px;
    color: #000;
    /* margin-left: 35px; */
}

.adresse_map .adresse span {
    font-weight: 900;
}

.adresse_map .adresse {
    display: block;
    margin-left: 35px;
    clear: both;
    font-family: "Roboto", sans-serif;
}

#map iframe {
    margin-top: 50px;
    width: 100%;
}

/* .form_contact {
    padding: 0 30px;
    text-align: right;
} */

.adresse_map {
    padding: 0 0 0 30px;
}

.form_groupe label {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 16px;
}

#form_contact {
    margin-top: 64px;
}

.form_groupe {
    margin-bottom: 32px;
    position: relative;
}

.form_groupe input {
    width: 100%;
    border-radius: 7px;
    height: 57px;
    border: 1px solid #cbd3da;
    padding-right: 15px;
    outline: none;
    text-align: right;
}

.form_groupe input.error {
    border: 1px solid red;
}

.form_groupe textarea {
    width: 100%;
    border-radius: 7px;
    height: 150px;
    border: 1px solid #cbd3da;
    text-align: right;
    padding-right: 15px;
    resize: vertical;
}

.form_groupe textarea.error {
    border: 1px solid red;
}

.buttons_submit {
    display: inline-block;
    text-align: right;
    width: 100%;
}

.buttons_submit input {
    background: url("../images/png/btns.png") no-repeat left top;
    height: 52px;
    outline: none;
    width: 209px;
    text-align: center;
    border: 0;
    color: #0082ff;
    font-family: "Muller-Regular17";
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.buttons_submit input:last-child {
    margin-right: 0;
}

.buttons_submit input:hover {
    background: url("../images/png/btns.png") no-repeat left bottom;
    color: #fff;
}

.form_groupe label sup {
    color: red;
}

.form_groupe label.error {
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    color: red;
}

.filter_galerie {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}

.filter_galerie li {
    display: inline-block;
    margin-right: 30px;
}

.filter_galerie li:last-child {
    margin-right: 0;
}

.filter_galerie li a {
    font-family: "Muller-Regular7";
    text-decoration: none;
    color: #000;
    font-size: 22px;
}

.filter_galerie li a.active {
    color: #0082ff;
}

.filter_galerie li a:hover,
.filter_galerie li a.is-checked {
    color: #0082ff;
}

#galerie li a i {
    display: none;
    opacity: 0;
}

#galerie li h2 {
    text-align: center;
    line-height: 1.2em;
}

#galerie li a h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    text-decoration: none;
    margin: 20px 0;
    display: block;
}

#galerie li:hover a h2 {
    color: #0082ff;
}

#galerie li a {
    position: relative;
    display: inline-block;
}

#galerie li a:hover i {
    opacity: 1;
    position: absolute;
    display: block;
    z-index: 10;
    left: 50%;
    bottom: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}

#galerie li.photo a:hover i {
    background: url("../images/jpg/galeries/loope_photo.png") no-repeat;
    width: 64px;
    height: 64px;
}

#galerie li.video a:hover i {
    background: url("../images/jpg/galeries/video.png") no-repeat;
    width: 64px;
    height: 64px;
}

#galerie li {
    margin-bottom: 30px;
}

.container_galerie {
    background: #f2f6fa;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 100px 0;
    text-align: center;
}

.container_galerie:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    content: "";
    background: #f2f6fa;
    left: -100%;
}

.container_galerie:after {
    height: 100%;
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    background: #f2f6fa;
    right: -100%;
}

.titre_links {
    font-family: "Muller-Regular14";
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    display: block;
    clear: both;
}

.liste li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}

.liste li ul.sous-liste {
    margin-top: 15px;
}

.wrap_content_plan_du_site li a {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #000;
}

.wrap_content_plan_du_site li a:hover {
    color: #0082ff;
}

.wrap_content_recherche ul li {
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-align: center;
    clear: both;
    width: auto;
    padding: 0 20%;
    border-bottom: 1px solid #e5ebf2;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.wrap_content_recherche ul li:last-child {
    border-bottom: 0;
}

.wrap_content_recherche {
    margin-bottom: 50px;
}

.wrap_content_recherche ul li strong {
    color: #0082ff;
    font-weight: 600;
}

.wrap_content_recherche ul li span {
    font-weight: 900;
    display: block;
    clear: both;
}

.wrap_content_recherche ul li span a {
    color: #0082ff;
}

.wrap_content_actualites .listes_actualites li {
    text-align: center;
    padding: 100px 100px;
    color: #000;
}

.wrap_content_actualites .listes_actualites li h2 {
    font-family: "MullerHeavy";
    font-size: 54px;
    margin-bottom: 30px;
}

.wrap_content_actualites .listes_actualites li.bg_bleu {
    background: #f5fcff;
    width: 100%;
    position: relative;
}

.wrap_content_actualites .listes_actualites li.bg_bleu:before {
    content: "";
    width: 100%;
    position: absolute;
    left: -100%;
    height: 100%;
    top: 0;
    background: #f5fcff;
}

.wrap_content_actualites .listes_actualites li.bg_bleu:after {
    content: "";
    width: 100%;
    position: absolute;
    right: -100%;
    height: 100%;
    top: 0;
    background: #f5fcff;
}

.wrap_content_actualites .listes_actualites li .desc_actu {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 3% 10%;
}

.wrap_content_actualites .listes_actualites li .desc_actu a {
    color: #0082ff;
}

.wrap_content_actualites .listes_actualites li .desc_actu a:hover {
    color: #fff;
}

.retour {
    background: url(../images/png/nav_left.png) no-repeat left top;
    width: 57px;
    height: 52px;
    left: 0px;
    top: 0;
    text-indent: 60px;
    overflow: hidden;
    position: absolute;
}

.retour:hover {
    background: url(../images/png/nav_left.png) no-repeat left bottom;
}

.detail_actu {
    padding: 0 100px;
    position: relative;
}

.detail_actu .desc_actu h2 {
    font-weight: 900;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.detail_actu .desc_actu p {
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 14px;
}

.detail_actu .desc_actu {
    padding: 3% 10%;
    text-align: center;
}

.detail_actu {
    text-align: center;
    margin-bottom: 50px;
}

.wrap_content_actualites + .liste_produits {
    margin-top: 0;
}

.wrap_content_actualites .container {
    text-align: center;
}

.javel .degrade {
    min-height: 600px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background: rgb(2, 0, 36);
    background: linear-gradient(
        90deg,
        rgba(2, 0, 36, 0) 0%,
        rgba(224, 28, 38, 1) 0%,
        rgba(224, 28, 38, 1) 0%,
        rgba(224, 28, 38, 1) 13%,
        rgba(255, 255, 255, 0.4542191876750701) 100%
    );
}

.gel_machine .degrade {
    min-height: 600px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background: rgb(2, 0, 36);
    background: linear-gradient(
        90deg,
        rgba(2, 0, 36, 0) 0%,
        rgba(23, 108, 185, 1) 0%,
        rgba(23, 108, 185, 1) 0%,
        rgba(255, 255, 255, 0) 68%
    );
}
.gel_machine .degrade img:nth-child(2) {
    bottom: 0;
    top: inherit;
}
.sol_surface .degrade {
    min-height: 600px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background: rgb(2, 0, 36);
    background: linear-gradient(
        90deg,
        rgba(2, 0, 36, 0) 0%,
        rgb(172 96 170) 0%,
        rgb(172 96 170) 0%,
        rgba(255, 255, 255, 0) 68%
    );
}
.li_01 {
    background: url("../images/bg_home/bg_gel_machine.jpg") no-repeat center
        center / cover;
    position: relative;
}

.li_02 {
    background: #dac6a3 url("../images/bg_home/bg_liquide_lavage_main.jpg")
        no-repeat center right / cover;
    position: relative;
}

.wrap_content_assouplissant .produits .ligne2,
.produits .ligne3 {
    display: block;
    clear: both;
    width: 100%;
}

.wrap_content_assouplissant .produits .ligne2 ul li,
.produits .ligne3 ul li {
    display: flex;
    flex-wrap: wrap;
    /* height: 100%; */
    min-height: 600px;
    width: 50%;
    /* overflow: hidden; */
}

.produits .ligne3 ul li {
    width: 100%;
}

.wrap_content_assouplissant .produits .ligne2 ul li .col-md-6,
.produits .ligne3 ul li .col-md-6 {
    position: static;
}

/* .wrap_content_assouplissant .produits .ligne2 ul .li_01 img {
    position: absolute;
    right: 30px;
    bottom: 20px;
} */

.wrap_content_assouplissant .produits .ligne2 ul .li_02 img {
    position: absolute;
    right: 30px;
    bottom: -76px;
}

#pagination {
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 30px 0;
}

#pagination li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

#pagination li.prev {
    margin-right: 20px;
}

#pagination li.next {
    margin-left: 10px;
}

#pagination li a {
    display: inline-block;
    color: #ccc;
    font-size: 17px;
    font-weight: 500;
}

#pagination li a i {
    color: #ccc;
    font-size: 22px;
    font-weight: 900;
}

#pagination li a:hover,
#pagination li.active a,
#pagination li a:hover i {
    color: #0082ff;
}

#mot_cle-error {
    color: red;
    position: absolute;
    left: 0;
    font-weight: 300;
    z-index: 10;
    top: 23px;
    font-size: 13px;
}

.adress {
    color: #696868;
    font-size: 11px;
    font-weight: 400 !important;
}

.wrap_content_plan_du_site {
    margin-bottom: 80px;
}

.desc_avantage .lien_desc {
    color: #0082ff;
}

#carroussel_conseils .owl-item img {
    width: auto;
    display: inline-block;
    text-align: center;
}

.wrap_content_assouplissant .pdt_assouplissat .fraicheur {
    top: 100px;
    right: 16px;
}

.g-recaptcha iframe,
.g-recaptcha > div {
    float: right;
    width: 380px !important;
    height: 100px !important;
    margin-bottom: 50px;
}

#hiddenRecaptcha-error {
    top: 100px;
}

.share_icons_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
}

@media (max-width: 1600px) and (min-width: 1400px) {
    .title_padding {
        padding: 0 100px;
    }

    .texte_banner .desc {
        font-size: 56px;
    }

    .texte_banner {
        top: 130px;
    }

    .home_banner_title {
        font-size: 56px;
    }

    .container_10 {
        padding: 0 125px 0 215px;
        zoom: 0.8;
    }

    .texte_banner_javel .desc {
        font-size: 115px !important;
    }

    .titre_effi {
        font-size: 40px;
    }

    .wrap_content_nettoyant .texte_banner_javel .desc {
        font-size: 80px;
    }

    .info_clore span {
        font-size: 19px;
    }

    /*.javel,*/
    /*.vaisselle,*/
    /*.text_assou,*/
    /*.gel_machine,*/
    /*.nettoyant {*/
    /*zoom: 0.7*/
    /*}*/

    .bloc_menu_recherche {
        width: 50%;
    }

    .tabulation .content {
        padding: 0 80px;
    }

    .desc_univer {
        margin: 8% 0 0 10%;
    }

    /* .titre {
        font-size: 52px;
    } */

    .fraicheur {
        right: 65px;
    }

    .gel {
        right: 142px;
    }
}

@media (max-width: 1800px) and (min-width: 1601px) {
    .texte_banner_javel .desc {
        font-size: 100px !important;
    }

    .info_clore span {
        font-size: 20px;
    }

    .container_10 {
        padding: 0 218px 0 250px;
        zoom: 0.8;
    }
}

@media (max-width: 1870px) {
    /* .titre {
        font-size: 54px;
    } */
}
@media screen and (max-width: 1199.98px) {
    .banner img {
        filter: brightness(0.7);
    }
}
/* @media (max-width: 1560px) and (min-width: 1400px) {
    .produits .ligne3 ul li img {
        right: 20%;
    }
} */

@media (max-width: 1399px) and (min-width: 1199px) {
    #hiddenRecaptcha-error {
        top: 80px;
    }

    .liste_produits li .survol_pdt {
        bottom: 56px;
    }

    #form_contact {
        margin-top: 54px;
    }

    .g-recaptcha iframe,
    .g-recaptcha > div {
        width: 310px !important;
    }

    .liste_produits li .img {
        min-height: 560px;
    }

    .title_padding {
        padding: 0 150px;
    }

    .home_banner_title {
        font-size: 48px;
    }

    .texte_banner .desc {
        font-size: 48px;
    }

    .liste_produits li .survol_pdt {
        bottom: 69px;
    }

    .texte_banner {
        left: 0;
    }

    .banner_lessive {
        left: 50%;
    }

    .container_10 {
        padding: 0 140px 0 225px;
    }

    .texte_banner {
        top: 126px !important;
    }

    .desc_univer {
        width: 45%;
        padding: 10% 5% !important;
    }

    .liste_produits li .survol_pdt_javel {
        zoom: 0.7;
        -moz-transform: scale(0.7);
    }

    .text_efficace {
        padding: 65px 101px 40px 50px !important;
    }

    .wrap_content_nettoyant .texte_banner_javel {
        margin-top: 113px;
    }

    .wrap_content_javel .colone_image {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    .wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
        padding: 35px;
        margin-top: 92px;
    }

    .wrap_content_nettoyant_listing .info_clore span {
        width: 59%;
    }

    .owl-prev {
        left: 20px;
    }

    .owl-next {
        right: 20px;
    }

    .bloc_menu_recherche {
        width: 39%;
    }

    .buttons_submit input {
        margin-right: 10px !important;
    }
}

@media (max-width: 991px) {
    .formulaire_contact .intro {
        padding: 50px 10%;
    }

    .formulaire_contact .intro h1 {
        font-size: 38px;
    }

    .badel_javel {
        right: 20px;
        bottom: -20px;
    }

    .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
        right: 0;
    }

    .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        right: 0;
    }
    /*
    .wrap_content_nettoyant .produits .ligne2 img {
        right: 120px;
    } */

    .adresse_map iframe {
        height: 500px;
    }

    #header .navbar-nav li a:hover,
    #header .navbar-nav li.active a,
    #header .navbar-nav li a:focus {
        color: #000000;
    }

    #form_contact {
        margin-top: 54px;
    }

    .form_contact {
        margin-top: 30px;
    }

    .adresse_map {
        padding: 0 30px;
    }

    #hiddenRecaptcha-error {
        top: 80px;
    }

    .g-recaptcha iframe,
    .g-recaptcha > div {
        width: 302px !important;
        height: 110px !important;
        margin-bottom: 20px;
    }

    .liste_produits li .img {
        min-height: 100%;
    }

    /* .wrap_content_nettoyant .produits .ligne2 img {
        bottom: 130px;
        right: 40px;
        max-width: 360px;
    } */

    .produits ul li.pdt_poudre_main img {
        right: 90px;
    }

    .produits .titre {
        font-size: 32px !important;
    }

    .lilas_liquide img {
        right: 100px;
    }

    .ligne3 .lilas_liquide .details_pdt {
        width: 50%;
        left: 20px;
    }

    /* .ligne3 .details_pdt {
        left: 60px;
    } */
    .ligne3 .details_pdt {
        padding-top: 0;
        top: 0;
        transform: none;
    }
    .produits ul li a {
        left: 50px;
    }

    .ligne3 .lilas_liquide a {
        left: 40px !important;
    }

    .produits ul li.pdt_assouplissat {
        background: #df6ba1 url(../images/jpg/univers/assouplisant.jpg)
            no-repeat 0 top / cover;
    }

    .wrap_content_assouplissant .produits .ligne2 ul li,
    .produits .ligne3 ul li {
        width: 100%;
    }

    /* .ligne2 .details_pdt,
    .ligne3 .details_pdt,
    .ligne1 .details_pdt,
    .ligne2 .details_pdt,
    .ligne3 .details_pdt {
        width: 70%;
        padding-left: 20px;
    } */

    .content_slider {
        width: 50%;
    }

    .home_banner_title {
        font-size: 38px;
    }

    .btn_prev {
        top: -50%;
        transform: translateY(-50%);
    }

    .btn_next {
        top: -50%;
        transform: translateY(-50%);
    }

    .wrap_content_actualites .listes_actualites li h2 {
        font-size: 23px;
    }

    .wrap_content_actualites .listes_actualites li .desc_actu {
        font-size: 14px;
    }

    .home_conseile h2 {
        font-size: 45px;
    }

    .wrap_content_vaisaille .info_clore {
        display: table;
        width: 100%;
        padding: 15px 0 70px 0;
    }

    .regarder_video {
        margin-top: 32px;
    }

    .wrap_content_javel .etiquete {
        top: 199px;
    }

    /*.wrap_content_nettoyant .produits .ligne2 {*/
    /*zoom: 0.5;*/
    /*}*/
    /*.wrap_content_nettoyant .produits ul li {*/
    /*zoom: 0.5;*/
    /*}*/
    .caracteristique li {
        display: inline-block;
        margin-right: 16px;
    }

    .prez_titre {
        font-size: 35px;
    }

    .nettoyant_conseile h2 {
        font-size: 35px;
    }

    .tabulation .nav-tabs > li > a {
        font-size: 15px;
    }

    .tabulation {
        margin-top: 145px;
    }

    .gel_machine {
        width: 100%;
    }
    .sol_surface,
    .desodorisant {
        width: 100%;
    }

    .tabulation .nav-tabs > li {
        width: 40%;
    }

    .tabulation .nav-tabs {
        left: 0;
    }

    .tabulation .tab-content {
        text-align: center;
    }

    .text_assou {
        width: 100%;
    }

    /*.wrap_content_assouplissant .produits ul li {*/
    /*zoom: 0.7;*/
    /*}*/
    .produits .ligne2 ul li {
        width: 100%;
        display: inline-block !important;
        vertical-align: top;
    }

    .produits ul li.pdt_poudre,
    .produits ul li.pdt_gel_main {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .produits ul li.pdt_poudre_main {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .produits ul li.pdt_assouplissat {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .efficacite .titre_effi {
        font-size: 35px;
    }

    #form_recherche {
        width: 100%;
    }

    .efficacite .text_efficace {
        padding: 64px 0px 20px 0px;
        text-align: center;
    }

    .info_clore span {
        font-size: 18px;
        width: 100%;
    }

    .wrap_content_javel .info_clore span {
        font-size: 18px;
        width: 45%;
    }

    .wrap_content_javel .texte_banner_javel {
        margin-top: 158px;
    }

    .wrap_content_vaisaille .texte_banner_javel {
        margin-top: 100px;
    }

    .menu_footer ul {
        padding: 0;
    }

    .texte_banner_javel .titre_banner {
        font-size: 20px;
    }

    .wrap_content_nettoyant .texte_banner_javel .titre_banner {
        font-size: 30px;
    }

    .wrap_content_nettoyant .texte_banner_javel {
        margin-top: 204px;
        text-align: center;
        margin-bottom: 0;
    }

    .texte_banner_javel .desc {
        font-size: 30px;
    }

    .info_clore {
        padding: 0;
    }

    .menu_footer ul li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #e3edf7;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .menu_footer img {
        margin-bottom: 39px;
    }

    .menu_footer_right {
        text-align: center;
    }

    .menu_footer {
        text-align: center;
    }

    #banniere_principale_carroussel .owl-dots {
        bottom: 30px;
    }

    .home_conseile .owl-dots {
        bottom: 137px;
    }

    .recherche {
        width: 100%;
        padding: 0;
        opacity: 1;
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: visible;
    }

    .links_actions {
        text-align: center;
        position: relative;
        right: auto;
        top: auto;
    }

    .links_actions i {
        display: none;
    }

    .form_search {
        position: inherit;
        padding: 32px 0 21px 0;
        right: 0;
        width: 100%;
        top: -1px;
        border-bottom: 0;
    }

    .search_input {
        padding-left: 15px;
        vertical-align: top;
        width: 70%;
    }

    .btn.cat_lilas {
        padding: 15px 15px;
    }

    .btn.conseils_astuces {
        margin-right: 6px;
        padding: 15px 15px;
        margin-bottom: 15px;
    }

    .btn_submit {
        right: 62px;
        top: -3px;
    }

    .table_menu_links {
        position: relative;
        height: 36%;
    }

    .bloc_menu_recherche {
        display: block;
        width: 100%;
    }

    .links_actions {
        width: auto;
        padding: 0 15px;
        display: block;
        margin-top: 30px;
    }

    .mobile-nav-toggle {
        display: inline;
    }

    #nav-menu-container {
        display: none;
        width: 100%;
        vertical-align: top;
        background: #0082ff;
        position: fixed;
        left: 0;
        z-index: 10;
        height: 100%;
        margin-top: 0;
        top: 0;
    }

    .menu .navbar-nav > li {
        float: initial;
        display: block;
        clear: both;
        width: auto;
    }

    .menu {
        height: auto;
        clear: both;
        margin-top: 90px;
    }

    .mobile-nav-toggle.open i:before {
        content: "\f00d";
    }

    #header .navbar-nav li a {
        color: #fff;
    }

    #header .navbar-nav li a:hover {
        color: #f50000;
    }

    #mot_cle-error {
        left: 15px;
    }

    .menu .inner ul {
        margin: 0;
    }

    .btn.cat_lilas {
        width: 35%;
    }

    .btn.conseils_astuces {
        width: 35%;
    }

    .product_full_name {
        font-size: 48px;
        margin-bottom: 30px;
    }

    .liste_produits li .survol_pdt {
        bottom: 66px !important;
    }
}
.produits .details_pdt {
    padding: 0;
    padding-left: 16px !important;
    height: 80%;
}
.produits  .semi-automatique .titre{
   width: 72%; 
}
@media screen and (max-width:1199.98px) {
   .produits  .semi-automatique .titre{
   width: 80%; 
}
}
@media screen and (max-width:1024px) {
   .produits  .semi-automatique .titre{
   width: 90%; 
}
}
@media screen and (max-width:991.98px) {
   .produits  .semi-automatique .titre{
   width: 100%; 
}
}
@media (max-width: 1199px) and (min-width: 992px) {
    /* .ligne3 .details_pdt {
        left: inherit;
        padding-left: 20px;
    } */
    .produits .ligne3 ul li img {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        right: 30px;
        bottom: 20px;
    }
    /* .ligne1 .details_pdt {
        padding-left: 48px;
    }
    .ligne2 .details_pdt,
    .ligne3 .details_pdt {
        padding-left: 48px;
    } */
    /* .pdt_gel_main img,
    .produits ul li.pdt_poudre img,
    .produits ul li.pdt_poudre_main img,
    .produits ul li.pdt_assouplissat img,
    .produits ul li img {
        -webkit-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    } */
    .produits .ligne3 ul li img {
        -webkit-transform: scale(0.8) !important;
        -moz-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -o-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
        right: 23%;
        bottom: 20px;
    }
    .produits ul li.pdt_poudre img {
        right: 45px;
    }

    .liste_produits li .survol_pdt {
        right: 86px !important;
        bottom: 76px !important;
    }

    #hiddenRecaptcha-error {
        top: 80px;
    }

    #form_contact {
        margin-top: 54px;
    }

    .g-recaptcha iframe,
    .g-recaptcha > div {
        width: 304px !important;
    }

    .liste_produits li .img {
        min-height: 490px;
    }

    .desc_univer {
        padding: 10% 5% !important;
        width: 50%;
    }

    .vaisselle,
    .javel,
    .gel_machine,
    .nettoyant,
    .assouplisant,
    .textiles,
    .sol_surface,
    .javel .degrade {
        min-height: 500px;
    }

    .home_banner_title {
        font-size: 42px;
    }

    .content_slider {
        width: 50%;
    }

    .titre_soc {
        font-size: 13px;
    }

    .reseaux_sociaux .titre_bloc {
        font-size: 22px;
    }

    .reseaux_sociaux {
        padding: 30px 10%;
    }

    .cms .desc_avantage {
        font-size: 14px;
    }

    .cms p {
        font-size: 16px;
    }
/* 
    .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        bottom: 50px;
        right: 48px;
        max-width: 200px;
    } */

    /* .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
        bottom: 40px;
        right: 50px;
        max-width: 280px;
    } */

    .wrap_content_nettoyant .produits .ligne2 img {
        bottom: 100px;
        right: 100px;
    }

    .texte_banner .desc {
        font-size: 60px;
    }

    .title_padding {
        padding: 0 100px;
    }

    .banner img {
        margin-top: 89px;
    }

    .logo_lilas a {
        margin-right: 20px;
        zoom: 0.8;
    }

    .feiulle {
        right: 211px;
    }

    /* .univers img {
        -webkit-transform: scale(0.5) translate(220px, 60px) !important;
        -moz-transform: scale(0.5) translate(220px, 60px) !important;
        -ms-transform: scale(0.5) translate(220px, 60px) !important;
        -o-transform: scale(0.5) translate(220px, 60px) !important;
        transform: scale(0.5) translate(220px, 60px) !important;
    } */

    .univers .gel {
        -webkit-transform: scale(0.6) translate(220px, 60px) !important;
        -moz-transform: scale(0.6) translate(220px, 60px) !important;
        -ms-transform: scale(0.6) translate(220px, 60px) !important;
        -o-transform: scale(0.6) translate(220px, 60px) !important;
        transform: scale(0.6) translate(220px, 60px) !important;
    }

    .javel img {
        -webkit-transform: scale(0.7) translateX(50px);
        -moz-transform: scale(0.7) translateX(50px);
        -ms-transform: scale(0.7) translateX(50px);
        -o-transform: scale(0.7) translateX(50px);
        transform: scale(0.7) translateX(50px);
    }

    .badel_javel {
        right: 50px;
        bottom: -30px;
        -webkit-transform: scale(0.5) translate(100px, 60px);
        -moz-transform: scale(0.5) translate(100px, 60px);
        -ms-transform: scale(0.5) translate(100px, 60px);
        -o-transform: scale(0.5) translate(100px, 60px);
        transform: scale(0.5) translate(100px, 60px);
    }

    .boteille {
        bottom: 27px;
        right: 32px;
        z-index: 2;
    }

    .limon {
        right: 173px;
    }

    .texte {
        font-size: 18px !important;
    }

    /* .titre {
        font-size: 45px !important;
    } */

    .container_10 {
        padding: 0 117px 0 133px;
    }

    .texte_banner {
        /* top: 200px; */
        left: 0;
    }

    .banner_lessive {
        left: 50%;
    }

    .liste_produits li .hover_netayant {
        zoom: 0.7;
    }

    .liste_produits li .name {
        font-size: 15px;
    }

    .liste_produits li a {
        zoom: 0.8;
    }

    .liste_produits li .survol_pdt_javel {
        zoom: 0.6;
        -moz-transform: scale(0.6);
        bottom: 72px;
    }

    .liste_produits li .desc {
        font-size: 13px;
    }

    .liste_produits li .survol_pdt_vaissaille {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .desc_efffi {
        font-size: 14px;
        margin-bottom: 27px;
        display: block;
    }

    .text_efficace {
        padding: 55px 101px 20px 50px !important;
    }

    .titre_effi {
        font-size: 24px !important;
    }

    .home_conseile h2,
    .page_title {
        font-size: 40px;
    }

    .owl-prev {
        left: -60px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .owl-next {
        right: -60px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .wrap_content_nettoyant .produits .ligne2 img {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .wrap_content_javel .colone_image {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .wrap_content_javel .info_clore span {
        width: 45%;
    }

    .info_clore span {
        width: 100%;
    }

    .wrap_content_javel .banner {
        /* -webkit-transform: scale(0.7); */
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .texte_banner_javel .titre_banner {
        font-size: 29px;
    }

    .texte_banner_javel .desc {
        font-size: 44px;
    }

    .texte_banner_javel {
        margin-top: 124px;
    }

    .pdt_detail .name {
        font-size: 30px;
    }

    .sub_title {
        font-size: 15px;
    }

    .titre {
        font-size: 45px;
    }

    .description {
        font-size: 15px;
    }

    #header .navbar-nav li a {
        font-size: 10px !important;
    }

    .btn.conseils_astuces {
        padding: 15px 5px;
        font-size: 11px;
        margin-right: 8px;
    }

    .btn.cat_lilas {
        padding: 15px 5px;
        font-size: 11px;
    }

    .nav > li > a {
        padding: 10px 8px;
    }

    .bloc_menu_recherche {
        display: table-cell;
        width: 34%;
        vertical-align: top;
    }

    .menu {
        display: inline-block;
        width: 100%;
        margin-top: 7px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    /* .produits .ligne3 ul li img {
        -webkit-transform: scale(0.7) !important;
        -moz-transform: scale(0.7) !important;
        -ms-transform: scale(0.7) !important;
        -o-transform: scale(0.7) !important;
        transform: scale(0.7) !important;
        right: 16%;
        top: 149px;
    } */
}
@media (min-width: 768px) {
    .produits ul li{
        padding-top: 48px;
    }
    .wrap_content_vaisaille .etiquete {
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -o-transform: scale(0.4);
        transform: scale(0.4);
    }

    .content_slider {
        left: 10%;
    }

    .font_15 {
        font-size: 50px;
    }

    .font_8 {
        font-size: 25px;
    }
}

@media (min-width: 992px) {
    .recherche {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transition: -webkit-transform 0.8s ease,
            -moz-transform 0.8s ease, -o-transform 0.8s ease,
            transform 0.8s ease, opacity 0.5s ease, visibility 0.5s ease;
        -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
            -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
            visibility 0.5s ease;
        transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease,
            -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease,
            visibility 0.5s ease;
    }

    .menu ul li {
        height: 100%;
    }

    .wrap_content_vaisaille .etiquete {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }

    .menu_footer {
        width: 42%;
    }

    .menu_footer_right {
        width: 58%;
    }

    .texte_banner_javel .desc {
        font-size: 55px;
    }

    .content_slider {
        left: 10%;
    }

    .font_15 {
        font-size: 60px;
    }

    .font_8 {
        font-size: 25px;
    }
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .bande_fleur {
        background: url(../images/png/fleur_banner.png) no-repeat center -130px;
    }
}

@media (min-width: 1200px) {
     .share_txt{
        margin-right: 55px;
    }
    .banner img {
        min-height: 460px;
    }
    #galerie li:nth-child(3n + 1) {
        clear: both;
    }

    .buttons_submit input {
        margin-right: 18px;
    }

    .wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
        padding: 35px;
        /* margin-top: 93px;*/
    }

    .wrap_content_nettoyant_listing .texte_banner_javel .desc {
        font-size: 113px;
    }

    .font_15 {
        font-size: 77px;
    }

    .font_8 {
        font-size: 40px;
    }

    .assouplissant_conseile h2 {
        font-size: 54px;
    }

    .texte_banner_javel .desc {
        font-size: 74px;
    }
}

@media (max-width: 1800px) {
    /*.produits ul li {*/
    /*zoom: 0.7;*/
    /*}*/
    /*.wrap_content_nettoyant ul li {*/
    /*zoom: 0.9;*/
    /*}*/
    .fil-arien ul li {
        zoom: 1;
    }
}

@media (min-width: 1900px) {
    .liste_produits li .survol_pdt {
        display: block;
        position: absolute;
        bottom: 36px;
        right: 85px;
    }
}

@media (min-width: 1800px) {
    .g-recaptcha iframe,
    .g-recaptcha > div {
        width: 304px !important;
    }

    #hiddenRecaptcha-error {
        top: 80px;
    }
}

@media (max-width: 1600px) {
    /* .lilas_liquide img {
        right: 160px;
    } */
    /* .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
      
                max-height: 67%;
        max-width: 50%;
    } */
}

@media (max-width: 1560px) {
    /* .produits ul li.pdt_poudre_main img {
        right: 15px;
    }
    .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        bottom: 10px;
        right: 60px;
     
    } */
    .boteille {
        bottom: 0;
        right: 40px;
        z-index: 2;
    }
    .pdt_machine {
        /* right: 0px; */
        bottom: 46px;
    }
    .pdt_sol {
        right: 80px;
        bottom: 15px;
    }
    .gel {
        right: 80px;
    }
}
@media (max-width: 1460px) {
    .egale{
        margin: 0 32px;
    }

    .badel_javel {
        right: 30px;
    }
    .lilas_liquide img {
        right: 110px;
    }
    .pdt_machine {
        bottom: 36px;
    }
    .pdt_sol {
        bottom: 36px;
    }

    .lilas_liquide img {
        right: 200px;
    }

    .produits ul li.pdt_poudre_main img {
        right: -20px;
    }

    /* .produits ul li.pdt_assouplissat img {
        right: 40px;
        bottom: 60px;
    } */

    .pdt_javel2 .survol_pdt_javel {
        right: 140px;
        bottom: 62px;
    }

    .liste_produits li .survol_pdt {
        right: 146px;
        bottom: 56px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .info_clore span {
        font-size: 17px;
    }

    #header .navbar-nav li a {
        font-size: 14px;
    }

    /*.produits ul li {*/
    /*zoom: 0.7;*/
    /*}*/
    /* .ligne3 .details_pdt {
        left: 160px;
    }

    .ligne3 .lilas_liquide a {
        left: 240px;
    } */

    /*.wrap_content_nettoyant .produits .ligne2,*/
    /*.wrap_content_nettoyant ul li {*/
    /*zoom: 0.7;*/
    /*}*/
    .fil-arien ul li {
        zoom: 1;
    }

    /* .titre {
        font-size: 42px !important;
    } */

    .logo {
        display: inline-block;
    }

    .titre_effi {
        font-size: 32px;
    }

    .desc_efffi {
        font-size: 16px;
    }

    .text_efficace {
        padding: 75px 101px 20px 50px;
    }

    /* .ligne1 .details_pdt,
    .ligne2 .details_pdt,
    .ligne3 .details_pdt {
        padding-top: 75px;
    } */
}

@media (min-width: 1400px) {
    /* .logo{
        width: 200px;
    } */
    .wrap_content_nettoyant_listing .valable {
        bottom: 133px;
    }

    .wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
        max-width: none;
    }

    .wrap_content_nettoyant_listing .texte_banner_javel .desc {
        font-size: 164px;
    }

    .font_15 {
        font-size: 99px;
    }

    .font_8 {
        font-size: 62px;
    }
}

@media (min-width: 1600px) {
    .wrap_content_assouplissant .efficacite img {
        width: auto;
        max-width: none;
    }

    .wrap_content_vaisaille .etiquete {
        zoom: 1;
    }

    .wrap_content_nettoyant_listing .valable {
        bottom: 133px;
    }

    .wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
        max-width: none;
    }

    .wrap_content_nettoyant_listing .texte_banner_javel .desc {
        font-size: 171px;
    }

    .wrap_content_nettoyant_listing .texte_banner_javel .titre_banner {
        font-size: 40px;
    }

    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .nettoyant .desc_univer,
    .sol_surface .desc_univer {
        margin: 8% 0 0 15%;
    }

    .texte_banner_javel .desc {
        font-size: 115px;
    }

    .desc_univer {
        margin: 15% 0 0 15%;
    }
}
@media (min-width: 1450px) {
    .ligne3 .details_pdt {
        left: 200px;
    }
}
/* @media (max-width: 1200px) {
    .ligne3 .details_pdt {
        left: 15px;
    }
} */
@media (max-width: 991px) {
    .pdt_poudre .details_pdt .texte {
        max-width: 80%;
    }
    .texte {
        margin-bottom: 16px;
    }
    .produits .ligne3 ul li .col-md-6 {
        position: relative;
    }
    .ligne3 .details_pdt {
        top: 0;
        transform: none;
    }
    .titre_banner {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    h1{
        margin-top: 64px;
    }
    /* .wrap_content_assouplissant .fil-arien, .wrap_content_galerie_photos .fil-arien, .wrap_content_contact .fil-arien, .wrap_content_recherche .fil-arien, .wrap_content_actualites .fil-arien{
        margin-top: 0;
    } */
    .content_pages_cms p{
        padding: 0 16px;
    }
       .btn.conseils_astuces{
        width: 100% !important;
    }
     .retour{
        background: url(../images/png/nav_left_mobile.png) no-repeat left top;
        width: 32px;
        height: 32px;
    }
   .retour:hover {
    background: url(../images/png/nav_left_mobile.png) no-repeat left bottom;
}

    .form_groupe input,
    .form_groupe textarea {
        text-align: left;
    }
    .nettoyant .pdt_machine {
        -webkit-transform: scale(0.7) translateX(40px) !important;
        -moz-transform: scale(0.7) translateX(40px) !important;
        -ms-transform: scale(0.7) translateX(40px) !important;
        -o-transform: scale(0.7) translateX(40px) !important;
        transform: scale(0.7) translateX(40px) !important;
    }

    .gel_machine .pdt_machine {
        right: 30px;
    }

    .pdt_machine {
        bottom: 8px;
    }
    .pdt_sol {
        bottom: 8px;
    }
    .univers img {
        -webkit-transform: scale(0.7) translateX(90px);
        -moz-transform: scale(0.7) translateX(90px);
        -ms-transform: scale(0.7) translateX(90px);
        -o-transform: scale(0.7) translateX(90px);
        transform: scale(0.7) translateX(90px);
    }

    .omo {
        right: 0;
        -webkit-transform: scale(0.6) translate(40px) !important;
        -moz-transform: scale(0.6) translate(40px) !important;
        -ms-transform: scale(0.6) translate(40px) !important;
        -o-transform: scale(0.6) translate(40px) !important;
        transform: scale(0.6) translate(40px) !important;
    }

    .gel {
        right: 120px;
        -webkit-transform: scale(0.8) translateX(90px) !important;
        -moz-transform: scale(0.8) translateX(90px) !important;
        -ms-transform: scale(0.8) translateX(90px) !important;
        -o-transform: scale(0.8) translateX(90px) !important;
        transform: scale(0.8) translateX(90px) !important;
    }

    .badel_javel {
        right: 20px;
        bottom: -70px;
        -webkit-transform: scale(0.6) translate(70px, -70px) !important;
        -moz-transform: scale(0.6) translate(70px, -70px) !important;
        -ms-transform: scale(0.6) translate(70px, -70px) !important;
        -o-transform: scale(0.6) translate(70px, -70px) !important;
        transform: scale(0.6) translate(70px, -70px) !important;
    }

    .boteille {
        -webkit-transform: scale(0.7) translate(70px, -70px) !important;
        -moz-transform: scale(0.7) translate(70px, -70px) !important;
        -ms-transform: scale(0.7) translate(70px, -70px) !important;
        -o-transform: scale(0.7) translate(70px, -70px) !important;
        transform: scale(0.7) translate(70px, -70px) !important;
        bottom: -80px;
    }

    /* .ligne1 .details_pdt,
    .ligne2 .details_pdt,
    .ligne3 .details_pdt {
        padding-top: 45px;
    } */
    /* .ligne3 .details_pdt {
        left: inherit;
        padding-left: 20px;
    } */
    /* .produits .ligne3 ul li img {
        -webkit-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
        right: 30px;
        bottom: 20px;
    } */
    /* .pdt_gel_main img,
    .produits ul li.pdt_poudre img,
    .produits ul li.pdt_poudre_main img,
    .produits ul li.pdt_assouplissat img,
    .produits ul li img,
    .wrap_content_nettoyant .produits .ligne2 img {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    } */

    /* .produits ul li img {
        right: -20px;
    } */

    .banner img {
        margin-top: 89px;
        min-height: 180px;
    }

    .liste_produits li .survol_pdt {
        bottom: 36px !important;
        right: 235px;
    }

    .reseaux_sociaux .titre_bloc {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .content_pages_cms h1 {
        margin-top: 0px !important;
        margin-bottom: 25px !important;
    }

    .content_pages_cms .note {
        padding: 0px 10% !important;
    }

    /* .buttons_submit input {
        zoom: 1;
    } */
    .liste_produits li .survol_pdt_javel {
        display: block;
        position: absolute;
        right: -95px;
        bottom: 30px;
        left: 0;
        margin: 0 auto;
    }

    .efficacite .titre_effi {
        font-size: 30px;
    }

    .wrap_content_javel .info_clore span {
        font-size: 16px;
        width: 100%;
        text-align: left;
        padding-top: 12px;
    }

    .wrap_content_javel .info_clore {
        text-align: center;
    }

    .wrap_content_javel .banner img {
        min-height: 140px;
    }

    .presentation {
        text-align: center;
        padding: 100px 15px;
    }

    .wrap_content_javel .texte_banner_javel .desc {
        font-size: 50px;
    }

    .wrap_content_vaisaille .texte_banner_javel .desc {
        font-size: 50px;
    }

    /* .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
        right: 20px;
    } */

    /* .wrap_content_nettoyant .ligne1 .details_pdt {
        width: 60%;
    } */

    .desodorisant,
    .sol_surface,
    .wrap_content_nettoyant .produits .ligne2 {
        width: 100%;
        /* display: inline-block !important;
        vertical-align: top; */
        /*zoom: 0.6 !important;*/
        min-height: 500px;
    }

    .texte_banner_javel {
        margin-top: 30px;
    }

    .colone_image {
        float: initial;
        text-align: center;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .wrap_content_nettoyant_listing .colone_image {
        float: right;
    }

    .wrap_content_javel .colone_image {
        float: right;
        text-align: center;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .wrap_content_vaisaille .colone_image {
        float: right;
        text-align: center;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .wrap_content_vaisaille .etiquete {
        right: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .info_clore span {
        width: 100%;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .menu_footer {
        width: 100%;
        display: inline-block;
    }

    .footer_bottom {
        padding: 30px 15px;
        text-align: center;
    }

    .menu_footer_right {
        float: inherit;
        text-align: center;
    }

    .text_assou {
        width: 100%;
    }

    .gel_machine {
        width: 100%;
    }

    #banniere_principale_carroussel {
        padding-top: 91px;
    }

    .home_conseile {
        padding-top: 30px;
    }

    .home_conseile h2,
    .page_title,
    .content_pages_cms h1 {
        font-size: 36px;
        /* font-weight: 300; */
        padding-bottom: 20px;
    }

    .page_title {
        padding-top: 50px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
   
 
    .content_pages_cms h1 {
        margin-top: 0;
        margin-bottom: 16px;
    }

    .content_pages_cms .note {
        padding: 0px 10% !important;
    }

    .content_pages_cms p {
        margin-bottom: 25px;
    }

    .reseaux_sociaux {
        padding: 30px 5%;
    }

    .texte_banner {
        /* top: 160px; */
        left: 0;
    }

    .banner_lessive {
        top: 150px;
        left: 50%;
    }

    .wrap_content_javel .info_clore span {
        font-size: 24px;
    }

    .liste_produits li .survol_pdt {
        right: calc(50% - 200px);
        bottom: 103px;
    }

    .desc_univer {
        padding: 9% 5%;
    }

    .container_10 {
        padding: 0 117px 0 133px;
    }

    .bande_fleur {
        background: url(../images/png/fleur_banner.png) no-repeat center -144px;
    }

    .buttons_submit input {
        margin-right: 18px;
    }

    .liste_produits li .hover_netayant {
        left: 20%;
    }

    .liste_produits li .survol_pdt_javel {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        right: 40%;
        bottom: 52px;
    }

    .owl-next {
        right: -85px;
    }

    .owl-prev {
        left: -85px;
    }

    .wrap_content_javel .info_clore img {
        margin-bottom: 30px;
    }

    .wrap_content_javel .info_clore span {
        width: auto;
        padding-right: 40px;
    }

    .wrap_content_javel .texte_banner_javel .desc {
        font-size: 63px;
        padding-right: 44px;
    }

    .wrap_content_nettoyant_listing .texte_banner_javel {
        margin-top: 87px;
    }

    .regarder_video {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .texte_banner .desc {
        font-size: 36px;
    }

    .banner_lessive .desc {
        font-size: 36px;
    }

    .title_padding {
        padding: 0 100px;
    }

    .titre_banner {
        font-size: 22px !important;
    }

    .liste_produits li .desc {
        font-size: 14px;
    }

    .liste_produits li .name {
        font-size: 16px;
    }
}

@media (max-width: 767px) and (min-width: 559px) {
    /* .wrap_content_nettoyant .produits .ligne2 .details_pdt {
        width: 40%;
        margin-left: 78px;
    } */

    /* .wrap_content_nettoyant .produits .ligne2 a {
        left: 100px;
    } */

    /*.desodorisant a,*/
    /*.sol_surface a {*/
    /*left: 90px !important;*/
    /*}*/
    .produits ul li,
    .wrap_content_assouplissant .produits .ligne2 ul li,
    .produits .ligne3 ul li {
        min-height: 500px;
    }

    #galerie li {
        margin-bottom: 20px;
        height: auto;
        position: relative !important;
        top: auto !important;
        display: flex;
        flex-direction: column;
    }

    .avantage .title_avantage {
        font-size: 38px;
    }

    .avantage {
        padding: 60px 0;
    }

    .product_full_name {
        font-size: 38px;
    }

    .wrap_content_javel .info_clore span {
        font-size: 22px;
    }

    .container_10 {
        padding: 0 100px 0 100px;
    }

    .texte_banner {
        left: 0px;
        /* top: 150px; */
    }

    .banner_lessive {
        top: 150px;
        left: 50%;
    }

    .banner_lessive .titre_banner {
        font-size: 22px;
    }

    .bande_fleur {
        background: url(../images/png/fleur_banner.png) no-repeat center -145px;
    }

    .wrap_content_nettoyant_listing .colone_image img.banner_nettoyant {
        padding: 35px;
        margin-top: 20px;
    }

    .texte_banner_javel {
        margin-top: 56px;
    }

    .regarder_video {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }

    h1 {
        font-size: 27px;
    }

    .liste_produits li .survol_pdt {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        right: 30%;
        bottom: 46px;
    }

    .wrap_content_nettoyant .texte_banner_javel .desc {
        font-size: 40px;
    }

    .wrap_content_nettoyant .texte_banner_javel .titre_banner {
        font-size: 20px;
    }

    .titre_banner {
        font-size: 20px;
    }

    .texte_banner .desc {
        font-size: 28px;
    }

    .banner_lessive .desc {
        padding: 0 50px;
    }

    /*.vaisselle,*/
    /*.textiles,*/
    /*.javel,*/
    /*.assouplisant,*/
    /*.gel_machine {*/
    /*-webkit-transform: scale(0.8);*/
    /*-moz-transform: scale(0.8);*/
    /*-ms-transform: scale(0.8);*/
    /*-o-transform: scale(0.8);*/
    /*transform: scale(0.8);*/
    /*}*/

    .font_15 {
        font-size: 40px;
        margin-top: 20px;
    }

    .font_8 {
        font-size: 25px;
    }

    .content_slider {
        left: 13%;
    }

    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .javel .desc_univer,
    .vaisselle .desc_univer,
    .nettoyant .desc_univer {
        margin: 5% 0 0 5%;
        padding: 5% 0;
    }

    .boteille {
        right: 40px;
        bottom: -30px;
    }
}

.loope.fal.fa-search.open:before {
    content: "\f00d";
}

@media (max-width: 767px) {
    .produits .titre {
        text-shadow: 5px 6px 8px rgba(202, 202, 202, 0.3);
    }
    .formulaire_contact .intro h1 {
        font-size: 30px;
    }
    .nettoyant .link_univers:hover,
    .javel .link_univers:hover,
    .vaisselle .link_univers:hover,
    .textiles .link_univers:hover,
    .assouplisant .link_univers:hover,
    .gel_machine .link_univers:hover {
        background: url("../images/png/btn_savoir_plus_index.png") no-repeat
            left bottom / cover;
    }

    /*.link_univers {*/
    /*background: url(../images/png/bg_btn.png) no-repeat left top /cover;*/
    /*width: 189px;*/
    /*height: 66px;*/
    /*padding: 22px;*/
    /*}*/
    #form_contact {
        margin-top: 54px;
    }

    .g-recaptcha iframe,
    .g-recaptcha > div {
        width: 302px !important;
    }

    .liste_produits {
        margin-top: 100px;
    }

    .produits ul li img {
        max-width: 100%;
    }

    .ligne3 .lilas_liquide .details_pdt {
        left: 20px;
        width: 80%;
    }

    .produits ul li.pdt_poudre img {
        right: 0;
    }

    .produits .titre {
        font-size: 38px !important;
    }

    .lilas_liquide img {
        right: 30px;
    }

    .produits ul li.pdt_poudre_main img {
        right: -20px;
    }

    .produits ul li.pdt_assouplissat img {
        right: 0;
        bottom: 60px;
    }

    .pdt_gel_main img {
        right: 10px;
    }

    /* .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        right: 20px;
        bottom: -40px;
        max-width: 220px;
    } */

    /* .wrap_content_nettoyant ul li img {
        max-width: 300px;
    }

    .desodorisant img {
        max-width: 200px;
    } */

    /* .wrap_content_nettoyant .produits .ligne2 img {
        top: 20px;
        right: 30px;
        max-width: 320px;
        -webkit-transform: scale(0.8) translateX(20px);
        -moz-transform: scale(0.8) translateX(20px);
        -ms-transform: scale(0.8) translateX(20px);
        -o-transform: scale(0.8) translateX(20px);
        transform: scale(0.8) translateX(20px);
    } */

    .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
        -webkit-transform: scale(0.6) translateX(40px);
        -moz-transform: scale(0.6) translateX(40px);
        -ms-transform: scale(0.6) translateX(40px);
        -o-transform: scale(0.6) translateX(40px);
        transform: scale(0.6) translateX(40px);
        bottom: -20px;
    }
}

@media (max-width: 567px) {
    .share_txt{
        margin-right: 90px;
    }
    #nav-menu-container{
        width: 100% !important;
    }
    .produits .titre {
        font-size: 24px !important;
    }

    .texte {
        font-size: 20px;
    }

    .wrap_content_nettoyant .produits .ligne2 .details_pdt {
        width: 40%;
        margin-left: 30px;
    }

    .wrap_content_nettoyant .produits .ligne2,
    .produits ul li,
    .wrap_content_assouplissant .produits .ligne2 ul li,
    .produits .ligne3 ul li {
        min-height: 400px;
    }

    .wrap_content_nettoyant .produits .ligne2 a {
        left: 50px;
    }

    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .javel .desc_univer,
    .vaisselle .desc_univer,
    .nettoyant .desc_univer {
        margin: 5% 0 0 5%;
        padding: 5% 0;
    }

    .home_banner_title {
        font-size: 26px;
        font-weight: 500;
        line-height: 1.2;
    }

    .content_slider {
        bottom: 20%;
        left: 0;
        padding: 0 30px;
        width: 100%;
    }

    #galerie li {
        margin-bottom: 15px;
    }

    .avantage .title_avantage {
        font-size: 28px;
        padding: 25px 0;
    }

    .avantage {
        padding: 50px 0;
    }

    .product_full_name {
        font-size: 32px;
    }

    .regarder_video {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .menu_footer ul li a {
        font-size: 16px;
    }

    .desc_efffi {
        font-size: 14px;
    }

    .efficacite .titre_effi {
        font-size: 20px;
    }

    .nettoyant_conseile h2 {
        font-size: 25px;
        font-weight: 300;
    }

    .nettoyant_conseile {
        padding: 50px 0;
    }

    .filter_galerie li {
        margin-right: 15px;
    }

    .wrap_content_actualites .listes_actualites li h2 {
        font-size: 20px;
        font-weight: 300;
    }

    .wrap_content_actualites .listes_actualites li {
        text-align: center;
        padding: 30px 20px;
        color: #000;
    }

    .filter_galerie li a {
        font-size: 16px;
    }

    .container_galerie {
        padding: 50px 0;
    }

    #galerie li a h2 {
        font-size: 16px;
    }

    .reseaux_sociaux a {
        font-size: 20px;
    }

    .reseaux_sociaux .titre_bloc {
        font-size: 23px;
    }

    .adresse_map .adresse {
        font-size: 13px;
    }

    .form_groupe label {
        font-size: 13px;
    }

    #form_contact {
        margin-top: 35px;
    }

    .form_contact {
        text-align: left;
        padding: 0;
    }

    .g-recaptcha iframe,
    .g-recaptcha > div {
        float: none;
    }

    .msg_clients {
        margin: 50px 0 0 0;
        text-align: center;
        font-size: 20px;
    }

    .champs_obligatoire {
        text-align: center;
    }

    .intro {
        font-size: 15px;
        padding: 0;
        margin-bottom: 50px;
    }

    .adresse_map {
        padding: 0;
        text-align: center;
    }

    .liste_produits li .name {
        font-size: 18px;
    }

    .liste_produits li .desc {
        font-size: 14px;
    }

    .retour {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .detail_actu {
        padding: 0 30px;
    }

    h1 {
        font-size: 20px;
    }

    .detail_actu .desc_actu {
        padding: 3% 0%;
    }

    .wrap_content_vaisaille .texte_banner_javel .titre_banner {
        font-size: 14px;
    }

    .wrap_content_vaisaille .info_clore span {
        width: 100%;
        font-size: 16px;
    }

    .wrap_content_vaisaille .info_clore {
        padding: 0;
    }

    .wrap_content_vaisaille .texte_banner_javel .desc {
        font-size: 20px !important;
    }

    .prez_desc {
        font-size: 16px;
    }

    .prez_titre {
        font-size: 20px;
        font-weight: 500;
    }

    .wrap_content_nettoyant .texte_banner_javel .titre_banner {
        font-size: 15px;
    }

    .texte_banner_javel .desc {
        font-size: 30px;
    }

    .tabulation .nav-tabs > li {
        width: 50%;
    }

    /*.produits ul li.pdt_poudre,*/
    /*.produits ul li.pdt_poudre_main,*/
    /*.produits ul li.pdt_assouplissat {*/
    /*zoom: 0.7;*/
    /*}*/
    /*.produits .ligne2 ul li {*/
    /*zoom: 0.7;*/
    /*}*/
    /* .efficacite .text_efficace {
        padding: 30px;
    } */

    .texte_banner .desc {
        font-size: 22px;
    }

    .banner_lessive .desc {
        font-size: 26px;
        padding: 0 50px;
    }

    .titre_banner {
        font-size: 16px;
    }
}

@media (max-width: 559px) and (min-width: 481px) {
    .bande_fleur {
        background: url(../images/png/fleur_banner.png) no-repeat center -155px;
    }

    .texte_banner {
        /* top: 150px; */
        left: 0px;
    }

    .banner_lessive {
        left: 50%;
        top: 150px;
    }

    .banner_lessive .titre_banner {
        font-size: 16px;
    }

    .container_10 {
        padding: 0 70px 0 60px;
    }

    .font_8 {
        font-size: 17px;
    }

    .font_15 {
        font-size: 27px;
    }

    .eti_javel {
        right: 20px;
        top: 123px;
    }

    .badel_javel {
        right: 24px;
        bottom: -70px;
    }

    .boteille {
        right: 20px;
    }

    .vaisselle,
    .textiles,
    .javel,
    .assouplisant,
    .gel_machine,
    .nettoyant {
        /*-webkit-transform: scale(0.6);*/
        /*-moz-transform: scale(0.6);*/
        /*-ms-transform: scale(0.6);*/
        /*-o-transform: scale(0.6);*/
        /*transform: scale(0.6);*/
        min-height: 500px;
    }

    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .nettoyant .desc_univer {
        margin: 8% 0 0 2%;
        padding: 0% 5%;
    }

    .feiulle {
        bottom: 57px;
        right: 218px;
    }

    .limon {
        bottom: 26px;
        right: 174px;
    }

    /*.boteille {*/
    /*right: 0;*/
    /*}*/
    .fleur1 {
        bottom: 15px;
        right: 268px;
    }

    .fleur {
        bottom: 243px;
        right: 185px;
    }

    .fraicheur {
        right: 46px;
    }

    .odeur {
        right: 233px;
    }

    .gel {
        right: 90px;
        bottom: 0;
    }
}

/****************animation bloc**********************/

/* .lilas {
    background: url("../images/png/logo_lilas02.png") no-repeat left top;
    width: 57px;
    height: 22px;
} */

.lilas {
    background: url("../images/png/logo_lilas02.png") no-repeat left bottom;
    width: 57px;
    height: 22px;
}
/* .lilas_pro {
    background: url("../images/png/lilas_pro.png") no-repeat left top;
    width: 78px;
    height: 46px;
} */

.lilas_pro {
    background: url("../images/png/lilas_pro.png") no-repeat left bottom;
    width: 78px;
    height: 46px;
}
/* .miss_lilas {
    background: url("../images/png/logo_lilas01.png") no-repeat left top;
    width: 82px;
    height: 66px;
} */

.miss_lilas {
    background: url("../images/png/logo_lilas01.png") no-repeat left bottom;
    width: 82px;
    height: 66px;
}

/* .lilas_bebe {
    background: url("../images/png/logo_lilas03.png") no-repeat left top;
    width: 118px;
    height: 21px;
} */

.lilas_bebe {
    background: url("../images/png/logo_lilas03.png") no-repeat left bottom;
    width: 118px;
    height: 21px;
}

/* .lilas2 {
    background: url("../images/png/logo_lilas04.png") no-repeat left top;
    width: 64px;
    height: 28px;
    margin-top: 10px;
} */

.lilas2 {
    background: url("../images/png/logo_lilas04.png") no-repeat left bottom;
    width: 64px;
    height: 28px;
    margin-top: 10px;
}

/* .lila_protect {
    background: url("../images/png/logo_lilas05.png") no-repeat left top;
    width: 62px;
    height: 33px;
    margin-top: 10px;
} */

.lila_protect {
    background: url("../images/png/logo_lilas05.png") no-repeat left bottom;
    width: 62px;
    height: 33px;
    margin-top: 10px;
}

.logo_lilas a {
    margin-right: 20px;
}

.logo_lilas a:last-child {
    margin-right: 0;
}

#page_produit_1 {
    margin-top: 100px;
}

.cms .avantage {
    background: none;
    padding: 20px 0;
}

.cms p {
    font-family: "Muller-Regular9";
    font-size: 20px;
}

.content_pages_cms p {
    padding: 0px 18%;
    text-align: center;
    margin-bottom: 50px;
}

.content_pages_cms .note {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 44px 10%;
    text-align: center;
}

.content_pages_cms h1 {
    margin-top: 25px;
    margin-bottom: 66px;
}

.content_pages_cms .avantage img {
    margin-bottom: 35px;
}

.titre_soc {
    clear: both;
    text-align: center;
    display: block;
    font-family: "Muller-Regular13";
    font-size: 15px;
}

.desc_actu .step {
    font-weight: 900;
    clear: both;
    display: block;
}

.desc_actu li {
    margin-bottom: 15px;
}

.adresse_map iframe {
    width: 100%;
}

@media (max-width: 767px) {
    /* .wrap_content_nettoyant .ligne1 .details_pdt {
        top: 100px;
    } */

    .boteille,
    .pdt_machine {
        -webkit-transform: scale(0.8) transateX(0);
        -moz-transform: scale(0.8) transateX(0);
        -ms-transform: scale(0.8) transateX(0);
        -o-transform: scale(0.8) transateX(0);
        transform: scale(0.8) transateX(0);
    }
    .pdt_sol {
        -webkit-transform: scale(0.8) transateX(0);
        -moz-transform: scale(0.8) transateX(0);
        -ms-transform: scale(0.8) transateX(0);
        -o-transform: scale(0.8) transateX(0);
        transform: scale(0.8) transateX(0);
    }
    .pdt_gel_main img {
        -webkit-transform: scale(0.9) translate(0);
        -moz-transform: scale(0.9) translate(40px);
        -ms-transform: scale(0.9) translate(0);
        -o-transform: scale(0.9) translate(0);
        transform: scale(0.9) translate(0);
    }

    .pdt_machine {
        bottom: 30px;
        right: 40px;
    }
    .pdt_machine {
        bottom: 20px;
        right: 40px;
    }
    .titre {
        font-size: 44px !important;
    }

    .desc_conseils {
        width: 90%;
        padding: 30px 0 0;
    }

    #page_produit_1 {
        margin-top: 60px;
    }

    .logo {
        width: auto;
    }

    .logo img {
        width: 90px;
    }

    .logo::after {
        width: 150px;
        bottom: -48px;
        background: url(../images/png/logo_wave_mobile.png) no-repeat !important;
    }
}

@media (max-width: 480px) {
      .texte_banner .desc{
        margin-bottom: 3px;
    }
    .univers img {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .home_conseile h2,
    .page_title,
    .content_pages_cms h1 {
        font-size: 32px;
    }
    .voir_tous_conseil {
        background: url(../images/png/bg_tous_conseils.png) no-repeat left top /
            cover;
    }
    .formulaire_contact .intro {
        padding: 40px 5%;
    }
    .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        right: 0;
    }

    .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img {
        right: -20px;
    }

    .wrap_content_nettoyant .produits .ligne2 img {
        top: 20px;
    }

    .gel_machine .pdt_machine {
        right: 60px;
        bottom: 90px;
    }

    .boteille {
        bottom: 0;
    }

    .titre {
        font-size: 36px !important;
    }

    .texte {
        font-size: 16px;
    }

    .liste_produits li .survol_pdt {
        bottom: 56px !important;
        right: 20%;
    }

    .adresse_map iframe {
        height: 400px;
    }

    .wrap_content_nettoyant .produits .ligne2 .details_pdt {
        margin-left: 15px;
    }
    .gel_machine .titre br {
        display: none;
    }

    .wrap_content_nettoyant .ligne1 .details_pdt {
        width: 100%;
        padding-left: 11px;
        top: 0;
        margin-top: 15px;
    }

    .titre_soc {
        font-size: 11px !important;
    }

    .content_pages_cms p {
        font-size: 15px !important;
        margin-bottom: 23px !important;
    }

    .desc_conseils a {
        display: block;
        width: 100%;
        margin-top: 8px;
    }

    .bande_fleur {
        background: url(../images/png/fleur_banner.png) no-repeat center -155px;
    }

    .texte_banner .desc {
        font-size: 13px;
    }

    .texte_banner .desc {
        font-size: 13px;
    }

    .titre_banner {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.1;
    }

    .desc_univer {
        width: 86%;
        padding: 9% 5%;
        height: inherit;
    }
    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .javel .desc_univer,
    .vaisselle .desc_univer,
    .nettoyant .desc_univer {
        margin: 5% 0 0 5%;
        padding: 5% 0;
        position: relative;
    }
    .univers img,
    .assouplisant .gel {
        position: relative;
        max-width: 100%;
        height: auto;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        order: 2;
    }
    .univers img,
    .assouplisant .gel,
    .degrade > img,
    .produits ul li.pdt_assouplissat img,
    .wrap_content_assouplissant .produits .ligne2 ul .li_01 img {
        position: relative;
        /* max-width: 62%; */
        height: auto;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        order: 2;
        right: inherit;
        bottom: inherit;
        display: inline-block;
        height: auto;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    .degrade > img.badel_javel {
        max-width: 50%;
    }
    .gel_machine .desc_univer,
    .assouplisant .desc_univer,
    .textiles .desc_univer,
    .javel .desc_univer,
    .vaisselle .desc_univer,
    .nettoyant .desc_univer {
        margin: 15px 0;
        padding: 15px;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        display: inline-block;
        height: auto;
    }
    .texte_banner {
        left: 0px;
        /* top: 120px; */
    }

    .banner_lessive {
        left: 50%;
        top: 140px;
    }

    .banner_lessive .desc {
        padding: 0 20px;
    }

    .banner_lessive .titre_banner {
        font-size: 12px;
    }

    .wrap_content_javel .texte_banner_javel .desc {
        font-size: 32px !important;
    }

    .container_10 {
        padding: 0 30px;
    }

    .liste_produits li .survol_pdt_vaissaille {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .liste_produits li .survol_pdt_javel {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .wrap_content_nettoyant_listing .colone_image {
        float: right;
        margin-top: 105px;
    }

    .wrap_content_nettoyant_listing .texte_banner_javel {
        margin-top: 52px;
    }

    .wrap_content_nettoyant_listing .info_clore span {
        font-size: 16px;
    }

    .texte_banner .desc {
        font-size: 18px;
    }

    .regarder_video {
        margin-top: 15px;
    }

    .regarder_video {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    .wrap_content_vaisaille .pdts_vaisselle {
        margin-top: 176px;
    }

    /* .wrap_content_nettoyant .produits .ligne2 img {
        right: -166px;
    } */
    .logo_lilas img {
        max-width: 65px;
    }

    .wrap_content_javel .etiquete {
        top: 280px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    .badel {
        position: absolute;
        top: 180px;
        right: 0;
    }

    .wrap_content_javel .texte_banner_javel .desc {
        font-size: 29px;
    }

    .wrap_content_vaisaille .texte_banner_javel .desc {
        font-size: 29px;
    }

    .nettoyant_conseile h2 {
        font-size: 20px;
        padding-bottom: 30px;
    }

    .nettoyant_conseile {
        padding: 30px 0;
    }

    .pdt_detail .name {
        margin: 64px 0 16px;
    }

    .product_full_name {
        font-size: 26px;
    }

    .presentation {
        text-align: center;
        padding: 50px 15px;
    }

    .prez_titre {
        font-size: 24px;
        font-weight: 500;
    }

    .tabulation .nav-tabs > li > a {
        font-size: 12px;
        padding: 0;
    }

    /*.produits ul li.pdt_poudre,*/
    /*.produits ul li.pdt_poudre_main,*/
    /*.produits ul li.pdt_assouplissat {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.produits .ligne2 ul li {*/
    /*zoom: 0.6;*/
    /*}*/
    .content_slider {
        top: 32%;
    }

    .wrap_content_vaisaille .etiquete {
        right: -65px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .detail_actu .desc_actu {
        padding: 3% 0;
        text-align: center;
    }

    h1 {
        font-size: 16px;
        margin-top: 0;
    }

    .fil_darien {
        color: #fff;
        font-size: 14px;
        padding: 10px 0 10px 0;
        margin-top: 141px;
        margin-bottom: 50px;
        text-align: center;
    }

    .btn.conseils_astuces {
        border: 1px solid #fff;
        width: 100%;
        padding: 15px 12px;
        font-size: 11px;
    }

    .menu_footer ul li {
        width: 100%;
        padding: 10px 0;
    }

    .btn.cat_lilas {
        border: 1px solid #fff;
        width: 100%;
        padding: 15px 12px;
        font-size: 11px;
    }

    /*.vaisselle {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.textiles {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.javel {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.assouplisant {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.gel_machine {*/
    /*zoom: 0.6;*/
    /*}*/
    /*.nettoyant {*/
    /*zoom: .6;*/
    /*}*/
    .link_univers,
    .gel_machine .link_univers,
    .assouplisant .link_univers,
    .textiles .link_univers,
    .nettoyant .link_univers,
    .sol_surface .link_univers,
    .wrap_content_nettoyant .produits .ligne2 a,
    .desodorisant a.hvr-wobble-vertical,
    .sol_surface a.hvr-wobble-vertical {
        bottom: inherit;
        position: relative;
        margin-top: 15px;
        left: inherit;
    }
    .gel_machine {
        height: auto;
    }
    .vaisselle,
    .textiles,
    .gel_machine .degrade,
    .assouplisant {
        min-height: inherit;

        position: relative;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }
    .wrap_content_actualites .listes_actualites li .desc_actu a {
        font-size: 12px;
        bottom: 0 !important;
    }

    .page_title {
        padding-top: 30px;
    }
    /* 
    .produits .ligne3 ul li img,
    .produits ul li.pdt_poudre img,
    .produits ul li.pdt_poudre_main img,
    .univers img.pdt_machine {
        right: inherit;
        bottom: inherit;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 80%;
    } */
    .javel .degrade,
    .sol_surface .degrade {
        min-height: auto;

        display: flex;

        flex-wrap: wrap;
        height: auto;
    }
    .wrap_content_nettoyant .produits .ligne2,
    .produits ul li,
    .wrap_content_assouplissant .produits .ligne2 ul li,
    .produits .ligne3 ul li {
        min-height: auto;
    }
    .wrap_content_assouplissant .ligne1 .details_pdt {
        width: 100%;

        display: inline-block;
        position: relative;
        padding: 20px 0;
    }
    .produits ul li a {
        left: 0;
        position: relative;
        bottom: inherit;
    }
    /* .ligne2 .details_pdt,
    .ligne3 .details_pdt,
    .ligne1 .details_pdt,
    .ligne2 .details_pdt,
    .ligne3 .details_pdt {
        width: 90%;
        padding-left: 0px;
        position: relative;
        margin-bottom: 15px;
    } */
    .wrap_content_assouplissant .produits .ligne2 ul .li_01 img,
    .wrap_content_nettoyant .produits .ligne2 img,
    .wrap_content_nettoyant .produits .ligne1 ul li.sol_surface img,
    .wrap_content_nettoyant .produits .ligne1 ul li.desodorisant img {
        position: relative;
        right: inherit;
        bottom: inherit;
        /* max-width: 72%; */
        /* margin-bottom: 15px; */
        margin-top: 15px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        zoom: 1 !important;
        bottom: 0;
        top: inherit;
    }
    .wrap_content_nettoyant .produits .ligne2 .details_pdt {
        padding: 20px 0 0;
        width: 100%;
    }
    .produits ul li.pdt_assouplissat img {
        right: inherit;
        bottom: inherit;
        position: relative;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .wrap_content_assouplissant .ligne1 .col-md-6,
    .wrap_content_nettoyant .ligne1 .col-md-6 {
        position: relative;
    }
    .wrap_content_assouplissant .ligne1 .col-md-6 {
        position: relative;
    }
    .wrap_content_assouplissant .produits .ligne2 ul li .col-md-6,
    .produits .ligne3 ul li .col-md-6 {
        position: relative;
    }
    .produits .ligne3 ul li a {
        margin-top: 20px;
    }
    /* .ligne3 .details_pdt {
        left: inherit;
        padding-left: 0;
        padding: 40px 0;
        top: 0;
        transform: none;
    } */
}

@media (max-width: 375px) {
    .logo_lilas a {
        margin-right: 10px;
    }

    .texte_banner .desc {
        font-size: 16px;
        margin-top: 10px;
    }
}

/* new style*/
.produit-page-home .wrap_content_assouplissant {
    padding-top: 0 !important;
}

.produit-page-home .li_02 {
    padding-left: 0;
    padding-right: 0;
}

/* .produit-page-home .li_02 .desc_univer {
    width: 70%;
} */
.produit-page-home .desc_univer {
    width: 48%;
}
@media (min-width: 1600px) {
    .produit-page-home .desc_univer {
        width: 38%;
    }
}
.produit-page-home .sol_surface .desc_univer,
.produit-page-home .pdt_poudre .desc_univer {
    width: 55%;
}

.produit-page-home .desc_univer {
    margin: 10% 0 0 5%;
}

.produit-page-home .wrap_content_assouplissant .produits .ligne2 {
    width: 50%;
}
.produit-page-home .produits ul {
    display: flex;
    flex-wrap: wrap;
}
.produit-page-home .badel_javel {
    bottom: 0 !important;
}
@media screen and (max-width: 1600px) {
    .produit-page-home .pdt_machine,
    .produit-page-home .badel_javel,
    .produit-page-home .boteille {
        height: 330px;
    }

    .produit-page-home .limon {
        width: 150px;
        right: 163px;
    }
    .produit-page-home .feiulle {
        height: 100px;
        right: 210px;
    }
    .produit-page-home .desc_univer {
        margin: 70px 0 0 50px;
    }
    .produit-page-home ul li a {
        left: 60px;
    }
}

@media screen and (min-width: 1600px) {
    .produit-page-home .desc_univer {
        margin: 100px 0 0 90px;
    }
    .produit-page-home .pdt_machine,
    .produit-page-home .badel_javel,
    .produit-page-home .boteille,
    .produit-page-home .produits ul li.pdt_poudre img,
    .produit-page-home .wrap_content_nettoyant .produits .ligne2 img {
        right: 5px;
        bottom: 10px;
        /* width: 500px; */
        height: auto;
        max-height: 80%;
        max-width: 50%;
        height: auto;
        width: auto;
    }
    .produit-page-home ul li a {
        left: 100px;
    }
    .wrap_content_nettoyant .produits .ligne2 a {
        left: 100px;
        bottom: 70px;
        z-index: 10;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding-top: 2px;
        width: 149px;
        height: 52px;
        font-family: "Muller-Regular17";
        text-transform: uppercase;
        font-size: 12px;
    }
}

@media screen and (max-width: 1300px) {
    .produit-page-home .desc_univer .title {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 1024px) {
    .produit-page-home .desc_univer .title {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 991.98px) {

    .produits .ligne3 ul li a{
        position: relative;
        bottom: inherit;
    }
    .produits ul li img{
        bottom: 0;
    }
    .produit-page-home .desc_univer .title {
        font-size: 40px !important;
    }
    .produits ul li.pdt_poudre img {
        position: relative;
        bottom: -44px;
    }
    .produits ul,
    .wrap_content_nettoyant .produits .ligne2 {
        flex-wrap: wrap;
    }
    .produit-page-home .desodorisant,
    .produit-page-home .sol_surface,
    .produit-page-home .wrap_content_assouplissant .produits .ligne2 {
        width: 100% !important;
    }
 
}

.produit-page-home .gel_machine {
    background: url("../images/bg_home/gel_mashine.jpg") center top / cover !important;
}
.produit-page-home .li_02 {
    background: url("../images/bg_home/bg-liquide-pour -lavage-main.jpg") center
        top / cover !important;
}
.produit-page-home .li_02 {
    background: url("../images/bg_home/bg-liquide-pour-lavage-main.jpg") center
        top / cover !important;
}
.produit-page-home .pdt_poudre_main {
    background: url("../images/bg_home/bg-poudre-main.jpg") center top / cover !important;
}
.produit-page-home .pdt_poudre {
    background: url("../images/bg_home/bg-poudre-machine.jpg") center top /
        cover !important;
}
.produit-page-home .pdt_assouplissat {
    background: url("../images/bg_home/bg-assouplissant.jpg") center top / cover !important;
}
.produit-page-home .pdt_assouplissat {
    background: url("../images/bg_home/bg-assouplissant.jpg") center top / cover !important;
}
.produit-page-home .sol_surface {
    background: url("../images/bg_home/bg-sols-surfaces.jpg") center top / cover !important;
}
.produit-page-home .vaisselle {
    background: url("../images/bg_home/bg-liquide-vaisselle.jpg") center top /
        cover !important;
}
.produit-page-home .javel {
    background: url("../images/bg_home/bg-javel.jpg") center top / cover !important;
}
.produit-page-home .javel .degrade {
    background: transparent !important;
    min-height: auto;
    /* width: auto; */
    height: auto;
}
.produit-page-home .desodorisant {
    background: url("../images/bg_home/bg_desodorisant.jpg") center top / cover !important;
}
.info-contact {
    margin: 0 30px 56px;
}
@media (max-width: 991.98px) {
    .nfo-contact {
        padding: 50px 10%;
    }
}
.info-contact p {
    font-family: "Muller-Regular14";
    margin-bottom: 15px;
    font-size: 18px;
    color: #000;
    line-height: 1.2;
}
.info-contact a {
    display: inline-block;
    color: #0082ff;
    font-family: "Muller-Regular14";
    margin-bottom: 15px;
    font-size: 18px;
}
.produit-page-home .produits .degrade .titre {
    font-weight: 400;
    font-size: 50px;
    line-height: 1.2;
}

@media screen and (max-width: 1300px) {
    .produit-page-home .desc_univer {
        margin: 30px 0 0 0;
    }
    .produit-page-home ul li a {
        left: 40px;
    }
    .produit-page-home .titre {
        font-size: 32px !important;
    }

    /* .produits ul li.pdt_poudre_main img {
        right: auto;
        left:-40px;

    }
        .produits ul li.pdt_poudre img {
        right: auto;
        left:-40px;

    } */
    .produit-page-home .sol_surface .desc_univer,
    .produit-page-home .pdt_poudre .desc_univer,
    .produit-page-home .desc_univer {
        width: auto;
    }
    .produit-page-home ul li.pdt_assouplissat img {
        right: auto;
        left: -40px;
    }
    .produit-page-home .boteille {
        bottom: 20px;
        left: -40px;
        right: auto;
        z-index: 2;
    }
    .produit-page-home .limon {
        width: 150px;
        right: auto;
        bottom: 90px;
        left: -20px;
    }
    .produit-page-home .feiulle {
        height: 100px;
        right: auto;
        bottom: 110px;
        left: -20px;
    }
    .produit-page-home .wrap_content_nettoyant .produits .ligne2 img {
        left: -40px;
        right: auto;
    }

    .produit-page-home .pdt_machine {
        bottom: 36px;
        left: -50px;
        right: auto;
    }
    .produit-page-home .deux_fleur {
        top: 315px;
        right: auto;
        left: 100px;
    }
    .produit-page-home .badel_javel {
        left: -40px;
        right: auto;

        bottom: 30px;
    }
 
    .produit-page-home .pdt_gel_main img,
    .produit-page-home ul li.pdt_poudre img,
    .produit-page-home ul li.pdt_poudre_main img,
    .produit-page-home ul li.pdt_assouplissat img,
    .produit-page-home ul li img {
        -webkit-transform: scale(0.5) !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
        height: auto;
    }
}

@media screen and (max-width: 767.98px) {
  
    .produit-page-home .desc_univer {
        padding: 0 5%;
    }
    .produit-page-home ul li.pdt_poudre_main,
    .produit-page-home ul li,
    .produits ul li.pdt_poudre,
    .produits ul li.pdt_gel_main,
    .produits ul li.pdt_assouplissat,
    .produit-page-home .sol_surface,
    .produit-page-home .desodorisant,
    .produit-page-home .sol_surface,
    .produit-page-home .wrap_content_assouplissant .produits .ligne2 {
        width: 100% !important;
    }
    /* .produit-page-home ul li.pdt_poudre img {
        right: 20px;
        left: auto;

    }
   .produit-page-home ul li.pdt_assouplissat img {
        right: 20px;
        left: auto;

    }
    .produit-page-home .pdt_machine {
        bottom: 36px;
        left: auto;
        right: 20px;

    }
        .produit-page-home .boteille {
        bottom: 20px;
        left: auto;
        right: 20px;
        z-index: 2;

    }
        .produit-page-home .limon {
        width: 150px;
        right: 163px;
        left: auto;
    }
        .produit-page-home .feiulle {
        height: 100px;
        right: 210px;
        left: auto;
    }
        .produit-page-home .badel_javel {
        left: auto;
        right: 20px;

        bottom: 30px;
    }
           .produit-page-home .wrap_content_nettoyant .produits .ligne2 img {
        left: auto;
        right: 20px;

    } */
}

@media screen and (max-width: 767.98px) {
    .produits ul li{
        padding: 32px 0;
    }
    .produit-page-home .wrap_content_nettoyant .produits .ligne2 img {
        top: 20px;
    }
    .produit-page-home .boteille {
        bottom: 35px;
    }
    .produit-page-home ul li.pdt_assouplissat img {
        bottom: 30px;
    }
    .produit-page-home .degrade,
    .produit-page-home .vaisselle {
        text-align: center;
        padding-bottom: 20px;
    }
    .produit-page-home .degrade img,
    .produit-page-home .vaisselle img {
        position: static !important;
        height: auto !important;
        max-width: 100% !important;
    }
    .produit-page-home ul li a {
        position: static !important;
        margin: auto;
        margin-top: 20px;
    }
    .produit-page-home .deux_fleur,
    .produit-page-home .limon,
    .produit-page-home .feiulle {
        display: none;
    }
    .produit-page-home ul li img,
    .produit-page-home ul li.pdt_poudre_main img,
    .produit-page-home ul li.pdt_poudre img,
    .produit-page-home ul li.pdt_assouplissat img,
    .produits ul li img {
        -webkit-transform: scale(0.8) !important;
        -moz-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -o-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
    }
    /* .produit-page-home .degrade > img.badel_javel {
        max-width: none !important;
    } */

    .produit-page-home .javel .degrade,
    .produit-page-home .sol_surface .degrade {
        min-height: auto;
        display: block;
        flex-wrap: wrap;
        height: auto;
    }

    .produit-page-home .vaisselle,
    .produit-page-home .textiles,
    .produit-page-home .gel_machine .degrade,
    .produit-page-home .assouplisant {
        min-height: inherit;
        position: static;
        overflow: hidden;
        display: block;
        flex-wrap: wrap;
        height: auto;
    }
}
/* .produits-home, .produits-home .list-produits .item, .produits-home .list-produits{
    height: 100vh;
} */

.produits-home .list-produits {
    display: flex;
    flex-wrap: wrap;
}
.produits-home .list-produits .desc .titre, .titre .mot-nowrap{
    white-space: nowrap;
}
@media screen and (max-width:1199.98px) {
   .produits-home .list-produits .desc .titre, .titre .mot-nowrap{
white-space: normal;

} 
   .produits-home .list-produits .desc .titre, .titre  br{
    display: none;
   }

}
.produits-home .list-produits .list-item {
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding: 65px 0 0;
    /* flex-wrap:wrap; */
}

.produits-home .list-produits .desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.produits-home .list-produits .desc .titre, .titre {
    color: #fff;
    font-size: 40px;
    font-family: "Muller-Regular15";
    display: block;
    font-weight: 500;
    line-height: 1.2;
    text-shadow: 0 0 black;
}
.produits-home .list-produits .desc .texte , .texte{
    font-family: "Muller-Regular9";
    font-size: 30px;
    color: #fff;
    display: block;
    font-weight: 600;
    text-shadow: 1px 1px #00000038;
}

.produits-home .list-produits .image img {
    max-width: 100%;
    height: auto;
}

.produits-home .list-produits .item.gel-machine-home {
    background: url("../images/bg_home/bg_gel_machine.jpg") no-repeat center
        center;
    background-size: cover;
}
.produits-home .list-produits .item.liquide-lavage-main-home {
    background: url("../images/bg_home/bg_liquide_lavage_main.jpg") no-repeat
        center top;
    background-size: cover;
}

.produits-home .list-produits .item.poudre-main-home {
    background: url("../images/bg_home/bg_proudre_main.jpg") no-repeat center
        center;
    background-size: cover;
}
.produits-home .list-produits .item.poudre-machine-home {
    background: url("../images/bg_home/bg_poudre_machine.jpg") no-repeat center
        center;
    background-size: cover;
}
.produits-home .list-produits .item.assouplisant-home {
    background: url("../images/bg_home/bg_assouplissant_home.jpg") no-repeat
        center center;
    background-size: cover;
}
.produits-home .list-produits .item.sols-et-surfaces {
    background: url("../images/bg_home/bg_sols_surfaces.jpg") no-repeat center
        center;
    background-size: cover;
}
.produits-home .list-produits .item.liquide-vaisselle-home {
    background: url("../images/bg_home/bg_liquide_vaisselle.jpg") no-repeat
        center center;
    background-size: cover;
}
.produits-home .list-produits .item.javel-home {
    background: url("../images/bg_home/bg_javel.jpg") no-repeat center center;
    background-size: cover;
}
.produits-home .list-produits .item.desodorisant-home {
    background: url("../images/bg_home/bg_desodorisant_home.jpg") no-repeat
        center center;
    background-size: cover;
}
.produits-home .list-produits .item.multi-usage-home {
    background: url("../images/bg_home/bg_multi_usage.jpg") no-repeat center
        center;
    background-size: cover;
}
/* .produits-home .list-produits .item.cl-fluid{
    padding:65px 64px 0;
} */
.produits-home .list-produits .desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%;  */
    height: 88%;
}

.produits-home .list-produits .text-section {
    flex-grow: 1;
}

.produits-home .list-produits .link-section {
    margin-top: auto;
}

.produits-home .list-produits .desc .link-section .link {
    background: url(../images/png/bg_btn.png) no-repeat left top;
    width: 149px;
    height: 52px;
    font-family: "Muller-Regular17";
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    color: #fff;
    z-index: 10;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.produits-home .list-produits .desc .link-section .link:hover {
    background: url(../images/png/btn_savoir_plus_index.png) no-repeat left
        bottom;
}
.produits-home
    .list-produits
    .item.gel-machine-home
    .desc
    .link-section
    .link:hover {
    color: #458ccb;
}
.produits-home
    .list-produits
    .item.liquide-lavage-main-home
    .desc
    .link-section
    .link:hover {
    color: #dac6a3;
}
.produits-home
    .list-produits
    .item.poudre-main-home
    .desc
    .link-section
    .link:hover {
    color: rgba(154, 191, 55, 1);
}
.produits-home
    .list-produits
    .item.poudre-machine-home
    .desc
    .link-section
    .link:hover {
    color: #00a8da;
}
.produits-home
    .list-produits
    .item.assouplisant-home
    .desc
    .link-section
    .link:hover {
    color: rgba(218, 73, 139, 1);
}
.produits-home
    .list-produits
    .item.sols-et-surfaces
    .desc
    .link-section
    .link:hover {
    color: #ac5faa;
}
.produits-home
    .list-produits
    .item.liquide-vaisselle-home
    .desc
    .link-section
    .link:hover {
    color: #ffaf21;
}
.produits-home .list-produits .item.javel-home .desc .link-section .link:hover {
    color: #d21620;
}
.produits-home
    .list-produits
    .item.desodorisant-home
    .desc
    .link-section
    .link:hover {
    color: #6a4eca;
}
.produits-home
    .list-produits
    .item.multi-usage-home
    .desc
    .link-section
    .link:hover {
    color: #ffad1e;
}

/* .produits-home .list-produits .item.liquide-lavage-main-home .list-item  .image {
    right: -70px;
    overflow: hidden;
} */
@media screen and (max-width: 991.98px) {
    /* .produits-home .list-produits .item.liquide-lavage-main-home .list-item  .image {
    right:0;
    overflow: inherit;
} */
    .produits-home .list-produits .list-item {
        height: auto;
        flex-wrap: wrap;
    }
    .produits-home .list-produits .image img {
        float: right;
    }
}
/* @media screen and (min-width:1600px) {
    .produits-home .list-produits .desc .texte{
        font-size: 36px;
    }
} */

.wrap_content_assouplissant .produits .ligne2,
.produits .ligne3.cl-fluid img {
    bottom: 0 !important;
    display: flex;
    justify-content: center;
    margin: auto;
}
.wrap_content_assouplissant .produits .ligne2,
.produits .ligne3.cl-fluid .details_pdt {
    left: 0 !important;
}

#contenance #produits_contenances .owl-stage-outer .owl-stage{
margin: auto;
}
@media screen and (max-width:1600px) {
  .wrap_content_nettoyant .produits .ligne1 ul li img{
    bottom: -105px;
}  
}
@media screen and (max-width:1300px) {
     .wrap_content_nettoyant .produits .ligne1 ul li img{
    bottom: 0 !important;
}
.produits-home .list-produits .desc .titre, .titre {
    font-size: 37px !important;
}
 
}
@media screen and (max-width:1199.98px) {
    .produits ul li{
        min-height: auto;
    }
}
@media screen and (max-width:767.98px) {
    .wrap_content_nettoyant .produits .ligne1 ul li img{
        bottom: -48px !important;
    }
}