/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import 'font-awesome.css';


/********************************************************
			Codezeel Custom Styles
********************************************************/
#header .header-top {
    padding : 7px 0px 0px;
}

#header .search-widget {
    z-index: 10;
}

#header .blockcart .blockcart-header > a.shopping-cart .mobile_count {
    color: var(--couleur-beige-5pc);
    background: #ec6719;
}

body {
    font-family:"Rubik", sans-serif;
    line-height:18px;}

h2, .h2 {

    color: #d4a474;
}
h3, .h3{
    color: #1f4b43;
}
h4, .h4 {
    font-size: 1.125rem;
    color: #1f4b43;
}

a {
    color: #1f4b43;
}

a:hover {
    color: #3b7550;
}

.product-line-grid-body > .product-line-info > .label:hover {
    color:#3c7550;
}

.breadcrumb{
    margin-bottom:20px;
}

.btn-primary, .btn-secondary, .btn-tertiary {
    text-transform: none;
}

#blockcart-modal .cart-products-count {
    text-transform: none;
}

#blockcart-modal .modal-title {
    color: #3b7550;
}

#blockcart-modal .modal-title:before {
    color: #3b7550;
}

.checkout.cart-detailed-actions a.btn.btn-primary {
    padding: 10px 30px;
    color: var(--couleur-beige-5pc);
    background-color: #3b7550;
    border-color: #3b7550;
}

.checkout.cart-detailed-actions a.btn.btn-primary:hover {
    padding: 10px 30px;
    color: var(--couleur-beige-5pc);
    background-color: #00572d;
    border-color: #00572d;
}
/*Bouton Finaliser ma commande 2 emplacements pop up et panier
*/
#blockcart-modal .cart-content .btn-primary {
    background: #e8f1dd;
    border-color: #3b7550;
    color: #3b7550;
}

#blockcart-modal .cart-content .btn-primary:hover {
    background-color: #1f4b43;
    color: #e8f1dd;
}
/*Bouton Commander pop up 
*/
#blockcart-modal .cart-content button {
    background: #3b7550;
    border-color: #3b7550;
    color: #e8f1dd;
}

#blockcart-modal .cart-content button:hover {
    margin-right: 5px;
    background-color: #1f4b43;
    color: #e8f1dd;
}


.products .product_list.list li:hover .btn.add-to-cart {
    background: #3b7550;
    color: #e8f1dd;
    border-radius: 7px;
}
.products .product_list.list li .btn.add-to-cart {
    background: #3b7550;
    color: #e8f1dd;
    border-radius: 7px;
}
.products-sort-order .select-list:hover {
    background:#e8f1dd;
    color:#1f4b43;
}
#header .cart_block .cart-item .cart-info .product-price {
    color: #3b7550 !important;
}
.images-container .js-qv-mask .thumb-container .thumb {
    border: 1px solid #e8f1dd !important;
}
#header .blockcart .blockcart-header > a.shopping-cart:before, #header .user-info .user-info-title:before, #header .header-top .wishlist-info .head-wishlist a:before, #header .search-widget .search_button:before {
    border: 2px solid #3b7550 !important;
}
.product-information .blockreassurance_product > div > span, .product-information .blockreassurance_product > div > p {
    line-height: normal !important;
}
.blockreassurance_product .item-product {
    height: 50px !important;
}
.blockreassurance_product .item-product img, .blockreassurance_product .item-product svg {
    height: 50px;
    width: 50px;
}
.product-information .blockreassurance_product > div {
    padding: 10px;
}
.elementor-field-type-gdpr .elementor-checkbox-label, .elementor-field-type-gdpr input[type=checkbox] {
    color: var(--couleur-beige-5pc);
}
body > .col-md-4.links.block {
    right: 42px !important;
}

.productpage_title, .quickview h1.h1 {
    font-weight: 600;
}

.ui-widget {
    font-family: 'Rubik' !important;
}
.ui-widget-content {
    background: var(--couleur-beige-5pc) !important;
    color: #1f4b43 !important;
}
ui-widget-content:hover {
    background: red !important;
    color: #1f4b43 !important;
}

.blocQuestionnaire {
    background-color: #b21917;
}

label, .label {
    color: #000;
    font-weight: 600;
    font-family: "Rubik", sans-serif;
    font-size: 13px;
}

label, .label:hover {
    color: #3b7550;
}

.blocQuestionnaire h3 {
    color: #e8f1dd !important;
}

.blocQuestionnaire h4 {
    font-size: 1.7rem;
    color: #e8f1dd !important;
}

.blocQuestionnaire h5 {
    font-size: 1.2rem;
    color: #e8f1dd !important;
}

