/* ----------------------🅷🅸🅳🅴-🅲🅾🅽🆃🅴🅽🆃----------------------------------- */
/* if something to hide to all page */
.grecaptcha-badge {
    /* display: none !important; */
    z-index: 2000;
}

#cms .breadcrumb,
#cms .page-header,
.footer-container,
.product-flag,
.hidden-md-up,
.js-search-filters-clear-all {
    display: none;
}

#subArrowMenu .hidden-md-up {

    display: block;
}


#products .thumbnail-container:focus .product-description:after,
#products .thumbnail-container:hover .product-description:after,
.featured-products .thumbnail-container:focus .product-description:after,
.featured-products .thumbnail-container:hover .product-description:after,
.product-accessories .thumbnail-container:focus .product-description:after,
.product-accessories .thumbnail-container:hover .product-description:after,
.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
    display: none;
}

#search_filters .hidden-md-up {
    display: none !important;
}

.hidden {
    display: none !important;
}

#checkout .hidden-md-up {
    display: block;
}

#index .elementor-slick-slider .slick-next:before, .elementor-slick-slider .slick-prev:before {
    display: none !important;
}

.text-danger{
    color: #dc3545!important;
    display: block;
}
/*product hide ⬇️*/
.page-category article[data-id-product-attribute="4954"], .page-category  article[data-id-product-attribute="5122"],
.page-category article[data-id-product-attribute="5298"],.page-category   article[data-id-product-attribute="5308"],
.page-category  article[data-id-product-attribute="5359"],.page-category  article[data-id-product-attribute="5369"],
.page-category  article[data-id-product-attribute="5409"],.page-category  article[data-id-product-attribute="5419"] {
    display: none;
}


/* -------------------------- 🅷🅴🅰🅳🅴🆁 ---------------------------------------------------*/
/* #header {
  position: relative;
} */
/*#index #header, #category #header {
  background-color: #FFF0;
  box-shadow: none;
  border-bottom: solid 2px transparent;
}*/
.classNumber{
    font-family: Serif;
    font-size: 0.75em;
}

#header .menu, #header .menu > ul > li {
    display: block;
}

.menu-nav .menu {
    display: block;
    margin: auto;
}

#header .header-top .position-static {
    position: static;
    text-align: center;
}

#header .header-nav {
    border-bottom: 0;
    max-height: 50px;
    margin-bottom: 30px;
}

#header .logo {
    max-width: 15%;
    display: block;
    margin: 0 auto;
}

.dropdown-item {
    position: relative;
}

.popover ul.top-menu {
    display: flex;
    flex-direction: column;
}

.popover {
    left: initial !important;
    top: initial !important;
}

#_mobile_phone_info{
    padding: 2px 0 0 10px;
}

/*A modifier si nouveau menu⛔️*/

.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .1);
    border: none;
    width: auto;
    min-width: auto;
    z-index: 18;
    display: none;
}

/*---------------------------------------------------- Style carouselle produit */
.sectionCaroussel .slick-dots {
    display: none !important;
}

#index #wrapper, #category #wrapper {
    overflow: hidden !important;
}


.product-underline .slick-list .elementor-image {
    height: 400px;
    max-width: 296px;
    background-color: #f0f0f0;
    @ margin: 0 auto;
    position: relative;
}

@media (min-width: 992px) {
    #product #wrapper .container .breadcrumb ol,
    .banner-trust ul, #product .product-container, #category #products {
        width: 960px;
    }
}

/* ----------------------🅶🅻🅾🅱🅰🅻 🅲🅻🅰🆂🆂----------------------------------- */
.text-center {
    margin: auto;
    max-width: 400px;
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    background-color: #fff0;
}

.titleFontBug h2 {
    font-family: 'Cormorant Garamond', serif !important;
}

/*----------------------- 🅳🅸🅿🅻🅰🆈 🅽🅰🆅 (elementor) -------------------------------------*/
/* .elementor-column-wrap .elementor-element-populated {
} */
.elementor-ajax-search-icon {
    cursor: pointer;
}

.headerTexte {
    width: 400px;
    display: block;
    margin: 0 auto;
}

.elementor-widget-container .menu #top-menu .dropdown-item {
    color: #040404;
    transition: 0, 2s;
    font-size: 14px;
    font-family: Lato, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 4.4em;
    letter-spacing: 2.02px;
    margin: 0 auto;
}

#header {
    background-color: transparent;
}

#header .top-menu a[data-depth="0"] {
    color: #5c5c5c;
    text-decoration: none;
}

#header a:hover {
    color: #fff;
}

#top-menu {
    text-align: center;
}

#header .elementor-widget-container .menu > ul > li {
    display: inline-block;
    margin: 0 auto;
}


/*--------------------------------------------- text-menu-style */
#header
.header-top
.container
.row
.position-static
.menu
#top-menu
.dropdown-item {
    color: #040404;
    transition: 2s;
    font-size: 14px;
    font-family: Lato, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 4.4em;
    letter-spacing: 2.02px;
}

#header
.header-top
.container
.row
.position-static
.menu
#top-menu
.dropdown-item:hover {
    color: #444444;
}

.header-banner {
    transition-duration: 1s;
    transition-delay: 0s;
    position: absolute;
    top: 0px;
}

.header-style {
    background-color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}

/*pour menu js*/
.collapsed {
    transition-property: top;
    position: absolute;
    top: -116px;


}

/*⬇️ Display Home⬇️*/

#wrapper {
    background-color: #fff;
    box-shadow: none;
    padding-top: 0;
}

/*------------------------------------------------------------ Appel à action */
.elementor-cta-content {
    overflow: initial;
}

.call-action-solead .elementor-widget .elementor-widget-heading {
    margin-bottom: 0px;
}

div
.call-action-solead
.elementor-element-populated
.elementor-widget-wrap
.elementor-widget-heading
.elementor-widget-container::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: -50px;
    right: 50%;
    height: 50px;
    width: 1px;
    background-color: #000;
    transition-duration: 1s;
}

div
.call-action-solead
.elementor-element-populated
.elementor-widget-wrap:hover
.elementor-widget-heading
.elementor-widget-container::before {
    height: 0px;
}