.blocQuestionnaire .navigation button.precedent {
    background-color: var(--couleur-beige-5pc) !important;
    color:#ec6719 !important;
}
.blocQuestionnaire .navigation button.suivant, .blocQuestionnaire .navigation button.commencer {
    background-color: #ec6719  !important;
    color: var(--couleur-beige-5pc) ;
}
.blocQuestionnaire .navigation button.chercher {
    background-color: #ec6719  !important;
    color: var(--couleur-beige-5pc) ;
}

.blocQuestionnaire p, .blocQuestionnaire label {
    color: #e8f1dd !important;
}

.pagination a:hover {
    background:#ec6719;
}

.a:hover span.ets-ept-icon-img-tab img {
    filter: contrast(50%);
    filter: grayscale(80%);
}

@media (min-width: 992px) {
    .top-menu > li > a[data-depth="0"]:after {
        background: #d4a474 /* #b21917 */;
    }
}
.bouton-produit{
    border: 1px solid #e0efd8;
    color:  var(--couleur-beige-5pc) ;
    background: #b21917;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    letter-spacing: 0.5px;
    border-radius: 4px;
}
.bouton-produit:hover{
    border: 1px solid #e0efd8;
    color: #3b7550;
    background:  var(--couleur-beige-5pc) ;
    padding: 8px 24px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    letter-spacing: 0.5px;
}
.bouton-produit:visited{
    color:  var(--couleur-beige-5pc) ;
    background: #b21917;
}
.btn-primary {
    border: 1px solid #e0efd8;
    color:  var(--couleur-beige-5pc) ;
    background: #ec6719;
    border-radius: 4px;
    text-transform: none;
    padding: 8px 24px;
}

.btn-primary:hover {
    border: 1px solid #e0efd8;
    color: #3b7550;
    background:  var(--couleur-beige-5pc) ;

}

.btn-secondary, .btn-tertiary {
    color: #1f4b43;
    background-color: #e8f1dd;
    border-color: transparent;
    border-radius: 4px !important;
}

.btn-secondary:hover, .btn-tertiary {
    color: #1f4b43;
    background-color:  var(--couleur-beige-5pc) ;
    border-color: transparent;
}

.productpage_title, .quickview h1.h1 {

    text-transform: none;

}

.products .product-title a {
    text-transform: none;

}

ul.product-flags li {
    background: #f37029;
}

@media (min-width: 992px) {
.header-top-inner .menu .sub-menu {
    border: 2px solid #dddddd;
    background-color:  var(--couleur-beige-5pc) ;
}
}
.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active{
    background-color:#e0efd8;}
.tabs .nav-tabs .nav-link {
    background-color: white;
}

.elementor-2020101 .elementor-element.elementor-element-8cda710 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-0dbfdd3 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-f740b6f .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-947eb82 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-30f35c3 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-adcf502 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-8689ec8 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-2020101 .elementor-element.elementor-element-e34af83 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-3170101 .elementor-element.elementor-element-0216faf .elementor-image-box-title{
    font-family:"Rubik", sans-serif;}

.elementor-3170101 .elementor-element.elementor-element-09687ca .elementor-image-box-title{
    font-family:"Rubik", sans-serif;}

.elementor-3170101 .elementor-element.elementor-element-bfcaa27 .elementor-image-box-title{
    font-family:"Rubik", sans-serif;}

.elementor-3170101 .elementor-element.elementor-element-77de432 .elementor-heading-title{
    font-family:"Rubik", sans-serif;}

.elementor-3170101 .elementor-element.elementor-element-77de432 .elementor-heading-title {
    font-size:35px;}


.elementor-section.elementor-section-boxed>.elementor-container{ /* max-width:; */}

.products .product_list li:hover .product-title {
    color: #d4a474;
}
#left-column .products .product-title a:hover, #right-column .products .product-title a:hover {
    color: #d4a474;
}
.product-title a:hover {
    color: #d4a474;
}
#header ul.dropdown-menu li a:hover {
    color: #d4a474;
}