.call-action-solead .elementor-widget-wrap .elementor-button {
    opacity: 0;
}

.call-action-solead .elementor-widget-wrap:hover .elementor-button {
    opacity: 1 !important;
}

.call-action-solead
.elementor-widget-wrap:hover
.elementor-bg-transform-zoom-in
.elementor-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.call-action-solead
.elementor-widget-wrap:hover
.elementor-cta
.elementor-cta-bg-overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.elementor-animated-content:hover .elementor-animated-item--grow {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.base-color a {
    color: #040404;
    text-decoration: none;
    transition: 2s;
}

/*---------------------------------------------------- style image line left  */

#index .line-left .elementor-image::before, #cms .line-left .elementor-image::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0px;
    height: 1px;
    width: 60px;
    background-color: #000;
    transition-duration: 2s;
}

#cms .line-left .elementor-image::before {
    left: -25px;
}

@media (max-width: 768px) {
    .line-left .elementor-image::before {
        display: none !important;
    }
}


/*---------------------------------------------------- style image line right  */

.line-right .elementor-image::after {
    content: "";
    z-index: 10;
    position: absolute;
    top: 50%;
    height: 1px;
    right: -30px;
    width: 60px;
    background-color: #000;
    transition-duration: 2s;
}

@media (min-width: 1350px ) {
    #index .histoire .line-right .elementor-image::after {
        right: 15px;

    }
}

/*---------------------------------------------------- style image line down  */

.line-down .elementor-image::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: -30px;
    left: 50%;
    height: 60px;
    width: 1px;
    background-color: #000;
    transition-duration: 2s;
}

/*---------------------------------------------------- Style carouselle produit */
.product-underline {
    overflow: initial;
}


.product-underline .slick-slide .elementor-content {
    position: relative;
}

.product-underline .slick-slide .elementor-content::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: -15px;
    right: 50%;
    height: 25px;
    width: 1px;
    background-color: #000;
    transition-duration: 1s;
}

.product-underline .slick-list .elementor-image {
    height: 400px;
    max-width: 296px;
    background-color: #f0f0f0;
    margin: 0 auto;
    position: relative;
}

.product-underline .slick-list .elementor-image::before {
    border: 1px solid #d4d4d4;
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    opacity: 0;
    transition: 1s;
    z-index: 3;
}

.product-underline .slick-list .elementor-image:hover::before {
    opacity: 1;
}

.product-underline .slick-list .elementor-image .elementor-cover-image::after {
    content: "DÉCOUVRIR";
    position: absolute;
    opacity: 0;
    transition: 1s;
    font-family: Lato, sans-serif;
    right: 50%;
    transform: translateX(50%);
    text-transform: capitalize;
    z-index: 3;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    font-size: 10.6px;
    font-weight: 500;
    letter-spacing: 0.88px;
    color: #040404;
}

.product-underline
.slick-list
.elementor-image:hover
.elementor-cover-image::after {
    opacity: 1;
}

.product-underline .elementor-cover-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.product-underline .slick-slide:hover .elementor-content::before {
    height: 0;
}

/*---------------------------------------------------------- line before name citation */
.elementor-testimonial-name {
    position: relative;
}

.elementor-testimonial-meta .elementor-testimonial-name::before {
    content: "";
    width: 20px;
    height: 1px;
    background-color: #040404;
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 3;
}

/*--------------------------------------------------------- Image Unique produit */
/* image centrer hauteur */

.visuel-img .elementor-image {
    overflow: initial;
    height: 550px;
    position: relative;
    background-color: #f0f0f0;
    max-width: 452px;
    margin: auto;
}

.visuel-img .elementor-image .elementor-cover-image img {
    max-height: 550px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

/* line anim */
.visuel-img .elementor-image .elementor-cover-image::after {
    content: "";
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: -25px;
    height: 1px;
    width: 50px;
    background-color: #d08e6e;
    transition-duration: 1s;
}

.visuel-img .elementor-image .elementor-cover-image:hover::after {
    width: 0;
}

.visuel-img .elementor-image::after {
    content: "DÉCOUVRIR";
    position: absolute;
    transition: 1s;
    font-family: Lato, sans-serif;
    right: 50%;
    transform: translateX(50%);
    text-transform: capitalize;
    z-index: 3;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    font-size: 10.6px;
    font-weight: 500;
    letter-spacing: 0.88px;
    color: #040404;
    opacity: 0;
    bottom: 0;
    margin-bottom: 50px;
}

.visuel-img .elementor-image:hover::after {
    opacity: 1;
}

/* box anim */

.visuel-img .elementor-image .elementor-cover-image::before {
    border: 1px solid #d4d4d4;
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    opacity: 0;
    transition: 1s;
    z-index: 3;
}

.visuel-img .elementor-image .elementor-cover-image:hover::before {
    opacity: 1;
}

/* affichage caroussell produit*/
.baguesAction,
.pendentifsAction,
.colliersAction,
.braceletsAction {
    cursor: pointer;
    opacity: 0.4;
}

/*.baguesDisplay, .pendentifsDisplay, .colliersDisplay, .braceletsDisplay{
  display: none;
}*/
.activeAction {
    /*
    color: #535353 !important;
    */
    opacity: 1 !important;
}


.max-p-news p{
    max-width: 620px;
    margin: auto;
}

/*⬆️ display home ⬆️*/
/* ----------------------🆂🅼🅰🅻🅻 🅴🅻🅴🅼🅴🅽🆃---------------------- */

/* icon facebook ect... */
#footer .elementor-element .elementor-icon-wrapper .elementor-icon:first-child {
    text-align: center;
}

.elementor-element .elementor-icon-wrapper .elementor-icon:first-child {
    text-align: center;
    background-color: #f8f8f8;
    clip-path: circle(50%);
}

.elementor-element .elementor-icon-wrapper .elementor-icon .fa::before {
    font-size: 0.5em;
    /* vertical-align: middle; */
    position: absolute;
    top: 10%;
    transform: translate(-50%, 50%);
}

/* ------------------------🅿🆁🅾🅳🆄🅲🆃 🅸🅳---------------------------*/