.brands{
    background-color:#e0efd8;}

.top-menu .sub-menu a:hover {
    color: #d6a574;
    text-decoration: none;
}
.top-menu .sub-menu li > a.dropdown-submenu:hover {
    color: #d6a574;
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover,
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]:hover {
    color: #d6a574;
}

.products-section-title:after {
    background-color: #f37029;
}

.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active {
    color:  var(--couleur-beige-5pc) ;
}
.tabs .nav-tabs .nav-link {
    color: #1f4b43;
}
.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active {
    background-color: #3b7550;
}

.tabs .nav-tabs .nav-link {
    background-color: #e8f1dd;
}


.product-prices div span
{
    color:#29445b;
    font-size:30px;
}

.product-prices .tax-shipping-delivery-label{
    font-weight:400;
    font-size:18px;}

.social-sharing ul li.facebook {
    border-color: #fff;
}

.social-sharing ul li.twitter {
    border-color: #fff;
}

.social-sharing ul li.pinterest {
    border-color: #fff;
}


.cz-carousel {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-carousel .owl-item .manu_image a {
    display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
    max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
    border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    /* fix */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    text-align: center;
}

/* mouse grab icon */
/* Deplacement vers thème
.grabbing {
    cursor: url("../img/codezeel/grabbing.png") 8 8, move;
}
*/
.customNavigation {
    position: absolute;
    width: 100%;
    top: 33%;
    direction: ltr !important;
}
.lastest_block .customNavigation {
    top: -60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.lastest_block:hover .customNavigation {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Déplacement vers thème
.customNavigation a {
    font-size: 0;
    position: absolute;
    padding: 0;
    color: #888888;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background: rgba(0, 0, 0, 0) url(../img/codezeel/slider-arrow.png) no-repeat scroll 0 0;
    width: 18px;
    height: 36px;
}
*/
.customNavigation a.prev {
    left: -20px;
    background-position: 1px 2px;
}

.customNavigation a.next {
    right: -20px;
    background-position: -56px 2px;
}

.customNavigation a.prev:hover{
    background-position: 1px -35px;
}

.customNavigation a.next:hover{
    background-position: -56px -35px;
}
@media (max-width: 1700px) {
    .customNavigation a.prev {
        left: 0px;
    }
    .customNavigation a.next {
        right: 0px;
    }
}
@media (max-width: 767px) {
    .customNavigation a.prev {
        left: 0px;
    }
    .customNavigation a.next {
        right: 0px;
    }
}
@media (max-width: 575px) {
    .lastest_block .customNavigation {
        top: -50px;
    }
}

#czleftbanner img,
#czrightbanner img{
    max-width: 100%;
}
#czleftbanner li, #czrightbanner li {
    display: inline-block;
}
#czleftbanner li a, #czrightbanner li a {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#czleftbanner li a:before, #czrightbanner li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {
    border: 0px double rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
}

.top_button {
    bottom: 20px;
    cursor: pointer;
    height: 40px;
    padding: 0px 12px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 99;
    font-size: 0px;
    border-radius: 50%;
    background: #a1d154;
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.top_button:before {
    color: #fff;
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 37px;
    font-weight: 300;
}
.top_button:after {
    border: 2px solid #a1d154;
    border-radius: 50%;
    bottom: -5px;
    height: 50px;
    opacity: 1;
    right: -5px;
    content: "";
    position: absolute;
    width: 50px;
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.top_button:hover:after {
    animation: unset;
    -webkit-animation:unset;
}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

/* Flexslider */

/* Déplacement vers thème
#index .spinner {
    background: url(../img/codezeel/loading.gif) no-repeat center center #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background-size: 12%;
}
*/

/* Preloader

#czpreloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:99;
}

#loading_status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    background-image:url(../img/codezeel/preloader.gif);
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px;
}*/

/*
AGS-1 : menu en haut de page
 */

body > .col-md-4.links.block {
    position: absolute;
    right: 0px;
    top: 0px;
}

body > .col-md-4.links.block h3 {
    display: none;
}

/*
AGS-8 : filtres au-dessus des sous-catégories
 */

#products #search_filters h4.block_title,
#subcategories #search_filters h4.block_title
{
    border-bottom: 2px solid #a1d154;
    color: black;
    padding-bottom:10px;
}

#products #search_filters .block_content,
#subcategories #search_filters .block_content
{
    display: flex;
    flex-wrap: wrap;
}
#products #search_filters_wrapper #search_filters h4.block_title
{
    margin-bottom: 0px;
}
#products #_desktop_search_filters_clear_all {
    position: absolute;
    /* right: 0px; */
    /* top: 12px; */
    /* left: 125px; */
    margin-top: -23px;
}

/* $("#subcategories").prepend($("#search_filters_wrapper")); */

/*
AGS-8 : cacher le sous-menu de catégories
AGR-115 : réactivation du masquage des sous-menus de catégories
 */
/* Nouveau site : catégories en mode défilant */
/* body#category #main #subcategories { display:none; } */

/*
AGR-89 : titre h1 produit déplacé et sans souligné
 */

h1.productpage_title
{
    border-bottom: none;
}

/*
AGR-85 : masquage du logo dans le menu fixe après défilement
 */
.header-top.fixed .container .header_logo
{
    display:none;
}

/*
AGR-80 : titres coupés, essais en mettant les titres en entier
 */
#search_filters .facet .facet-title {
    width: calc(100% - 0px); /* Les titres sont mis en pleine largeur, autres paramètres laissés tel quel */
    /*
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
     */
}
/* marge droite sur les blocs de filtre, car ils sont collés */
#search_filters .facet {
    padding-top: 0.625rem;
    padding-right: 1rem;
}