/*cet element permet l'affichage de l'aperçut rapide et la validation des filtres */
#product-display {
    display: none;
}

/*⬇️filtre⬇️*/
.filtreClass {
    display: flex;
    justify-content: space-between;
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #040404;
    padding: 46px 0;

    /*
    line-height: normal;
    */
    /*pour aligner le menu⬇️*/
    line-height: 2em;
}
@media (max-width: 697px) {
    .filtreClass{
        justify-content: initial;
        flex-direction: column;
    }
}

.filtreClass label {
    margin-bottom: 0;
}

#search_filters .facet, #search_filters_brands .facet, #search_filters_suppliers .facet {
    padding-top: 0;
}

.dropdown-menu a {
    font-family: Lato;
    font-size: 14px;
    color: #040404;
}

.products-sort-order .select-title {
    display: inline-block;
    width: 100%;
    color: #040404;
    padding-left: 0;
    padding-right: 0;
    background: none;
    border: 0px solid transparent;
    border-right: 6px solid transparent;
    box-sizing: border-box;
    box-shadow: none;
    padding: 0;
}

.products-selection .sort-by {
    white-space: normal;
    word-break: break-word;
    margin-right: 9px;
    text-align: right;
}

#search_filters {
    box-shadow: none;
    margin-bottom: 0;
    background: none;
    display: flex;
    padding: 0;
}


.facet-dropdown {
    color: #040404;
    padding-left: 0;
    padding-right: 0;
    background: none;
    border: 3px solid transparent;
    box-sizing: border-box;
    box-shadow: none;
}
.products-sort-order .dropdown-menu {
    margin: 3px;
}
.facet-dropdown .select-title {
    padding: 0 16px 0 0;
    background: #fff0;
}

.select-title .material-icons {
    padding-left: 9px;
}
.products-selection .open #trie{
    background-color:#f6f6f6;
}
@media (max-width: 697px) {
    .products-selection {
        margin-bottom: 1.25rem;
        border: solid 3px transparent;
    }
    .products-sort-order .select-title {
         border-right: initial;

    }
    .products-selection .sort-by {
        min-width: 60px;
        width: 15%;

    }
    .products-selection .sort-by {
        text-align: left;
    }
    .products-sort-order .select-title {
        padding: 0 16px;
    }

    .products-sort-order {
        width: 85%;
    }
    .products-sort-order i.material-icons {
        float: right;
    }
    .products-sort-order .dropdown-menu {
        width: 100%;
    }

}

/*⬆️filtre⬆️️*/
#product #wrapper .container .hidden-sm-down {
    margin: auto;
    width: 1284px;
    max-width: 100%;
    font-family: Lato;
    font-size: 9px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: 1.31px;
    color: #040404;
    text-transform: uppercase;
    padding-top: 43px;
}

#product #wrapper {
    padding-top: 0;
    width: 100%;
}

.back-contain {
    width: 100%;
    margin: 0;
}

#product .product-container {
    padding: 2.6875em 0;
    margin: auto;
}

#product #content-wrapper #content {
    position: relative;
    max-width: 100%;
    margin: 2.5em auto;
}

#product .container {
    width: 100%;
    padding: 0;
    margin: 0;
}


/* fil d'arianne  */

#product #wrapper .container .breadcrumb {
    width: 100%;
    margin: auto;
    color: #040404;
    font-size: 9px;
}

#product #wrapper .container #content-wrapper {
    width: 100%;
    margin: auto;
    max-width: 100%;
    padding-bottom: 52.5px;
}

#product #content-wrapper #main {
    margin: auto;
}

#product #wrapper .container .breadcrumb ol {
    margin: auto;
}

.lineven-relatedproducts-block {
    display: flex;
}

.lineven-relatedproducts {
    max-width: 100%;
    margin: auto;
}

/*les 2 classe suivante permet de mettre le container de listing product à 100%
 pour que la banniere puisse faire toute la largeur*/
#category #header .header-nav,
#category #header .header-top,
#product #header .header-nav,
#product #header .header-top {
    padding: 0 10%;
}

#category .container {
    width: 100%;
}

#category #products {
    margin: auto;
}

/**/
#category .container,
#category .container #content-wrapper {
    padding: 0;
}

#category #products .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
}

.smallWhiteText {
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.89px;
    color: #ffffff;

}

.smallGreyText {
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.89px;
    color: #040404;
}


.h1, .instagram-carousel-container .instagram-home-title h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #040404;
    text-transform: initial;
}

.lineven-relatedproducts-block .h1 {
    text-align: center;
    margin: 50px 0;
}

section div .p-text p {
    color: #040404;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: 300;
    line-height: 1.4em;
    letter-spacing: 0.89px;
}

.product-price {
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.85;
    letter-spacing: normal;
    color: #040404;
}

.flex-row {
    display: flex;
}

.product-prices .tax-shipping-delivery-label {
    margin-left: 1em;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: 2px;
    color: #040404;
}

.product-variants > .product-variants-item select {
    background-color: #f0f0f0;
    width: 100%;
    font-family: Lato;
    font-size: 13.5px;
    color: #040404;
    box-shadow: none;
    border: solid 0.9px #979797;
}

.add .btn-primary, #authentication .btn-primary, #cart .btn-primary {
    background-color: #010101;
    font-family: Lato;
    font-size: 15px;
    color: #ffffff;
    margin: auto;
    width: 100%;
}

.add {
    width: 100%;
}


.bg-perso {
    width: 100%;
    background-repeat: no-repeat;
    height: auto;
    background-position: center;
}

.add .btn-primary {
    width: 407px;
    height: 74px;
    font-size: 18px;
    font-family: 'LATO';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.89;
    letter-spacing: 2.8px;
    margin-left: 0;
    transition: all 0.5s ease;
}

button.btn.btn-primary.add-to-cart:hover {
    background-color: #040404b3;
}

.shopping-cart {
    display: none;
}

/* icon à modifier ❕*/
.add .add-to-cart::before {
    content: url("/img/cms/ic-bag.svg");
    width: 50px;
    z-index: 3;
    margin-right: 23px;
}

.tabs {
    box-shadow: none;
    margin-top: 2rem;
    background: none;
    padding: 1.25rem 1.875rem;
}

.tabs .nav-tabs {
    border: none !important;
}

.tabs .nav-tabs .nav-link.active {
    font-family: Lato;
    font-size: 14px;
    color: #040404;
}

.tabs .nav-tabs .nav-link {
    font-family: Lato;
    font-size: 14px;
    color: #040404ad;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: solid 1px #040404;
}

/* Image product */

.images-container {
    display: flex;
    position: relative;
}

.images-container .product-cover {
    order: 2;
    position: absolute;
    left: 25%;
    z-index: 3;
}

.thumb-container {
    max-width: 100%;
}

/* les 2 classes qui suivent permette d'aligner le carousell product à gauche
mais le js ne fonctionne plus correctement. 🆘
*/

#main .images-container .js-qv-mask {
    overflow: nowrap;
    width: calc(100% - 60px);
    margin: 0;
    height: 575px;
}

#main .images-container .js-qv-mask.scroll {
    margin: 0;
}

#main .images-container .js-qv-mask .product-images {
    display: flex;
    flex-direction: column;
}

.scroll-box-arrows i {
    position: absolute;
    transform: rotate(90deg);
    cursor: pointer;
    display: none;
}

/* pas ouf responsive 🆘 */

/*.scroll-box-arrows .right {
    left: 82px;
    bottom: -64px;
}

.scroll-box-arrows .left {
    left: 82px;
    top: -56px;
}*/
@media (max-width: 767px) {

    .images-container {
        display: block;
        position: relative;
    }

    #main .images-container .js-qv-mask .product-images {
        display: block;
        flex-direction: initial;
    }

    .images-container .product-cover {
        order: 0;
        position: relative;
        left: initial;
    }

    .scroll-box-arrows i {
        position: initial;
        transform: initial;
        cursor: pointer;
        display: inline-block;
    }

    #main .images-container .js-qv-mask {
        overflow: nowrap;
        /* width: calc(100% - 60px); */
        /* margin: 0; */
        height: initial;
    }

    .scroll-box-arrows.scroll {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 108px;
        z-index: 3;
    }

    #main .images-container .js-qv-mask.scroll {
        margin: auto;
    }

    .scroll-box-arrows .right {
        position: absolute;
        right: 0;
    }
    .scroll-box-arrows .left {
        position: absolute;
        right: 0;
    }

    .scroll-box-arrows i {
        position: absolute;
        bottom: initial;
        height: initial;
        line-height: initial;
        cursor: pointer;
    }
}


/* #main .images-container .js-caroussel {
  white-space: initial;
  overflow: hidden;
  width: calc(100% - 60px);
  margin: 0 auto;
  height: 575px;
  position: relative;
}
#main .images-container .js-caroussel .product-images {
  display: flex;
  flex-direction: column;
} */
/* .js-caroussel-image {
  position: absolute;
} */

/* #product .product-images > li {
  -webkit-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
} */

.product-cover img {
    box-shadow: none;
    background: none;
    margin: auto;
    width: 100%;

}

#product .thumb-container {
    position: relative;
    z-index: 3;
}

.product-images > li.thumb-container > .thumb {
    box-shadow: none;
    cursor: pointer;
    margin-bottom: 22px;
    border: solid 1px #e4e4e4;
    transition: 0.6s;
}

.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
    border: solid 1px #808080;
}

/* -----------------------------------------------------------Product miniature */
/*
product.tpl  ➡️ /themes/classic/templates/catalog/product.tpl
❕ ce fichier permet l'affichage de toute la page produit ❕

product_add_to_cart ➡️ catalog/_partials/product-add-to-cart.tpl'
❕ ce fichier permet l'affichage du bonton ajout au panier de la page produit ❕

product-cover-thumbnails.tpl  ➡️ /themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl
❕ ce fichier permet l'affichage de l'image sur la page produit ❕

*/
.products {
    overflow: initial;
}

/*banner product list*/
.card {
    box-shadow: none;
    border: none;
    position: relative;
}

.card-block {
    padding: 0;
    width: 100%;
}

.block-category {
    position: relative;
}

.category-cover {
    width: 100%;
    height: 544px;
    background-size: cover;
    background-position: center;

}

.category-text {
    text-align: center;
    margin: auto;
    padding-top: 322px;
    height: 100%;
    background-color: #ffffff70;
}

.category-text .text-muted {
    margin: auto;
    max-width: 560px;
}

/* description en dessous de de product-mignature */
#products .product-description {
    position: relative;
    z-index: 3;
    background: none;
    width: 100%;
    max-width: 296px;
    bottom: 0;
    height: 70px;
    padding-top: 36px;
}

#products .product-thumbnail {
    position: relative;
    height: 401px !important;
    background-color: #f0f0f0;
}

#products .thumbnail-container {
    height: 400px;
    max-width: 296px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: none;
    background-color: #fff0;
}

/*-------------image de la page liste de produit  */
#product_image_list1, #product_image_list2 {
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 622px;
    height: 509px;
    background-size: cover;
    margin-bottom: 50px;
}

#product_image_list1 h1, #product_image_list2 h1 {
    text-align: center;
}

#product_image_list1 > *,
#product_image_list2 > * {
    max-width: 406px;
}

#product_image_list1 {
    background-image: url("/img/cms/bijoux_fond_1.jpg");
    background-position: left;
}

#product_image_list2 {
    background-image: url("/img/cms/bijoux_fond_2.jpg");
}

/*------------------------------------------- name of the product  */

#products .product-title a {
    color: #040404;
    transition: 2s;
    font-size: 14px;
    font-family: Lato, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2.02px;
}

/*-------------------------------------page control of list product*/

/*.pageControl{
  margin: auto;
}*/

.pagination .page-list {
    background: none;
    padding: 0;
    margin: auto;
    margin-bottom: 0;
    box-shadow: none;
    max-width: 306px;
    border-top: solid 1px #0003;
}

.pagination ul li a {
    font-family: Lato;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b9b9b9;
    padding: 0 12.5px;
    padding-top: 5px;
}