/*
AGR-81 : filtres à facette à mettre liste
 */
.facet.clearfix div.dropdown-menu a.select-list {
    display: block;
    padding-left: 5px;
}
.facet.clearfix div.dropdown-menu a.select-list:hover {
    color: #ec6719;
}

/*
AGR-82 : fixer la hauteur mini du titre pour que tous les blocs titre aient la même hauteur
 */
.slick-slide a.elementor-product-link h3.elementor-title {
    min-height: 31px;
}

/*
AGS-38 : hauteur uniforme sur deux lignes pour les noms de produits longs dans les mosaiques de listes de produits
 */
ul.product_list.grid.gridcount h3.product-title a {
    display: inline-block;
    height: 32px;
    white-space: normal;
    line-height: 16px;
}

/*
AGS-29 : page d'accueil selon charte fournie
 */

@media (min-width: 992px)
{
    .top-menu > li > a[data-depth="0"]:after {
        height: 18px;
        bottom: 38px;
    }
    .header-top-inner .menu ul > li:hover .sub-menu {
        top: 76px !important;
    }
    .header-top-inner .menu .sub-menu {
        border: 2px solid white;
    }
    .header-top-inner .menu .sub-menu .top-menu > li a.dropdown-submenu::before
    {
        display:none;
    }
}
.header-top-inner > .menu:before, .header-top-inner > .menu:after {
    display:none;
}

@media (min-width: 1221px)
{
    .header-top-inner .menu {
        position: absolute;
        bottom: -38px;
    }
    #header .logo {
        max-height: 120px;
    }
}

@media (max-width: 1220px) {
    .header-top-inner .menu { bottom: -38px; }
}


.breadcrumb {
    background: #1f4b43;
}

.breadcrumb li::after {
    content: ">";
}

.tabs .tab-pane {
    border-radius: 10px;
}
/* Déplacement vers thème
section.product-tabcontent:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX( -50%);
    height: 100%;
    width: 100vw;
    background: #29435A;
    z-index: -1;
    margin-top: -80px;
    background-image: url("../img/separateur-product-tabcontent.png");
    background-repeat: no-repeat;
    background-size: 100% 300px;
    background-position: top;
}

section.product-accessories:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX( -50%);
    height: 100%;
    width: 100vw;
    background: white;
    z-index: -1;
    margin-top: -80px;
    background-image: url("../img/separateur-product-accessories.png");
    background-repeat: no-repeat;
    background-size: 100% 113px;
}
*/
section.product-tabcontent .tabs .tab-pane {
    border-radius: 10px;
}

section.product-tabcontent .tabs .nav-tabs {
    margin-bottom: 0px;
}

section.product-tabcontent .tabs .nav-tabs .nav-item
{
    border-radius: 10px;
    margin-bottom: -5px;
    border: 0px solid transparent;
}

section.product-tabcontent .tabs .nav-tabs .nav-item a.nav-link {
    border-radius: 6px 6px 0px 0px;
}

/* Déplacement vers theme
footer#footer:before
{
    content: '';
    position: absolute;
    display: block;
    margin-top: -61px;
    left: 50%;
    transform: translateX( -50%);
    height: 61px;
    width: 100vw;
    z-index: -1;
    background-image: url(../img/separateur-footer.png);
    background-repeat: no-repeat;
    background-size: cover;

}
*/

.elementor-3170101 .elementor-element.elementor-element-d1a60ba:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-d1a60ba > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43 /* #3D4F59 */;
}
.elementor-3170101 .elementor-element.elementor-element-8eab0da:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-8eab0da > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43 /* #3D4F59 */;
}
.elementor-3170101 .elementor-element.elementor-element-04cf8fd:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-04cf8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43 /* #3D4F59 */;
}

.elementor-3170101 .elementor-element.elementor-element-c85e1d0:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-c85e1d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43 /* #3D4F59 */;
}

.elementor-3170101 .elementor-element.elementor-element-4eade12:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-4eade12 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43 /* #3D4F59 */;
}

.elementor-3170101 .elementor-element.elementor-element-8eab0da {
    margin-top: 0px;
}

/*
Position des éléments de haut de page
 */
#header .header_logo {
    /* margin-left: 140px; */
}


.globomenu.globomenu-main, .globo-hidden-menu-clearfix {
    position: absolute;
    top: 50px;
}

.globomenu-responsive-toggle .fa {
    color: #ec6719;
    font-size: 4em;
}

#globo-hidden-menu-displayTop-1 .globomenu-responsive-toggle {
    background-color: transparent !important;
}

.globomenu.globomenu-main, .globo-hidden-menu-clearfix {
    position: absolute;
    top: -18px;
    left: 0px;
}