.pagination ul li a .material-icons {
    line-height: 21px;
}

.pagination a:not(.previous):not(.next) {
    letter-spacing: 0px;
}

.pagination .current a {
    border-top: solid 1px #000000;
    font-family: Lato;
    font-size: 21px;
    font-weight: bold;
    color: #000000;
}

.pagination div::before {
    content: "";
    width: 100%;
    margin: auto;
    height: 1px;
    opacity: 0.17;
    border-top: solid 0.1px #000000;
}

/*---------------- cart page ------------------------------*/
#cart #products {
    display: flex;
    width: calc(100% );
    margin: 0px 0px;
}


@media (min-width:1450px ) {
    #cart #products {
        display: flex;
        width: calc(100% + 208px);
        margin: 0px -104px;
    }
}

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
}

/*-------------------------------------------- price of the product */

#products .product-price-and-shipping {
    font-family: Lato, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 21px;
}

.product-miniature {
    width: 296px;
}

/* no background description mignature */

.product-miniature .thumbnail-container {
    background-color: #fff0;
}

/* border lors du hover de mignature product */
.product-miniature .thumbnail::before {
    border: 1px solid #d4d4d4;
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    opacity: 0;
    transition: 1s;
    z-index: 3;
}

.product-miniature:hover .thumbnail::before {
    opacity: 1;
}

.product-miniature .thumbnail-container .imageSet {
    display: block;
    z-index: 1;
}

.product-miniature .thumbnail-container .product-thumbnail::after {
    content: "DÉCOUVRIR";
    position: absolute;
    transition: 1s;
    font-family: Lato, sans-serif;
    right: 50%;
    transform: translateX(50%);
    text-transform: capitalize;
    z-index: 4;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    font-size: 10.6px;
    font-weight: 500;
    letter-spacing: 0.88px;
    color: #040404;
    bottom: 0;
    margin-bottom: 40px;
    opacity: 0;
}

.product-miniature:hover .thumbnail-container .product-thumbnail::after {
    opacity: 1;
}

.product-miniature:hover .thumbnail-container .product-thumbnail::after {
    opacity: 1;
}

.product-miniature .product-description::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    margin-top: -12.5px;
    right: 50%;
    height: 25px;
    width: 1px;
    background-color: #000;
    transition-duration: 1s;
}

.product-miniature:hover .product-description::before {
    height: 0px;
}

/*perso*/
/*.product-miniature .thumbnail-container-perso .imageSetPerso {*/
/*    display: block;*/
/*    z-index: 1;*/
/*}*/

/*product-thumbnail-perso{*/
/*    display: flex;*/
/*}*/
/*#products .thumbnail-container-perso .product-thumbnail-perso img, .product-miniature .thumbnail-container-perso .product-thumbnail-perso img{*/
/*    max-width: 100%;*/
/*    position: relative;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*}*/

.product-miniature .thumbnail-container-perso .imageSetPerso {
    position: relative !important;
    display: block;
    z-index: 1;
}
#products .thumbnail-container-perso {
    height: 596px;
    /*max-width: 596px;*/
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: none;
    background-color: #fff0;
}
#products .thumbnail-container-perso .product-thumbnail-perso, .product-miniature-perso .thumbnail-container-perso .product-thumbnail-perso {
    position: relative;
    flex-wrap: wrap;
    display: flex;
    height: calc(100% - 70px);
}
#products .product-thumbnail-perso {
    position: relative;
    height: 596px !important;
    background-color: #f0f0f0;
}
#products .thumbnail-container-perso .product-thumbnail-perso img, .product-miniature-perso .thumbnail-container-perso .product-thumbnail-perso img {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.product-miniature-perso .thumbnail-container-perso .imageSetPerso {
    position: relative !important;
    display: block;
    z-index: 1;
}
.product-miniature-perso {
    margin: 0 16px !important;
    padding: 0 0 187px 0;
    width: 46%;
}
@media (max-width: 818px){
    .product-miniature-perso {
        width: 68%;
    }
}
#products .product-description-perso{
    position: relative;
    z-index: 3;
    background: none;
    width: 100%;
    max-width: 596px;
    bottom: 0;
    height: 70px;
    padding-top: 24px;
}
.product-miniature-perso .product-description-perso::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    margin-top: -12.5px;
    right: 50%;
    height: 25px;
    width: 1px;
    background-color: #000;
    transition-duration: 1s;
}
.product-miniature-perso:hover .product-description-perso::before {
    height: 0px;
}

/*buggué*/
.containImgPerso {
    min-height: 794px;
    width: 100%;
    height: auto;
    max-width: 596px;
    margin: 0 16px 82px 16px !important;
    /* border: solid black; */
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
#product_image_list-perso {
    position: absolute;
    width: 100%;
    background-position: center;
    height: 125%;
    background-size: cover;
}



.product-miniature-perso:hover .thumbnail::before {
    opacity: 1;
}

.product-miniature-perso .thumbnail::before {
    border: 1px solid #d4d4d4;
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    bottom: 22px;
    opacity: 0;
    transition: 1s;
    z-index: 3;
}

.product-miniature-perso .thumbnail-container-perso .product-thumbnail-perso::after {
    content: "DÉCOUVRIR";
    position: absolute;
    font-family: Lato, sans-serif;
    right: 50%;
    transform: translateX(50%);
    text-transform: capitalize;
    z-index: 4;
    padding-bottom: 3px;
    font-size: 10.6px;
    font-weight: 500;
    letter-spacing: 0.88px;
    color: rgb(4, 4, 4);
    bottom: 0px;
    margin-bottom: 40px;
    opacity: 0;
    transition: all 1s ease 0s;
    border-bottom: 1px solid rgb(0, 0, 0);
}

.product-miniature-perso:hover .thumbnail-container-perso .product-thumbnail-perso::after {
    opacity: 1;
}
body .product-title-perso {
    text-align: center !important;
    text-transform: capitalize;
    margin-top: 0;
    padding-bottom: 16px;
    max-width: 480px;
    margin: auto;
}
#products .product-title-perso a {
    color: #040404;
    transition: 2s;
    font-size: 14px;
    font-family: Lato, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2.02px;
    padding: 4px;
}