#globo-hidden-menu-displayTop-1 .globomenu-responsive-toggle:hover {
    background-color: transparent !important;
}

.hookDisplayTop
{
    position: relative;
    top:43px;
    left:-20px;
    /* display: block; */
}


body > .col-md-4.links.block {
    position: absolute;
    right: 0px;
    top: 65px;
    width:100%;
}

@media (max-width: 1199.98px) {
    .globomenu.globomenu-main, .globo-hidden-menu-clearfix {
        position: absolute;
        top: -40px;
        left: 0px;
    }
    .hookDisplayTop
    {
        top:28px;
    }

    #header .header_logo {
        margin-left: 120px;
        margin-top: -7px;
    }

    body > .col-md-4.links.block {
        top: 56px;
    }

}


@media (max-width: 1018px) {
    .globomenu-responsive-toggle .fa {
        font-size: 2.5em;
    }
    #header .header_logo {
        padding-top: 0px;
    }
    body > .col-md-4.links.block
    {
        display:none;
    }
    .hookDisplayTop
    {
        top:-4px;
    }
    .globomenu.globomenu-main, .globo-hidden-menu-clearfix {
        position: absolute;
        top: -12px;
        left: 0px;
    }

}





@media (max-width: 767px) {
    .hookDisplayTop
    {
        top:-14px;
    }
    .globomenu.globomenu-main, .globo-hidden-menu-clearfix {
        position: absolute;
        top: 9px;
        left: 0px;
    }

}
@media (min-width: 768px) {
    #header .search-widget .search_button {
        display:none;
    }
    #header .search-widget .search_toggle {
        display: block;
        top: auto;
    }

}

#header .header-top.fixed .hookDisplayTop {
    top: -11px;
}
#header .header-top.fixed  .globo-hidden-menu-clearfix {
    top: -4px;
    left: -18px;
}
#header .header-top.fixed .search-widget .search_toggle {
    top: auto;
}



#header .search-widget form input[type="text"] {
    border: none;
    background: #e8f1dd;
    border-radius: 5px;
}

#header .search-widget form button[type="submit"] {
    border-left: none;
}

#header .search-widget .search_toggle {
    background: none;
}

body > .col-md-4.links.block ul li a {
    color: #ec6719;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
}

body > .col-md-4.links.block ul li {
    padding: 5px;
    padding-right: 35px;
}

/* AGR-110 : logo visible en fixed toolbar */
/*
.header-top.fixed .container .header_logo img.logo {
    height: 55px;
}
*/
.header-top.fixed .container .header_logo {
    display: block;
    /* height: 80%; */
}
@media (max-width: 1220px){
    #header .header-top.fixed .header_logo {
        padding-top: 0px;
    }
}

/* AGR-111 : texte "MENU" sous le hamburger dans le menu */
#globo-hidden-menu-displayTop-1 i.fa.fa-bars {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#globo-hidden-menu-displayTop-1 i.fa.fa-bars:after {
    content: "Menu";
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-size: 0.3em;
    margin-top: -5px;
}

/*
AGR-114 : Forcer le temps de réponse des fade à 3ms
 */
#globo-hidden-menu-displayTop-1 .globomenu .globomenu-item .globomenu-submenu-drop {
    -webkit-transition-duration: 3ms !important;
    -ms-transition-duration: 3ms !important;;
    transition-duration: 0ms !important;;
    transition-delay: 3ms !important;
}



/*
 * Essai
 */

.fixed .globomenu-responsive-toggle .fa {
    font-size: 3.5em;
}



/*

@media (min-width: 1401px)
{

	#header .blockcart {
		padding-top: 0px;
	}


	#header .search-widget {
		padding: 0px;
	}


	#header .user-info {
		margin: 0px;
	}

}

#header .fixed .blockcart {
    padding-top: 20px;
}

#header .fixed .search-widget {
    padding: 21px 0 0;
}


#header .fixed .user-info {
    margin: 20px 10px 0px;
}
*/



/**/

#header .search-widget {
    padding: 0px;
}
#header .fixed .search-widget {
    padding: 19px 0 0;
}


#header .user-info {
    margin: 0px;
}

#header .fixed .user-info {
    margin: 20px 10px 0px;
}
#header .blockcart {
    padding-top: 0px;
}

#header .fixed .blockcart {
    padding-top: 20px;
}

.header-top-inner {
    position: absolute;
    width: calc(100% - 100px);
}
/**/

.header-top-inner .menu {
    position: absolute;
    bottom: auto;
    width: auto;
    padding: 0px;
    margin: 0px;
    top:25px;
    right: 385px;
}

.top-menu a[data-depth="0"] {
    font-size:14px;}



@media (max-width: 1199.98px)
{
    .header-top-inner .menu, .header-top-inner .mobile-menu {
        display:none;
    }
}