/* ------------------------------------------------------------- bannière produit */

.banner-trust {
    display: flex;
    justify-content: center;
}

.banner-trust ul {
    background-color: #fbfbfb;
    display: flex;
    height: 105px;
    justify-content: space-around;
    align-items: center;
    margin-top: -52.5px;
}

.banner-trust ul li {
    border-right: solid 0.5px #cbcbcb;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}

.banner-trust ul li:last-child {
    border-right: solid 0px;
}

.banner-trust span {
    text-transform: uppercase;
    line-height: 105px;
    position: relative;
}

.banner-trust li span::before {
    position: absolute;
}

.banner-trust li:nth-child(1) span::before {
    content: url("/img/cms/picto_livraison.svg");
    transform: translateY(8%);
    left: -75px;
}

.banner-trust li:nth-child(2) span::before {
    /*content: url("/img/cms/picto_satisfait_rembourse.svg");*/
    content: url("/img/cms/picto_garantie_a_vie.svg");

    transform: translateY(10%);
    left: -56px;
}

.banner-trust li:nth-child(3) span::before {
    content: url("/img/cms/fill-1.png");
    transform: translateY(10%);
    left: -50px;
}

/*----------------------------------------------------banner maison*/
#cms .ls-layers h1 {
    color: #fff !important;
}

/* -------------------------- 🅲🅰🆃🅴🅶🅾🆁🆈------------------------- */
/* tous les fichier ci-dessous sont en lien avec category

product-list.tpl ➡️ /themes/classic/templates/catalog/listing/product-list.tpl
❕ ce fichier est le parent de tout des pages 'categories' de presta ❕

breadcrumb.tpl ➡️ /themes/classic/templates/_partials/breadcrumb.tpl
❕ ce fichier permet l'affichage du file d'arrianne de presta ❕

*/


#category .breadcrumb {
    display: none;
}

#category #content-wrapper {
    width: 100%;
}

#category #footer .row, #product #footer .row {
    width: 100%;
}

/*les attribut important sont obligatoire car on modifie le style du thème*/
.product-title {
    text-align: center !important;
    text-transform: capitalize !important;
    margin-top: 0 !important;
}

.product-miniature {
    margin: 0 16px !important;
    /*la valeur 187px est la somme de tout les margins et padding sur zepplin*/
    padding: 0 0 187px 0;
}
.center-txt{
    text-align: center;
}

/* -------------------------🅳🅸🆂🅿🅻🅰🆈 🅵🅾🅾🆃🅴🆁------------------ */

#footer .title-footer span {
    color: #ffffff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 1px;
    color: #ffffff;
}

/*⬇ Pop-up creative element⬇*/
.cp-popup-close-button:before, .cp-popup-close-button:after {
    content: '';
    width: 24px !important;
    height: 1px !important;
    position: absolute;
    top: initial;
    left: 1.35em !important;
    background: #000 !important;
    border-radius: 10px;
    transition: transform .2s ease-in-out;
}
.cp-popup-close-button {
    position: absolute;
    z-index: 1000;
    color: #000;
    cursor: pointer;
    opacity: .75;
    width: 0;
    height: 0;
    transition: opacity .3s ease-in-out;
    box-sizing: content-box !important;
    right: 0 !important;
    top: 0 !important;
    border: none !important;
    padding: 2em;
    background-color: transparent !important;
}

@media (max-width: 697px) {

    .cp-popup-close-button{
        right: 0px !important;
        top: 0px !important;
    }

    .cp-desktop.cp-layer {
        height: 38vh !important;
    }
    input.cp-layer {
        font-size: 12px !important;
    }

}

input.cp-layer::placeholder {
    text-transform: uppercase !important;

}

button.cp-layer {
    cursor: pointer;
}
.valide p{
    color:#5cb85c;
}

.valide::before {
    content: "\f00c";
    display: inline-block;
    font-family: fontawesome;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px;
}
@media (max-width: 667px) {
    .valide::after {
        content: "\f00c";
        display: inline-block;
        font-family: fontawesome;
        font-weight: 400;
        font-style: normal;
        vertical-align: middle;
        margin-right: 5px;
    }

    .valide::before{
        display: none;
    }
}

#cms .confidential .elementor-text-editor > * {
    font-family: Lato !important;

}
.p-creatve-footer{
    max-width: 492px;
}

/*🔼 Pop-up creative element 🔼*/
/*---------------------- 🅲🅻🅰🆂🆂 🅸🅽 .🆃🅿🅻 🅵🅸🅻🅴 -----------------*/
/* write the file path  after the class*/

/*.imageSet  -> /www/lisonia/themes/classic/templates/catalog/_partials/miniatures/product.tpl

  .p-text    ->/www/lisonia/themes/classic/templates/catalog/product.tpl

  .banner-trust -> /www/lisonia/themes/classic/templates/catalog/product.tpl

  .flex-row  ->/www/lisonia/themes/classic/templates/catalog/_partials/product-prices.tpl

  #product-display -> /www/lisonia/themes/themes/classic/templates/catalog/_partials/miniatures/product.tpl

  #list_image -> /www/lisonia/themes/themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl
*/
/*⬇️ Connexion ⬇️*/

/*#authentication h1, #cart h1{
  font-family: CormorantGaramond;
  font-size: 40px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #040404;
  text-transform: initial;
  text-align: center;
}
#authentication .page-addresses .address, .page-authentication #content {
  box-shadow: none;
  background: transparent;
}
#authentication label, #authentication a , #cart label, #cart label{
  font-family: Lato;
  font-size: 14px;
  color: #040404;
}
#authentication a:hover{
  border-bottom: solid 1px #040404;
}*/


/*⬆️ Connexion ⬆️*/


/* cette mediaqueries permet de centrer le contenu de la page produit mais en laissant le container parent à 100% */

@media (min-width: 576px) {
    #product #wrapper .container .breadcrumb ol,
    .banner-trust ul, #product .product-container, #category #products {
        width: 100%;
    }


}

/*
@media not screen and (max-device-width: 480px){
  !*c'est un bug qui s'affiche en mobile*!
  #category #main{
    margin-right: -15px;
  }
}
*/