/* AGR-91 : style graphique des accordéons */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #3b7550;
    background: #3b7550;
    font-weight: 400;
    color: #e8f1dd;
}
.ui-accordion .ui-accordion-header {
    background-color:#3b7550;
    color:#e8f1dd !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, /* header actif */
.ui-widget-content, /* contenu */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default /* header inactifs */
{
    background: none;

}
.ui-accordion .ui-accordion-content {
    border: 1px solid #3b7550;
    background:  var(--couleur-beige-5pc) ;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #e8f1dd;
    background: #e8f1dd !important;
    font-weight: 400;
    color: #3b7550;
}
.ui-accordion-content + b.ui-accordion-header {
    color:#e8f1dd !important;
}
.ui-accordion-content + strong.ui-accordion-header {
    color:#e8f1dd !important;
}
.ui-accordion-content + h3.ui-accordion-header {
    border-top: 2px solid #3b7550;
    background: #3b7550;
    border-radius: 0px;
}

.ui-accordion-content:hover + h3.ui-accordion-header:hover {
    border-top: 2px solid #1f4b43;
    background: #e8f1dd;
    border-radius: 0px;
}

h3.ui-accordion-header {
    font-family:"Rubik", sans-serif;
}


.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: 0.5em;
    left: auto;
}

/*
AGR-122 : augmentation taille police pour menu haut BLOG
 */
ul#footer_sub_menu_5620 a {
    font-size: 0.9em;
}
ul#footer_sub_menu_5620 {
    position: relative;
    z-index: 100;
}

#header .user-info {
    z-index: 100;
}
#header .blockcart {
    z-index: 109;
}
/*
AGR-123 : image à côté du texte dans l'entête
 */

@media (max-width: 767px)
{

    #header .blockcart {
        padding-top: 20px;
    }

    #header .user-info {
        margin-top: 20px;
    }

    #header .search-widget {
        padding-top: 21px;
    }

}


.header_logo > a {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.wishlist-share .wishlist-modal.show {
    z-index: 10055 !important;
}

/*

 */

body > .col-md-4.links.block {
    z-index:100;
}

body {
    font-family: "Rubik", sans-serif;
    line-height: 18px;
    font-size: 13px;
    background-color: var(--couleur-beige-5pc) ;
    color:#000;
}


h2, .h2 {
    color: #1f4b43;
}



.breadcrumb li a {
    color:  var(--couleur-beige-5pc) ;
}
.breadcrumb li a:hover {
    color: #ec6719;
}


h2, .h2 {
    color: #1f4b43;
}

.top-menu a[data-depth="0"] {
    color: #1f4b43;
}

.top-menu a[data-depth="1"] {
    color: #1f4b43;
}
#index .header-top .menu > ul > li:first-child a[data-depth="0"] {
    color: #3b7550;
}

.top-menu a[data-depth="0"]:hover {
    color: #b21917;
}

.header-top-inner .menu>ul>li.current>a {
    color: #b21917;
}

.top-menu .sub-menu li > a.dropdown-submenu :hover {
    text-transform: uppercase;
    color: red;
}


top-menu a[data-depth="0"] {
  color: #204b43;
}
.top-menu a[data-depth="1"] {
  color: #204b43;
}
#index .header-top .menu > ul > li:first-child a[data-depth="0"] {
    color: #204b43;
}
.top-menu a[data-depth="0"]:hover {
  color: #d4a474;
}
.header-top-inner .menu>ul>li.current>a {
    color: #d4a474;
}
.top-menu .sub-menu li > a.dropdown-submenu :hover {
    text-transform: uppercase;
    color: #d4a474;
}

.tabs .nav-tabs .nav-link {
    color: #1f4b43;
}

.products-section-title {
    color: #1f4b43;
}

section.product-tabcontent .tabs .tab-pane {
    background-color:  var(--couleur-beige-5pc) ;
}

.tabs .nav-tabs .nav-link {
    background-color:  var(--couleur-beige-5pc) ;
    border : solid 1px #1f4b43;
}

.elementor-3170101 .elementor-element.elementor-element-8eab0da:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-8eab0da > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43;
}
.elementor-3170101 .elementor-element.elementor-element-d1a60ba:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-d1a60ba > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43;
}

.elementor-3170101 .elementor-element.elementor-element-c85e1d0:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-c85e1d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43;
}

.elementor-3170101 .elementor-element.elementor-element-04cf8fd:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-04cf8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #1f4b43;
}

#left-column .block .block_content, #right-column .block .block_content {

    border: 1px solid #ededed;
    border-top: 2px solid #1f4b43;
}

#left-column .block-categories .block_title a, #left-column .block-categories .block_title .collapse-icons i {
    color: #1f4b43;
    font-size: 16px;
    padding: 15px 15px 15px;
}