@media (max-width: 767px) {
    #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description {
        box-shadow: none !important;
    }

    #product_image_list1, #product_image_list2 {
        margin-left: 0px;
        margin-right: 0px;

    }

    #search_filters {
        flex-direction: column;
    }


    #category .container .List-row {
        margin-left: 0px;
        margin-right: 0px;
    }


    /*  #header .row {
        margin-right: 0px;
        margin-left: 0px;
      }
      #product_image_list1 > *, #product_image_list2 > * {
        max-width: 75%;
      }*/


}

@media (max-width: 1050px) {
    /*pour menu js*/
    .collapsed {
        top: -126px;


    }
}


@media (max-width: 900px) {
    .banner-trust ul {
        flex-wrap: wrap;
        height: auto;
    }

    .banner-trust li {
        height: auto !important;
    }

    .banner-trust ul li {
        border-right: none;
        /*width: 100%;
        height: 100%;
        text-align: center;
        position: relative;*/
    }


}

@media (min-width: 768px) {
    #product #wrapper .container .breadcrumb ol,
    #product .product-container,
    #category #products {
        width: 100%;
    }


    .header-nav,
    .header-top {
        display: none !important;
    }

}

@media (min-width: 992px) {
    #product #wrapper .container .breadcrumb ol,
    .banner-trust ul, #product .product-container, #category #products {
        width: 960px;
    }


}


@media (min-width: 1200px) {
    #category .container .List-row {
        margin-left: -16px;
        margin-right: -16px;
    }
}

@media (min-width: 1310px) {
    #category .container .List-row {
        margin-left: -16px;
        margin-right: -16px;
    }
}

@media (min-width: 1310px) {
    #product #wrapper .container .breadcrumb ol,
    .banner-trust ul, #product .product-container, #category #products {
        width: 1280px;
    }
}

@media (min-width: 1024px) {
    .sectionCaroussel {
        left: initial !important;
    }
}

@media (min-width: 1310px) {
    #product #wrapper .container .breadcrumb ol,
    .banner-trust ul, #product .product-container, #category #products {
        width: 1280px;
    }

    .sectionCaroussel {
        left: -5vw !important;
    }
}

@media (min-width: 1720px) {
    .sectionCaroussel {
        left: -10vw !important;
    }
}



/*********CSS Noutcha**********/

select#group_1 {
    height: 51px;
    padding: 18px 20px 17px 16px;
    opacity: 0.8;
    border: solid 0.9px #b0b0b0;
    background: #ffffff;
}

select#group_6 {
    height: 51px;
    padding: 18px 20px 17px 16px;
    opacity: 0.8;
    border: solid 0.9px #b0b0b0;
    background: #ffffff;
}

select#group_7 {
    height: 51px;
    padding: 18px 20px 17px 16px;
    opacity: 0.8;
    border: solid 0.9px #b0b0b0;
    background: #ffffff;
}

.product-variants {
    max-width: 407px;
}


.product-variants .clearfix.product-variants-item:after {
    content: url(/img/dropdown.png);
    position: relative;
    margin-left: auto;
    top: -37px;
    right: 20px;
}

.product-variants>.product-variants-item {
    margin: 1.25rem 0 -15px;
}

p.feature_name {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-weight: 300;
    font-size: 35px;
    color: #040404;
    line-height: 1.66;
    text-transform: lowercase;
    margin-top: 25px;
    left: 0;
    right: 0;
}

p.feature_name a.voircollection {
  font-family: Lato;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  color: #040404;
  text-transform: uppercase;
  position: relative;
  top: -25px;
}

p.feature_name a.voircollection:hover {
    text-decoration: underline;
}

p.feature_name:first-letter {
    text-transform: uppercase;
}

#collections #wrapper .container {
    width: 1280px;
    max-width: 100%;
}
.col-md-3.feature_div {
   /* background-image: url(/img/rectangle.png);*/
    width: 297px;
    height: 297px;
    margin: 15px 10px 136px;
}

.col-md-3.feature_div::before {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: -12px;
    margin-top: -12.5px;
    right: 50%;
    height: 25px;
    z-index: auto;
    width: 1px;
    background-color: #000;
    transition-duration: 1s;
}

.col-md-3.feature_div:hover:before {
    height: 0;
    bottom: 15px;
}

.feature_image {
    width: 100%;
    height: 100%;
    outline: 1px solid #d4d4d400;
    outline-offset: -25px;
    transition-duration: 1s;
    background-position: center;
}

.col-md-3.feature_div:hover .feature_image {
    outline: 1px solid #d4d4d4;
}

p.feature_decouvrir {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-size: 10.6px;
    font-weight: 500;
    letter-spacing: 0.88px;
    color: rgb(4, 4, 4);
    bottom: 0px;
    margin-bottom: 40px;
    opacity: 0;
    transition: all 1s ease 0s;
    border-bottom: 1px solid rgb(0, 0, 0);
    width: max-content;
}

.col-md-3.feature_div:hover p.feature_decouvrir {
    opacity: 1;
}

.col-md-3.feature_div:nth-child(4n+1), .col-md-3.feature_div:nth-child(4n+4) {
    margin: 15px 0 136px;
}

.row_feature {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#collections h1 {
    text-align: center;
    margin: 40px 0 10px;
}

p.p_collections {
  font-family: Lato;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: 0.89px;
  text-align: center;
  color: #040404;
  margin: 0 auto 40px;
}
/*****************************/

/*⬇instagram module⬇*/

/*.instagram-carousel-container .block_content,
.instagram-carousel-container .block_content{
    width: calc(100% + 50vw);
    position: relative;
    left: -25%;
}*/
.instagram-carousel-container .block_content,
.instagram-carousel-container .block_content{
    background-color: #fff;
    width: 100%;
    left: initial;
}
#footer .container{
    width: 100% !important;
}

#category .instagram-carousel-container .block_content, #product .instagram-carousel-container .block_content{
    background-color: #fff;
    width: 100%;
    left: initial;
}
.instagram-carousel-container .instagram-home-title {
    margin-bottom: 20px;
    position: relative;
    justify-content: center;
    display: flex;
}