#left-column .block, #right-column .block {
    padding-top: 15px;
}

body > .col-md-4.links.block ul li a  {
    color: #3b7550;
}

.productpage_title, .quickview h1.h1 {
    color: #1f4b43;
}

.product-quantity .add .add-to-cart {
    color:  var(--couleur-beige-5pc) ;
    background-color: #3b7550;
    border-color: #3b7550;
    border-radius: 4px;
}

.product-quantity .add .add-to-cart:hover {
    color:  var(--couleur-beige-5pc) ;
    background-color: #1f4b43;
    border-color: #1f4b43;
}

#left-column .products-block .view_more a, #right-column .products-block .view_more a {
    color: #3b7550;
}

.products .product-price-and-shipping .price {
    color: #3b7550;
}

.pagination .current a {
    color: #FFFFFF;
    border-color: #ec6719;
    background-color: #ec6719;
    text-decoration: none;
}

.pagination a {
    color: #fff;
    background: #1f4b43;
    border: 1px solid #1f4b43;
}

#products #search_filters h4.block_title, #subcategories #search_filters h4.block_title {
    border-bottom: 2px solid #1f4b43;
    color: #1f4b43;
    padding-bottom: 5px;
}

#left-column a, #right-column a {
    color: #000;
}

#left-column a:hover, #right-column a:hover{
    color:#b21917;
}

body > .col-md-4.links.block ul li a {
    color: #ec6719;
}



#footer .elementor-row a {
    color: white;
}

/* Styles spécifiques pour affichage wishlist */
.page-my-account .link-item.an_wishlist-link-item svg {
    margin-bottom: 0px !important;
    margin-right:15px !important;
}

.page-my-account #content .links a span.link-item.an_wishlist-link-item {
    flex-direction: row !important;
    align-content: center !important;
}

#module-an_wishlist-list .products .product-thumbnail img
{
    width:auto;
}

#module-an_wishlist-list  section#products .products.row
{
    display:flex;
}

#module-an_wishlist-list  section#products .products.row > div
{
    margin-right:10px
}

#module-an_wishlist-list  section#products .products.row .outer-functional
{
    text-align:center;
}

#module-an_wishlist-list  section#products .products.row .outer-functional .functional-buttons > div
{
    margin-top:5px;
}

#module-an_wishlist-list  section#products .products.row .product-description
{
    position:relative;
}

#product .an_wishlist-mini {
    position: relative;
    top: -20px;
    right: -44px;
}


/*
AGS-80 : style des pictos de réassurance
*/

.product-information .blockreassurance_product {
    margin-top: 25px;
    display: flex;
    background-color: #e8f1dd;
    border-radius: 10px;
    padding: 10px;
}

.product-information .blockreassurance_product > div {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.product-information .blockreassurance_product > div > span,
.product-information .blockreassurance_product > div > p {
    width: 100% !important;
    display: block !important;
    text-align: center;
    vertical-align: top;
}


/*
AGS-84 : Header - Mobile - Logo
 */
@media (max-width: 767px) {
    #header {
        min-height: auto;
    }
    .header-top .an_wishlist-nav-container {
        top: 15px;
    }
}

@media (max-width: 480px)
{
    #header .header_logo
    {
        margin-left: 60px !important;
    }
}

/*
Style d'affichage pour les onglets des accordéons
*/

.tab-pane h3.ui-accordion-header b, .tab-pane h3.ui-accordion-header strong {
    color: white;
}

div.ui-accordion.tab-pane > h3.ui-accordion-header-active
{
    color:black;
    background : #e8f1dd !important;
}

.tab-pane h3.ui-accordion-header.ui-accordion-header-active b, .tab-pane h3.ui-accordion-header.ui-accordion-header-active strong
{
    color:black;
}



div.ui-accordion.tab-pane > h3#ui-accordion-extra-0-header-0 {
    border-top: 2px solid rgb(31, 75, 67);
    background: rgb(59, 117, 80);
    border-radius: 0px;
    border-radius: 5px 5px 0px 0px;
}

h3.ui-accordion-header span.ui-accordion-header-icon {
    filter: brightness(5);
}

h3.ui-accordion-header-active span.ui-accordion-header-icon {
    filter: brightness(0);
}

.product-tabcontent h3.ui-accordion-header  span.ui-accordion-header-icon.ui-icon {
    scale: 1.5;
    top:45%;
}

/* Favoris sur la page panier une fois connecté */
body.page-cart .an_wishlist-list-cart #products .products.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

body.page-cart .an_wishlist-list-cart #products .products.row .outer-functional {
    display: none;
}

/* Block réassurance centré sur la page panier */
body.page-cart .blockreassurance_product {
    display: flex;
    flex-direction: column;
}

body.page-cart .blockreassurance_product .item-product {
    width: auto;
}

body.page-cart .blockreassurance_product  span.block-title {
    display: block;
    margin-top: 14px;
}

/* titre ref page categorie */
.products .product-title a:hover{
    color: #3c7550;
}

/* Sous-titres en une seule ligne pour réassurance */
.product-information .blockreassurance_product > div {
    padding: 5px;
}

/* Réassurance : mise en forme dans la page commande */

#checkout .blockreassurance_product > div {
    padding: 10px;
}
#checkout .blockreassurance_product {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}

#checkout .blockreassurance_product .item-product
{
    width:50px;
}

#checkout .blockreassurance_product p.block-title {
    line-height: inherit;
    padding-top: 22px;
}


/* AGS-97 : couleur du trait vertical sous les menus */
@media (min-width: 992px)
{
    .top-menu > li > a[data-depth="0"]:after {
       background: #ffffff /* #b21917 */; 
    }
}

/* AGS-98 : élargir la puce contenant le nombre de produits au panier s'il est trop étroit */

#header .blockcart .blockcart-header > a.shopping-cart .mobile_count {
    width: auto;
    min-width: 17px;
}

/* AGS-99 couleur de fond des options au survol pour recherche */
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus
{
    background:#e8f1dd;
    background-image:none;
}

/* AGS-100 : flèches non fonctionnelles sur les produits Derniers consultés */

.customNavigation {
    z-index: 100;
}

/* AGS-101 : couleur du nom produit dans la liste des vignettes */
.products .product_list li .product-title a:hover {
    color: #3c7550;
}

/* AGR-221 : Affiche du bandeau "hors stock" sur le block wishlist dans la page panier */

.an_wishlist-list-cart .products.row  .stock_status,
#module-an_wishlist-list .products.row .product-miniature .stock_status
{
    bottom: auto;
    text-transform: uppercase;
    color: #f00;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 7px 10px;
    box-shadow: 0 0px 5px 0px #ddd;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

#module-an_wishlist-list .products.row .product-miniature .thumbnail-container .outer-functional
{
    display:none;
}

#module-an_wishlist-list .an_wishlist-mini {
    top: -277px;
}

/* Fix couleur et taille message de confirmation email */
form.elementor-email-subscription .elementor-message.elementor-message-success {
    font-size: 19px;
    color: white;
}

form.elementor-email-subscription .elementor-message
{
    font-size:1em !important;
}

/*
* LSBSITE-69
 * Fix affichage des checkbox dans la page de modification de compte
*/

.page-identity.page-customer-account span.custom-checkbox {
    display: flex;
}
.page-identity.page-customer-account span.custom-checkbox label {
    margin-top: -5px;
    margin-left: 5px;
}
/*
 * Fix LSBSITE-69 : largeur mini pour les checkbox
*/
#customer-form .form-group span.custom-checkbox > input + span {
    min-width: 16px;
}

/*
Style des menus responsive
*/


.globomenu li.separateur a.globomenu-target
{
    padding:5px 20px !important;
    text-transform: uppercase;
}

.globomenu li.separateur a.globomenu-target  .globomenu-target-title,
#globo-hidden-menu-displayTop-1 .globomenu li.separateur a.globomenu-target  .globomenu-target-title
{
    font-size:0.7rem !important;
    font-weight: 500;
}


/*
Affichage des menus en mode mobile ou desktop
 */
.globo-hidden-menu-displayTop-1 { display:none; }
@media (max-width: 991.98px)
{
    .globo-hidden-menu-displayTop-1 { display:block; }
    .menu.col-lg-12.js-top-menu.position-static.hidden-md-down { display:none;}
}

/*
Style du titre de la section blog dans la page d'accueil
 */

#mywpp_home_block h3#mywpp_home_block_title {
    font-weight: 600;
    font-size: 29px !important;
    margin-bottom: 16px;
}

/* Gestion des vignettes de cultures associées */
.cultures-associees-thumbnail {
            position: relative;
            overflow: hidden;
            height: 100px;
  			min-height: 100px;
            background-size: cover;
            background-position: center;
            border-radius: 8px;
        }

        .cultures-associees-thumbnail a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
        }

        .cultures-associees-thumbnail-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            font-weight: bold;
            font-size: 1.2rem;
            color: white;
            text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
        }

/* Utilisation de H2 pour les onglets des fiches produits */
.tabs .nav-tabs .nav-link h2 {
text-size-adjust: 100%;
font-family: Rubik, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.8px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
/* color: rgb(253, 251, 248); */
cursor: pointer;
}

.tabs .nav-tabs .nav-link.active h2, .tabs .nav-tabs .nav-link:hover h2 {
color: rgb(253, 251, 248);
cursor: pointer;
}