.icon-wrapper .icon{
    background-color: #f8f8f8;
    clip-path: circle(33%);
    padding: 0 10px;
    color: #1e1e1e;
    text-align: center;
}
.icon-wrapper{
    box-sizing: border-box;
}
.icon-social{
    color: black !important;
}
.icon-social .fa::before {
    font-size: 0.5em;
    /* vertical-align: middle; */
    position: absolute;
    top: 10%;
    transform: translate(-50%, 50%);
}

.align-icon{
    display: flex;
}
@media (max-width: 640px){
    .icon-social{
        position: relative;
    }
    .instagram-carousel-container .instagram-home-title span {
        padding-top: 0px;

    }

    .instagram-carousel-container .instagram-home-title{
        flex-direction: column;
    }
    .align-icon{
        flex-direction: row;
        justify-content: center;
    }
}

/*contact*/
/*#contact select[name=id_contact]{
    background-color: red;
}*/
#contact .form-group{
    padding: 0.5em 0;
}

#contact .arrow-extend{
    display: initial;
    margin: auto;
    z-index: 0;
}
#contact .arrow-extend {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 1.2em;
    right: 1.5em;
    border-top: 4px solid black;
}
#contact label.arrow-extend-selected {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 1.2em;
    right: 1.5em;
    border-top: 4px solid black;
    transform: rotate(180deg);
}
#contact .form-control-select {
    padding: 0 1rem;
}
#contact .form-control-label {
    padding-top: .625rem;
    text-align: left;
}
@media (min-width: 992px){
    #contact .form-control-label {
        padding-left: 6em;
    }

}

/*#contact select[name=id_contact]::before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 2em;
    right: .9em;
    border-top: 4px solid black;
}*/
.form-control {
    background: transparent !important;
    color: #040404 !important;
    border: 1px solid #040404 !important;
    z-index: 1;
}


/*********_personalisation_**********/




/*espace pour les détails et description de produit*/
li.nav-item:nth-child(2) {
    padding: 0 2vw;
}


.content-input-perso{
    position: relative;
    width: 100%;
}

.field-perso-txt{
    font-family: Lato;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.84;
    letter-spacing: 3.52px;
    margin: 10px 0;
    color: #040404;
    padding: 16px;
    border: none;
    border-bottom: solid 0.9px #b1b1b1;
    width: 100%;
}
.label-perso{
    font-family: Lato;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: 0.89px;
    color: #040404;
    margin-bottom: 0;
    text-align: start;
}
.btn-perso{
    padding: 17px;
    margin: auto;
}

.add-btn-perso{
    width: 100% !important;
}

.flex-perso{
    margin: 0;
    display: flex;
}
#nbrLettre {
    /*position: absolute;
    right: 0;
    bottom: 10px;
    padding: 16px;*/
    padding: 8px 0;
    font-size: 13.5px;
}
.product-customization {
    margin:  0;
}

.product-prices-perso {
    margin-top: 12px;
}

.perso-h6{
    font-family: Lato;
    font-size: 13.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 1px;
    color: #040404;
    margin: 0;
}
span.Rounded {
    padding: 1.5px 8px 1.5px 9px;
    margin-right: 2px;
    border: solid 0.8px #979797;
    border-radius: 50%;
}

.clearfix-perso{
    margin:  12px 0 0 0;
}
.product-customization .product-customization-item {
    margin: 0;
}
.product-variants>.product-variants-item {
    margin: 1.25rem 0 ;
}
 .product-variants-perso>.product-variants-item {
    margin: 0rem -12px 0rem 0rem !important;
}
.space-perso{
    padding: 10px 0px 10px 0px;
}

.product-variants-perso{
    max-width: 100% !important;
}

.color-select{
    overflow:hidden; /* this hides the select's drop button */
    padding:0;
    margin:0;
    background: white url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12' fill='var(--my-color-var)'></circle> </svg>") no-repeat bottom right;
    /* this is the new drop button, in image form */
    width:12em;
    border-radius:2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border: solid 1px #ccc;
}

.add-info-perso{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-customization .customization-message {
     margin-top: 0px;
}
/*.product-variants .clearfix  :before {

    !*position: relative;
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12'></circle> </svg>");

    width: 20px;
    height: 20px;
    border: solid;*!
    !*position: relative;
    content: "";
    background-image: url(` data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='12' fill='var(--my-color-var)'></circle> </svg>`);
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;*!

    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: var(--my-color-var);
}*/
/*

select#group_6 option {
    background-color: var(--my-color-var) !important;
}



.form-control-select-color::before{

    !*background-color: var(--my-color-var);
    background: url('<svg height="24" width="24"><circle cx="12" cy="12" r="12" fill="var(--my-color-var)"></circle> </svg>') no-repeat;
*!

}
*/
#updateWord {
    opacity: 0.48;
    font-family: Lato;
    font-size: 13px;
    color: #040404;
    text-decoration: underline;
    line-height: 32px;
    cursor: pointer;
}
.shortCenter{
    text-align: center;
    max-width: 550px;
    margin: auto;
}


.grecaptcha-badge {
    /*display: none !important;*/
    z-index: 2000;
}
/*button.g-recaptcha {*/
/*    height: 56px;*/
/*    padding: 0px 25px 0px 25px;*/
/*    margin: 0px 0px 0;*/
/*    font-size: 10px;*/
/*    font-family: Lato, sans-serif;*/
/*    font-weight: 500;*/
/*    text-transform: uppercase;*/
/*    line-height: 1.4em;*/
/*    letter-spacing: 2.02px;*/
/*    color: #ffffff;*/
/*    background-color: rgba(0,0,0,0);*/
/*    border-color: #ffffff;*/
/*    border-width: 1.4px 1.4px 1.4px 1.4px;*/
/*    border-radius: 0px 0px 0px 0px;*/
/*}*/

/*button.g-recaptcha:hover {*/
/*    color: #000000;*/
/*    background-color: #ffffff;*/
/*    opacity: .9;*/
/*}*/

.grecaptcha-badge {
    bottom: 100px !important;
}