/* Icon set - http://ionicons.com */
@import url(../../code.ionicframework.com/ionicons/2.0.1/css/337709-ionicons.min.css); * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@import url(https://db.onlinewebfonts.com/c/c4df2dbd5cb478f7fbdce26258f8fc0f?family=URW+Firmin+Didot+W01+Roman);

@font-face {
    font-family: 'Le Jeune Deck';
    src: url('../../front/fonts/le-jeune-deck/902977-lejeunedeck-regular.eot');
    src: url('../../front/fonts/le-jeune-deck/902977-lejeunedeck-regular.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/le-jeune-deck/326922-lejeunedeck-regular.woff2') format('woff2'),
        url('../../front/fonts/le-jeune-deck/141865-lejeunedeck-regular.woff') format('woff'),
        url('../../front/fonts/le-jeune-deck/196590-lejeunedeck-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../../front/fonts/helvetica/881445-helvetica.eot');
    src: url('../../front/fonts/helvetica/881445-helvetica.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/helvetica/433553-helvetica.woff2') format('woff2'),
        url('../../front/fonts/helvetica/479582-helvetica.woff') format('woff'),
        url('../../front/fonts/helvetica/337988-helvetica.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}





/*
@font-face {
    font-family: 'Helvetica';
    src: url('../../front/fonts/f-g-light/724680-foundersgrotesk-light.eot');
    src: url('../../front/fonts/f-g-light/724680-foundersgrotesk-light.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/f-g-light/975827-foundersgrotesk-light.woff2') format('woff2'),
        url('../../front/fonts/f-g-light/477302-foundersgrotesk-light.woff') format('woff'),
        url('../../front/fonts/f-g-light/686132-foundersgrotesk-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../../front/fonts/f-g-regular/320510-foundersgrotesk-regular.eot');
    src: url('../../front/fonts/f-g-regular/320510-foundersgrotesk-regular.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/f-g-regular/926059-foundersgrotesk-regular.woff2') format('woff2'),
        url('../../front/fonts/f-g-regular/543324-foundersgrotesk-regular.woff') format('woff'),
        url('../../front/fonts/f-g-regular/742911-foundersgrotesk-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../../front/fonts/f-g-bold/677554-foundersgrotesk-bold.eot');
    src: url('../../front/fonts/f-g-bold/677554-foundersgrotesk-bold.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/f-g-bold/788331-foundersgrotesk-bold.woff2') format('woff2'),
        url('../../front/fonts/f-g-bold/813236-foundersgrotesk-bold.woff') format('woff'),
        url('../../front/fonts/f-g-bold/723702-foundersgrotesk-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../../front/fonts/times/214828-timesnewromanpsmt.eot');
    src: url('../../front/fonts/times/214828-timesnewromanpsmt.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/times/706613-timesnewromanpsmt.woff2') format('woff2'),
        url('../../front/fonts/times/563438-timesnewromanpsmt.woff') format('woff'),
        url('../../front/fonts/times/614609-timesnewromanpsmt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../../front/fonts/century-gothic/185326-centurygothic.eot');
    src: url('../../front/fonts/century-gothic/185326-centurygothic.eot?#iefix') format('embedded-opentype'),
        url('../../front/fonts/century-gothic/174080-centurygothic.woff2') format('woff2'),
        url('../../front/fonts/century-gothic/928064-centurygothic.woff') format('woff'),
        url('../../front/fonts/century-gothic/830126-centurygothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */



/* info global */
:root {
    --Heading_color: #020104;
    --red_color: #d80015;
    --grayLighten_color: #f5f5f5;
    --white-color: #fff;
    --Brand_title_fonts: 'Times New Roman';
    --Brand_title_weight: normal;
    --Brand_title_size_level_one: 5em;
    --Brand_title_size_level_two: 71px;
    --Brand_title_size_level_three: 50px;
    --Brand_title_size_level_forth: 29px;
    --Brand_title_size_level_five: 40px;
    --Brand_title_size_level_six: 16px;
    --Brand_title_size_level_seven: 12px;
    --Brand_para_size: 20px;
}
/* #overlayer {
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;

  }
  .loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: fixed;
    z-index:3;
    border: 4px solid #Fff;
    top: 50%;
    right: 50%;
    animation: loader 2s infinite ease;
  }



  .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
  } */

  @keyframes loader {
    0% {
      transform: rotate(0deg);
    }

    25% {
      transform: rotate(180deg);
    }

    50% {
      transform: rotate(180deg);
    }

    75% {
      transform: rotate(360deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes loader-inner {
    0% {
      height: 0%;
    }

    25% {
      height: 0%;
    }

    50% {
      height: 100%;
    }

    75% {
      height: 100%;
    }

    100% {
      height: 0%;
    }
  }

html {
    overflow-x: clip ;
    width: 100%;
}

body {
    min-height: 100vh;
    overflow-x: clip;
}

body p {
    font-family: 'Helvetica';
    font-size: 17px;
    color: #606060;
    margin-bottom: 0;
    font-weight: 300;
}
.logo_bloc{
    z-index: 5;
}

/* animationnn */
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/* start hover shine */


/* end hover shine */
i.first-icon {
    position: fixed;
    bottom: 145px;
    right: 20px;
    font-size: 25px;
    background-color: var(--white-color);
    color: var(--Heading_color);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: 1;
    padding: 15px;
    border: 2px solid var(--Heading_color);
}

/* start nos offres */
div.nos_offres {
    background: var(--Heading_color);
    padding: 8px 0 11px;
    text-align: center;
}

div.nos_offres span, div.nos_offres a {
    color: var(--white-color);
    font-weight: 300;
    font-size: 13px;
    line-height: normal;
    position: relative;
    display: block;
    font-family: 'Helvetica';
    letter-spacing: 1.2px;
}

div.nos_offres a {
    text-decoration: none;
    display: inline-block;
    margin-left: 0;
    letter-spacing: 1.2px;
}
div.nos_offres a i {
    color: var(--white-color);
}

/* end nos offres */
/* start header logo and icons */
header.not-home .fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
}
.header_logo_icons:hover .fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
}
.header_logo_icons.sticky .fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
}

.fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/638114-chevron-white.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
}



header.not-home .header_logo_icons {
    position: relative;
    z-index: 9;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
}
header.not-home .header_logo_icons.sticky {
    position: fixed;
    box-shadow: 0 0 15px #dbdbdb8c;
}

header.not-home img#logofixed {
    display: block;
    margin: 0 auto;
    width: 100px;
}

header.not-home nav .navbar .links li a {
    color: #000;
}

header.not-home img#logoSite {
    display: none;
}

header.not-home .header_logo_icons .header_icons i {
    color: black;
    font-size: 16px;
}

.header_logo_icons {
    position: absolute;
    z-index: 9;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 74px;
    padding: 0 59px;
}
@media (min-width: 992px) {
    .header_logo_icons:hover {
        background: #ffffff;
        height: 74px;
    }
    .header_logo_icons:hover .burger:before, .header_logo_icons:hover .burger:after{
        background: #000;
    }
}
img#iconfixed {
    display: none;
}

header.not-home img#iconfixed {
    display: block;
}

header.not-home img#iconWhite {
    display: none;
}

.header_logo_icons.sticky img#iconfixed {
    display: block;
}

.header_logo_icons.sticky img#iconWhite {
    display: none;
}

img#logoSite {
    width: 100px;
    margin: 0 auto;
}
@media (min-width: 992px) {
.header_logo_icons:hover img#logoSite{
    display: none;
}
.header_logo_icons:hover img#logofixed{
    display: block;
    opacity: 1;
    width: 100px;
    margin: 0 auto;
}
}

.not-home .header_logo_icons:hover img#logofixed{
    margin: 0 auto;
}

.content_lang {
    display: flex;
    gap: 41px;
    justify-content: center;
    align-items: center;
}

.lang-menu, .monnais, .laguages {
    position: relative;
    font-size: 13px;
    margin-top: 4px;
}

.laguages i {
    font-size: 8px;
    padding: 0 4px;
}

.lang-menu ul.languages_uses {
    padding: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    display: none;
    right: inherit;
    z-index: 2;
    transition: .7s;
    list-style: none;
    margin-top: 5px;
}
.laguages_uses {
    z-index: 15 !important;
}
.lang-menu .mon_uses, .lang-menu .laguages_uses {
    padding: 0;
    margin: 0;
    padding: 8px 10px;
    position: absolute;
    top: 15px;
    display: none;
    /* right: 11px; */
    z-index: 2;
    transition: .7s;
    list-style: none;
    margin-top: 5px;
    width: max-content;
}

.lang-menu ul.active, .lang-menu .mon_uses.active, .lang-menu .laguages_uses.active {
    display: block;
    background: black;
}

.header_logo_icons .header_icons {
    display: flex;
    gap: 29px;
    margin-top: 0;
    justify-content: end;
    z-index: 3;
    position: relative;
}
.header_logo_icons:hover .header_icons {
    margin-top: 0;
}
header.not-home .header_logo_icons:hover .header_icons {
    margin-top: 0;
}
.header_logo_icons.sticky .header_icons {
    margin-top: 5px;
}

/* end header logo and icons */
/* start slider */
span.ml2 {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.content_slider {
    position: relative;
}

.content_slider .content_networks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 75%;
    left: 15px;
    gap: 0;
    z-index: 5;
    transform: translateY(-50%);
    bottom: 0;
}

.content_slider .carousel-indicators {
    position: absolute;
    right: 0 !important;
    bottom: 30px;
    left: 0;
    display: flex;
    justify-content: center !important;
    padding: 0;
    margin-right: 0px !important;
    margin-bottom: inherit !important;
    margin-left: inherit !important;
    list-style: none;
    top: inherit;
    transform: translateY(-50%) !important;
}

.content_slider button.carousel-control-prev, .content_slider button.carousel-control-next {
    display: none;
}

.content_slider .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 8px !important;
    height: 8px !important;
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 0;
    /* border-top: 10px solid transparent; */
    /* border-bottom: 10px solid transparent; */
    opacity: .1;
    transition: opacity .6s ease;
}

.content_slider .carousel-indicators button.active {
    opacity: 1;
    position: relative;
}

.content_slider .carousel-indicators button.active:after {
    position: absolute;
    content: "";
    width: 21px;
    height: 21px;
    background-color: transparent;
    top: 45%;
    transform: translateY(-50%);
    left: -7px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.content_slider .carousel-indicators button {
    opacity: .1;
}

.content_slider .content_networks a {
    color: white;
}

.content_slider .content_networks a i {
    transition: all 1s;
}

.content_slider .content_networks a:hover i {
    transform: scale(1.2);
}

.content_slider {
    position: relative;
}

.content_slider .carousel-item {
    height: 650px !important;
}

.content_slider .carousel-item img.d-block.w-100 {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.content_slider .carousel-caption {
    position: absolute;
    right: inherit !important;
    left: 10%!important;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
}

.content_slider .carousel-caption span.collection {
    font-size: var(--Brand_title_size_level_two);
    font-family: var(--Brand_title_fonts);
    display: inline-block;
    margin-bottom: 0;
    line-height: 60px;
}

.content_slider .carousel-caption h1 {
    font-size: var(--Brand_title_size_level_one);
    font-family: var(--Brand_title_fonts);
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 2px;
}

.content_slider span.dateSummer {
    background: #d80015;
    padding: 0 5px;
    padding-top: 0;
    padding-bottom: 0px;
    height: 40px;
    position: relative;
    display: inline-flex;
}

.content_slider .carousel-caption p {
    font-size: 2.12rem;
    font-family: var(--Brand_title_fonts);
    font-weight: 300;
    max-width: 660px;
    font-family: 'FoundersGrotesk';
    color: white;
    letter-spacing: 3px;
}

.content_slider .carousel-caption button {
    font-size: var(--Brand_title_size_level_seven);
    font-family: var(--Brand_title_fonts);
    font-weight: 400;
    background: var(--Heading_color);
    color: var(--white-color);
    padding: 16px 88px;
    text-transform: uppercase;
    margin-top: 50px;
    transition: opacity 2s;
}

.content_slider .carousel-caption button:hover {
    opacity: .5;
}

/* end slider */
nav:not(.nav-breadcrumb) {
    /* z-index: 6; */
    padding: 10px 0;
}
.header_logo_icons nav .navbar:hover .header_icons a {
    color: #3a3a3a;
}
.header_logo_icons nav .navbar .header_icons a {
    color: white;
    font-size: 16px;
}

.header_logo_icons.sticky nav .navbar .links li .sub-menu {
    position: absolute;
    /* top: 108px; */
    top: 74px;
}
.header_logo_icons .header_icons i {
    color: white;
    font-size: 15px;
}
@media (min-width: 992px) {
.header_logo_icons:hover .header_icons i{
    color: black;
}
}
.header_logo_icons.sticky .header_icons i {
    color: black;
    font-size: 16px;
}

nav .navbar.filtre {
    height: 100%;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 0 0;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    margin-top: 0;
}

nav .navbar.filtre .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

nav .navbar.filtre .nav-links {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
    width: 95%;
}

.navbar.filtre .links li .sub-menu .fa-caret-right {
    line-height: 0;
    color: black;
    top: -3px;
    position: relative;
    width: 5px;
}



nav .navbar.filtre .links li .sub-menu-02 {
    position: absolute;
    top: 20px;
    left: auto;
    right: 0;
    line-height: initial;
    background: var(--white-color);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 99;
    padding: 10px 30px;
    box-shadow: 0 0px 3px 0 rgb(0 0 0 / 15%);
    width: auto;
    max-width: 150px;
    margin: 0 auto;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
    text-transform: capitalize;
}

nav .navbar.filtre .links li a {
    /* border-bottom: 1px solid #c9c9c9; */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: black !important;
    -webkit-appearance: button;
    /* -webkit-border-radius: 2px; */
    -webkit-padding-end: 0;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    max-width: 100%;
    font-size: 11px;
    padding-bottom: 1px;
    margin-bottom: 5px;
    transition: none;
}

.header-global {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



nav .navbar {
    height: 100%;
    max-width: 100%;
    /* width: 100%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    margin: auto;
    padding: 0 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    margin-top: 0;
    padding-left: 353px;
}

nav .navbar .logo {
    display: none;
}

.navbar .logo a {
    font-size: 30px;
    text-decoration: none;
    font-weight: 600;
}

nav .navbar .nav-links {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0;
}

nav .navbar .links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

nav .navbar .links li {
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 14px;
}

nav .navbar .links li a {
    height: 100%;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    font-size: 11px;
    font-family: 'Helvetica';
    position: relative;
    transition: all .4s;
    letter-spacing: 0.9px;
}
.header_logo_icons:hover .links li a {
    color: #3a3a3a;
}
nav .navbar .links li a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width:0;
    background: #fff;
}
.header_logo_icons:hover .links li a:after {
    background: #3a3a3a;
}
nav .navbar .links li a:hover:after {
    width: 100%;
}
.header_logo_icons.sticky nav .navbar .links li a:hover:after {
    background: #3a3a3a;
}

.header_logo_icons:hover .links li a.item-img-slider:after {
    display: none;
}

nav .navbar button.btnNav {
    color: black;
    text-decoration: none;
    line-height: initial;
    text-transform: none;
    padding: 2px 10px;
    max-width: 110px;
    margin: 0 auto;
    display: block;
    bottom: 90px;
    position: relative;
    border: 1px solid transparent;
    background: rgb(255 255 255 / 78%);
    /* height: 26px; */
    /* display: block; */
    /* padding-top: 4px; */
    font-family: 'Century Gothic';
    height: 30px;
}

button.btnNav span {
    font-size: 11px;
    text-transform: none;
    margin-bottom: 0;
}

.navbar.filtre li.has_children.active i.fa-caret-down, .navbar.filtre li.has_children.active .fa-caret-down {
    transform: rotate(180deg);
}

nav .navbar .links li .fa-caret-right, nav .navbar .links li .fa-caret-down {
    height: 100%;
    width: 16px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 8px;
    color: white;
}

nav .navbar .links li .sub-menu {
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    line-height: 40px;
    background: var(--white-color);
    border-radius: 0 0 4px 4px;
    /* display: none; */
    visibility: hidden;
    z-index: 999999999999999;
    /* padding: 20px 30px; */
    /* box-shadow: 0 0px 3px 0 rgb(0 0 0 / 15%); */
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #e4dddd;
}

/* nav .navbar .links li .sub-menu .nav-n1 {
    display: flex;
    justify-content: center;
    gap: 60px;
} */
nav .navbar .links li .sub-menu .grid-submenu {
    display: grid;
    grid-template-columns: 23% 77%;
    align-items: stretch;
}
nav .navbar .links li .sub-menu .grid-submenu #tabs-nav {
    display: block;
    padding: 57px 30px 0;
}
nav .navbar .links li .sub-menu .grid-submenu #tabs-nav li a {
    font-family: 'Helvetica';
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    position: relative;
    color: #3a3a3a;
    margin-bottom: 28px;
    padding-bottom: 7px;
}
nav .navbar .links li .sub-menu .grid-submenu #tabs-nav li a:hover:after{
    background: #3a3a3a;
}

.title-tab-content {
    font-family: 'Helvetica';
    font-weight: 400;
    font-size: 14px;
    position: relative;
    color: #000;
    margin-bottom: 20px;
}
.title-tab-content:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #000;
}

nav .navbar .links li .sub-menu .grid-submenu .tab-content {
    background: url(../../front/images/177734-bg-submenu2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 45px 56px;
}
.images-slider-tab .slick-prev:before {
    content: '\f104';
    font-family:'FontAwesome';
    color: #000;
}
.images-slider-tab .slick-next:before {
    content: '\f105';
    font-family:'FontAwesome';
    color: #000;
}
.images-slider-tab .slick-prev {
    left: 15px;
    z-index: 1;
    top: 43%;
}
.images-slider-tab .slick-next {
    right: 39px;
    z-index: 1;
    top: 43%;
}
.images-slider-tab .slick-next:before, .images-slider-tab .slick-prev:before {
    font-size: 17px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ffff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    z-index: 9;
    position: relative;
}

nav .navbar .links li .sub-menu .nav-n1 h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    font-family: 'gothicb';
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 {
    padding: 0;
}

.espace-trait {
    position: relative;
}

.espace-trait:before {
    border: 1px solid #b1b1b11c;
    left: 0;
    right: auto;
    height: 90%;
    width: 1px;
    z-index: 9;
    content: "";
    top: 10px;
    position: absolute;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.li-mariee a.mariee {
    /* padding: 5px; */
    /* background: #fde2e1; */
    /* text-transform: uppercase; */
    /* text-align: inherit; */
    /* font-style: italic; */
    /* font-family: 'FoundersGrotesk'; */
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1>li {
    padding: 0;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child {
    position: relative;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child.active .ul-nav-n2 {
    display: block;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child>a, nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 li {
    position: relative;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 li.nav-n2-has-child.active .ul-nav-n3 {
    display: block;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n3 {
    position: absolute;
    right: -100%;
    position: absolute;
    /* right: -127%; */
    padding: 0;
    top: 0;
    -webkit-box-shadow: 0px 1px 4px -1px rgb(165 160 160);
    -moz-box-shadow: 0px 1px 4px -1px rgba(165, 160, 160, 1);
    box-shadow: 0px 1px 4px -1px rgb(165 160 160);
    display: none;
    z-index: 1;
    background: white;
}

/* nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child>a:after,
nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 li.nav-n2-has-child>a:after {
position: absolute;
font-family: "Font Awesome 5 Pro";
content: "\f054";
width: 10px;
height: 10px;
font-size: 10px;
right: -17px;
} */
nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child .nav-n1-has-child-flex, nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 .nav-n2-has-child-flex {
    /* display: flex;
    justify-content: center; */
    align-items: center;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child a {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child a.active, nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child a:hover {
    border-bottom: 1px solid;
}

/* nav .navbar .links li a:active, nav , nav .navbar .links li a:focus {
    color: #d80015 !important;
} */

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child i.fa-solid.fa-chevron-right {
    padding: 0px 5px;
    font-size: 8px;
    line-height: 30px;
    cursor: pointer;
    margin-top: -5px;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 {
    position: absolute;
    right: calc(-65% - 0px);
    padding: 0;
    top: 7px;
    -webkit-box-shadow: 0px 1px 4px -1px rgb(165 160 160);
    -moz-box-shadow: 0px 1px 4px -1px rgba(165, 160, 160, 1);
    box-shadow: 0px 1px 4px -1px rgb(165 160 160);
    display: none;
    z-index: 1;
    background: white;
}

nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child ul.ul-nav-n2 li.nav-n2-has-child>a {
    position: relative;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image {
    max-width: 160px;
    height: 170px;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image2 {
    max-width: 160px;
    height: 180px;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image:last-of-type, nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image2:last-of-type {
    margin-bottom: 20px !important;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image.no-list {
    align-items: end;
    justify-content: start;
    gap: 20px;
}

.navbar .links li .sub-menu li {
    padding: 0 22px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
}

.navbar .links li .sub-menu a {
    font-size: 12px;
    /* font-weight: 500; */
    text-transform: uppercase;
    color: #5b5b5b !important;
    font-family: 'Helvetica';
    line-height: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid transparent;
}

.navbar .links li .sub-menu .fa-caret-right {
    line-height: 40px;
}

.navbar .links li .sub-menu .more-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px 4px;
    z-index: 1;
    display: none;
}

.links li .sub-menu .more:hover .more-sub-menu {
    display: block;
}

.navbar .search-box {
    position: relative;
    height: 40px;
    width: 40px;
    display: none;
}

.navbar .search-box i {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.navbar .search-box .input-box {
    position: absolute;
    right: calc(100% - 40px);
    top: 80px;
    height: 60px;
    width: 300px;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}

.navbar.showInput .search-box .input-box {
    top: 65px;
    opacity: 1;
    pointer-events: auto;
    ; }

.search-box .input-box::before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
}

.search-box .input-box input {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 280px;
    outline: none;
    padding: 0 15px;
    font-size: var(--Brand_title_size_level_seven);
    border: none;
}

.navbar .nav-links .sidebar-logo {
    display: none;
}

.navbar .bx-menu {
    display: none;
}
.sticky .navbar .bx-menu {
    color: #000;
}

.mobile-nav{
    display:none;
}

@media (max-width: 920px) {


    nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child a {
     font-size: 12px !important;
    }
    nav .navbar {
        max-width: 100%;
        padding: 0 25px;
    }

    nav .navbar .logo a {
        font-size: 27px;
    }

    nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap;
    }

    nav .navbar .links li a {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    /* .navbar.filtre {
        display: flex;
        border-radius: 0;
        align-items: center;
        justify-content: space-between;
        padding: 0.4em 1.429em;
    } */
    nav .navbar .links li .sub-menu .nav-n1 {
        display: flex;
        justify-content: start;
        gap: 5px;
        background: #fff;
        z-index: 99;
        position: absolute;
        padding: 10px;
    }

    img#logoSite {
        margin: inherit;
        width: 87px;
    }

    nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap;
        text-align: left;
    }

    nav .navbar .links li a {
        color: #000;
    }

    nav .navbar {
        height: 100%;
        max-width: 1920px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        margin: auto;
        padding: 5px 22px;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        margin-top: 0;
    }

    nav .navbar .logo {
        display: none;
    }

    .navbar .bx-menu {
        display: block;
    }

    nav .navbar .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        display: none;
        max-width: 270px;
        width: 100%;
        line-height: 40px;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        z-index: 1000;
        background: white;
    }
    nav .navbar.filtre .nav-links {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        max-width: 100%;
        width: 100%;
        line-height: initial;
        padding: 20px 0px;
        box-shadow: none;
        transition: all 0.5s ease;
        z-index: 5;
        background: transparent;
    }
    .navbar .nav-links .sidebar-logo {
        display: grid;
        grid-template-columns: auto 25px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .sidebar-logo .logo-name img {
        width: 100%;
    }

    /* .sidebar-logo .logo-name {
font-size: 25px;
} */
    header.not-home .sidebar-logo i, header.not-home .navbar .bx-menu {
        font-size: 25px;
        color: black;
    }

    .sidebar-logo i, .navbar .bx-menu {
        font-size: 25px;
        color: white;
    }

    .navbar i.fa-solid.fa-xmark.bx.bx-x {
        color: black;
    }

    nav .navbar .links {
        display: block;
        margin-top: 20px;
        padding: 0;
    }

    nav .navbar .links li .arrow {
        line-height: 40px;
    }

    nav .navbar .links li {
        display: block;
    }

    nav .navbar .links li .sub-menu {
        position: relative;
        top: 0;
        box-shadow: none;
        display: none;
        padding: 0;
    }

    nav .navbar .links li .sub-menu li {
        border-bottom: none;
    }

    .navbar .links li .sub-menu .more-sub-menu {
        display: none;
        position: relative;
        left: 0;
    }

    .navbar .links li .sub-menu .more-sub-menu li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .links li:hover i.fa-caret-down, .links li:hover .fa-caret-down {
        transform: rotate(0deg);
    }

    .navbar .links li .sub-menu .more-sub-menu {
        display: none;
    }

    .navbar .links li .sub-menu .more span {
        display: flex;
        align-items: center;
    }

    .links li .sub-menu .more:hover .more-sub-menu {
        display: none;
    }

    /* nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu {
        display: none;
    }

    .navbar .nav-links.show1 .links .htmlCss-sub-menu, .navbar .nav-links.show3 .links .js-sub-menu, .navbar .nav-links.show2 .links .more .more-sub-menu {
        display: block;
    } */

    .navbar .nav-links.show1 .links i.fa-caret-down, .navbar .nav-links.show3 .links .fa-caret-down {
        transform: rotate(180deg);
    }

    .navbar .nav-links.show2 .links .fa-caret-right {
        transform: rotate(90deg);
    }
}

@media (max-width: 370px) {
    nav .navbar .nav-links {
        max-width: 100%;
        background: var(--white-color);
    }
}

/* start section collection */
section.collection {
    padding-bottom: 50px;
    padding-top: 70px;
}

section.collection .maps {
    padding: 25px 0 !important;
    position: fixed;
    bottom: 11px;
    right: 64px;
    z-index: 3;
}

section.collection .collection_hiver {
    position: relative;
}

section.collection .desc_collection {
    padding: 50px 50px;
    display: grid;
    justify-content: start;
    align-content: baseline;
    gap: 40px;
}

section.collection .desc_collection h2 {
    font-size: var(--Brand_title_size_level_forth);
    text-transform: uppercase;
    font-family: var(--Brand_title_fonts);
    margin-bottom: 30px;
    line-height: 27px;
}

section.collection .desc_collection h4 {
    font-size: 36px;
    font-weight: 400;
    margin: 15px 0 35px;
    font-family: var(--Brand_title_fonts);
}

section.collection .desc_collection p {
    /* font-size: var(--Brand_para_size); */
    font-weight: 400;
    margin: 0 0 35px;
    /* font-family: var(--Brand_title_fonts); */
    line-height: 30px;
    letter-spacing: 0.1rem;
    text-align: justify;
}

/* start section taille */
section.taille span.bas-slide {
    font-size: 13px;
}

.bloc-taille {
    /* background: url(../../front/images/835202-bgtaille.png)center no-repeat; */
    height: 100%;
    width: 100%;
    background-size: cover;
    min-height: 452px;
    position: relative;
    transition: all 0.3s ease-in-out;
    margin-top: 40px;
}

.bloc-taille.hover-zoom:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s linear;
    transform: scale(1.02);
}

/*.bloc-handmade.hover-zoom:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 0.3s linear;
transform: scale(1.02);
} */
section.taille span.top-slog {
    font-size: 28px;
    color: #000000;
    font-family: "Le Jeune Deck";
    right: 0;
    position: relative;
    top: -60px;
    z-index: 9;
    line-height: 38px;
    text-transform: uppercase;
    height: 110px;
    display: block;
    font-weight: 300;
}

section.taille span.txt-taille {
    color: black;
    z-index: 4;
    position: relative;
    right: 0;
    text-transform: uppercase;
}

section.taille span.top-slog:before {
    position: relative;
    content: "";
    display: inline-block;
    background: #ff0000;
    height: 3px;
    width: 116px;
    top: -5px;
    z-index: 999;
    margin-left: -140px;
}

section.taille .cont-slog {
    position: relative;
    display: block;
    width: 330px;
    height: auto;
    left: 0;
}

section.taille h3.slogantaille {
    font-size: 65px;
    color: #ffffff;
    font-family: 'Le Jeune Deck';
    position: absolute;
    display: block;
    margin-top: 70px;
    z-index: 9;
    left: auto;
    right: inherit;
    text-transform: uppercase;
    right: -323px;
    background: transparent;
    padding: 0;
}

section.taille span.bas-slide {
    background: #00000073;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'FoundersGrotesk';
    padding: 10px 0px;
    padding-bottom: 3px;
}

/* end section taille */
/* ABOUT BUTTON  */
.about-button a {
    display: inline-block;
    border: transparent;
    transition: .5s;
    margin: 0px 0 0;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    /* width: 154px; */
    /* display: block; */
    letter-spacing: 1px;
    padding: 5px 0px;
    padding-top: 11px;
    padding-left: 10px;
    font-family: 'Helvetica';
}
.sport .about-button a {
    color: #fff;
}
.about-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    width: 2%;
    height: 100%;
    background: #dc3545;
    transition: .5s;
}

.about-button a:hover:before {
    width: 100%;
}

.about-button a:hover {
    color: #ffffff;
}

a.decouvrir {
    color: black;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundersGrotesk';
    position: relative;
    width: 154px;
    display: block;
    margin: 0 auto;
    letter-spacing: 1px;
    padding: 4px 0px;
    padding-top: 11px;
    padding-left: 10px;
    height: 30px;
}

a.decouvrir:after {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 2px;
    height: 24px;
    left: 0;
    right: inherit;
    top: 9px;
    background: #dc3545;
}

span.iconPlus i {
    background: #dc3545;
    padding: 7px;
    color: white;
    font-size: 10px;
    margin: 0 5px;
    position: relative;
    top: -2px;
}

@keyframes change {
    0% {
        background-image: url(../../front/images/951963-bg-btn.jpg);
    }

    100% {
        background-image: url(../../front/images/998217-bg-red.jpg);
    }
}

section.collection .desc_collection a.decouvrir i.fa-solid.fa-arrow-right-long, section.taille .content-taille-desc a.decouvrir i.fa-solid.fa-arrow-right-long, section.luxyry .content-luxyry-desc .content-text a.decouvrir i.fa-solid.fa-arrow-right-long {
    margin-left: 12px;
}

section.collection .desc_collection a.decouvrir:after, section.luxyry .content-luxyry-desc .content-text a.decouvrir:after, section.cusual .content-cusual-desc .content-text a.decouvrir:after, section.sport .content-sport-desc .content-text a.decouvrir:after {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 2px;
    height: 24px;
    left: 0;
    right: inherit;
    top: 5;
    background: #dc3545;
}

@keyframes animate {
    0% {
        background-position: left;
    }

    50% {
        background-position: center;
    }

    100% {
        background-position: right;
    }
}

section.collection .desc_collection a.decouvrir i.fa-solid.fa-arrow-right-long, section.taille .content-taille-desc a.decouvrir i.fa-solid.fa-arrow-right-long {
    margin-left: 10px;
}

section.taille div#carouselExampleCaptions2 .carousel-indicators button, .content_slider div#carouselExampleCaptions .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--Heading_color);
    opacity: 1;
}

section.collection .collection_hiver div#carouselExampleCaptions1 .carousel-indicators button.active, section.autonome div#carouselExampleCaptions2 .carousel-indicators button.active, section.maquillage .content-carousel-maquillage .carousel-indicators button.active, section.collection.mah-nouveaute div#carouselExampleCaptions3 .carousel-indicators button.active , .content_slider div#carouselExampleCaptions .carousel-indicators button.active {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white !important;
    border: 2px solid #989898;
}

/* end section collection */
/* start section ABOUT  */
.section-about .video-container::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: url(../../front/images/203458-playvideo.png);
    background-size: cover;
    pointer-events: none;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    animation: scale 3s linear infinite;
}

.section-about .video-container {
    height: 550px;
    width: 100%;
    position: relative;
}

.section-about .video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-about video {
    height: 100%;
    width: 100%;
}

@keyframes scale {
    0% {
        box-shadow: -4px 2px 111px 1px rgba(5, 3, 3, 0.75);
    }

    100% {
        box-shadow: -4px 2px 111px 28px rgba(5, 3, 3, 0.75);
    }
}

section.about .popup-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%;
}

section.about .popup-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 750px;
    height: 750px;
    border-radius: 5px;
    border: 2px solid var(--white-color);
    object-fit: cover;
}

section.about .popup-video span {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 50px;
    color: var(--white-color);
    font-weight: 700;
    z-index: 100;
    cursor: pointer;
}

section.about video {
    height: 100%;
    width: 100%;
}

section.about .content-autonome-desc {
    margin-top: 270px;
}

section.about .content-autonome-desc h2 {
    font-family: var(--Brand_title_fonts);
    font-size: var(--Brand_title_size_level_five);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
}

section.maquillage .content-autonome-desc p {
    font-family: var(--Brand_title_fonts);
    font-size: var(--Brand_para_size);
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 30px;
    letter-spacing: 0.01rem;
}

section.maquillage .content-autonome-desc a.decouvrir {
    background-image: url(../../front/images/998217-bg-red.jpg);
}

section.maquillage .content-carousel-maquillage {
    position: relative;
}

section.maquillage div#carouselExampleCaptions3 {
    position: absolute;
    top: 40px;
    width: 480px;
    height: 725px;
    top: 60px;
    left: -89px;
    z-index: 0;
}

section.maquillage div#carouselExampleCaptions3 .carousel-indicators {
    bottom: 45px;
    gap: 30px;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner {
    height: 100%;
    position: relative;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .carousel-caption {
    bottom: 0;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .carousel-item, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner .carousel-item {
    height: 625px;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .carousel-caption, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner .carousel-caption {
    position: absolute;
    bottom: -26px;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner img, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner img {
    height: 500px;
    box-shadow: 4px 6px 15px -4px rgb(0 0 0 / 10%);
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .new, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner .new {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #f33f38;
    padding: 6px 25px;
    font-size: 13.5px;
    background: var(--white-color);
    box-shadow: 4px 6px 15px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 15px -4px rgba(0, 0, 0, 0.1);
    font-family: var(--Brand_title_fonts);
    text-align: center;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .remise, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner .remise {
    position: absolute;
    top: 23px;
    right: 27px;
    overflow: hidden;
    height: 50px;
    width: 50px;
    line-height: 19px;
    padding: 15px 4px;
    text-align: center;
    /* background-image: url(../../front/images/849066-bg-remise.png); */
    background: red;
    /* background-position: center; */
    border-radius: 50%;
}

section.maquillage div#carouselExampleCaptions3 .carousel-inner .remise span, section.mah-nouveaute div#carouselExampleCaptions3 .carousel-inner .remise span {
    color: var(--white-color);
    font-family: var(--Brand_title_fonts);
    font-size: var(--Brand_para_size);
    font-weight: 700;
    /* margin-top: 23px; */
    /* padding: 3px 58px; */
    display: inline-block;
    /* transform: rotate(45deg); */
}

/* end section maquillage */
/* start section luxyry */
section.luxyry {
    /*background: url(../../front/images/592071-luxyry.jpg) left;*/
    min-height: 870px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

section.luxyry .content-luxyry-desc, section.cusual .content-cusual-desc, section.sport .content-sport-desc, section.sport .content-cusual-desc {
    position: relative;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

section.luxyry .content-noveaute-desc .content-text p, section.cusual .content-cusual-desc .content-text p,.content-text p {
    position: relative;
    color: black;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 2px;
    font-size: 25px;
}

section.sport .content-sport-desc .content-text p {
    position: relative;
    color: white;
}

section.sport a.decouvrir {
    color: white;
}
section.sportwere {
    position: relative;
}
.imgsport img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.content-luxyry-desc {
    position: absolute;
    content: "";
    bottom: 50px;
    z-index: 3;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
section.luxyry_luxyry {
    margin-top: 12px;
}

section.cusual_cusual {
    position: relative;
    margin-top: 19px;
}
.imgcusual img {
    /* height: 100vh; */
    width: 100%;
    object-fit: cover;
}
.content-cusual-desc {
    position: absolute;
    content: "";
    bottom: 50px;
    z-index: 3;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}



section.luxyry .content-luxyry-desc .content-text h2, section.cusual .content-cusual-desc .content-text h2 {
    /* font-size: var(--Brand_title_size_level_two); */
    font-family: var(--Brand_title_fonts);
    text-transform: uppercase;
    width: auto;
    color: var(--Heading_color);
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}
section.sport .content-sport-desc .content-text h2 {
    font-size: 61px;
}
section.sport .content-sport-desc .content-text h2 {
    /* font-size: var(--Brand_title_size_level_two); */
    font-family: 'Le Jeune Deck';
    text-transform: uppercase;
    width: auto;
    color: white;
    margin-bottom: 10px;
    text-align: center;
}

section.cusual {
    /*background: url(../../front/images/636488-cusual.jpg) right;*/
    min-height: 870px;
    display: flex;
    align-items: center;
    background-size: cover;
}

section.sport {
    padding: 50px 35px 50px;
    /*background: url(../../front/images/599910-sportwear.jpg) right;*/
    /* min-height: 870px; */
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 100vh;
    display: flex;
    align-items: center;
}

/* end section luxyry */
/* start articles  */
section.articles {
    padding: 50px 0px;
}

section.articles .item {
    padding: 0px 8px;
    display: inline-block;
}

section.articles .product-item {
    height: 100%;
    position: relative;
    text-align: center;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    z-index: 2;
}

section.articles .product-item img {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

/*section.articles .product-item img:hover{-webkit-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);
transform: scale(1.01,1.01);-webkit-transition: all 2s;-moz-transition: all 2s;
-ms-transition: all 2s;-o-transition: all 2s;transition: all 2s;}
*/
section.articles .product-item img {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

section.articles .product-item:hover img {
    -webkit-transform: translate3d(0,-10%,0);
    transform: translate3d(0,-10%,0);
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

section.articles .product-item img {
    height: 100%;
    background-size: cover;
    width: 100%;
}

section.articles img-products >img {
    display: inline-block;
    width: 22px !important;
    margin-top: -10px;
}

section.articles .product-item .item-icons {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    /* transform: translateX(-50%); */
    justify-content: space-between;
    align-items: center;
    display: flex;
    animation: viewicons 0.2s linear;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #231f1f;
    line-height: 30px;
    margin-top: 8px;
}

section.articles .item a {
    width: 100%;
    height: 100%;
}

@keyframes viewicons {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 50px;
    }
}

@keyframes viewiconsCat {
    0% {
        bottom: 30px;
    }

    50% {
        bottom: 10px;
    }

    100% {
        bottom: 0px;
    }
}

section.articles .item a {
    text-decoration: none;
    color: inherit;
}

section.articles button.slick-next.slick-arrow {
    position: absolute;
    top: inherit;
    bottom: -40px;
    right: 35px;
    width: 50px;
    height: 50px;
    left: inherit;
}

section.articles button.slick-prev.slick-arrow {
    position: absolute;
    top: inherit;
    bottom: -40px;
    right: 98px;
    width: 50px;
    height: 50px;
    left: inherit;
}

section.articles .slick-prev:before {
    left: 0;
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
    font-size: 51px;
    position: absolute;
    right: 0px;
    bottom: 0;
    background: url(../../front/images/982204-arrows-slide.png)center no-repeat;
    height: 20px;
    width: 40px;
    content: "";
}

section.articles .slick-next:before {
    color: var(--Heading_color);
    font-family: "Font Awesome 5 Pro";
    font-size: 51px;
    position: absolute;
    right: 20px;
    bottom: 0;
    background: url(../../front/images/982204-arrows-slide.png)center no-repeat;
    height: 20px;
    width: 40px;
    transform: rotate(180deg);
    content: "";
}

section.articles h5 {
    font-size: 15px;
    color: #D80015;
    font-family: 'FoundersGrotesk';
    line-height: 26px;
    margin-bottom: 0;
    text-align: left;
}

section.articles h6 {
    font-size: 16px;
    color: black;
    line-height: 26px;
    font-family: 'FoundersGrotesk';
    margin-bottom: 0;
    text-align: left;
}

section.articles i {
    margin-top: 0;
    height: 30px;
    margin: 0 1px;
}

/* end product-cosmetique */
/* start section avis */
section.avis-clients {
    padding: 0 0 50px 0;
    text-align: center;
    position: relative;
}

section.avis-clients img {
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: var(--white-color);
    border-radius: 50%;
}

section.avis-clients .content-slider-avis {
    max-width: 80%;
    margin: 0 auto;
    position: relative;
}

section.avis-clients .avis-slider.slick-initialized.slick-slider {
    background-color: #f5f5f5;
    padding: 106px 0 50px;
    position: relative;
}

section.avis-clients .avis-slider .item {
    color: var(--Heading_color);
    position: relative;
    text-decoration: none;
}

section.avis-clients .avis-slider .item p {
    font-size: 20px;
    font-family: var(--Brand_title_fonts);
    font-weight: 400;
    color: var(--Heading_color);
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}

section.avis-clients .avis-slider .item .author-avis {
    font-size: 18px;
    font-family: var(--Brand_title_fonts);
    font-weight: 400;
    color: var(--Heading_color);
    text-transform: uppercase;
    display: inline-block;
    margin-top: 54px;
    position: relative;
}

section.avis-clients .avis-slider .item .author-avis:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 32px;
    top: inherit;
    bottom: 30px;
    background: var(--Heading_color);
    left: 50%;
    transform: translateX(1px);
}

section.avis-clients h2 {
    font-size: var(--Brand_title_size_level_two);
    font-family: var(--Brand_title_fonts);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--Heading_color);
    margin-bottom: 50px;
}

section.avis-clients .avis-slider .slick-dots {
    top: 50%;
    height: 5px;
}

section.avis-clients .slick-prev:before {
    content: "";
    background: var(--Heading_color);
    font-size: 51px;
    position: absolute;
    left: -69px;
    width: 115px;
    height: 2px;
}

section.avis-clients .slick-next:before {
    background: var(--Heading_color);
    content: "";
    font-size: 51px;
    position: absolute;
    right: -69px;
    width: 115px;
    height: 2px;
}

span.slick-prev-index {
    position: absolute;
    top: 43%;
    left: -94px;
}

span.slick-next-index {
    position: absolute;
    top: 43%;
    right: -94px;
}

/* start section icons */
section.icons {
    padding: 10px 0;
    text-align: center;
    padding-bottom: 80px;
}

section.icons .container-fluid {
    position: relative;
}

section.icons .container-fluid:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 100%;
    background: var(--white-color);
}

section.icons .container-fluid::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 100%;
    background: var(--white-color);
}

section.icons .item-desc img {
    margin: 30px auto 30px;
}

section.icons .item {
    position: relative;
    padding: 0 10px;
}

section.icons .item:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    /* background: #e6e6e6; */
    right: 0;
    top: 0;
    bottom: 0;
}

/* e6e6e6 */
section.icons .item-desc h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--Heading_color);
    margin-bottom: 0;
    font-family: 'Le Jeune Deck';
}
section.icons p {
    font-size: 14px;
    padding-top: 5px;
}
/* end section icons */
/* start footer */
section.footer {
    background: #fff;
    padding: 28px 0 0;
    border-top: 1px solid #d1d1d1;
}
.footer-bottom {
    border-top: 1px solid #d1d1d1;
    text-align: center;
    padding: 25px 0 15px;
}
.footer-copyright p {
    font-size: 11px !important;
}
.footer-top {
    padding: 0 72px 42px;
}
.footer-rs a {
    background: #000000;
    width: 21px;
    height: 21px;
    line-height: 20px;
    margin: 0 10px;
}
.title-item-footer {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 17px;
}

section.footer a i {
    color: #fff;
    font-size: 14px;
}

section.footer li {
    list-style: none;
}
section.footer li a {
    color: #3a3a3a;
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 13px;
    margin-bottom: 4px;
}
.res-sociaux-footer {
    margin-top: 12px;
    padding-bottom: 5px;
}
section.footer p {
    color: #adadad;
}

section.footer p a {
    font-size: 11px;
    font-family: 'Helvetica';
    color: #3a3a3a;
    text-decoration: none;
    font-family: 'Helvetica';
}


section.footer input {
    height: 45px;
    width: 100%;
    padding: 0 16px;
    border: 1px solid #000;
}
section.footer input::placeholder {
    font-family: 'Helvetica';
    font-size: 12px;
    text-transform: uppercase;
}

section.footer .footer-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 60px;
}

section.footer img.logoSite {
    width: 140px;
    margin: 0 auto;
    margin-bottom: 30px;
}

section.footer ul {
    list-style-type: none;
    padding-left: 0;
    font-size: 16px;
    line-height: 27px;
}

section.footer h4 {
    font-family: 'Le Jeune Deck';
    color: white;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.5px;
}

section.footer .carte-banck {
    display: flex;
    gap: 15px;
    top: 26px;
    position: relative;
}

section.footer form {
    position: relative;
    width: 100%;
    height: 45px;
    margin-bottom: 43px;
}
.item-footer {
    position: relative;
}
.item-footer:after {
    position: absolute;
    content: "";
    right: 0;
    top: 3px;
    width: 1px;
    height: 325px;
    background: #d1d1d1;
}
.item-footer.last-child:after {
  display: none;
}
.footer-center {
    border-top: 1px solid #d1d1d1;
    text-align: center;
    padding: 38px 0 24px;
}

section.footer .btn-subscribe {
    position: absolute;
    right: 0;
    width: 111px;
    height: 100%;
    border: 0;
    font-size: 12px;
    background: #000;
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
    outline: none;
    transition: opacity 0.35s ease-out, width 0.5s ease-out, background 0.25s ease-out;
    height: 45px;
    font-family: 'Helvetica';
    text-transform: uppercase;
    line-height: 48px;
}



section.footer ul {
    list-style-type: none;
    padding-left: 0;
    font-size: 16px;
    line-height: 27px;
}

section.footer label {
    position: absolute;
    left: 1%;
    top: 55%;
    margin-top: -10px;
    color: #adadad;
    text-transform: capitalize;
    font-size: 13px;
    transform-origin: left center;
    transition: transform 0.25s ease-out, color 0.25s ease-out;
    font-family: 'FoundersGrotesk';
}

section.footer .res-sociaux-footer a {
    background: #434445;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px 8px;
}

/* end footer */
/* ===============================================
start page nos magasins
=============================================== */
.search-magasin h2 {
    font-size: 20px !important;
    padding-bottom: 0 !important;
    line-height: 15px !important;
    margin-top: 25px;
    margin-left: 0;
    font-family: "grafik";
    font-weight: 700 !important;
}

.form-group {
    margin-bottom: 1rem;
}

select.form-control:not([size]):not([multiple]) {
    /* height: calc(1.25rem + 2px); */
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    color: #999 !important;
    line-height: 25px;
    padding-bottom: 3px;
    margin-bottom: 15px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 13px;
    font-family: 'Helvetica';
    text-transform: uppercase;
}

.informations {
    background: #f3f3f3;
    padding: 15px 30px;
    font-family: "grafik";
}

/* ===============================================
END  page nos magasins
=============================================== */
/* ===============================================
start page centre mahassen
=============================================== */
/* start marketing */
.header-marketing {
    height: 533px;
    position: relative;
}

.header-marketing:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #00000020;
    z-index: 0;
}

.header-marketing img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-marketing .header-marketing-icons {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--white-color);
    z-index: 1;
}

.header-marketing .header-marketing-icons {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--white-color);
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transform: translateY(-50%);
    overflow: hidden;
    width: auto;
}

.header-marketing .header-marketing-icons a {
    display: flex;
    background: var(--Heading_color);
    gap: 13px;
    text-transform: uppercase;
    font-size: var(--Brand_title_size_level_seven);
    font-weight: 400;
    width: auto;
    padding: 15px;
    color: var(--white-color);
    text-decoration: none;
    align-items: center;
    position: relative;
    right: -131px;
    transition: right 2s;
}

.header-marketing .header-marketing-icons a:hover {
    right: 0;
}

.header-marketing .header-marketing-icons a i {
    font-size: 18px;
}

.header-marketing .header-marketing-desc {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    color: var(--white-color);
    z-index: 1;
}

.header-marketing .header-marketing-desc.meilleur {
    width: 100%;
}

.header-marketing .header-marketing-desc h1 {
    font-size: var(--Brand_title_size_level_five);
    font-weight: 700;
    font-family: var(--Brand_title_fonts);
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    -moz-text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
    text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
}

.header-marketing .header-marketing-desc p {
    font-size: 24px;
    font-weight: 400;
    font-family: var(--Brand_title_fonts);
    -moz-text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
    text-shadow: 6px 5px 8px rgba(0, 0, 0, 0.5);
}

.header-marketing .header-marketing-desc.meilleur p {
    width: 53%;
    margin: 0 auto;
}

a.decouvre {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--Brand_title_fonts);
    text-decoration: none;
    color: white;
    background: black;
    padding: 20px;
    width: 240px;
    height: 60px;
    clear: both;
    display: table;
    margin: 30px auto 0;
    text-transform: uppercase;
    transition: opacity 2s;
}

a.decouvre:hover {
    opacity: .5;
}

/* start section la Marque */
section.lamarque {
    padding: 70px 35px;
    position: relative;
}

.live-slider.slick-initialized.slick-slider .item {
    height: 594px;
}

.live-slider.slick-initialized.slick-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.lamarque:after {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    background-color: #f5f5f5;
    top: 0;
    right: 50%;
    bottom: 0;
    z-index: -1;
}

section.lamarque .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: inherit;
    display: block;
    width: 51px;
    height: 51px;
    padding: 0;
    left: inherit;
    right: 60px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: -80px;
}

section.lamarque .slick-prev:before {
    color: var(--Heading_color);
    font-family: "Font Awesome 5 Pro";
    font-size: 51px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 300;
}

section.lamarque .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: inherit;
    display: block;
    width: 51px;
    height: 51px;
    padding: 0;
    left: inherit;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    bottom: -80px;
}

section.lamarque .slick-next:before {
    color: var(--Heading_color);
    font-family: "Font Awesome 5 Pro";
    font-size: 51px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 300;
}

/* end section la Marque */
/* ============================================
start page fond de teint
============================================ */
/* start navigayions links */
.navigation-links {
    text-align: center;
    padding: 0 50px;
}

.navigation-links .container-fluid {
    padding: 50px 0;
    height: 100%;
    /* background: #f5f6f5; */
}

.navigation-links h1 {
    font-size: 36px;
    font-weight: 500;
    font-family: 'Le Jeune Deck';
    text-align: left;
    padding-top: 2px;
}

.navigation-links .breadcrumb {
    /* justify-content: center; */
    margin: 0;
}

.navigation-links nav {
    border: none;
    color: #505050;
}

.navigation-links li.breadcrumb-item, .navigation-links li.breadcrumb-item a {
    height: 100%;
    font-weight: 300;
    text-decoration: none;
    white-space: nowrap;
    color: #505050;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Century Gothic';
}

.navigation-links li.breadcrumb-item a {
    text-decoration: underline;
    text-transform: uppercase;
}

/* end navigayions links */
/* ======================= */
.select_wrap {
    margin: 30px auto 20px 0;
    position: relative;
    user-select: none;
}

.select_wrap ul {
    list-style: none;
    padding: 0;
}

.select_wrap .default_option {
    background: #fff;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    border: 1px solid #e4e3e3;
}

.select_wrap .default_option:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);
}

.select_wrap .select_ul {
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    display: none;
    -webkit-box-shadow: 3px 3px 26px -6px rgb(165 160 160);
    -moz-box-shadow: 3px 3px 26px -6px rgba(165, 160, 160, 1);
    box-shadow: 3px 3px 26px -6px rgb(165 160 160);
}

.select_wrap .select_ul li {
    cursor: pointer;
}

.select_wrap .select_ul li:first-child:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select_wrap .option {
    display: flex;
    align-items: center;
    height: 54px;
    box-sizing: border-box;
    padding: 0 15px 0 20px;
}

.select_wrap .option p {
    margin: 0;
    font-size: var(--Brand_para_size);
    font-family: var(--Brand_title_fonts);
    font-weight: 400;
    color: #454545;
}

.select_wrap .option .icon {
    background: url('../../front/images/308896-teinte-plan.png') no-repeat 0 0;
    width: 32px;
    height: 32px;
    margin-right: 15px;
}

.select_wrap .option.teinte-num0 .icon {
    background-position: 0 -10px;
}

.select_wrap .option.teinte-num1 .icon {
    background-position: 0 -64px;
}

.select_wrap .option.teinte-num2 .icon {
    background-position: 0 -120px;
}

.select_wrap .option.teinte-num3 .icon {
    background-position: 0 -173px;
}

.select_wrap .option.teinte-num4 .icon {
    background-position: 0 -227px;
}

.select_wrap .option.teinte-num5 .icon {
    background-position: 0 -282px;
}

.select_wrap .option.teinte-num6 .icon {
    background-position: 0 -335px;
}

.select_wrap.active .select_ul {
    display: block;
    z-index: 1;
}

.select_wrap.active .default_option:before {
    top: 25px;
    transform: rotate(-225deg);
}

/* ================================= */
/* ============================================
responsive
============================================ */
@media (max-width: 767px) {
    /* start header */ .content_slider .carousel-item {
        height: 250px !important;
    }

    .content_slider .carousel-item img.d-block.w-100 {
        object-fit: cover;
    }

    /* end header */
    /* start header icon */
    .header_logo_icons .content_lang {
        margin-bottom: 20px;
        justify-content: space-between;
    }

    .header_logo_icons .header_icons {
        justify-content: center;
        /* margin-top: -52px; */
        gap: 32px;
    }

    /* end header icon */
    /* start section collection */
    section.collection {
        padding-bottom: 50px;
        padding-top: 40px;
    }

    /* end section collection */
    /* start section avis */
    section {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    /* end section avis */
    /* start section carte-mahassen */
    .slick-next {
        right: 0;
    }

    .slick-prev {
        left: 0;
    }

    /* start footer */
    /* end footer */
    /* ===========================================
start page centre mahassen
=========================================== */
    /* start section lamarque */
    .live-slider.slick-initialized.slick-slider .item {
        height: 494px;
    }

    section.lamarque:after {
        width: 50%;
        top: inherit;
        right: 50%;
        bottom: 10px;
        height: 620px;
    }

    /* end section lamarque */
}

@media (max-width: 480px) {
    /* start header */ .header_logo_icons {
        padding: 8px 0;
    }



    .header_logo_icons .content_lang {
        display: inherit;
        text-align: center;
    }

    .header_logo_icons .lang-menu .selected-lang {
        margin-bottom: 20px;
    }

    .header_logo_icons .lang-menu ul.languages_uses {
        right: inherit;
    }

    /* end header */
    section.collection .desc_collection a.decouvrir {
        font-size: 18px;
    }

    section.collection .collection_hiver .carousel-indicators {
        gap: 8px;
    }

    .carousel-caption {
        right: 15px;
        left: 15px;
    }


    /* start footer */
    section.footer .footer-content {
        grid-template-columns: repeat(1, 1fr);
    }

    /* end footer */
    /* start section lamarque */
    section.lamarque {
        padding: 0 35px 50px;
    }

    /* end section lamarque */
    /* ===========================================
end page
=========================================== */
    /* ===========================================
start page
=========================================== */
    /* start header */
    div.nos_offres a {
        display: block;
        margin-left: 0;
        padding-top: 5px;
    }

    .header_logo_icons .content_lang {
        margin-top: 0;
    }

    .content_lang.p-maquillage {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .header_logo_icons .monnais {
        float: right;
        margin-right: 20px;
    }

    .header_logo_icons .lang-menu .mon_uses {
        right: 20px;
    }

    .content_lang.p-maquillage .mahassen-live {
        grid-column: 1 / 3;
    }

    .header_logo_icons .monnais span {
        width: auto;
    }

    .header_logo_icons .lang-menu, .header_logo_icons .monnais {
        position: relative;
        display: table;
        text-align: left;
    }

    a.decouvre {
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* start nav  */ /* end nav */ /* start slider */ .content_slider .carousel-caption h1 {
        font-size: 50px;
    }

    /* end slider */
    /* start header_logo_icons */
    .header_logo_icons .content_lang {
        justify-content: space-between;
        margin-bottom: 55px;
    }



    /* end header_logo_icons */
}
nav .navbar.filtre .links li .sub-menu {
    position: absolute;
    top: 40px;
    left: -30px;
    right: 0;
    line-height: initial;
    background: var(--white-color);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 1111;
    padding: 10px 30px;

    width: auto;
    max-width: 150px;
    margin: 0 auto;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
    text-transform: capitalize;
}
@media only screen and (min-width: 320px) {
    /* ul.sameday-bopis-filter-content {
        padding-left: 0;
    }
    nav .navbar.filtre  .links li a:active, nav .navbar.filtre .links li a:hover, nav .navbar.filtre .links li a:focus {
      color: inherit !important;
        text-decoration: underline;
    } */

button.section-heading.price-refinment-header.secondary-subheader.toggle {
    font-family: RL_DroidKufi,Helvetica Text Medium,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 700;
    background-color: #fff;
    text-align: left;
    border: none;
    margin-top: 0;
    font-size: .8125rem;
    color: #041e3a;
    padding: 1.25rem 1.5625rem 1.25rem 1.25rem;
    position: relative;
    width: 100%;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: uppercase;
}

.secondary-refinements .refinement button, .secondary-refinements .refinement button:hover {
    cursor: auto;
    padding: 0 16px 0 2px;
    min-height: 2rem;
}

li.bopis-filter-option {
    min-height: 3.125rem;
    font-size: .6875rem;
    flex: none;
}

ul.sameday-bopis-filter-content li {
    list-style-type: none;
}

a.refinement-link.bopis-filter.disabled {
    border: 1px solid #767676;
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid #474747;
    vertical-align: text-bottom;
    margin-right: 0.3125rem;
    position: relative;
    margin-left: -1.25rem;
}

span.js-plp-bopis.plp-filter-store-update.plp-filter-store-update-nearby {
    color: #041e3a;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-size: .6875rem;
    letter-spacing: .015625rem;
    line-height: .625rem;
    display: inline-block;
    text-decoration: underline;
}

button.section-heading.secondary-subheader.toggle {
    font-family: 'Helvetica';
    font-style: Normal;
    font-weight: 700;
    background-color: #fff;
    text-align: left;
    border: none;
    margin-top: 0;
    font-size: 15px;
    color: #444444;
    padding: 1.25rem 0 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: start;
    align-items: baseline;
    margin-top: 0;
    letter-spacing: 1px;
}

.topheading .columnheading {
    padding: 0;
    display: block;
    margin-bottom: 19px;
}
.topheading {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 30px;
}

ul.sameday-bopis-filter-content li {
    display: block !important;
}

div ul.options {
    float: left;
    text-align: left;
}

.columnheading label {
    text-transform: capitalize;
    padding: 0 0.5rem 0 0.125rem;
    font-size: .6875rem;
    line-height: .6875rem;
    border: 0;
    padding-left: 10px;
    display: inline-block;
    color: #041e3a;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
}

ul.options {
    padding-inline-start: 0; }

.topFiltre {
    display: block;
    justify-content: start;
    gap: 0;
}

.bottomFiltre {
    display: flex;
    gap: 100px;
}

.columnheading li {
    min-height: 1rem;
    padding: 0 2px !important;
    justify-content: start !important;
    padding-bottom: 0.4rem !important;
    margin-bottom: 13px;
}

span.imagecolor img {
    display: inline;
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    margin-right: 7px;
}

ul.options a {
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
    text-align: left;
    cursor: pointer;
}

span.plp-sameday-icon-clock {
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: .015625rem;
    color: #041e3a;
    width: auto;
}

button.section-heading.secondary-subheader.toggle span {
    display: flex;
    justify-content: space-around;
    float: left;
}

.refinement ul li.selected .check-box:before {
    content: "";
    background-image: url(../../front/css/images/197967-check.svg);
    position: absolute;
    width: 13px;
    height: 13px;
    display: inline-block;
    top: -4px;
    left: -4px;
}

.navbar.filtre .fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 0;
    position: relative;
}

nav .navbar.filtre .links li .fa-caret-right, nav .navbar.filtre .links li .fa-caret-down {
    height: 100%;
    width: 22px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 8px;
    color: white;
    top: -8px;
    position: relative;
}

input:checked {
    border: none;
    border-color: #000;
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid #474747;
    vertical-align: text-bottom;
    margin-right: 0.3125rem;
    position: relative;
    margin-left: 0rem;
    content: "";
    background-image: url(../../front/css/front/images/424174-check.svg);
}

span.filter-paging-label {
    padding: 0 0.4375rem;
    font-size: .75rem;
    letter-spacing: .0625rem;
    vertical-align: top;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
}

/*.navbar.filtre li.has_children:first-child {
        position: absolute;
        left: 0;
        justify-content: start;
        width: 100%;
    }*/
.columnheading input[type="checkbox"] {
    display: none;
}

.columnheading input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 17px;
    margin-bottom: 20px;
    font-family: 'Helvetica';
    cursor: pointer;
    font-style: Normal;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #000;
    text-transform: capitalize;
    font-size: 13px;
}

.columnheading input[type="checkbox"] + label:last-child {
    margin-bottom: 0;
}

.columnheading input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: -2px;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

.columnheading input[type="checkbox"]:checked + label:before {
    width: 11px;
    top: -2px;
    height: 11px;
    left: 0;
    border-radius: 0;
    border: 1px solid #000;
    opacity: 1;
    background-image: url(.../../front/css/images/197967-check.svg);
    background-size: 9px;
}

.columnheading input:checked {
    width: 18px;
    top: 0;
    height: 18px;
    left: 0;
    border-radius: 0;
    border: 1px solid #000;
    opacity: 1;
    background-image: url(.../../front/css/images/197967-check.svg);
}

#mob-close-bottom .clear-button {
    width: auto;
    border: 1px solid #041e3a;
    padding: 0.9375rem 2rem;
    margin-left: 0.6875rem;
    font-size: .6875rem;
    margin-top: 0;
    background: #041e3a;
    color: white;
    max-width: 12rem;
    border: none;
}

button#filters-done {
    background-color: #949494;
    padding: 0.9375rem 2rem;
    margin-left: 0;
    font-size: .6875rem;
    /* margin-top: 0; */
    max-width: 12rem;
    color: white;
    border: none;
}
div#mob-close-bottom {
    margin-top: 96px;
}
    /* START popuuppp resposnsive */ .popup-btns {
        width: 100%;
        margin: 0 auto;
        display: block !important;
    }

    .sc-graph-image img {
        max-width: 90px;
        margin: 0 auto;
        display: block;
    }

    img#logofixed {
        display: none;
    }

    /* START FOOTER */
    section.footer span.adresseFooter {
        background: #434445;
        padding: 5px 6px;
        color: #adadad;
        margin-top: 0;
        position: relative;
        display: block;
        max-width: 210px;
    }

    section.footer span.adresseFooter i {
        font-size: 8px;
    }

    section.footer .carte-banck {
         gap: 5px;
    }

    /* ENDD FOOTER */
    .section-about .video-container {
        width: 100%;
        position: relative;
    }

    section.collection .desc_collection {
        padding: 50px 15px;
    }

    .shop {
        position: relative;
    }

    .coeur {
        position: relative;
    }

    span.compteur {
        position: absolute;
        top: 0px;
        background: #bd212a;
        color: white;
        border-radius: 50%;
        width: 13px;
        height: 13px;
        padding: 0px 0px;
        font-size: 8px;
        display: flex;
        justify-content: center;
        right: -7px;
        z-index: 9;
        align-items: center;
    }

    /* ABOUT BG SECTION   */
    section.chaussure {
        padding: 50px 0px;
    }

    section.hand p {
        padding: 0px 5px;
        padding-top: 80px;
        text-align: right;
    }

    section.chaussure .product-item {
        position: relative;
        margin: 0 auto;
        width: 100%;
    }



    section.cusual {
        min-height: 410px;
    }

    section.sport {
        /* min-height: 400px; */
    }

    section.luxyry {
        min-height: 400px;
    }

    section.taille h3.slogantaille {
        font-size: 35px;
        color: #000000;
        position: relative;
        display: block;
        margin-top: 0;
        z-index: 6;
        left: auto;
        right: inherit;
        right: 0;
        padding: 0;
        text-align: center;
        padding-top: 0;
    }

    section.luxyry_luxyry {
        position: relative;
    }
    .imgluxyry img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }



    section.taille span.txt-taille {
        /* color: white; */
        position: relative;
        right: -10px;
        text-transform: uppercase;
    }

    section.taille span.top-slog {
        font-size: 16px;
        color: #000000;
        font-family: 'Le Jeune Deck';
        right: 0;
        position: relative;
        top: -5px;
        z-index: 5;
        line-height: 35px;
        text-transform: uppercase;
        height: auto;
        display: block;
    }

    section.taille .cont-slog {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        left: 0;
        margin: 0 auto;
    }

    section.taille span.top-slog:before {
        position: relative;
        content: "";
        display: inline-block;
        background: #ff0000;
        height: 3px;
        width: 100px;
        top: -5px;
        z-index: 999;
        margin-left: 4px;
    }

    /* HANDMADE */
    section.hand span.txt-made {
        color: white;
        /* z-index: 9999; */
        position: relative;
        right: 0;
    }

    section.hand h3.txtslogan {
        font-size: 32px;
        color: #ffffff;
        font-family: 'Le Jeune Deck';
        top: 0;
        left: 0;
        position: relative;
        padding-left: 10px;
        z-index: 8;
        line-height: 38px;
        letter-spacing: 17px;
        text-transform: uppercase;
        text-align: center;
    }

    section.hand h3.h3slogan {
        font-size: 35px;
        color: #ffffff;
        font-family: "Le Jeune Deck";
        left: 0;
        position: relative;
        /* display: inline-block; */
        top: 0;
        z-index: 6;
        background: transparent;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    section.details .item-desc {
        margin: 10px 0px;
    }

    section.hand .banner-img, section.chaussure .banner-img, section.details .banner-img, .content-categories .img-wrap {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        width: 100%;
    }

    section.hand .banner-img:hover img , section.chaussure .banner-img:hover img , section.details .banner-img:hover img, .content-categories .img-wrap:hover img {
        -webkit-transition: all ease-out 0.7s;
        -moz-transition: all ease-out 0.7s;
        -ms-transition: all ease-out 0.7s;
        -o-transition: all ease-out 0.7s;
        transition: all ease-out 0.7s;
        -webkit-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }

    section.hand .banner-img img {
        -webkit-transition: all ease-out 0.7s;
        -moz-transition: all ease-out 0.7s;
        -ms-transition: all ease-out 0.7s;
        -o-transition: all ease-out 0.7s;
        transition: all ease-out 0.7s;
        object-fit: cover;
        min-height: 325px;
    }

    section.chaussure .banner-img img {
        -webkit-transition: all ease-out 0.7s;
        -moz-transition: all ease-out 0.7s;
        -ms-transition: all ease-out 0.7s;
        -o-transition: all ease-out 0.7s;
        transition: all ease-out 0.7s;
        object-fit: cover;
        min-height: 325px;
    }

    section.details .banner-img img {
        -webkit-transition: all ease-out 0.7s;
        -moz-transition: all ease-out 0.7s;
        -ms-transition: all ease-out 0.7s;
        -o-transition: all ease-out 0.7s;
        transition: all ease-out 0.7s;
        object-fit: cover;
    }

    .content-categories .img-wrap img {
        -webkit-transition: all ease-out 0.7s;
        -moz-transition: all ease-out 0.7s;
        -ms-transition: all ease-out 0.7s;
        -o-transition: all ease-out 0.7s;
        transition: all ease-out 0.7s;
        object-fit: cover;
        width: 100%;
    }

    /* ENNND  hand MADE   */
    /* bloc chaussures  */
    section.chaussure h3, section.articles h3 {
        color: #020104;
        font-size: 35px;
        text-transform: uppercase;
        line-height: 38px;
        font-family: 'Le Jeune Deck';
        margin: 0 auto;
        text-align: center;
        margin-bottom: 50px;
    }
    section.chaussure h3{
        position: relative;
    }
    section.chaussure h3:before {
        position: absolute;
        content: "";
        width: 80px;
        height: 1px;
        background: #000;
        margin-left: -94px;
        margin-top: 18px;
    }
    section.chaussure h3:after {
        position: absolute;
        content: "";
        width: 80px;
        height: 1px;
        background: #000;
        margin-left: 17px;
        margin-top: 18px;
    }

    section.articles h3:before {
        position: relative;
        content: "";
        display: inline-block;
        background: #bd212a;
        height: 12px;
        width: 12px;
        top: -38px;
        z-index: 4;
        left: -10px;
    }

    button.btnBoot a {
        text-decoration: none;
        color: black;
    }

    .product-item img {
        width: 100%;
        object-fit: contain;
        height: 100%;
        max-width: 525px;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
    }

    .img-products img {
        width: 20px !important;
        display: inline-block;
        margin-top: -10px;
    }

    .content-look-products .product-item img {
        width: 100%;
        object-fit: contain;
        height: 100%;
    }

    .content-look-products .slick-next, .content-look-products .slick-prev {
        top: 40%;
    }

    .content-look-products .slick-next {
        right: -15px;
    }

    .content-look-products button.slick-prev.slick-arrow:before {
        background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }
    .content-look-products.completer-look button.slick-next.slick-arrow:before {
        content: '\f105';
        font-family: 'FontAwesome';
        color: #686868;
        background: none !important;
        transform: none;
        width: 0;
        height: 0;
        font-size: 18px;
    }
    .content-look-products.completer-look .slick-next {
        right: 54px;
    }

    .content-look-products button.slick-next.slick-arrow:before {
        background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        transform: rotate(-90deg);
    }

    /* BLOC INSTAAGRAM */
    i.instagram2 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #fff;
        font-size: 4rem;
        z-index: 9;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 1;
        background-repeat: no-repeat;
        background: url(../../front/images/920026-insta-icon.png) no-repeat;
        width: 37px;
        height: 36px;
    }

    section.instagramm span.sloganInst {
        font-size: 34px;
        color: #02010421;
        position: relative;
        left: 0;
        right: 0;
        top: 70px;
        z-index: 0;
        text-transform: uppercase;
        line-height: 74px;
        font-family: 'Times New Roman';
    }

    section.instagramm h4 {
        color: #D80015;
        font-size: 22px;
        line-height: 26px;
    }

    section.instagramm span.titre-insta {
        font-size: 26px;
        line-height: 31px;
        font-family: 'FoundersGrotesk';
    }

    section.instagramm img.img-inst {
        max-width: 100%;
        height: 201px;
        object-fit: cover;
    }

    .form-inline2 {
        display: flex;
        justify-items: center;
        justify-content: center;
        margin-right: 0px;
    }

    .form-inline {
        margin-left: 0px;
    }

    /* start tabs produits  */
    .tabsdescription {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 10px auto;
        justify-content: center;
    }

    .c-product-details {
        max-width: 410px;
        margin: 10px auto;
    }

    section.produits-details .link-secondary {
        font-weight: normal;
        height: 100%;
        font-size: 13px;
        line-height: 25px;
        color: #ffffff;
        text-transform: uppercase;
        background-color: transparent;
        text-align: center;
        padding: 8px 0px;
        padding-bottom: 0;
        font-family: 'FoundersGrotesk';
        width: 58%;
        margin: 0 30px;
        width: 160px;
        border: 1px solid #bd212a;
    }
    /*****************************************************************/
    section.detail-look .link-secondary{
        font-weight: normal;
        height: 100%;
        font-size: 13px;
        line-height: 25px;
        color: #ffffff;
        text-transform: uppercase;
        background-color: transparent;
        text-align: center;
        padding: 8px 0px;
        padding-bottom: 0;
        font-family: 'FoundersGrotesk';
        width: 58%;
        margin: 0 30px;
        width: 160px;
        border: 1px solid #bd212a;
    }
    section.detail-look .active.link-secondary {
        font-weight: normal;
        color: #fff !important;
        height: 100%;
        font-size: 13px;
        line-height: 25px;
        color: #ffffff;
        text-transform: uppercase;
        background-color: #bd212a;
        text-align: center;
        padding: 8px 0px;
        padding-bottom: 0;
        font-family: 'FoundersGrotesk';
        width: 58%;
        margin: 0 30px;
        width: 160px;
    }
    section.detail-look ul.nav {
        display: flex;
        justify-content: space-around;
    }
    /*******************************************************************/
    section.produits-details .active.link-secondary {
        font-weight: normal;
        color: #fff !important;
        height: 38px;
        font-size: 13px;
        line-height: 24px;
        color: #ffffff;
        text-transform: uppercase;
        background-color: #bd212a;
        text-align: center;
        padding: 7px 0px 11px;
        padding-bottom: 0;
        font-family: 'Helvetica';
        width: 58%;
        margin: 0 30px;
        width: 160px;
    }

    .fade:not(.show) {
        opacity: 1;
    }

    section.produits-details ul.nav {
        display: flex;
        justify-content: space-around;
    }

    .tabsdescription {
        gap: 10px;
    }

    .img-products img {
        width: 20px !important;
        display: inline-block !important;
        margin-top: -10px;
    }

    .content-tabs {
        position: relative;
        max-width: 890px;
        padding: 0px 20px;
        padding-right: inherit;
    }


}

@media only screen and (min-width: 768px) {
    .popup-btns {
        width: 80%;
        margin: 0 auto;
        display: flex !important;
    }

    .sc-graph-image img {
        max-width: 170px;
    }

    /* RESPONSSIVE FOOTER  */
    section.footer span.adresseFooter {
        font-size: 12px;
        padding: 5px 1px;
    }

    section.footer img.logoSite {
        width: 100px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    section.footer .res-sociaux-footer a {
        display: contents;
    }

    section.footer p {
        color: #adadad;
        font-size: 15px;
    }

    section.footer h4 {
        font-size: 18px;
    }

    section.luxyry {
        min-height: 580px;
    }

    section.cusual {
        /*background: url(../../front/images/636488-cusual.jpg) right;*/
        min-height: 580px;
        background-size: cover;
    }

    section.sport {
        min-height: 580px;
        background-size: cover;
    }

    .product-item img {
        width: 100%;
        object-fit: contain;
        height: 100%;
        max-width: 525px;
    }

    /*CONTENT HEADERR */
    .content_slider .content_networks {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 55%;
        gap: 0;
        bottom: 0;
    }

    /*CONTENT 1er sectionn  */
    section.collection .desc_collection {
        padding: 0px 20px;
        display: grid;
        justify-content: start;
        align-content: baseline;
        gap: 0;
    }

    /*CONTENT section handmade  */
    section.hand h3.txtslogan {
        font-size: 32px;
        top: 0;
        line-height: 38px;
        letter-spacing: 3px;
        left: 0;
        position: relative;
        padding-left: 10px;
        text-align: left;
    }

    section.hand h3.h3slogan {
        font-size: 55px;
        color: #1c1f23;
        font-family: 'Le Jeune Deck';
        left: -199px;
        position: relative;
        display: inline-block;
        top: 0;
        background: transparent;
        padding: 0;
    }
    .content-handmade {
        position: absolute;
        left: 35%;
    }

    section.hand .banner-img img {
        min-height: 365px;
    }

    section.chaussure .banner-img img {
        min-height: 225px;
    }




    /* ============================================
start  RESPONSIVE page produit
============================================ */
    /* start tabs produits  */
    .tabsdescription li {
    }

    .tabsdescription li.active, .tabsdescription li:hover {
        border-bottom: 2px solid #bd212a;
        margin-bottom: 0;
    }

    section.details .content {
        text-align: -webkit-center;
        /* height: 160px; */
        text-align: left;
        width: 836px;
    }

    .content>div {
        padding: 20px;
    }

    .content-tabs .content p {
        font-size: 14px;
        font-family: "Century-Gothic-Regular";
        text-align: justify;
    }

    /* .content>div:not(:first-child) {
        display: none;
    } */

    .c-product-details {
        max-width: 90%;
        margin: 0 auto;
        font-family: 'Century Gothic';
    }
    .product-nouveaute {
        max-width: 100%;
    }
    .content-look-products {
        /* max-width: 90%; */
        margin: 0 auto;
    }

    .content-tabs {
        max-width: 890px;
        padding: 0px 20px;
        padding-right: 0;
    }

    article {
        margin-left: 3rem!important;
    }

    .content-look-products .product-item img {
        width: 100%;
        object-fit: contain;
        height: 100%;
        max-width: 100%;
    }

    .form-inline2 {
        display: flex;
        justify-items: center;
        justify-content: center;
        margin-right: 120px;
    }

    .form-inline {
        margin-left: 40px;
    }

    .products-grid {
        display: grid;
        gap: 1em;
    }

    .grid-2 {
        grid-template-columns: repeat(2,1fr);
        max-width: 950px;
        margin: 0 auto;
        -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    }

    .grid-4 {
        grid-template-columns: repeat(3,1fr);
        -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    }
}

@media only screen and (min-width: 992px) {
    /* ============================================
start page home
============================================ *//* STICKYY MENYU */ .header_logo_icons.sticky nav .navbar .links li .fa-caret-right,.header_logo_icons.sticky nav .navbar .links li .fa-caret-down {
        color: black;
    }

    .header_logo_icons.sticky nav .navbar .links li a {
        color: #3a3a3a;
    }

    header.not-home .sticky {
        position: fixed !important;
        top: 0;
        width: 100%;
        background: white;
        left: 0;
        right: 0;
        height: 74px;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: white;
        left: 0;
        right: 0;
        height: 74px;
        box-shadow: 0 0 15px #dbdbdb8c;
    }

    img#logofixed {
        display: none;
        margin: 5px auto;
        margin-top: 3px;
    }

    .header_logo_icons.sticky img#logofixed {
        display: block;
        opacity: 1;
        width: 100px;
        margin: 0px auto;
    }

    .header_logo_icons.sticky img#logoSite {
        opacity: 0;
        display: none;
        margin: 0 auto;
    }

    .header_logo_icons.sticky nav .navbar .nav-links {
        margin-top: 0px;
    }

    /* ENDD  Stickyy  */
    /* start HEADERR  */
    .topOffre {
        display: flex;
        justify-content: center;
    }

    .content_lang {
        display: flex;
        gap: 17px;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 70px;
        flex-direction: row-reverse;
    }
    .content_lang i.fa-map-marker-alt {
        padding-right: 6px;
        font-size: 13px;
    }
    .content_lang i.fa-globe {
    color: #fff;
    font-size: 13px;
    padding: 0 7px 0 0;
}

    /* ENDD navBAR  */

    /* start navBAR  */
    nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image {
        max-width: 170px;
        height: 210px;
        margin-top: 10px;
    }

    nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image2 {
        max-width: 170px;
        height: 230px;
    }

    nav .navbar .links li {
        /* position: relative; */
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        padding: 0 11px;
        text-align: left;
    }

    /* END navBAR  */
    /* start FOOTER  */
    section.footer img.logoSite {
        width: 150px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    section.footer .res-sociaux-footer a {
        display: initial;
    }

    section.footer h4 {
        font-size: 20px;
    }

    section.footer p {
        color: #adadad;
        font-size: 15px;
    }

    section.footer span.adresseFooter {
        padding: 5px 6px;
        margin-top: 12px;
        font-family: 'Helvetica';
        font-size: 14px;
    }

    /* END Footer   */
    /* start header */
    .lang-menu, .monnais, .laguages {
        font-size: 13px;
        margin-top: 0;
    }

    div.nos_offres span, div.nos_offres a {
        color: var(--white-color);
        font-weight: 400;
        font-size: 12px;
        position: relative;
        display: initial;
        line-height: normal;
        font-family: 'Helvetica';
    }

    .header_logo_icons .content_lang {
        gap: 45px;
    }

    .content_slider .content_networks {
        position: absolute;
        top: 52%;
        gap: 10px;
        bottom: 0;
    }

    .content_networks:after {
        border: 1px solid #fff;
        left: 7px;
        right: 0;
        height: 250px;
        width: 2px;
        z-index: 9;
        content: "";
        bottom: 10px;
        top: 230px;
        position: absolute;
        margin-bottom: 0;
    }

    /* end header */
    section.instagramm span.sloganInst {
        font-size: 61px;
    }

    /* start header logo icons */
    .header_logo_icons .mahassen-live span:first-of-type {
        font-size: 16px;
    }

    /* end header logo icons */
    /* START categorie */
    nav .navbar.filtre .links li .sub-menu {
        position: absolute;
        top: 26px;
        left: 0;
        right: 0;
        line-height: initial;
        background: var(--white-color);
        border-radius: 0 0 4px 4px;
        display: none;
        z-index: 1111;
        padding: 16px 19px;
        box-shadow: 0 0px 3px 0 rgb(0 0 0 / 15%);
        width: auto;
        max-width: max-content;
        margin: 0 auto;
        font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
        font-style: Normal;
        font-weight: 400;
        text-transform: capitalize;
        border: none;
    }
button.section-heading.price-refinment-header.secondary-subheader.toggle {
    font-family: RL_DroidKufi,Helvetica Text Medium,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 700;
    background-color: #fff;
    text-align: left;
    border: none;
    margin-top: 0;
    font-size: .8125rem;
    color: #041e3a;
    padding: 1.25rem 1.5625rem 1.25rem 1.25rem;
    position: relative;
    width: 100%;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: uppercase;
}

.secondary-refinements .refinement button, .secondary-refinements .refinement button:hover {
    cursor: auto;
    padding: 0 16px 0 2px;
    min-height: 2rem;
}

li.bopis-filter-option {
    min-height: 3.125rem;
    font-size: .6875rem;
    flex: none;
}

ul.sameday-bopis-filter-content li {
    list-style-type: none;
}

a.refinement-link.bopis-filter.disabled {
    border: 1px solid #767676;
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid #474747;
    vertical-align: text-bottom;
    margin-right: 0.3125rem;
    position: relative;
    margin-left: -1.25rem;
}

span.js-plp-bopis.plp-filter-store-update.plp-filter-store-update-nearby {
    color: #041e3a;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-size: .6875rem;
    letter-spacing: .015625rem;
    line-height: .625rem;
    display: inline-block;
    text-decoration: underline;
}

button.section-heading.secondary-subheader.toggle {
    font-family: 'Helvetica';
    font-style: Normal;
    font-weight: 700;
    background-color: #fff;
    text-align: left;
    border: none;
    margin-top: 0;
    font-size: 12px;
    color: #444444;
    padding: 1.25rem 0 30px;
    position: relative;
    width: 100%;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: start;
    align-items: baseline;
    margin-top: 0;
    letter-spacing: 1px;
}

.topheading .columnheading {
    padding: 0;
    display: block;
}

.topheading {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 30px;
}

ul.sameday-bopis-filter-content li {
    display: block !important;
}

div ul.options {
    float: left;
    text-align: left;
}

.columnheading label {
    text-transform: capitalize;
    padding: 0 0.5rem 0 0.125rem;
    font-size: .6875rem;
    line-height: .6875rem;
    border: 0;
    padding-left: 10px;
    display: inline-block;
    color: #041e3a;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
}

ul.options {
    padding-inline-start: 0; }

.topFiltre {
    display: flex;
    justify-content: start;
    gap: 100px;
}

.bottomFiltre {
    display: flex;
    gap: 100px;
}

.columnheading li {
    min-height: 1rem;
    padding: 0 2px !important;
    justify-content: start !important;
    padding-bottom: 0.4rem !important;
    margin-bottom: 13px;
}

span.imagecolor img {
    display: inline;
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    margin-right: 7px;
}

ul.options a {
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
    text-align: left;
    cursor: pointer;
}

span.plp-sameday-icon-clock {
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: .015625rem;
    color: #041e3a;
}

button.section-heading.secondary-subheader.toggle span {
    display: flex;
    justify-content: space-around;
    float: left;
}

.refinement ul li.selected .check-box:before {
    content: "";
    background-image: url(../../front/css/images/197967-check.svg);
    position: absolute;
    width: 13px;
    height: 13px;
    display: inline-block;
    top: -4px;
    left: -4px;
}

.navbar.filtre .fa-caret-down:before {
    content: "\f0d7";
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 0;
    position: relative;
}

nav .navbar.filtre .links li .fa-caret-right, nav .navbar.filtre .links li .fa-caret-down {
    height: 100%;
    width: 22px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    font-size: 8px;
    color: white;
    top: -12px;
    position: relative;
}

input:checked {
    border: none;
    border-color: #000;
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid #474747;
    vertical-align: text-bottom;
    margin-right: 0.3125rem;
    position: relative;
    margin-left: 0rem;
    content: "";
    background-image: url(.../../front/css/images/197967-check.svg);
}

span.filter-paging-label {
    padding: 0 0.4375rem;
    font-size: .75rem;
    letter-spacing: .0625rem;
    vertical-align: top;
    font-family: RL_DroidKufi,Helvetica text Regular,Helvetica,Arial,sans-serif;
    font-style: Normal;
    font-weight: 400;
}

/*.navbar.filtre li.has_children:first-child {
        position: absolute;
        left: 0;
        justify-content: start;
        width: 100%;
    }*/
.columnheading input[type="checkbox"] {
    display: none;
}

.columnheading input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 20px;
    font-family: 'Helvetica';
    cursor: pointer;
    font-style: Normal;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #000;
    text-transform: capitalize;
    font-size: 11px;
}

.columnheading input[type="checkbox"] + label:last-child {
    margin-bottom: 0;
}

.columnheading input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: -2px;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

.columnheading input[type="checkbox"]:checked + label:before {
    width: 11px;
    top: -2px;
    height: 11px;
    left: 0;
    border-radius: 0;
    border: 1px solid #000;
    opacity: 1;
    background-image: url(.../../front/css/images/197967-check.svg);
    background-size: 9px;
}

.columnheading input:checked {
    width: 18px;
    top: 0;
    height: 18px;
    left: 0;
    border-radius: 0;
    border: 1px solid #000;
    opacity: 1;
    background-image: url(.../../front/css/images/197967-check.svg);
}

#mob-close-bottom .clear-button {
    width: auto;
    border: 1px solid #041e3a;
    padding: 0.9375rem 4.8125rem;
    margin-left: 0.6875rem;
    font-size: .6875rem;
    margin-top: 0;
    background: #041e3a;
    color: white;
    max-width: 23.4375rem;
}

button#filters-done {
    background-color: #949494;
    padding: 0.9375rem 4.8125rem;
    margin-left: 0.6875rem;
    font-size: .6875rem;
    /* margin-top: 0; */
    max-width: 23.4375rem;
    color: white;
    border: none;
}

    /* SECTION taille */
    section.taille p {
        padding-right: 2%;
        text-align: justify;
    }

    section.taille h3.slogantaille {
        font-size: 54px;
        position: relative;
        left: auto;
        right: 182px;
        /* right: -330px; */
        padding: 0;
        display: flex;
        color: #ffffff;
        width: 530px;
        margin-bottom: 32px;
    }

    section.taille span.txt-taille {
        color: black;
        right: -20px;
    }

    section.taille .cont-slog {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        left: -70px;
        margin: 0 auto;
        margin-top: 0px;
    }

    /* END section taille  */
    /* start HANDMADE  */
    section.hand {
        margin: 20px 0px;
        padding-left: 30px;
    }

    section.taille {
        position: relative;
        padding-right: 30px;
    }

    .content-handmade {
        position: absolute;
        left: 35%;
    }

    section.hand h3.h3slogan {
        font-size: 65px;
        left: -323px;
        position: relative;
        top: 20px;
        padding: 0;
        width: 470px;
    }

    section.hand p {
        padding: 0px 0px;
        padding-right: 30px;
        padding-top: 35%;
        text-align: justify;
        margin-bottom: 30px;
    }

    section.hand span.txt-made {
        color: white;
        /* z-index: 9999; */
        position: relative;
        right: 0;
    }

    section.hand h3.txtslogan {
        font-size: 26px;
        left: 0;
        position: relative;
        padding-left: 10px;
        top: 15px;
        z-index: 9;
        line-height: 38px;
        letter-spacing: 15px;
    }

    .section-about .video-container {
        height: auto;
    }

    /* start chaussures  */
    section.chaussure {
        padding: 50px 60px;
        margin: 0 auto;
    }

    section.chaussure h3, section.articles h3 {
        font-size: 28px;
        line-height: 27px;
        text-align: center;
        margin-bottom: 50px;
    }

    section.articles h3:before {
        position: relative;
        content: "";
        height: 12px;
        width: 12px;
        left: -10px;
    }

    /* section.chaussure  .product-item img {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
}
.product-item.hover-zoom:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 0.3s linear;
transform: scale(1.01);
} */
    button.btnBoot a {
        color: black;
        text-decoration: none;
        font-size: 24px;
        line-height: initial;
        text-transform: uppercase;
        font-family: 'FoundersGrotesk';
        padding: 0px 15px;
        max-width: 193px;
        padding-top: 10px;
        margin: 0 auto;
        display: block;
        /* bottom: 90px; */
        position: relative;
        border: 1px solid transparent;
        background: #ffffff94;
    }

    button.btnBoot a {
        text-decoration: none;
    }

    .product-item img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        max-width: 585px;
    }

    .product-item p {
        color: black;
        padding-bottom: 0;
    }

    .img-products img {
        width: 20px !important;
        display: inline-block !important;
        margin-top: -10px;
    }

    /* END chaussures  */
    section.cusual {
        min-height: 650px;
    }

    section.luxyry {
        min-height: 650px;
    }

    section.sport {
        min-height: 650px;
    }

    section.collection a.decouvrir {
        margin: 0;
    }

    /* ============================================
end page home
============================================ */
    /* ============================================
start  RESPONSIVE page produit
============================================ */
    .c-product-details {
        max-width: 90%;
        margin: 0 auto;
        max-width: 340px;
        /* margin-left: 0; */
    }
    /* .product-nouveaute {
        max-width: 100%;
    } */
    .content-look-products {
        width: 100%;
        position: relative;
        /* max-width: 340px; */
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    /* start BG for section images */ section.luxyry {
        min-height: 650px;
    }

    section.cusual {
        /*background: url(../../front/images/636488-cusual.jpg) right;*/
        min-height: 650px;
        background-size: cover;
    }

    section.sport {
        min-height: 650px;
        background-size: cover;
    }

    /* END  BG for section images */
    section.taille .content-taille-desc {
        padding-top: 0;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        position: absolute;
        right: 0;
    }

    /* start section handmade */
    .slog-hand span {
        right: -41%;
        position: relative;
        left: inherit;
        z-index: 9999;
        font-family: 'Times New Roman';
        font-size: 33px;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    /* end section handmade */
    /* ============================================
end page home
============================================ */
    /* ============================================
============================================ */
}

@media only screen and (min-width: 1366px) {
    /* START navBAR  */ nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image {
        max-width: 170px;
        height: 250px;
        margin-top: 10px;
    }

    nav .navbar .links li .sub-menu ul.ul-nav-n1.have-image .content-image2 {
        max-width: 170px;
        height: 290px;
    }



    /* END navBAR  */
    section.hand p {
        padding: 0px 30px;
        margin-bottom: 40px;
        padding-top: 33%;
    }

    section.taille p {
        padding: 0px 20px;
        padding-right: 100px;
    }

    section.taille span.bas-slide {
        font-size: 28px;
        padding-bottom: 0;
    }

    .content-hand-desc {
        position: relative;
        right: -60%;
        width: 100%;
        left: inherit;
    }

    section.hand .banner-img img {
        min-height: 455px;
    }

    section.chaussure .banner-img img {
        min-height: 385px;
    }

    section.luxyry .content-luxyry-desc .content-text h2, section.cusual .content-cusual-desc .content-text h2 {
        font-size: var(--Brand_title_size_level_two);
        text-align: center;
    }

    section.taille .content-taille-desc h2 {
        margin-left: 00;
        right: inherit;
        width: 560px;
        left: -247px;
        font-size: var(--Brand_title_size_level_two);
    }

    section.hand .content-hand-desc h2 {
        font-size: var(--Brand_title_size_level_two);
        width: 500px;
        color: #000;
        left: 0;
        margin-right: 0;
        right: inherit;
    }

    .slog-hand span {
        right: -50%;
        letter-spacing: 8px;
    }

    section.articles {
        padding: 50px 50px;
    }

    section.collection .desc_collection {
        padding: 0px 40px;
    }

    section.collection .desc_collection p {
        padding-right: 100px;
    }

    /* about footer */
    section.footer p {
        color: #3a3a3a;
        text-decoration: none;
        font-family: 'Helvetica';
        font-size: 13px;
        margin-bottom: 8px;
    }

    section.footer p a {
        font-size: 11px;
        font-family: 'Helvetica';
        color: #3a3a3a;
        text-decoration: none;
        font-family: 'Helvetica';
    }
    .item-footer {
        position: relative;
    }
    .item-footer:after {
        position: absolute;
        content: "";
        right: 0;
        top: 3px;
        width: 1px;
        height: 225px;
        background: #d1d1d1;
    }
    .item-footer.last-child:after {
        display: none;
    }

    section.footer form {
        position: relative;
        width: 100%;
        height: 45px;
        margin-bottom: 43px;
    }
    p.content-newsletter {
        padding-bottom: 7px;
    }

    .content_slider .carousel-item {
        height: 890px !important;
    }

    .content_networks:after {
        height: 342px;
        top: 70%;
        position: absolute;
    }
}

@media only screen and (min-width: 1440px) {

    section.taille p {
        padding: 0px 20px;
        padding-right: 25%;
    }

    section.hand p {
        padding-left: 25%;
    }
}

@media only screen and (min-width: 1600px) {

    section.taille span.top-slog {
        font-size: 19px;
        margin-bottom: 12px;
    }

    section.instagramm img.img-inst {
        max-width: 100%;
        height: 246px;
        object-fit: cover;
    }

    /* start responsive for sectio BG  */
    section.luxyry {
        min-height: 870px;
    }
    section.luxyry {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
    }
    section.cusual {
        /*background: url(../../front/images/636488-cusual.jpg) right;*/
        min-height: 885px;
        background-size: cover;
    }

    section.sport {
        min-height: 870px;
        background-size: cover;
    }

    .handmade img {
        object-fit: cover;
        height: 599px;
        width: 100%;
    }

    section.luxyry .content-luxyry-desc .content-text h2, section.cusual .content-cusual-desc .content-text h2 {
        font-size: var(--Brand_title_size_level_two);
        font-family: var(--Brand_title_fonts);
    }

    section.sport .content-sport-desc .content-text h2 {
        font-size: 67px;
        color: white;
    }

    section.collection .desc_collection {
        padding: 0px 60px;
    }


    .section-about .video-container {
        height: 510px;
    }

    section.collection .desc_collection p {
        padding-right: 0%;
    }

    .bloc-taille {
        min-height: 640px;
    }

    section.hand h3.h3slogan {
        font-size: 72px;
        left: -462px;
        top: 20px;
        padding: 0;
        width: 710px;
    }

    section.hand h3.txtslogan {
        letter-spacing: 17px;
    }

    .bloc-handmade {
        min-height: 590px;
        padding-top: 10%;
    }

    section.hand p {
    }

    /* end section BG  */
}

iframe.myMap {
    height: 100%;
    min-height: 102vh;
}

.map {
    position: relative;
    height: 100%;
}

/* ----------------------- START form nos magasins ---------*/
/* ----------------------- -------------------------*/
@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.custom-checkbox-grey [type=checkbox]:checked~label, .custom-checkbox-grey [type=checkbox]:checked~span+label, .custom-checkbox-grey [type=checkbox]:not(:checked)~label, .custom-checkbox-grey [type=checkbox]:not(:checked)~span+label, .custom-checkbox-white [type=checkbox]:checked~label, .custom-checkbox-white [type=checkbox]:checked~span+label, .custom-checkbox-white [type=checkbox]:not(:checked)~label, .custom-checkbox-white [type=checkbox]:not(:checked)~span+label {
    font-weight: 400;
    font-style: normal;
    color: #4b4b4b;
    cursor: pointer;
    letter-spacing: .4px;
    font-variant-ligatures: none;
    padding-left: 26px;
    position: relative;
    display: inline-block;
    line-height: 20px;
}

#store-locator .department-filters .options label {
    display: inline-block;
    line-height: 17px;
}

#store-locator .department-filters .options {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 12px;
    display: none;
    border-top: 1px solid #e7e7e7;
}

#store-locator fieldset.search-simple {
    background: #e7e7e7;
    width: 100%;
    padding: 25px 25px;
}

#store-locator label.label {
    font-weight: 600;
    font-style: normal;
    color: #3a3a3a;
    font-size: 13px;
    letter-spacing: 1px;
    font-variant-ligatures: none;
    font-family: 'Helvetica';
    padding-bottom: 6px;
}

#store-locator .department-filters .options>li {
    width: 50%;
}

#store-locator .department-filters .options>li:nth-child(odd) {
    float: left;
    clear: left;
}

#store-locator .icon-toggle:after, #store-locator .icon-toggle:after {
    font-size: 5px;
    color: #999;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -2px;
    content: "\f10b";
}

.filter-check {
    height: 16px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    right: 20px;
    top: 16px;
    width: 16px;
    z-index: 10;
}

#store-locator .department-filters .toggle {
    cursor: pointer;
    display: inline-block;
    color: #999;
    background-color: transparent;
    border: 0;
    font-family: 'Helvetica';
    font-size: 14px;
}
.phone a {
    font-family: 'Helvetica';
}
.store-item-bg li.list-group-item {
    font-family: 'Helvetica';
    font-size: 13px;
}
.store-item-bg .list-group-flush {
    border-radius: 0;
    margin-top: 11px;
}
.medical_breadcrumb_nav li a:hover {
    color: #bd212a;
}

#store-locator .department-filters .close, #store-locator .department-filters .reset, #store-locator .department-filters .toggle {
    padding: 20px 15px;
    font-weight: 400;
    font-style: normal;
}

#store-locator .department-filters .close, #store-locator .department-filters .reset {
    cursor: pointer;
    display: none;
    color: #1b1b1b;
}

.icon-toggle:after, .icon-toggle:after {
    font-size: 5px;
    color: #999;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -2px;
}

#store-locator .department-filters .active-filters {
    display: none;
}

#store-locator .department-filters.active .options {
    display: block;
}

#store-locator .department-filters .options {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 12px;
    display: none;
    border-top: 1px solid #e7e7e7;
}

#store-locator .department-filters .options {
    background: #fff;
    /* position: relative; */
    left: 0;
    right: 0;
    font-size: 12px;
    /* display: block; */
    border-top: 1px solid #e7e7e7;
}

#store-locator .department-filters .options li {
    display: block;
    padding: 10px 2px;
    border-bottom: 1px solid #e7e7e7;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.filter-check {
    height: 16px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    right: 20px;
    top: 16px;
    width: 16px;
    z-index: 10;
}

.custom-checkbox-grey [type=checkbox]:checked, .custom-checkbox-grey [type=checkbox]:not(:checked), .custom-checkbox-white [type=checkbox]:checked, .custom-checkbox-white [type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
}

.custom-checkbox-grey [type=checkbox]:checked~label:before, .custom-checkbox-grey [type=checkbox]:checked~span~label:before, .custom-checkbox-grey [type=checkbox]:not(:checked)~label:before, .custom-checkbox-grey [type=checkbox]:not(:checked)~span~label:before, .custom-checkbox-white [type=checkbox]:checked~label:before, .custom-checkbox-white [type=checkbox]:checked~span~label:before, .custom-checkbox-white [type=checkbox]:not(:checked)~label:before, .custom-checkbox-white [type=checkbox]:not(:checked)~span~label:before {
    content: "";
    display: block;
    position: absolute;
    background: #f5f5f5;
    height: 16px;
    left: 1px;
    top: 2px;
    width: 16px;
}

fieldset.search-filters-department {
    padding-left: 25px;
}

fieldset.search-filters-department span.icon-toggle i {
    font-size: 8px;
}

/* STORE  location nos magasins */
.search-results {
    background: #e7e7e7;
    padding: 25px 25px;
}

.search-results li.store-item {
    background: #f4f4f4;
    padding: 20px;
    margin: 15px 0px;
}

.search-results .store-infos {
    margin-top: -10px;
}

.scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
    scroll-behavior: auto;
}

ol#stores {
    list-style-type: none;
    padding: 20px;
    margin-bottom: 0;
}

store-item-bg {
    background: #f5f5f5;
    padding: 30px 20px 20px;
}

.store-item .store-item-content, .store-item .store-item-content {
    padding: 0 0 30px 60px;
    position: relative;
}

.store-item .store-item-content .store-infos .name a, .store-item .store-item-content .store-infos .name a {
    color: #3a3a3a;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    margin: 0 0 5px;
    text-transform: none;
    text-decoration: none;
    font-family: 'Helvetica';
}

.store-item .store-item-content .store-position, .store-item .store-item-content .store-position {
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.store-item p.address {
    color: #565656;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    margin: 0 0 5px;
    text-transform: none;
    text-decoration: none;
}

.store-item .store-item-content .store-infos .email a, .store-item .store-item-content .store-infos .phone a, .store-item .store-item-content .store-infos .email a, .store-item .store-item-content .store-infos .phone a {
    margin: 5px 0 0;
    color: #565656;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    margin: 0 0 5px;
    text-transform: none;
    text-decoration: none;
}

.store-item .store-details-toggle, .store-item .store-details-toggle a {
    border-top: 1px solid #dbd8d6;
    font-style: normal;
    color: #999;
    line-height: 18px;
    font-size: 12px;
    position: relative;
    padding-top: 15px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    font-family: 'Helvetica';
}

.t-hasfindinstore .icon-plus:before, .t-solrstorefinder .icon-plus:before, .t-storedetail .icon-plus:before {
    content: '';
    width: 2px;
    height: 10px;
    background-color: #999;
    position: absolute;
    top: 0;
    left: 4px;
}

.t-hasfindinstore .icon-plus:after, .t-solrstorefinder .icon-plus:after, .t-storedetail .icon-plus:after {
    content: '';
    width: 10px;
    height: 2px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 4px;
}

.store-item .store-details, .store-item .store-details {
    display: none;
}

.store-item .store-item-content:after, .store-item .store-item-content:before, .store-item .store-item-content:after, .store-item .store-item-content:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

/* ----------------------- ENDDD form nos magasins ---------*/
/* ----------------------- -------------------------*/
/*----------------- START page  produit   ---------------
-----------------------------------------------------*/
/* .promoProd img {
    background: #edeef3;
} */

.thumb img {
    /* width: 80px !important;
    display: grid; */
    width: 240px !important;
    display: grid;
}
.content-img.after-desc {
    margin-top: 30px;
}
.gallery {
    margin: 0rem 0px;
    display: flex;
    gap: 12px;
    justify-content: center;
}
.gal_variation_all {
    padding: 0 6px;
}
.content-img .gallery video {
    width: 100%;
}
span.promo {
    right: 10%;
    background: #bd212a;
    padding: 4px 12px;
    color: white;
    position: absolute;
    font-family: 'Helvetica';
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    z-index: 7;
    font-size: 17px;
    padding-bottom: 5px;
    letter-spacing: 0.4px;
    font-weight: normal;
}

.gallery div {
    position: relative;
    grid-column: span 4;
}
.gal_variation_all {
    margin-bottom: 12px;
}
h3.c-product-price {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 33px;
    font-family: 'Helvetica';
}
.reference-product {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Helvetica';
}

h3.c-product-price-promo {

    font-size: 19px;
    /*margin-top: 0px;*/
    margin-bottom: 10px;
    font-family: 'Century Gothic';
}
.c-product-details .product-color-detail {
    margin-top: 17px;
}


button.btn-ajouter.ajouter {
    background: #bd212a;
    width: 100%;
    padding: 13px 0;
    outline: none;
    color: white;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: none;
    border: none;
    font-family: 'Helvetica';
}

button.btn-ajouter.ajouter:hover, button.btn-dispo.dispo:hover {
    background: #020104;
    transition: 1s all ease-in;
    color: #fff;
}

button.btn-dispo.dispo {
    background: transparent;
    padding: 13px 0;
    width: 100%;
    outline: none;
    color: #000;
    margin-bottom: 13px;
    outline: none;
    border: 1px solid;
    font-family: 'Helvetica';
}
.title-cat-popup {
    display: flex;
    align-items: center;
    justify-content: center;
}
button.btn-dispo.dispo a {
    color: #000;
}
button.btn-dispo.dispo:hover a {
    color: #fff;
}
.img-thumb {
    padding: 0.25rem;
    max-width: 100%;
    height: auto;
    border-radius: 0.25rem;
    padding-top: 0;
}
.gallery .zoom  {
    -webkit-animation: animatezoom 700ms;
    animation: animatezoom 700ms;
}
.gallery img {
    /* width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -webkit-animation: animatezoom 600ms;
    animation: animatezoom 600ms; */
    width: 1000px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    /* -webkit-animation: animatezoom 600ms;
    animation: animatezoom 600ms; */
}



@keyframes animatezoom {
    from {
        transform: scale(0.2)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0.2)
    }

    to {
        -webkit-transform: scale(1)
    }
}

.transluz {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-backface-visibility: hidden;
}

.solid {
    opacity: 1;
    filter: alpha(opacity=100);
}

.copy {
    position: fixed;
    bottom: 0;
    width: calc(100% - 16px);
    text-align: center;
}
.textWrapper-non-dispo{
    position: relative;;
}
.nis-tooltip.tooltip-content {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    z-index: 2;
    width: 311px;
    top: -45px;
    right: 0;
    left: 0;
    text-align: center;
    padding: 11px 11px;
    line-height: 16px;
    bottom: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
span.sold-out {
    font-family: 'Helvetica';
    color: #000;
    font-weight: 400;
    font-size: 14px;
}
span.description-soldout {
    font-family: 'Helvetica';
    color: #898989;
    margin-top: 5px;
    display: block;
    font-size: 12px;
}
.textWrapper-non-dispo:hover .nis-tooltip.tooltip-content{
    display: block;
}
li.variations-attribute.selectable {
    list-style-type: none;
}

li.variations-attribute.selectable a {
    color: #bd212a;
}

li.variations-attribute {
    list-style-type: none;
}

li.variations-attribute a {
    text-decoration: none;
    color: inherit;
    font-family: 'Century Gothic';
}

.tab-taille {
    color: #606060;
    font-size: 13px;
    margin-bottom: 20px;
    font-family: 'Helvetica';
    margin-top: 23px;
    display: block;
}

.taille {
    font-size: 13px;
    margin-top: 25px;
    margin-bottom: 29px;
    font-family: 'Helvetica';
}
.taille .wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-row-gap: 19px;
}
#card {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    font-size: 0px;
}

#card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: hue;
}

#card img {
    /* width: 100%; */
    width: 1000px;
}

.select_wrap .select, .select_wrap .radio-box {
    text-align: -webkit-match-parent;
    margin: 0;
    border-radius: 50%;
}

a {
    display: inline-block;
}

.color--black {
    background-color: black;
}

.color--red {
    background-color: red;
}

.color--gray {
    background-color: gray;
}
.color--white {
    background: #fff;
    border: 1px solid #dfdfdf;
}

.select_wrap label {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 50%;
    margin: 0px 6px;
}

.select_wrap input {
    position: absolute;
    opacity: 0;
}

#card.color--black::before {
    background-color: black;
}

#card.color--red::before {
    background-color: red;
}

#card.color--gray::before {
    background-color: gray;
}

.select_wrap input:checked {
    border: none;
}

.select_wrap input[type="radio"]:checked {
    width: 21px;
    height: 21px;
    box-sizing: content-box;
    flex: 0 1 auto;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    text-indent: -999px;
    cursor: pointer;
    background-clip: padding-box;
    opacity: 1;
    transition: opacity .6s ease;
    top: -3px;
    left: -3px;
}

.select_wrap input[type=radio] {
    accent-color: transparent !important;
    border-radius: 50%;
}

/* ENDDD PAGE PRODUITS */
/* start tabs produits  */
.content-tabs .content p {
    font-size: 14px;
    font-family: "Century-Gothic-Regular";
    text-align: justify;
}

.tabs_produit_description>div:not(:first-child) {
    display: none;
}



.content-look-products .item a {
    text-decoration: none;
    display: block;
}

.content-look-products h5 {
    font-size: 14px;
    color: #D80015;
    font-family: 'FoundersGrotesk';
    line-height: 26px;
    margin-bottom: 0;
}
.content-look-products h5 {
    font-size: 13px;
    color: black;
    font-family: 'Helvetica';
    line-height: 21px;
    margin-bottom: 0;
}
.content-tabs {
    position: relative;
    max-width: 890px;
    padding: 0;
    padding-right: 0;
}
.content-tabs ul {
    text-align: left;
    font-size: 15px;
    margin-top: 38px;
}
.tabsdescription li {
    padding: 0;
    cursor: pointer;
    transition: 0.2s;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    padding-bottom: 2px;
    font-family: 'Helvetica';
    text-transform: uppercase;
    position: relative;
    margin: 0 25px;
    color: #9f9f9f;
}
.content-tabs .title-tab {
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px;
}
section.produits-details .accordion {
    display: none;
}
.content-look-products h6 {
    font-size: 12px;
    color: black;
    line-height: 26px;
    font-family: 'FoundersGrotesk';
    margin-bottom: 0;
}
.content-look-products.completer-look .content-look-products h6 {
    font-size: 11px;
    color: black;
    line-height: 26px;
    font-family: 'Helvetica';
    margin-bottom: 0;
}
.content-look-products.completer-look button.slick-prev.slick-arrow:before {
    content: '\f104';
    font-family: 'FontAwesome';
    color: #686868;
    background: none !important;
    transform: none;
    width: 0;
    height: 0;
    font-size: 18px;
}
.content-look-products.completer-look .slick-prev {
    left: 50px;
    z-index: 1;
}
.content-look-products button.slick-prev.slick-arrow:before {
    background: url(../../front/images/184009-chevron-down.png)center no-repeat!important;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(90deg);
}

.content-look-products .product-item .banner-img {
    display: table;
    margin: 0 auto;
}
.item-desc {
    text-align: center;
}
.content-look-products.completer-look .item-desc p {
    font-size: 13px;
    color: black;
    margin-top: 14px;
    padding-bottom: 4px;
}

.content-look-products .item-desc p {
    font-size: 15px;
    color: black;
}

.content-look-products h3 {
    color: #020104;
    font-family: 'Le Jeune Deck';
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}
.content-look-products.completer-look {
    margin-top: 100px;
}

.content-look-products.completer-look .product-item img {
    width: 264px;
    height: 330px;
}
h2.c-product-name img {
    margin-top: -5px;
}

/*----------------- page produit et categories  ---------------
-----------------------------------------------------*/
.gallery-title {
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}

.filter-button {
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;
}

.filter-button:hover {
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;
}

.btn-default:active .filter-button:active {
    background-color: #42B32F;
    color: white;
}

.port-image {
    width: 100%;
}

.gallery_product {
    margin-bottom: 30px;
}

/* filtre bootstarppp */
.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

.content-categories {
    padding: 0px 50px 50px;
    /* max-width: 1920px; */
    margin: 0 auto;
}

.content-categories a.btn.btn-outline-secondary.active, .content-categories a.btn.btn-outline-secondary {
    background-color: transparent;
    border-color: transparent;
    border: 0px solid transparent;
}

.navigation-links li.breadcrumb-item.active a {
    font-size: 12px;
    color: #606060;
    text-decoration: none;
    font-family: 'Helvetica';
}

.nav-pageCategorie .active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color) !important;
    background-color: #d80015;
    border-color: transparent;
    border-radius: 0px;
    border: 1px solid #6f6f6f;
    color: black;
}

.nav-pageCategorie .page-item:last-child .page-link {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}



.content-categories .btn {
    --bs-btn-padding-x: 2px;
    --bs-btn-padding-y: 0;
    top: -3px;
}

/* .content-categories .item-icons p {
    color: black;
    font-size: 15px;
    font-family: 'Century Gothic';
} */
.item-product-categorie {
    margin-bottom: 47px;
}
.item-icons {
    padding: 24px 24px 0 20px;
}
.contenu-flex-cat {
    display: flex;
    justify-content: space-between;
}
.price-product-categorie a {
    text-decoration: none;
}
.content-categories .item-icons h5 {
    font-size: 14px;
    font-family: 'Helvetica';
    margin-top: 10px;
    color: black;
    font-weight: 400;
}
.color-dispo a {
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-family: 'Helvetica';
}
.content-categories .form-control {
    border: 1px solid transparent;
}

.nav-pageCategorie nav {
    margin: 0 auto;
    display: block;
    /* width: 168px; */
}

.nav-pageCategorie a.page-link {
    color: black;
    margin: 0 10px;
    background-color: transparent;
}

.nav-pageCategorie .page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.nav-pageCategorie .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

.content-categories .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.btn-light {
    background-color: #fff;
    border-color: #e4e4e4;
}

.list-menu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.list-menu a {
    color: #343a40;
}

.card-product-grid .info-wrap {
    overflow: hidden;
    padding: 18px 0px;
}

[class*='card-product'] a.title {
    color: #212529;
    display: block;
}

.card-product-grid:hover .btn-overlay {
    opacity: 1;
}

.card-product-grid .btn-overlay {
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    max-width: 407px;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    font-family: 'FoundersGrotesk';
    padding-bottom: 0;
    width: 100%;
}

.img-wrap {
    overflow: hidden;
    position: relative;
}

figure.card.card-product-grid {
    --bs-card-border-color: 0;
    margin: 0 auto;
    /* max-width: 400px; */
}

.content-categories select {
    border-bottom: 1px solid #c9c9c9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: black !important;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 0;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-color: white;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5px 10px;
    white-space: nowrap;
    max-width: 110px;
    font-size: 14px;
    padding-bottom: 5px;
}

.content-categories option {
    position: relative;
}

/* section size for products */
.group-buttons {
    position: absolute;
    top: 5%;
    right: 0%;
    left: auto;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    display: none;
    animation: viewicons 0.2s linear;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 2px 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.img-wrap:hover .group-buttons {
    display: block;
}

.content-categories .item-size {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    display: none;
    /* animation: viewiconsCat 0.1s linear; */
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 0px;
    align-items: center;
    display: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 20px 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    box-shadow: 3px -11px 46px -31px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px -11px 46px -31px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px -11px 46px -31px rgba(0,0,0,0.5);
    width: 100%;
}

.content-categories .img-wrap:hover .item-size {
    display: block;
}

/*----------------- ENDDDD page produit et categories  ---------------
-----------------------------------------------------*/
/*----------------- START POPUP page produits   ---------------
-----------------------------------------------------*/
.box {
    margin: 0 auto;
    /* background: rgba(255,255,255,0.2); */
    border: 2px solid #fff;
    background-clip: padding-box;
    text-align: center;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

/* .popup {
    margin: 10px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    transition: all 5s ease-in-out;
    overflow-y: scroll;
    max-width: 740px;
} */

.popupFavorite {
    margin: 10px auto;
    padding: 20px 40px;
    background: #fff;
    border-radius: 5px;
    width: 280px;
    position: absolute;
    transition: all 5s ease-in-out;
    right: 3%;
    top: 10%;
}

.popup h2 {
    margin-top: 0;
    color: #020104;
    font-family: 'gothicb';
    text-align: center;
}

.popup .close, .popupFavorite .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover, .popupFavorite .close:hover {
    color: #bd212a;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
    text-align-last: center;
}

.box a {
    color: #606060;
    font-size: 13px;
    text-decoration: none;
}

@media screen and (max-width: 700px) {
    .box {
        /* width: 70%; */
    }

    .popup {
        width: 80%;
    }
}

h3.sc-lotus-gotohell {
    font-family: 'Helvetica';
    font-size: 15px;
}

.sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent tr.sc-dark-bgd {
    background-color: #e6e7e8;
}

.sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent td, .sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent th {
    border: 2px solid white;
    padding: 0px;
    min-height: 40px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent tr.sc-light-bgd {
    background-color: #f2f3f3;
}

.sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent td .sc-cell .sc-cell-content, .sc-sizeChartcontainer.sc-style-v2 .sc-sizeContent th .sc-cell .sc-cell-content {
    text-transform: uppercase;
}

.sc-cell.noselect {
    font-size: 12px;
    font-family: 'Helvetica';
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: center;
    font-family: 'FoundersGrotesk';
}

.popup .content>div:not(:first-child) {
    display: block;
}

btn-edit {
    position: relative;
    display: inline-block;
    padding-right: 15px;
}

.edit {
    display: none;
    /* on masque */
}

button.btn-edit.open {
    height: 100%;
    font-size: 13px;
    line-height: 12px;
    color: #515355;
    text-transform: uppercase;
    background-color: #fff;
    text-align: center;
    padding: 10px 0px;
    padding-bottom: 6px;
    font-family: 'FoundersGrotesk';
    width: 50%;
    margin: 0 30px;
}

button.btn-edit {
    height: 100%;
    font-size: 13px;
    line-height: 12px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #bd212a;
    text-align: center;
    padding: 10px 0px;
    padding-bottom: 6px;
    font-family: 'FoundersGrotesk';
    width: 58%;
    margin: 0 30px;
}

div#popup1 {
    margin: 0 auto;
    clear: both;
    overflow: auto;
}

/* deco */
#div-1 {
    background: #f7f9f7;
    /* display: none; */
}

#div-2 {
    background: #f7f9f7;
}

.sc-title-cont-head {
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    font-family: 'FoundersGrotesk';
}

.sc-measures-apparel.sc-fit-guide-section.sc-no-top {
    position: relative;
    border-top: solid 1px #D8D8D8;
    padding: 40px 0px;
    margin: auto;
    border-top: none;
    padding-top: 30px;
    border-top: none;
}

.sc-measures-apparel-location {
    display: inline-block;
    float: left;
    width: 45%;
    margin-right: 5%;
    text-align: left;
}

.sc-title-cont-sub {
    font-size: 11px;
    line-height: 1.5em;
    width: 80%;
    margin: auto;
    text-align: center;
}

.sc-location-head {
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: 0em;
    width: 100%;
    font-family: 'FoundersGrotesk';
}

.sc-location-sub {
    font-size: 11px;
    line-height: 1.8em;
    letter-spacing: 0em;
    padding: 5px 0px;
}

button.btn-view {
    background: transparent;
    border: 1px solid transparent;
    margin-top: -10px;
}

div#div-3 {
    display: block;
}

div#div-4 .img-wrap img {
    object-fit: cover;
    width: 80%;
}

/* Included color classes..
.red
.blue
.yellow
.green
.orange
.navy
*/
.grid-insta {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
figure.snip1205 {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    max-width: 100%;
    height: 201px;
    object-fit: none;
    background: rgba(0, 0, 0, 0.15);
}
figure {
    margin: 0;
}

figure.snip1205 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    /* transition: all 0.35s ease-in-out; */
}

figure.snip1205 img {
    max-width: 100%;
    vertical-align: top;
}

figure.snip1205 i {
    position: absolute;
    top: 50%;
    left: 50%;
    /* border-radius: 50%; */
    font-size: 34px;
    color: #ffffff;
    /* width: 60px; */
    /* height: 60px; */
    line-height: 60px;
    /* background: #ffffff; */
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

figure.snip1205 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

figure.snip1205 a:hover:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    width: 100%;
    height: 100%;
}

figure.snip1205 a:before {
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
    background: rgba(0,0,0,.1);
    position: absolute;
    z-index: 8;
    transition: all .3s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

figure.snip1205.blue {
    background-color: #2472a4;
}

figure.snip1205.blue i {
    color: #20638f;
}

figure.snip1205.red {
    background-color: #ab3326;
}

figure.snip1205.red i {
    color: #962d22;
}

figure.snip1205.yellow {
    background-color: #e08e0b;
}

figure.snip1205.yellow i {
    color: #c87f0a;
}

figure.snip1205.green {
    background-color: #229955;
}

figure.snip1205.green i {
    color: #1e8449;
}

figure.snip1205.orange {
    background-color: #d67118;
}

figure.snip1205.orange i {
    color: #bf6516;
}

figure.snip1205.navy {
    /* opacity: 1; */
}

figure.snip1205.navy i {
    color: #ffffff;
    display: none;
    opacity: 0;
}

figure.snip1205:hover img, figure.snip1205.hover img {
    opacity: 1;
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%); */
}

figure.snip1205:hover i, figure.snip1205.hover i {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: block !important;
    opacity: 1;
}

figure.snip1205 img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
}

figure.snip1205:hover img {
    -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fav_btn {
    padding: 5px;
    background-color: blue;
    color: #917a7a;
    background: url(../../front/images/921999-add-favorite.png)no-repeat;
    width: 50px;
    height: 40px;
    text-indent: -10000em;
}

.fav_btn.added {
    background: url(../../front/images/587778-heart-iconn.png)no-repeat;
    width: 50px;
    height: 40px;
}

.ContentaddFavorite {
    position: relative;
}

a.button.view-favorites.signIn {
    background: #bd212a;
    width: 100%;
    outline: none;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    border: none;
    padding: 10px 5px;
    max-width: 100%;
    font-family: 'Century Gothic';
    text-decoration: none;
    font-size: 13px;
    text-align: center;
}

.wl-title {
    color: #020104;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Century Gothic';
}

/* favorite button */
/* hoverrr effect for bloc instgram */
/* products GRID */
/* sizeee product */
.textWrapper p {
    font-family: 'Century Gothic';
    text-align: center;
    font-size: 13px;
}
.textWrapper-non-dispo p {
    font-family: 'Century Gothic';
    text-align: center;
    font-size: 13px;
}

.textWrapper.active {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.textWrapper.active p {
    display: flex;
    justify-content: center;
    align-items: center;
}








section.produits-details .textWrapper p {
    font-family: 'Helvetica';
}

section.produits-details .textWrapper {
    position: relative;
    cursor: pointer;
    border: none;
}

p.inner,section.produits-details p.inner {
    font-size: 0;
    z-index: 2;
    color: #bd212a;
    font-family: 'Helvetica';
}

.textWrapper.active .inner {
    font-size: 17px;
}

section.produits-details .textWrapper.active .inner {
    font-size: 17px;
}

.textWrapper.active .outer {
    background: transparent;
    transform: scale(0);
    width: 0;
}

section.produits-details .textWrapper.active .outer {
    background: transparent;
    transform: scale(0);
}

/* ENDD sizeee product */
.products-grid {
    display: grid;
    gap: 1em;
}

button.btn-view a#tile-size-regular {
    background: url(../../front/images/889722-selector-gris.svg)center no-repeat!important;
    height: 20px;
    width: 20px;
}

button.btn-view.active a#tile-size-regular {
    background: url(../../front/images/226947-selector-noir.svg)center no-repeat!important;
    height: 20px;
    width: 20px;
}

button.btn-view a#tile-size-larger {
    background: url(../../front/images/243618-2up-selector-gris.svg)center no-repeat!important;
    height: 20px;
    width: 20px;
}

button.btn-view.active a#tile-size-larger {
    background: url(../../front/images/881431-2up-selector-noir.svg)center no-repeat!important;
    height: 20px;
    width: 20px;
}

section.articles .product-item .item-products {
    position: absolute;
    bottom: 87px;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    display: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 20px 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    box-shadow: 3px -11px 46px -31px rgb(0 0 0 / 90%);
    -webkit-box-shadow: 3px -11px 46px -31px rgb(0 0 0 / 90%);
    -moz-box-shadow: 3px -11px 46px -31px rgb(0 0 0 / 90%);
}

section.articles .item:hover .item-products {
    display: block;
    opacity: 1;
}

.content-categories .product-item .item-products {
    position: absolute;
    bottom: 87px;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    display: none;
    animation: viewicons 0.2s linear;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 20px 0px;
}

.content-categories .item:hover .item-products {
    display: block;
}

.content-categories .product-item img {
    height: 100%;
    background-size: cover;
    width: 100%;
}

.content-categories .product-item img {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 4.75em;
    background: #79FAC4;
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: hidden;
}

.col-tabs-size li.nav-item {
    margin: 2px;
}

.col-tabs-size {
    width: 100%;
    max-width: 700px;
}

.content-asset {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
@media (max-width:992px) {
    /* nav .navbar .nav-links {
        overflow-x: scroll;
    } */
    nav .navbar .links li .sub-menu .nav-n1 {
        display: block;
        justify-content: start;
        gap: 5px;
        background: #fff;
        z-index: 99;
        position: relative;
        padding: 10px 0 0 20px;
    }
    .navbar .links li .sub-menu a {
        margin-bottom: 5px;
    }
    img#logoSite {
        margin: inherit;
        width: 87px;
        /* display: none; */
        margin-top: 14px;
    }
    .sticky img#logoSite {
        display: none;
    }
    nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap;
        text-align: left;
    }
    nav .navbar .links li a {
    color: #000;
    }
    nav .navbar {
        height: 100%;
        max-width: 1920px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        margin: auto;
        padding: 5px 22px;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        margin-top: 0;
    }
    nav .navbar .logo {
    display: none;
    }
    .navbar .bx-menu {
    display: block;
    }
    /* nav .navbar .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        display: block;
        max-width: 270px;
        width: 100%;
        line-height: 40px;
        padding: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        z-index: 1000;
        background: white;

    } */
    #menu-mobile {
        overflow-y: scroll;
    }
    .navbar .nav-links .sidebar-logo {
    display: grid;
    grid-template-columns: auto 25px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    }
    .sidebar-logo .logo-name img {
    max-width: 100%;
    width: 95px;
    }
    /* .sidebar-logo .logo-name {
    font-size: 25px;
    } */
    header.not-home .sidebar-logo i,
    header.not-home .navbar .bx-menu {
    font-size: 25px;
    color: black;
    }
    .sidebar-logo i,
    .navbar .bx-menu {
    font-size: 25px;
    color: white;
    }
    .navbar i.fa-solid.fa-xmark.bx.bx-x {
        color: black;
        margin-right: 21%;
    }
    nav .navbar .links {
    display: block;
    margin-top: 20px;
    padding: 0;
    }
    nav .navbar .links li .arrow {
    line-height: 40px;
    }
    nav .navbar .links li {
    display: block;
    }
    nav .navbar .links li .sub-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
    padding: 0;
    }
    nav .navbar .links li .sub-menu li {
    border-bottom: none;
    }
    .navbar .links li .sub-menu .more-sub-menu {
    display: none;
    position: relative;
    left: 0;
    }
    .navbar .links li .sub-menu .more-sub-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .links li:hover i.fa-caret-down,
    .links li:hover .fa-caret-down {
    transform: rotate(0deg);
    }
    .navbar .links li .sub-menu .more-sub-menu {
    display: none;
    }
    .navbar .links li .sub-menu .more span {
    display: flex;
    align-items: center;
    }
    .links li .sub-menu .more:hover .more-sub-menu {
    display: none;
    }
    /* nav .navbar .links li:hover .htmlCss-sub-menu,
    nav .navbar .links li:hover .js-sub-menu {
    display: none;
    }
    .navbar .nav-links.show1 .links .htmlCss-sub-menu,
    .navbar .nav-links.show3 .links .js-sub-menu,
    .navbar .nav-links.show2 .links .more .more-sub-menu {
    display: block;
    } */
    .navbar .nav-links.show1 .links i.fa-caret-down,
    .navbar .nav-links.show3 .links .fa-caret-down {
    transform: rotate(180deg);
    }
    .navbar .nav-links.show2 .links .fa-caret-right {
    transform: rotate(90deg);
    }
}
.shop_cart {
    position: absolute;
    background: var(--white-color);
    width: 312px;
    border-radius: 2px;
    /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.13); */
    text-align: left;
    z-index: 1;
    right: 0;
    padding: 0px;
    display: none;
    top: 33px;
    z-index: 9999;
    margin-right: 0;
}
.all-products-minicart {
    padding: 15px;
}


/* .shop:hover + .shop_cart {
    top: 69% !important;
    right: 11% !important;
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
} */

   /* .Cart-Container{
    background-color: #ffffff;
   } */
   .shopping-minicart{
    background-color: #ffffff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.13);
   }
   .Header{
    display: flex;
    justify-content: space-between;
    align-items: self-start;
   }
   .Heading{
    font-size: 20px;
    font-weight: 700;
    color: #2F3841;
   }
   .ActionRemoveAll{
    font-size: 14px;
    font-weight: 600;
    color: #E44C4C;
    cursor: pointer;
    border-bottom: 1px solid #E44C4C;
   }
   .Cart-Items{
    display: flex;
    align-items: center;
    margin-top: 8px;
   }
   .image-box img{
    max-width: 100%;
   }
   .image-box {
    margin-right: 8px;
    width: 33%;
   }
   .about{
    height: 100%;
   }
   .title{
    padding-top: 5px;
    line-height: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #202020;
   }
   .subtitle{
    line-height: 10px;
    font-size: 18px;
    font-family: ‘Open Sans’;
    font-weight: 600;
    color: #909090;
   }

   hr {
    width: 100%;
    display: table;
    margin: 1rem auto;
}
   .total{
    width: 100%;
    display: flex;
    justify-content: space-between;
   }
   .Subtotal{
    font-size: 19px;
    font-weight: 700;
    color: #202020;
   }
   .cart-items{
    font-size: 16px;
    font-weight: 500;
    color: #909090;
    line-height: 10px;
   }
   .total-amount{
    font-size: 22px;
    font-weight: 900;
    color: #202020;
   }
   .Checkout-button{
    margin-top: 5px;
    width: 80%;
    height: 40px;
    border: none;
    background: black;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    display: table;
    margin: 17px auto 0;
   }
   .Checkout_delete{
    color: red;
    margin-left: 2px;
   }
   .counter span{
    margin-right: 2px;
    margin-left: 2px;
   }

    li.page-item.active {
        margin: 0px 10px;
    }

.name-product-categorie a.produit_cart {
    color: #000;
    text-decoration: none;
    display: block;
    font-family: 'Le Jeune Deck';
    font-weight: 400;
    letter-spacing: 0.53px;
}


    .col-lg-2.col-sm-4.col-4.order-lg-2.order-1.d-flex.align-items-center.justify-content-sm-center.justify-content-end {
        z-index: 6;
    }




    /* start Page look */
    section.look {
        padding: 70px 0 120px;
    }
    .titre-totallook h2 {
        text-transform: uppercase;
        font-family: Le Jeune Deck;
        font-size: 20px;
        line-height: 28px;
        color: #020104;
        margin: 0;
    }
    .subtitle-totallook {
        font-size: 13px;
        color: #8f8f8f;
        font-family: Century-Gothic-Regular;
    }
    .titre-totallook {
        margin-bottom: 40px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 6px;
    }
    .img-totallook {
        margin-right: 50px;
    }
    .img-totallook img {
        max-width: 100%;
        height: auto;
    }
    .img-produit-totalool-1 {
        display: table;
        margin: 0 auto;
    }
    .img-produit-totalool-1 img {
        max-width: 100%;
        height: auto;
    }
    .content-produit-totallook-1 {
        margin: 12px 0 10px;
    }
    .content-produit-totallook-1 h6 {
        font-family: FoundersGrotesk-light;
        font-size: 16.5px;
        color: #000000;
        margin: 0;
        line-height: 20px;
        padding: 0;
    }
    .price-produit-totallook {
        color: #d80015;
        font-size: 13px;
        font-family: FoundersGrotesk-light;
    }
    .price-promo-produit-totallook {

        font-size: 12px;
        font-family: FoundersGrotesk-light;
    }
    .img-product-look img {
        width: 100%;
        height: auto;
    }
    .content-product-look h6 {
        font-family: FoundersGrotesk-light;
        font-size: 16.5px;
        color: #000000;
        margin: 0;
        line-height: 20px;
        padding: 0;
    }
    .price-product-look {
        color: #d80015;
        font-size: 16px;
        font-family: FoundersGrotesk-light;
    }
    .price-promo-product-look {

        font-size: 16px;
        font-family: FoundersGrotesk-light;
    }

    .content-product-look {
        margin: 12px 0 11px;
    }
    .btn-totallook {
        text-align: center;
        margin: 57px 0 0;
        border-top: 1px solid #e3e3e3;
        padding-top: 30px;
    }
    .prix-look {
        font-size: 19px;
        font-family: FoundersGrotesk;
        color: #000000;
    }
    span.color-prix {
        color: #d80015;
        font-family: FoundersGrotesk-light;
        padding-left: 8px;
    }
    a.btn-commande {
        text-decoration: none;
        background: #be222a;
        color: #fff;
        padding: 11px 70px;
        font-family: Century-Gothic-Regular;
        font-size: 14px;
        margin-top: 10px;
    }
    a.btn-commande:hover {
        background: #020104;
        transition: 1s all ease-in;
    }
    /* .all-product-totallool {
        overflow-y: scroll;
        padding: 0 15px 0 0;
        overflow-x: hidden;
        height: 929px;
    } */
    .all-product-totallool::-webkit-scrollbar {
        width: 10px;
    }

    .all-product-totallool::-webkit-scrollbar-track {
        background-color: #ebebeb;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .all-product-totallool::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #6d6d6d;
    }

    .subtitle-totallook span {
        padding-left: 4px;
    }
    .fa-heart-o {
        color: red;
        cursor: pointer;
      }

      .fa-heart {
        color: red;
        cursor: pointer;
        font-size: 19px;
    }
    @media (max-width: 1399px) {
        .all-product-totallool {
            height: 751px;
        }
    }
    @media (max-width: 1199px){
        .all-product-totallool {
            height: 559px;
        }
    }

    @media (max-width:991px){
        .all-product-totallool {
            height: auto;
        }
        a.btn-commande {
            padding: 11px 40px;
        }
    }

    @media (max-width:767px){
        .bloc-right {
            margin-top: 44px;
        }
        .img-totallook {
            margin-right: 0;
        }
    }
    @media (max-width:480px){
        .titre-totallook h2 {
            font-size: 20px !important;
        }
    }
    /* end Page look */

    /* start Page look */
    section.detail-look {
        padding: 60px 20px 75px;
    }
    .breadcumb-wrapper {
        padding: 45px 0 20px;
    }
    .breadcumb-content {
        text-align: center;
    }
    .breadcumb-title {
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'Century Gothic';
        color: #606060;
    }
    h2.breadcumb-menu {
        color: #000000;
        text-transform: uppercase;
        font-family: 'Century Gothic';
        font-size: 28px;
        padding-top: 5px;
    }
    .content-detail-look {
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    .title-detail-look {
        color: #020104;
        text-transform: uppercase;
        font-family: 'Times New Roman';
        font-size: 12px;
    }
    .prix-detail-look {
        color: #d80015;
        font-family: 'Century Gothic';
        font-size: 17px;
    }
    .prix-promo-detail-look {

        font-family: 'Century Gothic';
        font-size: 15px;
    }
    .btn-radio .select_wrap {
        margin: 30px auto 10px 0;
    }
    .size-detail-look .buttons button {
        background: transparent;
        border: none;
        color: #000000;
        font-size: 14px;
        font-family: 'Century Gothic';
        padding-right: 25px;
    }
    .guide-detail-look {
        display: flex;
        padding: 0 6px;
    }
    .mesure-size {
        padding-right: 10px;
    }
    .size-detail-look {
        margin-bottom: 2px;
        padding: 0 10px;
    }
    .btn-radio {
        padding: 0 5px;
    }
    .btn-detail-look a {
        text-decoration: none;
        text-align: center;
        display: table;
        margin: 89px auto 0;
        background: #be222a;
        color: #fff;
        font-size: 14px;
        padding: 12px 75px;
        font-family: 'Century Gothic';
    }
    .btn-detail-look a:hover {
        background: #020104;
        transition: 1s all ease-in;
    }
    .img-detail-look {
        position: relative;
        overflow: hidden;
    }
    .icon-detail-look {
        position: absolute;
        top: 0;
        right: 0;
        padding: 13px 15px 0 0;
    }
    .icon-detail-look .fa-heart {
        color: #000;
        cursor: pointer;
        font-size: 17px;
    }

    .detail-look-bg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 43px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background: #000;
        transition: all 0.3s;
        transform: translateY(100%);
        padding-top: 0;
    }
    .img-detail-look:hover .detail-look-bg {
        transform: translateY(0);
    }
    .button-detail-look-bg {
        text-align: right;
        padding-right: 16px;
        margin-top: -5px;
    }
    .selectSectionLook button {
        background: transparent;
        border: none;
        color: #000000;
        font-size: 14px;
        font-family: 'Century Gothic';
        padding-right: 20px;
      }
      .selectSectionLook button:hover {
          cursor: pointer;
      }

    .selectSection button {
        background: transparent;
        border: none;
        color: #000000;
        font-size: 14px;
        font-family: 'Century Gothic';
        padding-right: 20px;
      }
      .selectSection button:hover {
          cursor: pointer;
      }
      .active {
        color: #bd212a !important;
    }
      input.color-1[type=radio] {
        accent-color: #fff !important;
    }
    input.color-2[type=radio] {
        accent-color: #000 !important;
    }
    input.color-3[type=radio] {
        accent-color: gray !important;
    }

    @media (max-width:1200px){
        .box a {
            font-size: 12px;
        }

    }
    @media (max-width:991px){
        .icon-detail-look {
            padding: 13px 30px 0 0;
        }
        .bloc-detail-look {
            margin-bottom: 42px;
        }
        .btn-detail-look a {
            text-decoration: none;
            text-align: center;
            display: table;
            margin: 65px auto 0;
        }
    }
    @media (max-width:767px){
        .img-detail-look img {
            width: 100%;
        }
        .icon-detail-look {
            padding: 13px 16px 0 0;
        }
    }
    /* end Page look */

    /* start Page about */
    section.about {
        padding: 70px 0 0;
    }
    .img-about img {
        max-width: 100%;
    }
    .row.bloc-flex {
        display: flex;
        align-items: center;
    }
    .blod-right-about {
        margin-left: 50px;
    }
    .titre-about {
        position: relative;
        margin-bottom: 50px;
    }
    .titre-about:before {
        position: absolute;
        content: "";
        left: -114px;
        background: #d80015;
        top: 7px;
        width: 98px;
        height: 3px;
    }
    .subtitle-about {
        position: relative;
        font-family: 'Times New Roman';
        font-size: 13px;
        color: #000000;
        padding-bottom: 13px;
    }
    .titre-about h2 {
        color: #1c1f23;
        font-size: 30px;
        font-family: 'Times New Roman';
        letter-spacing: 0.5px;
    }
    .bloc-about-1 {
        padding-bottom: 100px;
    }
    .content-about {
        font-size: 20px;
        color: #606060;
        font-family: FoundersGrotesk-light;
        line-height: 35px;
        text-align: justify;
    }
    .video-about img {
        max-width: 100%;
    }
    .video-about {
        position: relative;
    }
    .icon-video {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        flex-direction: column;
        width: 100%;
        height: 100%;
        align-items: center;
    }
    @media (max-width:1366px){
        .titre-about h2 {
            font-size: 25px;
        }
        .blod-right-about {
            margin-left: 40px;
        }
        .titre-about {
            margin-bottom: 29px;
        }
        .subtitle-about {
            padding-bottom: 7px;
        }
        .content-about {
            font-size: 19px;
            line-height: 31px;
        }
    }
    @media (max-width:1199px){
        .img-about {
            display: table;
            margin: 0 auto 40px;
        }
        .blod-right-about {
            margin-left: 0;
        }
        .titre-about:before {
            display: none;
        }
        .bloc-about-1 {
            padding-bottom: 65px;
        }
    }
    @media (max-width: 482px){
        .titre-about h2 {
            font-size: 22px !important;
        }
    }
    /* end Page about */

    /* end Page la Marque */
    .row.la-marque {
        display: flex;
        align-items: center;
    }
    .img-lamarque-1 img {
        max-width: 100%;
    }
    .subtitle-lamarque {
        position: relative;
        font-size: 20px;
        color: #000000;
        font-family: 'Le Jeune Deck';
        padding-left: 40px;
    }
    .titre-lamarque h2 {
        font-size: 56px;
        font-family: 'Le Jeune Deck';
        margin-left: -117px;
        color: #1c1f23;
        margin-bottom: 70px;
    }
    span.couleur {
        color: #fff;
        margin-right: 19px;
    }
    .subtitle-lamarque:before {
        position: absolute;
        content: "";
        background: #000;
        width: 100px;
        height: 4px;
        top: 14px;
        left: -76px;
    }
    .content-lamarque {
        margin-left: 23px;
        text-align: justify;
        color: #606060;
        font-size: 18px;
        font-family: 'Helvetica';
        line-height: 35px;
    }
    .img-lamarque-2 {
        margin: 35px auto 0;
        display: table;
    }
    .img-lamarque-2 img {
        max-width: 100%;
    }
    .bloc-left-lamarque {
        float: right;
        margin-top: 40px;
    }
    .subtitle-lamarque-2 {
        position: relative;
        font-size: 17px;
        color: #000000;
        text-transform: uppercase;
        font-family: 'Times New Roman';
        letter-spacing: 2px;
        padding-left: 96px;
    }
    .subtitle-lamarque-2:before {
        position: absolute;
        content: "";
        left: 0;
        top: 11px;
        background: #000;
        width: 84px;
        height: 4px;
    }


.titre-lamarque-2 h2 {
    text-transform: uppercase;
    font-size: 67px;
    color: #000;
    font-family: 'Times New Roman';
    margin-right: -237px;
    z-index: 2;
    position: relative;
    margin-top: 15px;
    letter-spacing: 1px;
}
    span.couleur-2 {
        color: #fff;
        padding-left: 13px;
    }
    .btn-lamarque-2 a {
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        color: #393939;
        font-size: 14px;
        font-family: 'FoundersGrotesk';
        padding-left: 10px;
    }
    .btn-lamarque-2 a:before {
        position: absolute;
        content: "";
        left: 0;
        top: 6px;
        width: 2px;
        height: 14px;
        background: #d80015;
    }
    .btn-lamarque-2 a i {
        background: #d80015;
        color: #fff;
        font-size: 9px;
        padding: 9px;
        margin-left: 10px;
    }
    .btn-lamarque-2 {
        display: table;
        margin: 45px auto 0;
    }
    .img-lamarque-3 img {
        max-width: 100%;
    }

    @media (max-width: 1600px){
        .content-lamarque {
            line-height: 32px;
            font-size: 19px;
        }
        .titre-lamarque h2 {
            font-size: 65px;
            margin-bottom: 13px;
            margin-left: -140px;
        }
        .titre-lamarque-2 h2 {
            font-size: 65px;}
    }
    @media (max-width: 1400px){
        .content-lamarque {
            line-height: 29px;
            font-size: 19px;
        }
        .content-lamarque {
            margin-left: 10px;
        }
    }
    @media (max-width: 1366px){
        .content-lamarque {
            margin-left: 10px;
            line-height: 28px;
            font-size: 17px;
        }
        .titre-lamarque h2 {
            font-size: 55px;
            margin-left: -128px;
        }
        .subtitle-lamarque {
            font-size: 18px;
        }
        .titre-lamarque-2 h2 {
            font-size: 55px;
            margin-left: 22px;
        }
        .subtitle-lamarque-2:before {
            right: 225px;
            width: 67px;
        }
        .subtitle-lamarque-2 {
            font-size: 15px;
        }
        span.couleur-2 {
            padding-left: 39px;
        }
    }
    @media (max-width: 1200px){
        .content-lamarque {
            margin-left: 17px;
            line-height: 26px;
            font-size: 18px;
        }
        .titre-lamarque h2 {
            margin-left: -99px;
        }
        span.couleur {
            margin-right: 23px;
        }
        .subtitle-lamarque {
            font-size: 15px;
        }
        .subtitle-lamarque:before {
            top: 9px;
        }
        .titre-lamarque h2 {
            font-size: 40px;
        }
        .subtitle-lamarque-2:before {
            right: 205px;
            width: 67px;
            top: 7px;
        }
        .subtitle-lamarque-2 {
            font-size: 13px;
        }
        .titre-lamarque-2 h2 {
            font-size: 45px;
            margin-left: 62px;
        }
        span.couleur-2 {
            padding-left: 10px;
        }
    }
        @media (max-width: 1199px){
            .content-lamarque {
                margin-left: 0;
            }
            .subtitle-lamarque {
                font-size: 15px;
                padding-left: 80px;
            }
            .subtitle-lamarque:before {
                top: 9px;
                left: 0;
                width: 70px;
            }
            .titre-lamarque h2 {
                font-size: 42px;
                margin-bottom: 25px;
            }
            .img-lamarque-3 {
                display: table;
                margin: 0 auto;
            }
            .titre-lamarque-2 h2 {
                font-size: 46px;
                margin-left: 78px;
            }
            .bloc-left-lamarque {
                float: none;
                margin-top: 40px;
            }
            .subtitle-lamarque-2 {
                margin-left: 80px;
                padding-left: 81px;
            }
            .btn-lamarque-2 {
                display: block;
                margin: 0 0 50px 88px;
            }
            .subtitle-lamarque-2:before {
                left: 0;
                width: 67px;
                top: 7px;
                right: 0;
            }
            .bloc-right-lamarque {
                margin: 40px 84px 0;
            }
            .img-lamarque-1 {
                display: table;
                margin: 0 auto;
            }
            span.couleur-2 {
                color: #000;
            }
        }
        @media (max-width: 767px){
            .titre-lamarque-2 h2 {
                font-size: 37px;
            }
            .titre-lamarque h2 {
                font-size: 37px;
            }
        }
        @media (max-width: 482px){
            .titre-lamarque-2 h2 {
                font-size: 34px;
            }
            .titre-lamarque h2 {
                font-size: 34px;
            }
        }
        @media (max-width: 480px){
            .titre-lamarque h2 {
                font-size: 30px !important;
            }
            span.couleur-2 {
                padding-left: 0;
            }
            .titre-lamarque-2 h2 {
                font-size: 30px !important;
                margin-left: 24px;
            }
            .bloc-right-lamarque {
                margin: 40px 30px 0;
            }
            .subtitle-lamarque {
                font-size: 14px;
            }
            .subtitle-lamarque-2 {
                margin-left: 30px;
            }
            .btn-lamarque-2 {
                margin: 0 0 50px 33px;
            }
        }

    /* end Page la Marque */

    /* start Page panier */
    section.panier {
        padding: 65px 0 80px;
    }
    .title-panier h2 {
        color: #000000;
        text-transform: uppercase;
        font-family: 'Le Jeune Deck';
        font-size: 28px;
        padding-bottom: 55px;
        text-align: center;
    }
    .titre-panier-vide {
        text-align: center;
        text-transform: uppercase;
        font-family: 'Le Jeune Deck';
        font-size: 23px;
        margin-bottom: 38px;
        margin-top: 36px;
        letter-spacing: 2px;
    }
    .btn-panier-vide a {
        text-align: center;
        text-decoration: none;
        color: #000;
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'Helvetica';
    }
    .btn-panier-vide a:hover {
        text-decoration: underline;
    }
    i.fas.fa-angle-double-left {
        margin-right: 8px;
    }
    .name-product-panier {
        color: #020104;
        text-transform: uppercase;
        font-family: 'Times New Roman';
        font-size: 14px;
        margin-bottom: 19px;
    }
    .row.flex-product-panier {
        display: flex;
        align-items: center;
    }
    .color-product-panier {
        color: #020104;
        font-size: 13px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
        padding-bottom: 4px;

    }
    .size-product-panier {
        color: #020104;
        font-size: 13px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
        padding-bottom: 15px;
    }
    .ref-product-panier {
        color: #020104;
        font-size: 13px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
    }
    a.increment-btn {
        cursor: pointer;
    }
    a.decrement-btn {
        cursor: pointer;
    }
    a.decrement-btn i {
        font-size: 12px;
        font-weight: 400;
        color: #020104;
        padding-right: 14px;
    }
    a.increment-btn i {
        font-size: 12px;
        font-weight: 400;
        color: #020104;
        padding-left: 7px;
    }
    div#qty_select {
        background: #f2f3f5;
        display: table;
        padding: 2px 19px 4px;
        border-radius: 20px;
        margin: 0 auto 10px;
    }
    input#qty_display {
        border: none;
        width: 18px;
        background: #f2f3f5;
        font-size: 13px;
    }
    label.label-qty {
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 5px;
    }
    .price-product-panier {
        float: right;
        margin-top: 51px;
        color: #020104;
        font-family: 'Century Gothic';
        font-size: 14px;
    }
    .product-panier {
        border-bottom: 1px solid #e1e1e5;
        padding-bottom: 25px;
        margin-top: 26px;
        width: 100%;
    }
    .content-product-panier {
        margin-left: 13px;
    }
    .titre-product-panier {
        display: flex;
        justify-content: space-between;
    }
    /* .icon-product-panier {
        display: flex;
        margin-top: 20px;
    } */
    .wishlist-product-panier .fa-heart {
        color: #bdbdbd;
        font-weight: 300;
        font-size: 20px;
        padding-left: 0px;
        padding-top: 6px;
    }
    .wishlist-product-panier:hover .fa-heart {
        color: #7c7c7c;
    }
    .close-product-panier .fa-close {
        color: #bdbdbd;
        font-weight: 400;
        font-size: 15px;
    }
    .close-product-panier:hover .fa-close {
        color: #7c7c7c;
    }
    .wishlist-product-panier {
        position: relative;
        margin-top: 18px;
    }
    /* .wishlist-product-panier:after {
        position: absolute;
        content: "Liste de voeux";
        font-size: 11px;
        left: -24px;
        width: 100%;
        top: 31px;
        white-space: nowrap;
        text-align: center;
        opacity: 0;
        color: #7c7c7c;
    } */
    /* .wishlist-product-panier:hover:after {
        opacity: 1;
    } */

    .close-product-panier {
        position: relative;
    }
    .close-product-panier:after {
        position: absolute;
        content: "Supprimer";
        font-size: 11px;
        left: -18px;
        width: 100%;
        top: 31px;
        white-space: nowrap;
        text-align: center;
        opacity: 0;
        color: #7c7c7c;
    }
    .close-product-panier:hover:after {
        opacity: 1;
    }
    .close-product-panier button {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        width: 0;
    }
    .bloc-droite-panier {
        display: flex;
        justify-content: space-between;
    }


    .bloc-total-price {
        margin: 0 60px;
    }
    .title-total-price {
        background: #f0eeed;
        padding: 20px 10px 20px 27px;
        color: #1c1f23;
        font-size: 15px;
        font-family: 'Times New Roman';
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .detail-total-price {
        background: #f8f8f8;
        padding: 20px 30px 30px;
    }
    .total-prix {
        display: flex;
        justify-content: space-between;
        color: #545454;
        font-size: 16px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
        padding-bottom: 3px;
    }
    .livraison-total {
        display: flex;
        justify-content: space-between;
        color: #545454;
        font-size: 16px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
        padding-bottom: 13px;
    }
    .total-prix-estimate {
        display: flex;
        justify-content: space-between;
        color: #020104;
        font-size: 16px;
        text-decoration: none;
        font-family: 'FoundersGrotesk';
    }
    .accordion-item {
        color: var(--bs-accordion-color);
        background-color: transparent;
        border: none;
    }
     .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
        box-shadow: none;
    }
    .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        font-size: 11px;
        color: #6d6f73;
        text-align: left;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition);
        text-decoration: underline;
    }
    .accordion-button:not(.collapsed) {
        color: #6d6f73;
        background-color: transparent;
        box-shadow: none;
    }
    .accordion-button::after {
        flex-shrink: 0;
        width: 10px;
        height: 10px;
        margin-left: 7px;
        margin-top: 2px;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: 10px;
        transition: var(--bs-accordion-btn-icon-transition);
    }
    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-icon);
    }
    .accordion-body {
         padding: 18px 0 0;
    }
    button.btn-promo {
        background: #fff;
        padding: 18px 12px 9px;
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'FoundersGrotesk';
        letter-spacing: 0.5px;
        color: #6d6f73;
        line-height: 17px;
        margin-left: -5px;
        border-bottom: 1px solid #e1e1e5;
        border-top: 1px solid #e1e1e5;
        border-right: 1px solid #e1e1e5;
        border-left: 1px solid transparent;
    }
    input.text-promo {
        padding: 10px;
        width: 75%;
        border-bottom: 1px solid #e1e1e5;
        border-top: 1px solid #e1e1e5;
        border-left: 1px solid #e1e1e5;
        border-right: 1px solid transparent;
    }
    input.text-promo:focus-visible {
        outline: none;
    }
    .code-promo {
        margin-top: 17px;
    }
    input.text-promo::placeholder {
        font-size: 10px;
    }
    .text-free-shipping {
        position: relative;
        text-align: center;
        font-family: 'FoundersGrotesk';
        letter-spacing: 0.7px;
        font-size: 14px;
        /* padding-bottom: 18px; */
    }
    /* .text-free-shipping:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 7px;
        background: #000;
        display: table;
        border-radius: 10px;
    } */
    .bloc-free-shipping {
        border-top: 1px solid #e1e1e5;
        border-bottom: 1px solid #e1e1e5;
        padding: 20px 0 27px;
        margin: 35px 0 23px;
    }
    .btn-paiement a {
        margin: 0 auto;
        width: 100%;
        padding: 17px 0 9px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        background: #be222a;
        font-size: 14px;
        font-family: 'FoundersGrotesk';
        letter-spacing: 1px;
    }
    .btn-paiement a:hover {
        background: #020104;
        transition: 1s all ease-in
    }

    @media (max-width: 1400px){
        .content-product-panier {
            margin-left: 50px;
        }
    }

    @media (max-width: 1199px){
        .bloc-total-price {
            margin: 0 20px;
        }
        .content-product-panier {
            margin-left: 82px;
        }
    }

    @media (max-width: 991px){
        .bloc-total-price {
            margin: 50px 0 0;
        }
        .content-product-panier {
            margin-left: 30px;
        }
    }

    @media (max-width: 767px){
        .content-product-panier {
            margin-left: 95px;
        }
        .bloc-total-price {
            margin: 50px 0 0;
        }
    }
    @media (max-width: 500px){
        .img-product-panier {
            display: table;
            margin: 30px auto;
        }
        .bloc-total-price {
            margin: 50px 0px 0;
        }
    }
    @media (max-width: 400px){
        .content-product-panier {
            margin-left: 18px;
        }
        .bloc-total-price {
            margin: 50px 0px 0;
        }
        .title-total-price {
            padding: 20px 9px 20px 11px;
            font-size: 14px;
        }
        .detail-total-price {
            padding: 20px 13px 30px;
        }
        .text-free-shipping {
            font-size: 13px;
        }
    }

    /* end Page panier */

/* start Page checkout */
section.checkout {
    padding: 70px 0;
}
.img-product-notrepanier img {
    max-width: 100%;
}
.bloc-notre-panier {
    padding: 0 60px;
    margin-top: 45px;
}
.bloc-notre-panier button.accordion-button {
    background: #f2f3f5;
    padding: 20px 27px 20px 27px;
    color: #1c1f23;
    font-size: 15px;
    font-family: 'Times New Roman';
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.bloc-notre-panier .accordion-body {
    background: #f8f8f8;
    padding: 20px 11px 30px 30px;
}
.allproduct-notre-panier {
    height: 350px;
    overflow-y: scroll;
    overflow-x: clip;
    padding-right: 23px;
}
.bloc-notre-panier .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.bloc-notre-panier .accordion-button::after {
    margin-left: auto;
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
}

.title-product-notrepanier {
    position: relative;
    font-family: 'Times New Roman';
    font-size: 12px;
    color: #6d6f73;
    padding-bottom: 4px;
}
.name-product-notrepanier {
    color: #020104;
    text-transform: uppercase;
    font-family: 'Times New Roman';
    font-size: 13px;
    padding-bottom: 10px;
}
.size-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.price-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.total-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.color-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.qt-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.ref-product-notrepanier {
    color: #020104;
    font-size: 13px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
.product-notre-panier {
    border-bottom: 1px solid #e1e1e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.product-notre-panier:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.allproduct-notre-panier::-webkit-scrollbar {
    width: 3px;
}

.allproduct-notre-panier::-webkit-scrollbar-track {
    background-color: #f0eeed;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.allproduct-notre-panier::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e1e1e5;
}
.form-steps-checkout button.accordion-button {
    color: #020104;
    text-transform: none;
    font-family: 'FoundersGrotesk';
    font-size: 24px;
    text-decoration: none;
    padding: 24px 0 18px;
}

.form-steps-checkout  .accordion-button::after {
  display: none
}
.form-steps-checkout .accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.form-steps-checkout .accordion-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
span.num-reglement {
    background: #000;
    color: #fff;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    line-height: 37px;
    font-size: 15px;
    margin-right: 15px;
    margin-top: -6px;
}
.title-coord-checkout {
    color: #020104;
    font-size: 16px;
    font-family: 'Times New Roman';
    margin-bottom: 15px;
}

input.prenom, input.nom, input.phone {
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 13px 20px 15px;
    margin-bottom: 20px;
}
input.prenom:focus-visible, input.nom:focus-visible, input.phone:focus-visible {
    outline: none;
    border: 1px solid #020104;
}
input.prenom::placeholder, input.nom::placeholder, input.phone::placeholder {
    font-size: 16px;
    color: #6d6f73;
}
.title-info-checkout {
    color: #020104;
    font-size: 16px;
    font-family: 'Times New Roman';
    margin-bottom: 15px;
}
input.adresse {
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 13px 20px 15px;
    margin-bottom: 20px;
}
input.adresse:focus-visible{
    outline: none;
    border: 1px solid #020104;
}
input.adresse::placeholder {
    font-size: 12px;
    color: #6d6f73;
}
.form-coord-checkout {
    margin-bottom: 30px;
}


  input.appartement, input.ville, input.Département, input.Code{
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 13px 20px 15px;
    margin-bottom: 20px;
  }
  input.appartement:focus-visible, input.ville:focus-visible, input.Département:focus-visible, input.Code:focus-visible{
    outline: none;
    border: 1px solid #020104;
  }
  input.appartement::placeholder, input.ville::placeholder, input.Département::placeholder, input.Code::placeholder{
    font-size: 12px;
    color: #6d6f73;
  }

  .title-livraison-type {
    color: #020104;
    font-size: 16px;
    font-family: 'Times New Roman';
    margin-bottom: 21px;
}
.name-liv-type {
    display: flex;
    justify-content: space-between;
    color: #020104;
    font-size: 16px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
}
button.liv-type p {
    text-align: left;
    color: #6d6f73;
    font-size: 14px;
}
button.liv-type {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: transparent;
    padding: 17px 25px 14px;
    margin-bottom: 22px;
}
button.liv-type.active {
    background: #f2f3f5;
    border: 1px solid #020104;
}
.name-paiement {
    color: #020104;
    font-size: 14px;
    font-family: 'Times New Roman';
    margin-bottom: 21px;
}
.bloc-paiement {
    background: #f2f3f5;
    padding: 20px 30px;
    border: 1px solid #020104;
}
.title-paiement {
    display: flex;
    justify-content: space-between;
}
input.num-carte, input.date-exp, input.num-exp {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 12px 10px;
    margin-bottom: 16px;
}

input.num-carte::placeholder, input.date-exp::placeholder, input.num-exp::placeholder {
    font-size: 12px;
    color: #6d6f73;
}
.group-form label {
    font-size: 14px;
    margin-bottom: 8px;
    font-family: 'Helvetica';
}
input.num-carte:focus-visible, input.date-exp:focus-visible, input.num-exp:focus-visible {
    outline: none;
    border: 1px solid #020104;
}
.group-form-paiement label {
    font-size: 15px;
    margin-bottom: 8px;
    font-family: 'Helvetica';
}
input#lieu-liv:checked, input#enregistrement:checked, input#enregistrer-adresse:checked, input#defaut-adresse:checked, input#info-news:checked {
    border: none;
    border-color: #000;
    display: inline-block;
    height: 20px;
    width: 13px;
    border: 1px solid #474747;
    vertical-align: text-bottom;
    margin-right: 0;
    position: relative;
    margin-left: 0rem;
    content: "";
    background-image: url(.../../front/css/images/197967-check.svg);
}
.checkbox-lieu-liv label {
    font-size: 15px;
    margin-bottom: 8px;
    font-family: 'Helvetica';
    margin-top: 30px;
}
.btn-pass-commande a {
    margin: 28px auto 34px;
    padding: 17px 55px 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: #be222a;
    font-size: 12px;
    font-family: 'FoundersGrotesk';
    letter-spacing: 1px;
}
.btn-pass-commande a:hover {
    background: #020104;
    transition: 1s all ease-in;
}


.btn-continue a {
    margin: 28px auto 34px;
    padding: 17px 55px 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: #be222a;
    font-size: 12px;
    font-family: 'Helvetica';
    letter-spacing: 1px;
}
.btn-continue a:hover {
    background: #020104;
    transition: 1s all ease-in;
}

.show-more-btn {
    font-size: 13px;
    text-decoration: underline;
    margin-bottom: 20px;
    cursor: pointer;
}
.form-group label {
    font-size: 14px;
    margin-bottom: 8px;
    font-family: 'Helvetica';
    line-height: 18px;
}
.form-info-checkout .form-group {
    margin: 0 0 7px;
}
.more-show-item .form-group label {
    font-size: 15px;
    margin-bottom: 1px;
    font-family: 'Helvetica';
    line-height: 18px;
}
.form-info-checkout .form-group {
    margin: 0;
}

@media (max-width: 1199px){
    .bloc-notre-panier {
        padding: 0 0px;
    }
}

@media (max-width: 991px){
    .bloc-notre-panier {
        padding: 0 0;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: white;
        left: 0;
        right: 0;
        height: 74px;
        z-index: 11;
    }
.header_logo_icons.sticky img#logofixed {
    display: block;
    opacity: 1;
    max-width: 100px;
    margin: 5px auto;
    margin-top: 3px;
}
.header_logo_icons.sticky nav .navbar {
    height: 100%;
    max-width: 1920px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: auto;
    padding: 5px 285px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    margin-top: 0;
}
.header_logo_icons.sticky .sidebar-logo i, .header_logo_icons.sticky .navbar .bx-menu {
    color: #000;
}
}
@media (max-width: 768px){
    .header_logo_icons.sticky nav .navbar {
        padding: 5px 190px;
    }
}
@media (max-width: 767px){
    .bloc-notre-panier {
        padding: 0 0px;
    }
    .content-product-notrepanier {
        margin-top: 20px;
    }
}

@media (max-width: 482px){
    .bloc-notre-panier {
        padding: 0 43px;
    }
}
@media (max-width: 480px){
    .bloc-notre-panier {
        padding: 0;
    }

}

/* end Page checkout */

/* start popup cart menu */
.img-produit-minicart img {
max-width: 100%;
}
.title-produit-minicart {
    color: #020104;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-size: 12px;
    padding-bottom: 10px;
}
.color-produit-minicart {
    color: #767676;
    font-size: 12px;
    text-decoration: none;
    font-family: 'Helvetica';
    text-transform: uppercase;
    margin-bottom: 5px;
}
.color-produit-minicart span {
    text-transform: none;
}
.size-produit-minicart {
    color: #767676;
    font-size: 12px;
    text-decoration: none;
    font-family: 'FoundersGrotesk';
    text-transform: uppercase;
    margin-bottom: 5px;
}
.size-produit-minicart span {
    text-transform: none;
}

.price-produit-minicart {
    color: #767676;
    font-size: 12px;
    text-decoration: none;
    font-family: 'Helvetica';
    text-transform: uppercase;
}
.bloc-produit-minicart {
    border-bottom: 1px solid #e1e1e5;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.bloc-produit-minicart:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.produit-shopping-minicart {
    overflow-y: scroll;
    overflow-x: clip;
    height: 220px;
}

.produit-shopping-minicart::-webkit-scrollbar {
    width: 6px;
}

.produit-shopping-minicart::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.produit-shopping-minicart::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #757575;
}
.total-produit-minicart {
    display: flex;
    justify-content: space-between;
    color: #020104;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Helvetica';
    margin-top: 32px;
    border-top: 1px solid #e1e1e5;
    padding-top: 22px;
}
.btn-produit-minicart a {
    margin: 20px auto 6px;
    width: 100%;
    padding: 14px 0 11px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: #be222a;
    font-size: 13px;
    font-family: 'Helvetica';
    letter-spacing: 1px;
}
.btn-produit-minicart a:hover {
    background: #020104;
    transition: 1s all ease-in;
}
/* end popup cart menu */



.top{
    background-color:#123;
    position:relative;
    display:block;
    width:100%;
    height:0;
  }


  .top-search-form {
    display: none;
    background: #fff;
    padding: 64px 0 65px;
    text-align: center;
    position: fixed;
    transition: background-color 500ms linear;
    width: 100%;
    left: 0;
    right: 0;
    top: 104px;
    z-index: 10;
    box-shadow: -11px 11px 9px 0 rgb(0 0 0 / 8%);
}
.header_logo_icons.sticky .top-search-form {
    top: 65px;
}
.search-text {
    max-width: 850px;
    margin: 0 auto;
}
.search-text-top {
    position: relative;
    display: flex;
    padding-bottom: 10px;
}
.search-text-top:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 1px;
    margin: auto;
}
.bloc-recher {
    position: relative;
    padding: 10px 0 18px;
    margin-bottom: -24px;
}
.bloc-recher:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #eceaea;
    width: 73%;
    height: 1px;
    margin: auto;

}

.top-search-form input {
    border: none;
    background: none;
    color: black;
    outline: none;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding-top: 9px;
    padding-left: 14px;
    font-family: 'Helvetica';
    letter-spacing: 1px;
}
input#search_global::placeholder {
    color: #8d8d8d;
    font-size: 20px;
}
.search-group {
    display: flex;
    margin-top: 20px;
}
.search-group h4 {
    font-size: 16px;
    font-family: 'Le Jeune Deck';
    font-weight: 400;
    padding-right: 17px;
}
.search-group a {
    color: #000;
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 14px;
    margin-right: 35px;
}
.search-group .sbtn {
    font-size: 14px;
    padding-right: 10px;
    color: #939393;
}
.search i.fa.fa-search {
    color: #ababab !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}
  .top-search-form button{
    background:none;
    border:none;
  }

  .sbtn {
    font-size: 19px;
    color: #8d8d8d;
    font-weight: 300;
}

.search-text-bottom {
    margin-top: 41px;
}
.img-search-categorie img {
    max-width: 100%;
}
.title-search-bottom {
    text-align: left;
    font-family: 'Le Jeune Deck';
    font-size: 26px;
    padding-bottom: 23px;
    font-weight: 400;
}
.item-search-categorie {
    position: relative;
}
.content-search-categorie {
    position: absolute;
    bottom: 13px;
    left: 20px;
    text-align: left;
}
.name-search-categorie {
    font-family: 'Le Jeune Deck';
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    text-align: left;
}
.img-search-categorie {
    margin: 0 6px;
}
a.btn-search-categorie {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    text-align: left;
    font-family: 'Helvetica';
    padding-bottom: 3px;
}
a.btn-search-categorie:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 1px;
    width: 100%;
}


  .tt-btn-close-1 i {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    position: absolute !important;
    top: 38px !important;
    right: 17% !important;
}

.result-search p {
    padding: 15px 13px 6px;
    border-bottom:  1px solid #eceaea;
    margin: 0;
    font-size: 16px;
}
.result-search {
    width: 73%;
    display: table;
    margin: 0 auto;
    text-align: left;
    border-left: 1px solid #eceaea;
    border-right: 1px solid #eceaea;
    display: none;
    overflow-y: scroll;
    height: 300px;
}

.result-search::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #e8e8e8;
}

.result-search::-webkit-scrollbar
{
	width: 5px;
	background-color: #e8e8e8;
}

.result-search::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #000;
}

.produit_recherche {
    text-decoration: none;
    display: block;
}

.produit_recherche:hover p {
    color: #d80015;
}
.produit_recherche:first-child {
    border-top: 1px solid #eceaea;
}


/* page nouveauté */

.titre-nouv h2 {
    font-size: 70px;
    text-transform: uppercase;
    font-family: 'Times New Roman';
}
.subtitle-nouv {
    letter-spacing: 6px;
    font-size: 37px;
    text-transform: uppercase;
    font-family: 'Helvetica';
    padding-top: 25px;
}
.subtitle-nouv {
    letter-spacing: 6px;
    font-size: 37px;
    text-transform: uppercase;
    font-family: 'Helvetica';
    padding-top: 15px;
    position: relative;
}
.titre-nouv {
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translate(50%, -50%);
    text-align: center;
    color: var(--white-color);
    z-index: 1;
}
.img-nouv-1 {
    display: table;
    margin: 0 auto 30px;
}
.img-nouv-1 img {
    max-width: 100%;
}
.bloc-nouveaute-1 {
    padding: 30px 0px 0px 0px;
}
span.color-subtitle {
    background: #d80015;
    display: inline-block;
    height: 40px;
    padding: 0px 4px 0px 11px;
    text-align: center;
}



.cover {
    background-image: url(../../front/images/nouveaute/709107-img-video-nouv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 50%;
    cursor: pointer;
    position: relative;
}
.cover:after {
    position: absolute;
    content: "";
    width: 65px;
    height: 65px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: url(../../front/images/nouveaute/626712-icon-play-nouv.png);
    /* cursor: pointer; */
    pointer-events: none;
    /* animation: scale 1s linear infinite; */
    z-index: 999;
}
.cover video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: absolute;
    z-index: -1;
    bottom: -1px;
}
.slide-interne img {
    max-width: 100%;
}
.bloc-nouveaute-2 {
    padding: 0px 0 60px;
}
@media (max-width: 1400px) {
    .titre-nouv {
        left: 32%;
        transform: translate(50%, -50%);
    }
}

@media (max-width: 991px) {
    .titre-nouv h2 {
        font-size: 60px;
    }
    .img-nouv-1 {
        margin: 0 auto 20px;
    }
    .titre-nouv {
        top: 40%;
    }
}
@media (max-width: 767px) {
    .subtitle-nouv {
        font-size: 30px;
    }
    .titre-nouv h2 {
        font-size: 45px;
    }

}


@media (max-width:500) {
    .subtitle-nouv {
        font-size: 30px;
    }
    .titre-nouv h2 {
        font-size: 45px;
    }
    .shop_cart {
        right: 23%;
    }
}


@media (max-width: 500px){
    .titre-nouv {
        left: 28%;
    }
    .titre-nouv h2 {
        font-size: 28px;
    }
    .subtitle-nouv {
        font-size: 19px;
        padding-top: 6px;
    }
    span.color-subtitle {
        height: 26px;
        padding: 3px 4px 0px 11px;
    }
}
@media (max-width: 480px){
    .subtitle-nouv {
        font-size: 16px;
        padding-top: 4px;
    }
    .titre-nouv h2 {
        font-size: 20px;
    }
    .titre-nouv {
        left: 11%;
        top: 35%;
    }
}


/* page service client */
.bloc-1-serviceClient {
    padding: 70px 0 15px;
}
.subtitle-serviceClient {
    font-size: 32px;
    font-family: 'Le Jeune Deck';
    color: #1c1f23;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.titre-serviceClient p {
    text-align: justify;
    color: #606060;
    font-size: 19px;
    font-family: 'Helvetica';
    line-height: 27px;
    border-bottom: 1px solid #DCDCDE;
    padding-bottom: 23px;
    margin-bottom: 22px;
}
.bloc-left-detail {
    display: flex;
    margin-bottom: 26px;
}
.titre-detail-serviceClient {
    font-family: 'Helvetica';
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 6px;
}
.icon-detail-serviceClient {
    margin-right: 10px;
}
.content-detail-serviceClient p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
a.link-deatil-serviceClient {
    color: #606060;
    font-family: 'Helvetica';
}
a.link-deatil-serviceClient:hover {
    color: #bd212a;
}
.bloc-left-serviceClient {
    padding-right: 85px;
}
.row.serviceCli {
    display: flex;
    align-items: center;
}

.grid-serviceClient {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #000;
}
section.service-client {
    padding-bottom: 80px;
}
.bloc-2-serviceClient {
    padding: 18px 0 0;
    position: relative;
    margin-bottom: 0;
}
/* .bloc-2-serviceClient:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 70px;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
} */


.form-serviceClient {
    background: #fff;
    padding: 64px 50px;
    -moz-box-shadow: 0 4px 10px rgb(226 226 226 / 60%);
    /* -webkit-box-shadow: 0 4px 10px rgb(226 226 226 / 60%); */
    /* box-shadow: 0 4px 10px rgb(226 226 226 / 60%); */
}
.title-form-serviceClient {
    font-size: 28px;
    font-family: 'Times New Roman';
    color: #1c1f23;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.form-serviceClient p {
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 32px;
}
.formulaire-serviceClient input.prenom, .formulaire-serviceClient input.name, .formulaire-serviceClient input.phone, .formulaire-serviceClient input.mail, .formulaire-serviceClient input.subject {
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 9px 10px;
    margin-bottom: 20px;
}

.formulaire-serviceClient textarea.msg {
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 9px 10px;
}

.formulaire-serviceClient input.prenom::placeholder, .formulaire-serviceClient input.name::placeholder, .formulaire-serviceClient input.phone::placeholder, .formulaire-serviceClient input.mail::placeholder, .formulaire-serviceClient input.subject::placeholder, textarea.msg::placeholder {
    font-size: 15px;
}
.btn-serviceClient {
    display: block;
    margin: 33px auto 0;
    text-align: center;
    background: #bd212a;
    padding: 9px 20px;
    font-size: 17px;
    text-transform: uppercase;
    transition: all .4s;
}
.btn-serviceClient:hover {
    background: #000;
}
.btn-serviceClient a {
    color: #fff;
    text-decoration: none;
}
.img-serviceClient img {
    max-width: 100%;
}
@media (max-width: 1300px){
    .bloc-left-serviceClient {
        padding-right: 15px;
    }
    .form-serviceClient {
        padding: 50px 30px
    }
    .title-form-serviceClient {
        font-size: 23px;
    }
    .map-serviceClient iframe {
        width: 100%;
    }

}


@media (max-width: 991px){
    .subtitle-serviceClient {
        font-size: 30px;
    }
    .img-serviceClient {
    display: table;
    margin: 35px auto 0;
}
    .grid-serviceClient {
        display: block;
    }
    .form-serviceClient {
        padding: 50px 50px;
        margin-top: -7px;
    }
    section.footer .res-sociaux-footer a {
        padding: 8px 6px 5px 12px;
        margin-bottom: 6px;
        display: inline-block;
    }

}

@media (max-width: 480px){
    .subtitle-serviceClient {
        font-size: 25px;
    }
    .form-serviceClient {
        padding: 50px 25px;
    }
    .title-form-serviceClient {
        font-size: 20px;
        line-height: 27px;
    }

}


/* start responsive page home */
@media (max-width: 1199px){
    #cart-block h4 {
        font-size: 22px;
    }
}
@media (max-width: 991px){
    .video-container  a.fancybox {
        display: table;
        margin: 0 auto 0px;
    }
    section.collection .desc_collection h2 {
        margin-top: 20px;
    }
    section.taille h3.slogantaille {
        text-align: left;
        margin: 6px 0 30px;
    }
    .content-handmade {
        left: 13px;
    }
    .hand .about-button {
        text-align: left !important;
        margin-top: 18px;
    }
    section.hand p {
        text-align: left;
    }
    section.hand h3.h3slogan {
        left: 0;
        color: #000;
        text-align: left;
        display: block;
    }
    section.hand span.txt-made {
        color: #000;}
    .c-product-details {
        margin: 35px auto 0;
    }
    .btns-produit {
        margin-top: 20px;
    }
    section.chaussure h3, section.articles h3 {
        font-size: 27px;
    }
    .tabsdescription {
        margin: 45px auto 10px;
    }
    .connexion {
        width: 38% !important ;
    }
}

@media (max-width: 767px){
    .section-about .video-container {
        height: 100%;
    }
    section.collection .desc_collection h2 {
        margin-top: 0;
    }
    section.hand p {
        padding-top: 20px;
    }
    section.articles h3 {
    font-size: 30px;
    line-height: 35px;
    }
    .item {
        display: table;
        margin: 0 auto;
    }

    .content-look-products {
        margin-top: 30px;
    }
    section.articles h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .bloc-1-footer {
        display: table;
        margin: 0 auto;
    }
    .bloc-2-footer {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    .bloc-3-footer {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    .bloc-4-footer {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    .bloc-5-footer {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    section.footer form {
        width: 100%;
    }
    section.footer .carte-banck {
        justify-content: center;
    }
    .connexion {
        width: 100% !important;
        display: table !important;
        margin: 20px auto 60px !important;
        text-align: center !important;
    }


}

@media (max-width: 600px){
    .top-search-form {
        padding: 77px 25px 43px;
    }


    @-webkit-keyframes ticker {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          visibility: visible;
        }
        100% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      @keyframes ticker {
        0% {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          visibility: visible;
        }
        100% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }

      /* .ticker {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 30s;
        animation-duration: 7s;
    } */


}

@media (max-width: 482px){

    section.articles h3 {
        font-size: 26px;
        line-height: 32px;
    }
    section.hand h3.h3slogan {
    font-size: 30px;
    }
    section.taille h3.slogantaille {
    font-size: 30px;
    }
    .grid-insta {
        grid-template-columns: repeat(3, 1fr);
    }
    section.articles h3 {
        font-size: 25px;
    }
    section.articles h3 {
        font-size: 21px;
    }
    .top-search-form {
        padding: 77px 35px 43px;
    }
    .header_logo_icons.sticky nav .navbar {
        padding: 5px 75px;
    }
}




@media (max-width: 480px){
   section.articles h3 {
    font-size: 24px;
    line-height: 32px;
}
.grid-insta {
    grid-template-columns: repeat(2, 1fr);
}
.content-categories {
    padding: 0px 25px;
}
.navigation-links {
    padding: 0 25px;
}
.bloc-nouveaute-2 {
    padding: 0;
}
section.articles h3 {
    font-size: 19px;
    line-height: 25px;
}
.tabsdescription li {
    font-size: 12px;
}
.top-search-form {
    padding: 77px 0px 43px;
}
.bloc-recher {
    padding: 10px 14px 23px;
}
.header_logo_icons.sticky nav .navbar {
    padding: 5px 19px;
}

}
/* end responsive page home */





.cover-1 {
    background-image: url(../../front/images/895587-img_about_as.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 50%;
    height: 531px;
    position: relative;
    cursor: pointer;
}

.cover-1 video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: absolute;
    z-index: -1;
    height: 531px;
}

.cover-1::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: url(../../front/images/203458-playvideo.png);
    background-size: cover;
    pointer-events: none;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    animation: scale 3s linear infinite;
}



.product-color-detail input[type="radio"] {
    display: none;
}
/* .product-color-detail input[type="radio"]:checked + label span {
    transform: scale(1.25);
} */
.product-color-detail input[type="radio"]:checked + label:after  {
    opacity: 1;
    border: 1px solid #000;
}
/* .product-color-detail input[type="radio"]:checked + label .marron-1 {
    border: 2px solid #aa6616;
    border-radius: 50%;
}
.product-color-detail input[type="radio"]:checked + label .marron-2 {
   border: 2px solid #aa6616;
   border-radius: 50%;
} */

.product-color-detail label {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
}
/* .product-color-detail label:hover span {
    transform: scale(1.25);
} */
.product-color-detail label span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
    border: 1px solid #6c757d40;
}
.product-detail-top .product-color-detail label {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.product-detail-top .product-color-detail label:after {
    left: -4px;
    right: 1px;
    bottom: -4px;
    width: 38px;
    height: 38px;
}
.whilist-pro-cat i {
    color: #6a6a6a;
    font-size: 16px;
}
.product-color-detail label span.black {
    background: black;

}
.product-color-detail label span.grey {
    background: grey;
}
.product-color-detail label span.red {
    background: red;
}

.product-color-detail label:after {
    position: absolute;
    content: "";
    left: -3px;
    right: 1px;
    bottom: -3px;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 15px;
    margin: auto;
    opacity: 0;
}


button.btn-size-dispo {
    border: none;
    background: transparent;
    color: #212529;
    padding-bottom: 2px;
}

button.btn-size-indispo {
    border: none;
    background: transparent;
    cursor: not-allowed;
    color: #b9b9b9;
    position: relative;
}

button.btn-size-select {
    padding: 4px 7px;
    border: 1px solid #000;
    background: transparent;
    border-radius: 5px;
    margin-right: 3px;
}


.menu-active {
    border-bottom: 2px solid #212529 !important;
}






/* section {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 30vh;
    margin-top:150px;
} */

/* for slick slider */
.slider.slick-dotted.slick-slider{
    /* max-width: 768px; */
    margin: 0 auto 5px;
    /* width: 100%; */
}
/* .slider div{
    background: #5e5532;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    height: 100%;
} */
.slider .slick-dots li {
    display: none !important;
}
.slider .slick-dots {
    position: absolute;
    max-width: 250px;
    bottom: 96px;
}
.slider .slick-dots li button:before{
    color: #fff;
    content: '•';
    background: #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 12px;
    width: 10px;
    height: 10px;
}
.slider .slick-dots .animated-dot{
    background-image: url(../../front/images/208583-btn-pause.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 34px;
    width: 34px;
    position: absolute;
    left: 72%;
    display: inline-block !important;
    }

/* progress bar */
section.slider-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}
.slider-progress {
    width: 1400px;
    height: 3px;
    background: #939393;
    margin: -83px auto 0;
    position: relative;

}
.slider-progress .progress {
    width: 0%;
    height: 3px;
    background: #fff;
}

.slider img{
    width: 100%;
    height: 100%;
}


.slider-wrapper .slick-list{
    padding: 0 !important;
}

.slider-wrapper .slick-next:before {
    content: '\f105' !important;
    font-family: 'FontAwesome';
}

.slider-wrapper .slick-next {
    right: 30px !important;
}

.slider-wrapper .slick-prev {
    left: 30px !important;
    z-index: 1;
}

.slider-wrapper .slick-prev:before {
    content: '\f104' !important;
    font-family: 'FontAwesome';
}


.slider-wrapper .slick-next, .slider-wrapper .slick-prev {
    background: #e1e1e5a1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: all .4s;
}

.slider-wrapper  .slick-next:before, .slider-wrapper  .slick-prev:before {
    color: #0e0e0e;
}


.slider-wrapper .slick-next:hover, .slider-wrapper .slick-prev:hover{
    background: #fff;

}

.slider-wrapper video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}

.slider-wrapper .content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 400px;
    color: #fff;
    right: 0;
    display: table;
    margin: 0 auto;
    text-align: center;
}
.slider-wrapper .content h2 {
    font-family: 'Le Jeune Deck';
    font-size: 52px;
    text-transform: uppercase;
    line-height: 60px;
}

.slider-wrapper .content-img {
    position: absolute;
    /* top: 300px; */
    left: 0;
    width: 400px;
    color: #fff;
    right: 0;
    text-align: center;
    bottom: 150px;
    margin: auto;
}
.slider-wrapper .content-img h2 {
    font-family: 'Le Jeune Deck';
    font-size: 55px;
    text-transform: uppercase;
    line-height: 55px;
    letter-spacing: 4px;
}
.title-content-video {
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
}
.slider-wrapper .content-img .slide-button a {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 27px;
    position: relative;
    padding-bottom: 8px;
    transition: all .2s;
}
.slider-wrapper .content-img .slide-button a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.slide-button a {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 27px;
    position: relative;
    padding-bottom: 8px;
    transition: all .2s;

}
.slide-button a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.slide-button a.btn-noir {

    color: #000;


}
.slide-button a.btn-noir:after {
    background: #000;
}
.slider-wrapper .content-img .slide-button a.btn-noir {

    color: #000;


}
.slider-wrapper .content-img .slide-button a.btn-noir:after {
    background: #000;
}



/*********************************/
.slide-button a.btn-white {

    color: #fff;


}
.slide-button a.btn-white:after {
    background: #fff;
}
.slider-wrapper .content-img .slide-button a.btn-white {

    color: #fff;


}
.slider-wrapper .content-img .slide-button a.btn-white:after {
    background: #fff;
}
/***********************************/
.slide-button a:hover {
    padding-bottom: 4px !important;
}

.color-noir{
    color: #000 !important;
}
.color-white{
    color: #fff !important;
}
.dsp {
    width: 15px;
    height: 15px;
}
#carre {
    height: 23px;
    width: 23px;
    background: rgba(240,151,84,2);
    padding: 0.05px 0;
    margin-left: 12px;
    border-radius: 50%;
    position: relative;
    display: flex;
    padding-left: 7px;
}

#carre:after {
    position: absolute;
    content: "";
    left: -4px;
    right: 0;
    bottom: 0px;
    border: 1px solid;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    top: 0;
    line-height: 30px;
}
.img-product-panier img {
    max-width: 164px;
}

button#send_cmd {
    background: #f0f8ff00;
    border: none;
}
.prd-img{
    max-width: 120px;
}
.totla-look-img-1{
    max-width: 75%;
}

@media (max-width: 480px) {
div ul.options {
    width: 165px;
}
}







.columnheading.color-input input[type="checkbox"] {
    visibility: hidden;
}


.columnheading.color-input .customCheckbox label {
    position: relative;
    cursor: pointer;
}
.columnheading.color-input .customCheckbox label:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -15px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: white;
    border: none;
}

.columnheading.color-input .big label:before {
    width: 16px;
    height: 16px;
    top: -4px;
    left: 0;
}
.columnheading.color-input .big label {
  margin-left: 5px;
}
.columnheading.color-input .round label:before {
  border-radius: 50%;
}


.columnheading.color-input input[type="checkbox"]:checked + label:before {
    width: 16px !important;
    top: -4px;
    height: 16px !important;
    left: 0;
    border-radius: 0 !important;
    border: 1px solid #000 !important;
    opacity: 1;
    background-image: none !important;
    border-radius: 50% !important;
}

.columnheading.color-input input[type="checkbox"] + label {
    padding: 0 0 0;
    padding-left: 22px;
    text-align: left;
}
/* .size-btn {
    position: relative;
} */
button.btn-size-indispo:hover .popup-size {
    opacity: 1;
    display: block;
  }

  .popup-size {
    max-width: 85px;
    background-color: #fff;
    padding: 2px 7px;
    position: absolute;
    top: 14px;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    animation: in-animation 0.25s ease;
    font-size: 14px;
    box-shadow: 0 0 15px #e1e1e1;
    z-index: 2;
}
.msg-retour {
    font-size: 13px;
}
.msg-retour img {
    margin-top: -8px;
}
.content-tabs .active {
    color: #000 !important;
}


.div_slide_index {
    position: relative;

}

.far {
    font-weight: 300 !important;
}

#slider-wrapp {
    width: 100%;
    /* max-width: 500px; */
    height: auto;
    margin: 90px auto;
    text-align: center;
}
  #slider-wrapp #slider {
    width: 100%;
    height: auto;
    position: relative;
  }
  #slider-wrapp #slider .slide {
    color: #FFFFFF;
    position: absolute;
    width: 492px;
    /* height: 550px; */
    /* left: 0; */
    /* margin-left: -200px; */
    right: 0;
    margin-right: 95%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: perspective(1300px) translate3d(0px, -130px, -500px);
    -moz-transform: perspective(1300px) translate3d(0px, -130px, -500px);
    -o-transform: perspective(1300px) translate3d(0px, -130px, -500px);
    -ms-transform: perspective(1300px) translate3d(0px, -130px, -500px);
    transform: perspective(1300px) translate3d(0px, -130px, -500px);
}
  #slider-wrapp #slider .slide img {
    padding: 3px;
    background: #FFFFFF;
    border-radius: 3px;
    width: 100%;
  }
  #slider-wrapp #slider .slide:nth-last-child(4) {
    -webkit-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -moz-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -o-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -ms-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    transform: perspective(1300px) translate3d(0px, -110px, -290px);
  }
  #slider-wrapp #slider .slide:nth-last-child(3) {
    -webkit-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -moz-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -o-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -ms-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    transform: perspective(1300px) translate3d(0px, -75px, -210px);
  }
  #slider-wrapp #slider .slide:nth-last-child(2) {
    -webkit-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -moz-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -o-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -ms-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    transform: perspective(1300px) translate3d(0px, -40px, -130px);
  }
  #slider-wrapp #slider .slide:nth-last-child(1) {
    -webkit-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -moz-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -o-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -ms-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    transform: perspective(1300px) translate3d(0px, -5px, -50px);
  }
  #slider-wrapp #slider .slide.active {
    -webkit-transform: perspective(1300px) translate3d(0px, 100px, 0px);
    -moz-transform: perspective(1300px) translate3d(0px, 100px, 0px);
    -o-transform: perspective(1300px) translate3d(0px, 100px, 0px);
    -ms-transform: perspective(1300px) translate3d(0px, 100px, 0px);
    transform: perspective(1300px) translate3d(0px, 100px, 0px);
    opacity: 0;
  }
  #slider-wrapp #slider.transfomer .slide:nth-last-child(5) {
    -webkit-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -moz-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -o-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    -ms-transform: perspective(1300px) translate3d(0px, -110px, -290px);
    transform: perspective(1300px) translate3d(0px, -110px, -290px);
  }
  #slider-wrapp #slider.transfomer .slide:nth-last-child(4) {
    -webkit-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -moz-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -o-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    -ms-transform: perspective(1300px) translate3d(0px, -75px, -210px);
    transform: perspective(1300px) translate3d(0px, -75px, -210px);
  }
  #slider-wrapp #slider.transfomer .slide:nth-last-child(3) {
    -webkit-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -moz-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -o-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    -ms-transform: perspective(1300px) translate3d(0px, -40px, -130px);
    transform: perspective(1300px) translate3d(0px, -40px, -130px);
  }
  #slider-wrapp #slider.transfomer .slide:nth-last-child(2) {
    -webkit-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -moz-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -o-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    -ms-transform: perspective(1300px) translate3d(0px, -5px, -50px);
    transform: perspective(1300px) translate3d(0px, -5px, -50px);
  }
  #slider-wrapp #slider._3D .slide {

    -webkit-transform: perspective(1300px) rotateY(30deg) translate3d(440px, -230px, -1950px);
    -moz-transform: perspective(1300px) rotateY(30deg) translate3d(440px, -230px, -1950px);
    -o-transform: perspective(1300px) rotateY(30deg) translate3d(440px, -230px, -1950px);
    -ms-transform: perspective(1300px) rotateY(30deg) translate3d(440px, -230px, -1950px);
    transform: perspective(1300px) rotateY(30deg) translate3d(440px, -230px, -1950px);
    opacity: 0;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(1) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(2) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(3) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(4) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(5) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(6) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(7) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(8) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D .slide:nth-last-child(9) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    opacity: 0.5;
  }
  #slider-wrapp #slider._3D .slide.active {
    opacity: 0;
    -webkit-transform: perspective(1300px) rotateX(0deg) rotateY(35deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(515px, 100px, 300px) !important;
    -moz-transform: perspective(1300px) rotateX(0deg) rotateY(35deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(515px, 100px, 300px) !important;
    -o-transform: perspective(1300px) rotateX(0deg) rotateY(35deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(515px, 100px, 300px) !important;
    -ms-transform: perspective(1300px) rotateX(0deg) rotateY(35deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(515px, 100px, 300px) !important;
    transform: perspective(1300px) rotateX(0deg) rotateY(35deg) rotateZ(0deg) scale3d(1, 1, 1) translate3d(515px, 100px, 300px) !important;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(2) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 0px, 0px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(3) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 40px, -200px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(4) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 80px, -400px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(5) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 120px, -600px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(6) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 160px, -800px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(7) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 200px, -1000px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(8) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 240px, -1200px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(9) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 280px, -1450px);
    opacity: 1;
  }
  #slider-wrapp #slider._3D.transfomer .slide:nth-last-child(10) {
    -webkit-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -moz-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -o-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    -ms-transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    transform: perspective(1300px) rotateY(5deg) translate3d(510px, 320px, -1700px);
    opacity: 0.5;
  }


  .titre-bloc2-left .title {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-family: 'Le Jeune Deck';
}
.titre-bloc2-left .sub-title {
    font-size: 51px;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    font-weight: normal;
    margin-bottom: 37px;
}

.titre-bloc2-left {
    margin-right: 31%;
}

.taille .about-button a {
    margin-left: 22px;
    margin-top: 19px;
}



@media (max-width: 1800px) {
    .slider-progress {
        width: 1100px;
    }
    .slider .slick-dots .animated-dot {
        left: 58%;
    }
}

@media (max-width: 1400px) {
    .slider-progress {
        width: 800px;
    }
    .header_logo_icons .header_icons {
        margin-top: 8px;
    }
}


@media (max-width: 991px) {
    .slider-progress {
        width: 600px;
    }
    .sidebar-logo i, .navbar .bx-menu {
        margin-right: 0;
    }
    .sticky .sidebar-logo i, .sticky .navbar .bx-menu {
        margin-right: -65px;
    }

    header.not-home .header_logo_icons.sticky img#logofixed {
        margin-top: -1px;
    }
    .img-produit-minicart {
        width: 90px;
        margin-bottom: 11px;
    }

}

@media (max-width: 768px) {
    .slider-progress {
        width: 500px;
    }
    .slider .slick-dots .animated-dot {
        left: 29%;
    }
}
@media (max-width: 600px) {
    .slider-progress {
        width: 350px;
    }
    .sidebar-logo i, .navbar .bx-menu {
        margin-right: 8%;
    }
}

@media (max-width: 500px) {

   .sidebar-logo i, .navbar .bx-menu {
    margin-right: 0;
}
    .slider-wrapper .content {
        position: absolute;
        top:auto;
        bottom: 150px;
        left: 0;
        width: 400px;
        color: #fff;
        right: 0;
        display: table;
        margin: 0 auto;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .slider .slick-dots .animated-dot {
        left: 8%;
    }
}
@media (max-width: 482px) {
    .slider-progress {
        width: 300px;
    }
    .slider .slick-dots .animated-dot {
        left: 11%;
    }
}
@media (max-width: 480px) {
    header.not-home .header_logo_icons.sticky img#logofixed {
        margin-top: 0;
    }
}

@media (max-width: 395px) {
    .slider-progress {
        width: 200px;
    }
    .slider .slick-dots .animated-dot {
        left: 5%;
    }
}





@media screen and (max-width: 767px) {
    .slider-wrapper .content-img {
        position: absolute;
        bottom: 300px;
        left: 0;
        width: 400px;
        color: #fff;
        right: 0;
        text-align: center;
        margin: auto;
    }
    .slider-wrapper .content-img {
        position: absolute;
        bottom: 300px;
        left: 0;
        width: 400px;
        color: #fff;
        right: 0;
        text-align: center;
        margin: auto;
    }
    .taille .about-button a {
        margin-left: 0;
    }
    section.chaussure .product-item {
        margin: 0 auto 46px;
    }
}


@media screen and (max-width: 480px) {
    .sticky .sidebar-logo i, .sticky .navbar .bx-menu {
        margin-right: 1px;
    }
    .sidebar-logo i, .navbar .bx-menu {
        margin-right: 0;
        margin-top: 11px;
    }
}

@media screen and (max-width: 480px) {
    div#mob-close-bottom {
        margin-top: 35px;
        display: grid;
        float: left;
        margin-right: 51%;
    }
    #mob-close-bottom .clear-button {
        margin-left: 0;

    }
    button#filters-done {
        margin-bottom: 10px;
    }
    .header_logo_icons .justify-content-end {
    justify-content: center !important;
}
.header_logo_icons .header_icons {
    margin-left: 0px;
}
}


@media screen and (max-width: 1500px) {
    .titre-bloc2-left .title {
        margin-bottom: 10px;
    }
    .titre-bloc2-left .sub-title {
    font-size: 40px;
    margin-bottom: 37px;
}
#slider-wrapp #slider .slide {
    color: #FFFFFF;
    position: absolute;
    width: 400px;
    /* height: 550px; */
    /* left: 0; */
    /* margin-left: -200px; */
    right: 0;
    margin-right: 127%;}
}

@media screen and (max-width: 1366px) {
  #slider-wrapp {
    margin: 45px auto 90px;
  }
  .titre-bloc2-left .sub-title {
    font-size: 30px;
}
section.footer p {
    color: #3a3a3a;
    text-decoration: none;
    font-family: 'Helvetica';
    font-size: 13px;
    margin-bottom: 8px;
}
.footer-top {
    padding: 0 22px 42px;
}
.item-footer:after {
    height: 235px;
}
section.footer .btn-subscribe {
    width: 90px;
}

.btn-subscribe {
        width: 90px;
    }
}
@media screen and (max-width: 1200px) {
    .item-footer:after {
        height: 258px;
    }
}
@media screen and (max-width: 1199px) {
.img-lamarque-3 {
    margin: 51% auto 0;
}
#slider-wrapp #slider .slide {
    margin-right: 68%;
}
.titre-bloc2-left {
    margin-right: 0;
}
}

@media screen and (max-width: 991px) {
#slider-wrapp #slider .slide {
    margin-right: 78%;
}
.img-lamarque-3 {
    margin: 66% auto 0;
}

}

@media screen and (max-width: 500px) {
#slider-wrapp #slider .slide {
    margin-right: 78%;
}
.img-lamarque-3 {
    margin: 66% auto 0;
}
#slider-wrapp #slider .slide {
    margin-right: 99%;
    width: 320px;
}
.img-lamarque-3 {
    margin: 83% auto 0;
}
}

@media screen and (max-width: 500px) {
#slider-wrapp #slider .slide {
    margin-right: 78%;
}
.img-lamarque-3 {
    margin: 66% auto 0;
}
#slider-wrapp #slider .slide {
    margin-right: 99%;
    width: 320px;
}
.img-lamarque-3 {
    margin: 83% auto 0;
}
}

@media screen and (max-width: 500px) {
#slider-wrapp #slider .slide {
    margin-right: 101%;
}
.titre-lamarque h2 {
    margin-left: -70px;
}
span.plp-sameday-icon-clock {
    white-space: initial;
}
}

@media screen and (max-width: 395px) {

    #slider-wrapp #slider .slide {
        margin-right: 153%;
        width: 200px;
    }
}


@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

 .content-luxyry-desc.divvedio {
	 position: relative;
	 text-align: center;
}


 .page-width {
     /* height:90vh ;
	 width: 92%;
	 max-width: 960px;
	 margin: 0 auto; */
     padding-top: 70vh;
     position: relative;
}
 #header {
	 background: #2c2d33;
	 padding: 2em 0;
}
 #header a {
	 color: #fff;
}
 .title {
	 display: block;
	 font-weight: bold;
	 font-size: 18px;
}
 .subtitle {
	 display: block;
	 font-weight: normal;
	 font-size: 15px;
	 color: #959699;
}
 a:hover .subtitle {
	 color: #fff;
}
 #site-title {
	 float: left;
	 margin: 0;
}
 #content {
	 padding: 40px 0;
}
/* CSS from jQuery Background Video plugin */
/** * Set default positioning as a fallback for if the plugin fails */
 .jquery-background-video-wrapper {
	 position: relative;
	 overflow: hidden;
	 background-position: center center;
	 background-repeat: no-repeat;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 background-size: cover;
}
.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/** * Fade in videos * Note the .js class - so non js users still * see the video */
 .js .jquery-background-video {
    position: absolute;
    width: 100%;
    height: 100%;
	 opacity: 1;
	 -webkit-transition: opacity 300ms linear;
	 transition: opacity 300ms linear;
     object-fit:cover;
}
 .js .jquery-background-video.is-visible {
	 opacity: 1;
}
/** * Pause/play button */
 /* .jquery-background-video-pauseplay {
	 position: absolute;
	 background: transparent;
	 border: none;
	 box-shadow: none;
	 width: 20px;
	 height: 20px;
	 top: 15px;
	 right: 15px;
	 padding: 0;
	 cursor: pointer;
	 outline: none !important;
} */
 .jquery-background-video-pauseplay span {
	 display: none;
}
 .jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before {
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 -webkit-transition: all 0.3s ease;
	 transition: all 0.3s ease;
}
 .jquery-background-video-pauseplay.play:before {
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-left: 15px solid #fff;
}
 .jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after {
	 border-top: 10px solid #fff;
	 border-bottom: 10px solid #fff;
	 border-left: 5px solid #fff;
}
 .jquery-background-video-pauseplay.pause:after {
	 left: 10px;
}

.video-hero{
    /* height: 100vh; */
    height: calc(100vh - 48px);
    position: relative;


}

img#fullscreenModalimage {
    max-width: 100%;
    background-color: white;
}
.pointeur-couleur{
    cursor: auto;
}
/***************************************/
.slide-button-nvt{

}
.slide-button-nvt a {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 27px;
    position: relative;
    padding-bottom: 8px;
    transition: all .2s;

}
.slide-button-nvt a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}


.slide-button-nvt a.btn-noir {
    color: #000;
}
.slide-button-nvt a.btn-noir:after {
    background: #000;
}

/*********************************/
.slide-button-nvt a.btn-white {

    color: #fff;


}
.slide-button-nvt a.btn-white:after {
    background: #fff;
}
.slide-button-nvt a:hover {
    padding-bottom: 4px;
}
section.sport {
    margin-top: 20px;

}
@media screen and (max-width: 470px) {
    #slider-wrapp #slider .slide {
        margin-right: 113%;
    }
    #slider-wrapp #slider .slide {
        width: 280px;
    }
}
@media screen and (max-width: 420px) {
    #slider-wrapp #slider .slide {
        margin-right: 122%;
    }
}
@media screen and (max-width: 395px) {
    #slider-wrapp #slider .slide {
        margin-right: 136%;
        width: 200px;
    }
}
@media screen and (max-width: 360px) {
    #slider-wrapp #slider .slide {
        margin-right: 145%;
    }
}
@media screen and (max-width: 335px) {
    #slider-wrapp #slider .slide {
        margin-right: 153%;
    }
}

li.has_children {
    text-transform: uppercase;
}
.list_button{
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide-button {
    margin: 0 10px;
}
.item-btns {
    text-align: center;
    padding-top: 25px;
}
.name-cat {
    font-family: 'Le Jeune Deck';
    text-transform: none;
    color: #020104;
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 7px;
}
.item-btns button.btnBoot {
    border: none;
    background: transparent;
}
.item-btns button.btnBoot a {
    font-family: 'Helvetica';
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 10px;
}
.item-btns button.btnBoot a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: black;
}

.js-modal-open {
    cursor: pointer;
    display: inline-block;
    border: transparent;
    transition: .5s;
    margin: 0px 0 0;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 22px;
    margin-top: 25px;
    letter-spacing: 1px;
    padding: 5px 0px;
    padding-top: 11px;
    padding-left: 10px;
    font-family: 'Helvetica';
}
  .js-modal-open:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    width: 2%;
    height: 100%;
    background: #dc3545;
    transition: .5s;
  }
  .js-modal-open:hover:before {
    width: 100%;
}
  .js-modal-open:hover {
    color: #ffffff;
}
  .modal{
      display: none;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      /* z-index: 1000; */
  }
  .modal__bg{
      background: rgba(0,0,0,0.8);
      height: 100vh;
      position: absolute;
      width: 100%;
  }
  .modal-content {
  margin-top: 100px;}
  .modal__content{
      background: #fff;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 60%;
  }
  .modal__content .js-modal-close {
    font-size: 21px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    color: #fff;
    background: #000;
    right: -13px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
}
  .modal__content video {
      width: 100%;
      height: auto;
      vertical-align: bottom;
  }

  .product-color-detail.color-categorie {
    -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    left: 0;
    margin: 0;
    position: absolute;
    bottom: -61px;
    transform: translateY(-100%);
    transition: -webkit-clip-path .4s ease;
    transition: clip-path .4s ease;
    transition: clip-path .4s ease,-webkit-clip-path .4s ease;
    width: 100%;
}
.item-product-categorie:hover .product-color-detail {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}

.color-categorie .color {
    background: hsla(0,0%,100%,.9);
    min-height: 60px;
    padding: 0.9375rem 1.25rem;
    transform: translateY(100%);
    transition: transform .4s ease;
    display: flex;
    align-items: center;
}
.item-product-categorie:hover .color-categorie .color {
    transform: translateY(0);
}
.product-categorie-top {
    position: relative;
    overflow: hidden;
}
.promo-prod {
    top: 0;
    right: 8%;
    background: #bd212a;
    padding: 6px 14px;
    color: white;
    position: absolute;
    font-family: 'Helvetica';
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    font-size: 21px;
    letter-spacing: 0.4px;
    font-weight: normal;
}

.img-variation {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    transition: all .8s;
}

/* .img-variation img{
    width: 100%;
} */
/* .slide-variation {
    display: none;
}

.gal-variation {
    position: relative;

}


/* .slide-variation-div {
    display: none;
} */
.item-product-categorie:hover .img-variation {
    display: none;
}

.slide-variation .slick-prev:before {
    content: '\f104';
    font-family:'FontAwesome';
    color: #686868;
}
.slide-variation .slick-next:before {
    content: '\f105';
    font-family:'FontAwesome';
    color: #686868;
}

.slide-variation .slick-prev {
    left: 15px;
    z-index: 3;
}
.slide-variation .slick-next {
    right: 15px;
    z-index: 3;
}

.slide-variation .slick-next:before, .slide-variation .slick-prev:before {
    opacity: 0;
    transition: all .8s;
}

.item-product-categorie:hover .slick-next:before, .item-product-categorie:hover .slide-variation .slick-prev:before{
    opacity: 1;
}



section.produits-details {
    margin-top: 70px;
}
.c-product-details h2 {
    font-size: 20px;
    font-family: 'Le Jeune Deck';
    font-weight: 400;
    margin-bottom: 9px;
}
.c-product-details h5 {
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'Helvetica';
    text-transform: none;
    font-weight: 400;
    color: #8b8b8b;
}
.c-product-details h3#anc_price {
    font-weight: 400;
    font-size: 15px;
    font-family: 'Helvetica';
    margin-top: 13px;
    margin-bottom: 6px;
}

.produit-titre {
    display: flex;
    justify-content: space-between;
}


.content-look-products.product-consulter h5 {
    font-family: 'Le Jeune Deck';
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: 0.5px;
}
.content-look-products.product-consulter {
    margin-top: 85px;
}
.content-look-products.product-consulter .product-item {
    margin: 0 10px;
}
.content-look-products.product-consulter .item-desc p {
    font-size: 14px;
    color: black;
    margin-top: 12px;
    margin-bottom: 6px;
}

.content-look-products.product-consulter .item-desc h5 {
    font-family: 'Helvetica';
    text-transform: none;
    margin-bottom: 0;
    font-size: 15px;
}
.content-look-products.product-consulter h6 {
    font-size: 12px;
    color: black;
    line-height: 26px;
    font-family: 'Helvetica';
    margin-bottom: 0;
}

.content-look-products.prodduct-aimer h5 {
    font-family: 'Le Jeune Deck';
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: 0.5px;
}
.content-look-products.prodduct-aimer {
    margin-top: 68px;
}
.content-look-products.prodduct-aimer .product-item {
    margin: 0 10px;
}
.content-look-products.prodduct-aimer .item-desc h5 {
    font-family: 'Helvetica';
    text-transform: none;
    margin-bottom: 0;
    font-size: 15px;
}
.content-look-products.prodduct-aimer .item-desc p {
    font-size: 14px;
    color: black;
    margin-top: 12px;
    margin-bottom: 6px;
}

.content-look-products.prodduct-aimer h6 {
    font-size: 12px;
    color: black;
    line-height: 26px;
    font-family: 'Helvetica';
    margin-bottom: 0;
}
section.products-detail-bottom {
    margin-bottom: 55px;
}

section.products-detail-bottom button.slick-prev.slick-arrow:before {
    content: '\f104';
    font-family: 'FontAwesome';
    color: #686868;
    background: none !important;
    transform: none;
    width: 0;
    height: 0;
    font-size: 18px;
}
section.products-detail-bottom button.slick-next.slick-arrow:before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #686868;
    background: none !important;
    transform: none;
    width: 0;
    height: 0;
    font-size: 18px;
}


.title-modal {
    color: #212529;
    text-align: center;
    font-weight: 400;
    font-family: 'Helvetica';
    font-size: 14px;
    padding-bottom: 4px;
}
.text-modal p {
    color: #8d8d8d;
    text-align: center;
    font-weight: 400;
    font-family: 'Helvetica';
    font-size: 13px;
}



.popover {
    border: 1px solid #000;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
 .popover-header {
    background-color: #fff;
  }
  .popover.top > .arrow:after{
   border-color: red;
  }

  img.img-des-tab {
    display: table;
    margin: 25px auto 25px;
    max-width: 100%;
}

.resultats-recherche a {
    text-decoration: none;
}
.title-resultats-recherche {
    text-align: left;
    font-family: 'Le Jeune Deck';
    font-size: 26px;
    padding-bottom: 23px;
    font-weight: 400;
    margin-top: 42px;
}
.result-produit {
    display: grid;
    align-items: center;
    grid-template-columns: 40% 60%;
}
.content-resultats-recherche {
    text-align: left;
    padding-left: 16px;
}
.img-resultas-recherche img {
    max-width: 100%;
}
.categorie-resultas-recherche {
    color: #767676;
    padding-bottom: 10px;
    font-size: 13px;
    font-family: 'Helvetica';
}
.nameproduit-resultas-recherche {
    font-family: 'Helvetica';
    color: #000;
    padding-bottom: 3px;
    font-size: 14px;
}
.price-resultas-recherche {
    font-family: 'Helvetica';
    color: #000;
    font-size: 14px;
}
.btn-resultas-recherche {
    text-align: left;
}
.btn-resultas-recherche a {
    color: #000;
    text-transform: uppercase;
    font-family: 'Helvetica';
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
    display: table;
    position: relative;
    padding-bottom: 4px;
    margin-top: 37px;
}
.btn-resultas-recherche a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 1px;
}

.content-img .gallery a {
    cursor: url(../../front/images/460774-cursor.png),auto;
}

.gals_variation {
    cursor: url(../../front/images/460774-cursor.png),auto;
}


.popup-disp {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
.popup-disp .popup__content {
    width: 37%;
    overflow: auto;
    padding: 35px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.popup-disp .popup__content .close {
    position: absolute;
    right: 40px;
    top: 38px;
    width: 20px;
    display: block;
}
.popup-disp .popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #000;
}
.popup-disp .popup__content .close span:nth-child(1) {
  transform: rotate(45deg);
}
.popup-disp .popup__content .close span:nth-child(2) {
  transform: rotate(135deg);
}

button.popoup-dispo {

  cursor: pointer;

}


.popup-taille {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
.popup-taille .popup__content {
    width: 37%;
    overflow: auto;
    padding: 35px;
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.popup-taille .popup__content .close {
    position: absolute;
    right: 40px;
    top: 38px;
    width: 20px;
    display: block;
}
.popup-taille .popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #000;
}
.popup-taille .popup__content .close span:nth-child(1) {
  transform: rotate(45deg);
}
.popup-taille .popup__content .close span:nth-child(2) {
  transform: rotate(135deg);
}

button.popoup-dispo {

  cursor: pointer;

}

button.button.btn-size-popup {
    background: transparent;
    border: none;
}

section.instagramm img {
    max-width: 100%;
}
h1.medical_page_title {
    font-family: 'Le Jeune Deck';
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}
.medical_breadcrumb_nav li {
    font-family: 'Helvetica';
}
h1.title-creer-compte {
    font-family: 'Le Jeune Deck';
    font-size: 37px;
    margin: 34px 0 47px;
    display: block;
}
.subtitle-creer-compte {
    font-family: 'Helvetica';
    font-size: 25px;
    font-weight: 500;
}
ul.additional-links li a:hover {
    color: #d80015;
}
.grid-submenu .tabs-content a:after{
        display:none;
}
.bloc-4-footer h4 a {
    color: #fff;
    text-decoration: none;
}
.bloc-4-footer li {
    list-style: none;
    margin-top: 6px;
}


.back-to-top {
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 999;
    position: fixed;
    right: 32px;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid #bd212a;
    font-size: 22px;
    color: #bd212a;
}
  .back-to-top:hover {
    background-color: #bd212a;
  }
  .back-to-top:active {
    box-shadow: none;
    background-color: #bd212a;
  }
  .back-to-top:hover {
    background-color: #bd212a;
    color: #fff;
}
.images-slider-tab img {
    width:100%;
    padding: 0 20px;
 }

/* responsive page détail produit */
@media (max-width: 1768px) {

nav .navbar .links li .fa-caret-down {
        width: 14px;
    }

}

@media (max-width: 1500px) {
    nav .navbar .links li .fa-caret-down {
        width: 7px;
    }
    .images-slider-tab img {
        padding: 0 13px;
     }

}



@media (max-width: 1220px) {
    nav .navbar .links li {
        padding: 0 9px;
    }
}
@media (max-width: 1200px) {
    section.sport .content-sport-desc .content-text h2 {
        font-size: 53px;
    }
    .content-text p {
        font-size: 23px;
    }
    section.hand h3.h3slogan {
        font-size: 57px;
        left: -309px;
    }
    section.hand h3.txtslogan {
        font-size: 22px;
        padding-left: 16px;
    }
    section.taille h3.slogantaille {
        font-size: 44px;
        right: 150px;
    }
    nav .navbar .links li .sub-menu .grid-submenu #tabs-nav li a {
        font-size: 12px;
        margin-bottom: 23px;
    }
    .navbar .links li .sub-menu li {
        padding: 0 10px;
    }
}
@media (max-width: 1199px) {
    nav .navbar .links li .fa-caret-down {
        width: 7px;
    }
    .header_logo_icons {

        padding: 0 35px;
    }

    .content-look-products.completer-look .slick-prev {
        left: 5px;
    }
    .content-look-products.completer-look .slick-next {
        right: 13px;
    }
    .header_logo_icons .header_icons i {
        font-size: 14px;
    }

    .header_logo_icons.sticky .header_icons i {
        color: black;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .not-home .header_logo_icons .header_icons {
        margin-right: 28px;
    }
    section.footer .btn-subscribe {
        width: 88px;
    }
    .header_logo_icons .header_icons {
        margin-right: 55px;
        margin-top: 0;
    }
    .slider-wrapper .content-img {
        bottom: 88px;
    }
    .slider-progress {
        width: 585px;
    }
    section.sport .content-sport-desc .content-text h2 {
        font-size: 44px;
    }
    .header_logo_icons.sticky .header_icons {
        margin-top: 17px;
    }
    .header_logo_icons:hover .navbar .bx-menu{
        color: #000;
    }
    nav .navbar.filtre .links li .sub-menu {
        box-shadow: 0 0px 3px 0 rgb(0 0 0 / 15%);
        right: 0 !important;
        padding: 10px 12px;
        top: 45px;
        left: 0;
    }
    nav .navbar .links li .sub-menu .nav-n1 ul.ul-nav-n1 li.nav-n1-has-child a {
        font-size: 11px !important;
    }

    nav .navbar.filtre .links li .sub-menu .nav-n1 {
        padding: 10px 0 0 0;

    }
    /* nav .navbar .links li .sub-menu .grid-submenu .tab-content {
        display: none;
    } */
    .header_logo_icons .links li a:after {
        display:none;
    }
    .popup-disp .popup__content {
        width: 68%;
    }

}
@media (min-width: 992px) {
    .header_logo_icons:hover .burger{
        color:#000;
    }
}
@media (max-width: 991px) {
    .content-look-products.completer-look {
        margin-top: 70px;
    }
    .header_logo_icons .header_icons {
        margin-right: 30px;
    }
    .js-modal-open {
        margin-left: 0;
    }
    section.hand h3.txtslogan {
        color: #000;
    }
    .content-handmade {
        position: relative;
    }
    section.hand h3.txtslogan {
        font-size: 22px;
        padding-left: 0;
    }
    section.hand p {
        padding-top: 25px;
    }
    section.hand h3.h3slogan {
        font-size: 40px;
        left: 0;
    }
    .about-button a {
        font-size: 13px;
    }
    .js-modal-open {
        font-size: 13px;
    }
    section.taille h3.slogantaille {
        font-size: 37px;
        right: 0;
    }
    section.footer span.adresseFooter {
        padding: 5px 22px;
        margin-top: 10px;
    }
    .bloc-4-footer {
        display: table;
        margin: 0 auto;
    }
    .bloc-5-footer {
        display: table;
        margin: 0 auto;
    }
    .bloc-1-footer {
        margin-left: 54px;
    }
    .bloc-2-footer {
        margin-left: 44px;
        margin-bottom: 28px;
    }
    section.footer img.logoSite {
        width: 135px;
        margin: 22px auto 0;
        margin-bottom: 0;
    }
    section.footer .btn-subscribe {
        font-size: 13px;
    }
    .result-produit {
        margin-right: 0;
    }
    .nameproduit-resultas-recherche {
        font-size: 13px;
    }
    nav .navbar .links li .sub-menu .grid-submenu #tabs-nav li a {
        margin-bottom: 2px;
    }

    nav .navbar .links li .sub-menu .grid-submenu #tabs-nav {
        display: block;
        padding: 0 0 0;
    }
    .header_logo_icons .header_icons i {
        font-size: 15px;
    }
    .navigation-links .container-fluid {
        padding: 40px 0 15px;
    }
    .mobile-nav{
        display:block;
    }
    .item-footer:after {
        height: 1px;
        width: 100%;
    }
    .item-footer {
        position: relative;
        padding-top: 28px;
        margin-bottom: 19px;
    }
    section.footer form {
        margin-bottom: 22px;
    }
    .footer-top {
        padding: 0 22px 15px;
    }
    .item-footer.last-child:after {
        display: block;
        width: auto;
    }
    .item-footer.first-child:after{
        display: none;
    }
    .item-footer.first-child {
        padding-top: 0;
    }


    .header_logo_icons.sticky .burger{
        color:#000;
    }


    .taille .modal__content {
        width: 90%;
    }
    .content_lang {
        display: none;
    }
    .header-right .coeur {
        display: none;
    }
    .header-right .user {
        display: none;
    }
}
@media (max-width: 800px) {
    .header_logo_icons.sticky nav .navbar {
        padding: 5px 28px;
    }
  .navbar .bx-menu {
        margin-right: 42px;
    }
    .slider-progress {
        width: 395px;
    }
    .slider-wrapper .content-img {
        bottom: 65px;
    }
    .top-search-form {
        padding: 30px 65px 65px;
    }
    .tt-btn-close-1 i {
        right: 5% !important;
        top: 15px !important;
    }

}
@media (max-width: 767px) {
    .c-product-details {
        max-width: 100%;
    }
    .content-look-products .product-item img {
        max-width: 100% !important;
    }
    .tabsdescription li {
        margin: 0 11px;
    }
    .popup-disp .popup__content {
        width: 80%;
    }
    .popup-taille .popup__content {
        width: 80%;
    }
    .content-look-products .slick-prev {
        top: 40%;
        left: -25px;
    }
    section.footer .res-sociaux-footer a {
        padding: 8px 6px 5px 6px;
    }
    .tabsdescription li.active, .tabsdescription li:hover {
        border-bottom: 2px solid #bd212a;
        margin-bottom: 0;
    }
    section.sport .content-sport-desc .content-text h2 {
        font-size: 40px;
    }
    .content-text p {
        font-size: 21px;
    }
    section.hand h3.txtslogan {
        text-align: left;
        letter-spacing: 9px;
    }
    section.hand h3.h3slogan {
        font-size: 37px;
    }
    section.chaussure h3 {
        font-size: 28px;
    }
    .bloc-1-footer {
        display: table;
        margin: 0 auto;
    }
    .bloc-2-footer {
        display: table;
        margin: 0 auto;
    }
    section.taille h3.slogantaille {
        font-size: 36px;
    }
    section.footer img.logoSite {
        width: 130px;
        margin: 0 auto 0;
        margin-bottom: 28px;
    }
    section.chaussure {
        padding: 50px 0px 20px;
    }
    .resultats-recherche a {
        display: block;
        margin-bottom: 20px;
    }
    .subtitle-creer-compte {
        font-family: 'Helvetica';
        font-size: 23px;
        font-weight: 500;
    }
    /* button.jquery-background-video-pauseplay {
        display: none;
    } */
}
@media (max-width: 700px) {
    .content-look-products .slick-prev {
        top: 40%;
        left: -25px;
    }
    .nameproduit-resultas-recherche {
        font-size: 12px;
    }
    .taille {
        margin-top: 55px;
    }
    .slider-wrapper .content-img .slide-button a {
        font-size: 11px;
    }
    .tt-btn-close-1 i {
        right: auto !important;
        left: 0 !important;
        margin-left: 21px;
        margin-top: 8px;
        font-size: 29px !important;
        font-weight: 200 !important;
    }
    .search-text-top .sbtn.fa.fa-search {
        display: none;
    }
    .top-search-form {
        padding: 20px 29px 65px;
    }
    .top-search-form input {
        padding-left: 0;
    }
    .search-text-top {
        margin-left: 29px;
    }
    .search-text-top {
        padding-bottom: 4px;
        margin-left: 42px;
    }
}

@media (max-width: 600px) {
    .slider-wrapper .content-img .slide-button a {
        font-size: 11px;
    }
    .slider-wrapper .content-img {
        bottom: 200px;
    }
    .slider-progress {
        width: 340px;
    }
    .navbar .bx-menu {
        margin-right: 12px;
    }
    section.produits-details .content-tabs {
        display: none;
    }
    section.produits-details .accordion {
        display: block;
        margin-top: 32px;
        margin-bottom: 50px;
    }
    section.produits-details .accordion  .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: 17px;
        transition: var(--bs-accordion-btn-icon-transition);
    }
    section.produits-details .accordion button.accordion-button {
        text-decoration: none;
        padding: 0;
        cursor: pointer;
        transition: 0.2s;
        font-size: 14px;
        font-family: 'Helvetica';
        text-transform: uppercase;
        position: relative;
        color: #000 !important;
    }
    section.produits-details .accordion .accordion-item {
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 28px;
        padding-bottom: 12px;
        border-radius: 0;
    }
    section.produits-details .accordion .accordion-body {
        padding: 18px 0 24px;
    }
    section.produits-details .accordion  .accordion-body p {
        text-align: left !important;
        font-size: 15px;
        font-family: 'Helvetica';
    }
    .navigation-links h1 {
        font-size: 29px;
    }
}

@media (max-width: 550px) {
    .content-look-products .slick-prev {
        left: -15px;
    }
    .content-look-products .slick-next {
        right: -5px;
    }
    .slider-progress {
        width: 280px;
    }
    div.nos_offres span {
        font-size: 12px;
    }
}
@media (max-width: 500px) {
    .content-tabs {
        padding: 0px 6px;
    }
    .sticky .navbar .bx-menu {
        margin-right: -114px;
    }
    .navbar .bx-menu {
        margin-right: 0;
    }
    .tabsdescription li {
        margin: 0 8px;
        font-size: 13px;
    }
}
@media (max-width: 482px) {
    section.taille h3.slogantaille {
        font-size: 32px;
    }
    section.hand h3.h3slogan {
        font-size: 34px;
    }
    section.hand h3.txtslogan {
        font-size: 19px;
    }
    section.chaussure h3 {
        font-size: 24px;
    }
    section.chaussure h3:before {
        margin-left: -89px;
    }
    section.chaussure h3:after {
        margin-left: 10px;
    }
    .name-cat {
        font-size: 20px;
    }
    .item-btns button.btnBoot a {
        font-size: 12px;
    }
    section.sport .content-sport-desc .content-text h2 {
        font-size: 36px;
    }
    .content-text p {
        font-size: 19px;
    }
    .subtitle-creer-compte {
        font-size: 21px;
    }
    h1.title-creer-compte {
        font-size: 33px;
        margin: 34px 0 42px;
    }
    .navigation-links h1 {
        font-size: 28px;
    }
}
@media (max-width: 480px) {
    .content-look-products.completer-look .slick-prev {
        left: 75px;
    }
    .content-look-products.completer-look .slick-next {
        right: 84px;
    }
    .content-look-products.prodduct-aimer .product-item {
        margin: 0 35px;
    }
    .slider-wrapper .content-img {
        bottom: 172px;
    }

}
@media (max-width: 450px) {
    .navigation-links h1 {
        font-size: 31px;
    }
}
@media (max-width: 395px) {
    .content-tabs {
        padding: 0px 0;
    }
    .tabsdescription {
        gap: 5px;
    }
    .tabsdescription li {
        margin: 0px 3px;
        font-size: 11.5px;
    }
    .c-product-details h2 {
        font-size: 18px;
    }
    .content-look-products.completer-look .slick-prev {
        left: 30px;
    }
    .content-look-products.completer-look .slick-next {
        right: 40px;
    }
    span.promo {
        font-size: 13px;
    }
    section.footer img.logoSite {
        width: 115px;
    }
    section.footer .res-sociaux-footer a {
        padding: 8px 6px 5px 6px;
    }
}
@media (max-width: 385px) {
    .slider-progress {
        width: 225px;
    }
    section.taille h3.slogantaille {
        font-size: 28px;
    }
    section.taille span.top-slog {
        font-size: 15px;
    }
    section.taille span.top-slog:before {
        width: 64px;
    }
    section.hand h3.h3slogan {
        font-size: 30px;
    }
    body p {
        font-size: 16px;
    }
    section.chaussure h3 {
        font-size: 24px;
    }
    section.sport .content-sport-desc .content-text h2 {
        font-size: 33px;
    }
    .subtitle-creer-compte {
        font-size: 20px;
    }
    h1.title-creer-compte {
        font-size: 30px;
    }
    section.chaussure h3:before {
        margin-left: -65px;
    }
    section.chaussure h3:before {
        width: 57px;
    }
    section.chaussure h3:after {
        width: 57px;
    }
    section.chaussure h3:after {
        margin-left: 8px;
    }
}
@media (max-width: 381px) {
    .tabsdescription li {
        margin: 0px 1px;
        font-size: 11px;
    }
}
@media (max-width: 375px) {
    .navigation-links h1 {
        font-size: 28px;
    }
    .popup-disp .popup__content {
        padding: 35px 2px;}
}
@media (max-width: 355px) {
    .slider-wrapper .content-img .slide-button a {
        font-size: 11px;
    }
    .slider-wrapper .content-img {
        bottom: 153px;
    }
    .slide-button {
        margin: 0 6px;
    }
    .title-search-bottom {
        font-size: 23px;
    }
}
@media (max-width: 345px) {
    section.chaussure h3 {
        font-size: 22px;
    }
}
@media (max-width: 341px) {
    .title-resultats-recherche {
        font-size: 23px;
    }
    .list_button {
        justify-content: center;
        margin-left: 0;
    }
    .slider-progress {
        width: 188px;
    }
    .name-cat {
        font-size: 19px;
    }
    .slider-wrapper .content-img {
        bottom: 130px;
    }

}


.gal-variation video , .gal-variation image{
    width: 100%;
 }

 .img-variation video , .img-variation image{
    width: 100%;
 }






 ul.pushNav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
}

.pushNav {
    height: 100%;
    position: fixed;
    top: 65px;
    z-index: 1000;
    overflow: hidden;
    background: #f4f5f6;
    transition: ease-in-out 0.5s;
    width: 100%;
    right: -100%;
    border-top: 1px solid #e1e1dc;
}
.pushNav.pushNav_level {
    z-index: 90;
}
header.not-home .pushNav {
    top: 65px;
}
  .pushNav hr {
    border: 1px solid #555;
  }

  .pushNav, .pushNav a {
    font-size: 12px;
    font-family: helvetica, sens-serif;
    font-weight: 100;
    color: #3a3a3a;
    text-decoration: none;
    text-transform: uppercase;
}

  .pushNavIsOpen {
    /* overflow: auto; */
    height: 100%;
  }

  .js-topPushNav.isOpen,
  .pushNav_level.isOpen {
    right: 0;
  }

  .closeLevel,
  .openLevel {
    cursor: pointer;
  }

  .openLevel, .closeLevel, .pushNav a {
    padding: 8px 25px;
    display: flex;
    transition: background 0.4s ease-in-out;
    justify-content: space-between;
    align-items: center;
}
.closeLevel i {
    font-size: 22px;
}
  /* .openLevel:hover,
  .closeLevel:hover,
  .pushNav a:hover {
    background: #494a50;
  } */

    .hdg {
        background-color: #fff;
    }

  .closeLevel, .closelevel > i {
    font-size: 1em;
    color: #a5a5a4;
}
li.bloc-close-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid #e1e1dc;
}
.closeLevel {
    padding: 0;
}

.burger {
    position: absolute;
    top: 27px;
    right: 48px;
    color: #fff;
}
.header_logo_icons.sticky .burger {
    top: 35px;
}

  .burger i {
    font-size: 25px;
}
  .screen {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .pushNavIsOpen .screen {
    height: 100%;
    opacity: 1;
  }

   .fa {
        padding: 5px;
        font-weight: 200;
        font-size: 12px;
    }

    .pushNav .logo-name a {
        padding: 0;
    }
    .icon-whis i {
        color: #000;
        font-size: 15px;
        padding-right: 12px;
    }
    .icon-mobile-bottom a {
    justify-content: start;
}
.border-top-mob {
    position: relative;
    margin-top: 14px;
    padding-top: 7px;
}
.border-top-mob:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    background: #e1e1dc;
    width: 93%;
    margin: auto;
    height: 1px;
}
.icon-adr-map i {
    color: #000;
    font-size: 15px;
    padding-right: 12px;
}
li.icon-mobile-bottom a {
    padding: 11px 25px 2px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.icon-mobile-bottom .laguages {
    padding: 11px 25px 2px;
}
.icon-mobile-bottom .laguages i.fa-globe {
    color: #000;
    font-size: 15px;
    padding: 0 11px 0 0;
}
.icon-mobile-bottom .laguages span {
    color: #000;
}
.icon-mobile-bottom .lang-menu .laguages_uses {
    top: 30px;
    margin-left: 49px;
}
.icon-mobile-bottom .lang-menu ul.active, .icon-mobile-bottom .lang-menu .laguages_uses.active {
    display: block;
    background: #fff;
}
.icon-mobile-bottom .laguages_uses.active a {
    padding: 6px;
    font-size: 12px;
    text-transform: uppercase;
}

  /* .wrapper a {
    color: #20c270;
    text-decoration: none;
  }
 .wrapper button {
    background-color: #20c270;
    margin: 50px auto;
    display: block;
    padding: 10px 40px;
    border: none;
  }
  .wrapper button:hover {
    background-color: #18a960;
  }
  .wrapper button a {
    color: #fff;
    font-size: 2em;
  } */

  .icon-connexion i {
    padding-right: 13px;
    font-size: 18px;
}
li.cx {
    position: relative;
    padding: 10px 0;
    margin-bottom: 10px;
}
li.cx:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1dc;
    height: 1px;
    width: 95%;
    margin: auto;
}

li.bloc-close-top2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-bottom: 1px solid #e1e1dc;
}
i.fa.fa-chevron-left {
    font-size: 20px;
    color: #939393;
    padding-top: 25px;
}
.cat-images-sliders a.item-img-slider {
    padding: 0;
}
.cat-images-sliders {
    margin: 0 13px 20px;
}
.title-cat-sliders {
    padding: 50px 30px 1px;
    position: relative;
    margin-bottom: 24px;
    font-size: 15px;
}
.title-cat-sliders:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    margin: auto;
    height: 1px;
    width: 94%;
}
li.bloc-close-top3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-bottom: 1px solid #e1e1dc;
}
.bloc-close-top3 i {
    font-size: 20px;
    color: #939393;
}
li.bloc-close-top4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-bottom: 1px solid #e1e1dc;
}
.bloc-close-top4 i {
    font-size: 20px;
    color: #939393;
}
li.bloc-close-top5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    border-bottom: 1px solid #e1e1dc;
}
.bloc-close-top5 i {
    font-size: 20px;
    color: #939393;
}
@media (max-width: 800px) {
    .title-cat-sliders:after {
        width: 92%;
    }
    .search-group {
        display: block;
        text-align: left;
    }
    .search-group a {
        display: block;
        margin-bottom: 12px;
    }
    .search-group h4 {
        margin-bottom: 18px;
    }
}
@media (max-width: 600px){
.title-cat-sliders:after {
    width: 89%;
}}
@media (max-width: 482px){
.title-cat-sliders:after {
    width: 87%;
}}
@media (max-width: 440px){
    .title-cat-sliders:after {
        width: 85%;
}}
@media (max-width: 390px){
    .title-cat-sliders:after {
        width: 84%;
}}
@media (max-width: 350px){
    .title-cat-sliders:after {
        width: 81%;
}}

.images-ceremonie .slick-slide {
    display: block;
    padding: 0 12px;
}

.images-ceremonie .slick-dots li button:before {
    font-size: 0;
    line-height: 20px;
    width: 70px;
    height: 3px;
    content: '';
    background: #000;
}
.images-ceremonie .slick-dots li {
    padding: 0 40px;
    margin: auto;
    width: 0;
    height: 0;
}
.slick-dots li button {

    width:0;
    height: 0;
    padding: 0;
}
.images-ceremonie .slick-dots {
    bottom: -13px;
}
header.not-home .burger {
    top: 35px;
    right: 45px;
}


.burger {
    outline: none;
    border: 0px;
    padding: 0px;
    background: transparent;
    transition: all 250ms ease-out;
    cursor: pointer;
  }

  .burger:before, .burger:after {
    content: "";
    width: 17px;
    height: 1px;
    position: absolute;
    background: #fff;
    transition: all 250ms ease-out;
    will-change: transform;
  }

  .burger:before {
    transform: translateY(-4px);
  }

  .burger:after {
    transform: translateY(3px);
  }

  .header_logo_icons.sticky .burger:before, .header_logo_icons.sticky .burger:after {
   background: #000;
}



header.not-home .burger:before, header.not-home .burger:after {
    background: #000;
}

.logo-lettre-noir a {
    display: none;
    color: black;
}
.logo-lettre-blanc img {
    max-width: 222px;
}
.logo-lettre-blanc a {
    text-decoration : none;
}
.header_logo_icons.sticky .logo-lettre-noir img {
    max-width: 222px;
}
.header_logo_icons.sticky .logo-lettre-noir a {
    display: block;
}

header.not-home .header_logo_icons.sticky .header_icons {
    margin-top: 6px;
}
header.not-home .header_logo_icons.sticky .logo-header .first.js-closeLevel {
    display: none;
}
.header_logo_icons.sticky .logo-lettre-blanc{
    display: none;
}

.logo-header .first.js-closeLevel{
    display: none;
}
.header_logo_icons.sticky .logo-header .first.js-closeLevel{
    display: none;
}
.js-closeLevelTop {
    display: none;
}
.current-cat-name {
    display: none;
    padding-top: 16px;
}
.js-closeLevelTop i {
    font-size: 20px;
    color: #939393;
    padding-top: 20px;
}

.navbar.filtre li.has_children.active .sub-menu {
    display: block;
    visibility: visible;
}


@media screen  and (min-width: 991px) {


.header_logo_icons:hover .logo-lettre-blanc {
    display: none;
}
.header_logo_icons:hover .logo-lettre-noir img {
    max-width: 222px;
}
.header_logo_icons:hover .logo-lettre-noir a{
    display: block;
}
}
header.not-home .logo-lettre-noir img {
    max-width: 222px;
}
header.not-home .logo-lettre-noir a {
    display: block;
}
header.not-home .logo-lettre-blanc a {
    display: none;
}
.footer-mobile{
    display: none;
}
ul.pushNav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
.content-categories .col-lg-4, .content-categories .col-md-6 {
    padding: 0px 0.5px !important;
}
.logo-header {
    position: relative;
    z-index: 3;
}
@media (max-width: 1400px) {
    .header_logo_icons {
        padding: 0 20px;
    }

    nav .navbar {
        padding-left: 283px;
    }

    .titre-lamarque h2 {
        font-size: 45px;
    }
    header.not-home .logo-lettre-noir img {
        max-width: 180px;
        padding-top: 10px;
    }
    .logo-lettre-blanc img {
        max-width: 180px;
        padding-top: 12px;
    }
    .header_logo_icons.sticky .logo-lettre-noir img {
        max-width: 180px;
        padding-top: 9px;
    }
    .header_logo_icons.sticky .header_icons {
        margin-top: 9px;
    }

    header.not-home .header_logo_icons.sticky .header_icons {
        margin-top: 15px;
    }
    .header_logo_icons:hover .logo-lettre-noir img {
        max-width: 180px;
        padding-top: 12px;
    }
    .header_logo_icons:hover .header_icons {
        margin-top: 8px;
    }
}

@media (max-width: 1360px) {
    .header_logo_icons {
        padding: 0 16px;
    }
}
@media (max-width: 1300px) {
    nav .navbar .links li {
        padding: 0 8px;
    }
    .topOffre {
        justify-content: space-between;
    }
}
@media (max-width: 1255px) {

    nav .navbar {
        padding-left: 250px;
    }
    nav .navbar .links li {
        padding: 0 6px;
    }

    .titre-lamarque h2 {
        font-size: 41px;
        margin-left: -87px;
    }
    .content-lamarque {

        font-size: 16px;
    }
}
@media (max-width: 1170px) {


    nav .navbar .links li a {
        letter-spacing: 0.5px;
    }
    nav .navbar {
        padding-left: 219px;
    }
}
@media (max-width: 1100px) {
    .header_logo_icons {
        padding: 0 7px;
    }
    .header_logo_icons .header_icons {
        gap: 19px;
    }
}
@media (max-width: 1030px) {
    nav .navbar .links li {
        padding: 0 4px;
    }
    nav .navbar {
        padding-left: 206px;
    }
    .header_logo_icons .header_icons {
        gap: 11px;
    }
}
@media (max-width: 1199px) {
    .f-child {
        order: 2;
    }
    .s-child {
        order: 3;
    }
    .t-child {
        order: 4;
    }
    .l-child {
        order: 1;
    }
    .item-footer.third-child:after{
        display: none;
    }
    .item-footer:after {
        height: 215px;
    }
    section.footer form {
        margin-bottom: 43px;
    }
    .item-footer.last-child {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 35px;
    }
    .item-footer.last-child:before {
        position: absolute;
        content: "";
        left: -34px;
        right: 0;
        bottom: 0;
        background: #d1d1d1;
        width: 1209px;
        height: 1px;
    }
}
@media (max-width: 991px) {
    section.produits-details {
        margin-top: 25px;
    }
    .item-search-categorie {
        margin-bottom: 22px;
    }

    .pushNavIsOpen .header_logo_icons.sticky .logo-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pushNavIsOpen .header_logo_icons.sticky .header-global {
        display: block;
    }
    .pushNavIsOpen .header_logo_icons.sticky .header-left {
        display: block;
    }
    .header_logo_icons.sticky nav .navbar {
        padding: 5px 28px;
    }
    .header_logo_icons {
        padding: 0 30px;
    }



    .header_logo_icons .header_icons {
        gap: 12px;
        margin-top:0;
    }
    header.not-home .header_logo_icons.sticky .header_icons {
        margin-top: 0;
    }
    .burger {
        top: 35px;
    }
    .header_logo_icons:hover {
        /* background: #fff; */
        height: 65px;
    }
    /* .header_logo_icons:hover .header_icons i {
        color: black;
    } */
    .header_logo_icons:hover .header_icons {
        margin-top: 0;
    }
    .f-child, .s-child, .t-child{
        display: none;
    }
    .footer-mobile{
        display: block;
    }
    .footer-mobile button.accordion-button {
        font-size: 14px;
        text-decoration: none;
        justify-content: space-between;
        text-transform: uppercase;
        color: #000 !important;
        font-weight: 500;
    }
    .footer-top {
        padding: 0 0 2px;
    }
    .item-footer.last-child {
        padding-left: 22px;
    }
    .footer-mobile .accordion-item {
        border-bottom: 1px solid #d1d1d1;
        padding: 19px 22px;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .footer-mobile .accordion-item:last-child {
        border-bottom: none;
    }
    .item-footer.last-child {
        margin-bottom: 9px;
    }
    .header_logo_icons.sticky .header_icons {
        margin-top: 3px;
    }
}




@media (max-width: 400px){
.header_logo_icons {
    padding: 0 7px;
}
.burger {
    right: 39px;
}
.header_logo_icons .header_icons {
    margin-right: 48px;
}
.not-home .header_logo_icons .header_icons{
    margin-right: 50px;
}
}
@media (max-width: 379px){

    .header_logo_icons .header_icons {
        margin-right: 43px;
    }
    .burger {
        top: 33px;
    }
    .shop_cart {
        margin-right: -55px;
    }
}


@media (max-width: 330px){

    .footer-top {
        padding: 0 4px 0;
    }
    header.not-home .burger {
        right: 34px;
    }
    .not-home .header_logo_icons .header_icons {
        margin-right: 40px;
    }

}



/* nouveau page la marque  */
h2.title-banner-marque {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 65px;
    font-family: 'Le Jeune Deck';
    letter-spacing: 2px;
    margin-bottom: 0;
}
.picture-banner-marque {
    position: relative;
}
.img-banner-marque:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0003;
}
.menu-marque {
    background: #000;
    padding: 17px 0;
}
.titres-menu-marque {
    display: flex;
    align-items: center;
    justify-content: center;
}
.titres-menu-marque a {
    color: #fff;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    margin: 0 33px;
    letter-spacing: 2px;
    font-size: 14px;
    cursor: pointer;
}
.titres-menu-marque a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -17px;
    width: 0;
    height: 4px;
    background: #dc3545;
}

.titres-menu-marque a.active:after {
    width: 100%;
}
.titres-menu-marque a.active {
    color: #fff !important;
}



section.hist-marque {
    padding: 100px 0;
}
#site-timeline {
    position: relative;
    max-width: 1105px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.timeline-article .site-center-line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    z-index: -1;
    bottom: 5%;
}
.timeline-article:first-child .site-center-line {
    top: 13em;
}
.year__ {
	display: inline-block;
}
.timeline-article.odd .site-center-line {
    background: #cacaca;
}
.timeline-article.even .site-center-line {
    background: #cacaca;
}
.timeline-article {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-top: -2%;
    padding-bottom: 175px;
}

.timeline-article .content-left-container, .timeline-article .content-right-container {
    max-width: 49%;
    width: 100%;
}
.timeline-article .content-left, .timeline-article .content-right {
    position: relative;
    width: auto;
    padding: 0 45px 20px 25px;
}
.timeline-article.odd .content-right {
    padding: 0 6px 20px 45px;
}
.timeline-title {
    margin-top: 0;
    font-size: 34px;
    /* margin-bottom: 23px; */
    letter-spacing: 0px;
    font-family: 'Le Jeune Deck';
    line-height: 39px;
}

.content-right h4 {
    letter-spacing: 3px;
}
.timeline-article p {
    margin-top: 20px;
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
}
.timeline-article .content-left-container {
	float: left;
}
h2.timeline-year {
    margin: 0;
    display: inline-block;
    padding: 10px 25px 0px 0px;
    color: #000;
    font-family: 'Le Jeune Deck';
    font-size: 195px;
    position: relative;
}
.odd h2.timeline-year {
    padding: 10px 25px 0px 18px;
}
.odd.mill-year h2.timeline-year {
    padding: 10px 25px 0px 39px;
}
.timeline-article.odd .content-left-container {
    margin-left: 18px;
    margin-top: 130px;
    z-index: 2;
    position: relative;
}
h2.timeline-year:before {
    content: "";
    position: absolute;
    top: 1.1275em;
    left: calc(0.635em + 2.16em);
    width: 16px;
    height: 16px;
    border: 1px solid #717171;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
h2.timeline-year:after {
    content: "";
    position: absolute;
    top: 1.124em;
    left: 0.06em;
    width: 2.78em;
    height: 1px;
    background: #717171;
}

.timeline-article.odd h1.timeline-year {
    background: none;
}
.odd h2.timeline-year:before {
    left: auto;
    right: calc(0.24em + 2.13em);
}
.odd.parn6 h2.timeline-year:before {
    right: calc(0.24em + 2.58em);
}
.odd.mill-year h2.timeline-year:before {
    right: calc(0.34em + 2em);
}
.odd h2.timeline-year:after {
    left: auto;
    right: 0.03em;
    width: 2.35em;
}
.odd.parn6 h2.timeline-year:after {
    width: 2.83em;
}
.odd.mill-year h2.timeline-year:after {
    width: 2.35em;
}
.site-timeline-content {
    position: relative;
}
.site-timeline-content:before {
    content: "";
    position: absolute;
    top: 14em;
    left: 50%;
    width: 1px;
    height: calc(100% - 14em);
    background: #cacaca;
}
.site-timeline-content:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0em;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #717171;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.timeline-article.even h1.timeline-year {
	background: #000000;
}
.line {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 18px;
    margin-left: 0;
    z-index: -1;
}
.timeline-article.odd .line {
	left: 50%;
	background: #BE0101;
}
.timeline-article.even .line {
    right: 50%;
    background: #717171;
}

.timeline-article .content-right-container {
	float: right;
}
.timeline-article .meta-dot {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -10px;
    border-radius: 100%;
    border: 1px solid #717171;
}
.timeline-article.odd .meta-dot {
	background: #BE0101;
}
.timeline-article.even .meta-dot {
    background: #fff;
}
.image-timeline img {
    max-width: 100%;
}
.content-right-container .image-timeline {
    margin-left: -31px;
    z-index: 2;
    position: relative;
}

h3.title-favori-vide {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    font-size: 23px;
    margin-bottom: 38px;
    margin-top: 36px;
    letter-spacing: 2px;
}
h1.titre-breadcrumbs-favoris {
    color: #000000;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    font-size: 28px;
    text-align: center;
}
@media only screen and (max-width: 991px) {
    h2.timeline-year {
        font-size: 151px;
    }
    .site-timeline-content:before {
        top: 11em;
        height: calc(100% - 11em);
    }
    .odd h2.timeline-year:before {
        right: calc(0.34em + 2.11em);
    }
    .odd h2.timeline-year:after {
        right: 0.095em;
    }
    .title-panier h2 {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 800px) {
    h2.timeline-year {
        font-size: 130px;
    }
    .site-timeline-content:before {
        top: 9em;
        height: calc(100% - 9em);
    }
    h2.timeline-year:before {
        left: calc(0.27em + 2.16em);
    }
    h2.timeline-year:after {
        width: 2.45em;
    }
    .odd h2.timeline-year:after {
        width: 2.348em;
    }
    section.panier {
        padding: 35px 0 80px;
    }
    .title-panier h2 {
        padding-bottom: 7px;
    }
}
@media only screen and (max-width: 767px) {
    h2.title-banner-marque {
        bottom: -195px;
        left: 0;
        transform: none;
        margin: auto;
        right: 0;
        top: auto;
        color: #000;
    }
    section.hist-marque {
        padding: 65px 0 100px;
    }
    h2.title-banner-marque:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        margin: auto;
        background: #000;
        height: 1px;
        width: 176px;
        bottom: -39px;
    }
    .timeline-article .content-left-container,
	.timeline-article .content-right-container {
		max-width: 100%;
		width: auto;
		float: none;
		min-height: 53px;
	}
    h2.timeline-year:before {
       display: none;
    }
    h2.timeline-year:after {
        display: none;
     }
     .site-timeline-content:before {
        display: none;
    }
    .site-timeline-content:after {
        display: none;
    }
    .timeline-article {
        display: grid;
    }
    .timeline-article.even .content-left-container {
        order: 2;
    }
    .timeline-article.even .content-right-container {
        order: 1;
    }
    .image-timeline {
        margin-left: 27px;
    }
    h2.timeline-year {
        font-size: 220px;
    }
    .timeline-article.even:before {
        content: "";
        position: absolute;
        top: 2em;
        left: 10.8em;
        width: 1px;
        height: calc(100% + 0em);
        background: #cacaca;
        z-index: -1;
    }
    .timeline-article.even.parn1:before {
        height: calc(100% + 19em);
    }
    .timeline-article.even.parn3:before {
        top: 6em;
        height: calc(100% + -7em);
    }
    .timeline-article.even.parn5:before {
        height: calc(100% + 25em);
    }
    .timeline-article.even.parn7:before {
        height: calc(100% + 13em);
    }
    .timeline-article.even.parn13:before {
        height: calc(100% + 17em);
    }
    .timeline-article.even.parn15:before {
        height: calc(100% + 2em);
    }

    .timeline-article.odd:before {
        content: "";
        position: absolute;
        top: 14em;
        width: 1px;
        height: calc(100% + 2em);
        background: #cacaca;
        z-index: -1;
        left: auto;
        right: 10.8em;
    }
    .timeline-article.odd.parn6:before {
        height: calc(100% + 13em);
    }
    .timeline-article.odd.parn16:before {
        top: 35em;
    }
    .timeline-article.odd.parn18:before {
        top: 29em;
        right: 12em;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 205px;
    }
    .timeline-article p {
        font-size: 18px;
        line-height: 31px;
    }
    .timeline-title {
        font-size: 38px;
    }
    .timeline-article.odd .content-right {
        padding: 0 205px 20px 70px;
    }
    .timeline-article.odd .year__ {
        text-align: right;
        display: block;
    }
}
@media only screen and (max-width: 650px) {
    .timeline-article.odd.parn16:before {
        top: 32em;
    }
    .timeline-article.odd.parn18:before {
        right: 10em;
    }
}


 @media only screen and (max-width: 600px) {
    h2.timeline-year {
        font-size: 160px;
    }
    .timeline-article.even:before {
        left: 8em;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 154px;
    }
    .timeline-article p {
        font-size: 17px;
    }
    .timeline-article.odd:before {
        right: 8em;
    }
    .timeline-article.odd .content-right {
        padding: 0 154px 20px 35px;
    }
    .timeline-title {
        font-size: 34px;
    }
    .timeline-article.odd.parn16:before {
        top: 26em;
    }
    .timeline-article.odd.parn18:before {
        top: 21em;
        right: 9em;
    }
 }
 @media (max-width: 550px){
    .timeline-article.even:before {
        top: 3em;
    }
 }

 @media (max-width: 500px){
    .titres-menu-marque a {
        margin: 0 14px;
    }
    h2.title-banner-marque {
        font-size: 55px;
    }
    h2.title-banner-marque {
        bottom: -163px;
    }
    .timeline-article.odd.parn16:before {
        top: 24em;
    }
    .timeline-article.odd.parn18:before {
        right: 8em;
    }
}
 @media only screen and (max-width: 482px) {
    h2.timeline-year {
        font-size: 145px;
    }
    .timeline-title {
        font-size: 28px;
    }
    .timeline-article.odd:before {
        right: 7.5em;
    }
    .timeline-article.even:before {
        left: 7.5em;
    }
 }
 @media only screen and (max-width: 400px) {
    h2.timeline-year {
        font-size: 124px;
    }
    .timeline-article p {
        font-size: 15px;
        line-height: 26px;
    }
    .timeline-article.odd:before {
        right: 6.7em;
    }
    .timeline-article.even:before {
        left: 6.7em;
    }
    .timeline-article.odd .content-right {
        padding: 0 122px 20px 35px;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 140px;
    }
    .timeline-title {
        font-size: 25px;
    }
    .titres-menu-marque a {
        margin: 0 11px;
    }
    h2.title-banner-marque {
        font-size: 44px;
    }
    .timeline-article.odd.parn6:before {
        height: calc(100% + 9em);
    }
    .timeline-article.odd.parn8:before {
        height: calc(100% + 0em);
    }
    .timeline-article.odd.parn10:before {
        height: calc(100% + -4em);
    }
    .timeline-article.odd.parn16:before {
        top: 19.6em;
    }
    .timeline-article.odd.parn18:before {
        right: 6em;
        top: 16em;

    }
 }



@media only screen and (max-width: 375px) {
    .timeline-article .content-right {
        padding: 0 25px 20px 123px;
    }
    .titres-menu-marque a {
        font-size: 13px;
        margin: 0 8px;
    }
    h2.title-banner-marque {
        font-size: 30px;
    }
    .titre-panier-vide {
        font-size: 20px;
        margin-top: 28px;
    }


}
@media only screen and (max-width: 350px) {
    .timeline-article.even.parn5:before {
        height: calc(100% + 18em);
    }
    .timeline-article.odd.parn8:before {
        height: calc(100% + -6em);
    }
    .timeline-article.odd.parn16:before {
        top: 18em;
    }
}
@media only screen and (max-width: 340px) {
    h2.timeline-year {
        font-size: 100px;
    }
    .timeline-article.odd:before {
        right: 5.7em;
    }
    .timeline-article.even:before {
        left:  5.7em;
    }
    .timeline-article.odd .content-right {
        padding: 0 105px 20px 35px;
    }
    .timeline-title {
        font-size: 20px;
    }
    .timeline-article p {
        font-size: 14px;
        line-height: 23px;
    }
    .titres-menu-marque a {
        margin: 0 5px;
        font-size: 13px;
    }

}
@media only screen and (max-width: 330px) {
    .timeline-article.odd.parn16:before {
        top: 16em;
    }
    .timeline-article.odd.parn6:before {
        height: calc(100% + 5em);
    }
}



/* page partenariat */
section.partenariat {
    padding: 60px 0;
}
h2.titre-partenariat {
    text-align: center;
    font-size: 47px;
    font-family: 'Le Jeune Deck';
    line-height: 62px;
}
span.quote {
    display: block;
    font-size: 130px;
    padding-top: 55px;
}
.grid-partenariat {
    position: relative;
    max-width: 965px;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
}
.bloc2-partenariat {
    display: flex;
}
.image1-bloc2-partenariat {
    margin-top: -62px;
    z-index: 1;
}
.bloc1-partenariat {
    display: flex;
}
h3.titre-bloc1-partenariat {
    font-family: 'Le Jeune Deck';
    font-size: 42px;
    text-transform: uppercase;
    z-index: 2;
}
span.coleur-white {
    color: #fff;
    padding-left: 11px;
}
.contenu-bloc1-partenariat {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
}
.image2-bloc2-partenariat {
    position: relative;
    margin-left: -69px;
    z-index: 2;
}
.content-bloc2 {
    padding-right: 50px;
}
h3.titre-bloc2-partenariat {
    font-family: 'Le Jeune Deck';
    font-size: 42px;
    text-transform: uppercase;
    padding: 52px 0 16px 34px;
}
.contenu-bloc2-partenariat {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
    padding-left: 36px;
}
.bloc3-partenariat {
    display: flex;
}
h3.titre-bloc3-partenariat {
    font-family: 'Le Jeune Deck';
    font-size: 42px;
    text-transform: uppercase;
    padding: 70px 0 27px 0;
}
.contenu-bloc3-partenariat {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
}
.content-bloc3 {
    padding-right: 122px;
}
.image3-bloc3-partenariat {
    margin-top: 50px;
}
.bloc4-partenariat {
    display: flex;
}
h3.titre-bloc4-partenariat {
    font-family: 'Le Jeune Deck';
    font-size: 42px;
    text-transform: uppercase;
    padding: 98px 0 27px 0;
}
.contenu-bloc4-partenariat {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
}
.content-bloc4 {
    padding-left: 90px;
    padding-right: 65px;
}
.image4-bloc4-partenariat {
    margin-top: 70px;
}
.bloc5-partenariat {
    display: flex;
}
h3.titre-bloc5-partenariat {
    font-family: 'Le Jeune Deck';
    font-size: 42px;
    text-transform: uppercase;
    padding: 110px 0 27px 0;
}
.contenu-bloc5-partenariat {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
}
.content-bloc5 {
    padding-right: 103px;
}
.image4-bloc5-partenariat {
    margin-top: 72px;
    margin-right: 55px;
}
.partn-2 {
    padding: 155px 145px 60px;
}
h2.titre-part2 {
    text-align: center;
    font-family: 'Le Jeune Deck';
    font-size: 45px;
    line-height: 58px;
    padding-bottom: 81px;
}
span.maj-title {
    display: block;
    text-transform: uppercase;
}
.image-item-part2 {
    display: table;
    margin: 0 auto;
}
.title-item-part2 h3 {
    font-family: 'Le Jeune Deck';
    text-align: center;
    text-transform: uppercase;
    padding-top: 60px;
    position: relative;
    font-size: 28px;
}
.title-item-part2 h3:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: -34px;
    width: 2px;
    height: 84px;
    background: #000;
    margin: auto;
}
.pad4 {
    padding: 0 57px;
}

h2.titre-partn3 {
    font-family: 'Le Jeune Deck';
    font-size: 43px;
    text-transform: uppercase;
    text-align: center;
}
.partn-3 p {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 16px;
    line-height: 27px;
    position: relative;
    font-family: 'Helvetica';
    text-align: center;
    padding-bottom: 90px;
}
.partn-3 {
    padding: 75px 255px 60px;
}
.form-partn3 input#email, .form-partn3 input#sujet, .form-partn3 textarea {
    width: 100%;
    border: 1px solid #c6c8cc;
    padding: 13px 20px 15px;
    margin-bottom: 20px;
}
button.btn-partn3 {
    width: 100%;
    border: none;
    text-transform: uppercase;
    background: #bc252f;
    color: #fff;
    padding: 11px 0;
    font-family: 'Helvetica';
}
.form-partn3 {
    border: 1px solid #c6c8cc;
    padding: 62px 50px;
    margin-left: 50px;
}
.image-partn3 img {
    max-width: 100%;
}
.image-item-part2 img {
    max-width: 100%;
}



@media only screen and (max-width: 1700px) {
    .partn-2 {
        padding: 155px 78px 60px;
    }
    .partn-3 {
        padding: 75px 140px 60px;
    }
}
@media only screen and (max-width: 1600px) {
    .partn-2 {
        padding: 155px 10px 60px;
    }
    .partn-3 {
        padding: 75px 60px 60px;
    }
}
@media only screen and (max-width: 1200px) {
    .pad4 {
        padding: 0 4px;
    }
    .form-partn3 {
        padding: 37px 37px;
    }
}
@media only screen and (max-width: 992px) {
    .title-item-part2 h3 {
        font-size: 22px;
    }
    h2.titre-part2 {
        font-size: 36px;
        line-height: 49px;
        padding-bottom: 60px;
    }
    h2.titre-partn3 {
        font-size: 38px;
    }
    .form-partn3 {
        margin-left: 0;
    }
    .partn-3 p {
        padding-bottom: 75px;
    }
    .partn-3 {
        padding: 45px 60px 60px;
    }
    h3.titre-bloc5-partenariat {
        font-size: 35px;
    }
    h3.titre-bloc4-partenariat {
        font-size: 35px;
    }
    h3.titre-bloc3-partenariat {
        font-size: 35px;
    }
    h3.titre-bloc2-partenariat {
        font-size: 35px;
    }
    h3.titre-bloc1-partenariat {
        font-size: 35px;
    }
    .image1-bloc2-partenariat {
        margin-top: -51px;
    }
    .partn-2 {
        padding: 110px 10px 60px;
    }
}
    @media only screen and (max-width: 991px) {
        h2.titre-partenariat {
            font-size: 38px;
            line-height: 54px;
        }
        .image1-bloc2-partenariat {
            margin-top: -43px;
        }
        .image1-bloc2-partenariat img {
            max-width: 380px;
        }
        .image2-bloc2-partenariat img {
            max-width: 370px;
        }
        .image3-bloc3-partenariat img {
            max-width: 330px;
        }
        .image4-bloc4-partenariat img {
            max-width: 330px;
        }
        .image4-bloc5-partenariat img {
            max-width: 330px;
        }
        h3.titre-bloc1-partenariat {
            font-size: 29px;
        }
        h3.titre-bloc2-partenariat {
            font-size: 29px;
            padding: 31px 0 16px 37px;
        }
        h3.titre-bloc3-partenariat {
            font-size: 29px;
        }
        .content-bloc3 {
            padding-right: 19px;
        }
        h3.titre-bloc4-partenariat {
            font-size: 29px;
        }
        .content-bloc4 {
            padding-left: 50px;
            padding-right: 5px;
        }
        h3.titre-bloc5-partenariat {
            font-size: 29px;
            padding: 80px 0 27px 0;
        }
        .content-bloc5 {
            padding-right: 60px;
        }
        .image4-bloc5-partenariat {
            margin-right: 0;
        }
        .partn-2 {
            padding: 110px 100px 60px;
        }
        .item-part2 {
            margin-bottom: 35px;
        }
        .partn-2 {
            padding: 110px 100px 20px;
        }
        .image-partn3 {
            display: table;
            margin: 0 auto 60px;
        }
        .partn-3 {
            padding: 45px 150px 60px;
        }
    }


    @media only screen and (max-width: 800px) {
        h2.titre-part2 {
            font-size: 32px;
            padding-bottom: 43px;
        }
        h2.titre-partn3 {
            font-size: 33px;
        }
        .partn-3 p {
            padding-bottom: 55px;
        }
        h3.titre-bloc5-partenariat {
            font-size: 26px;
        }
        h3.titre-bloc4-partenariat {
            font-size: 26px;
        }
        h3.titre-bloc3-partenariat {
            font-size: 26px;
        }
        h3.titre-bloc2-partenariat {
            font-size: 26px;
        }
        h3.titre-bloc1-partenariat {
            font-size: 26px;
        }
        .image1-bloc2-partenariat {
            margin-top: -40px;
        }
        h2.titre-partenariat {
            font-size: 32px;
            line-height: 44px;
        }
        .partn-2 {
            padding: 75px 100px 20px;
        }
    }
    @media only screen and (max-width: 767px) {
        .bloc1-partenariat {
            display: block;
            margin-bottom: 66px;
        }
        .image1-bloc2-partenariat img {
            max-width: 340px;
        }
        .image2-bloc2-partenariat img {
            max-width: 325px;
        }
        .image2-bloc2-partenariat {
            margin-left: -51px;
        }
        .image3-bloc3-partenariat {
            margin-left: 0;
        }
        .image3-bloc3-partenariat img {
            max-width: 295px;
        }
        .image4-bloc4-partenariat img {
            max-width: 295px;
        }
        .image4-bloc5-partenariat img {
            max-width: 295px;
        }
        .content-bloc4 {
            padding-left: 29px;
            padding-right: 0;
        }
        h3.titre-bloc3-partenariat {
            font-size: 24px;
        }
        h3.titre-bloc2-partenariat {
            font-size: 24px;
        }
        h3.titre-bloc4-partenariat {
            font-size: 24px;
        }
        h3.titre-bloc5-partenariat {
            font-size: 24px;
        }
        h2.titre-part2 {
            font-size: 29px;
            line-height: 40px;
        }
        h2.titre-partn3 {
            font-size: 30px;
        }
        h3.titre-bloc1-partenariat {
            font-size: 24px;
        }
        .tit2 {
            display: none;
        }
        .content-bloc5 {
            padding-right: 26px;
        }
        .image-timeline img {
            max-width: none;
            width: 100%;
        }


    }
    @media only screen and (max-width: 727px) {
        .image1-bloc2-partenariat img {
            max-width: 280px;
        }
        .image2-bloc2-partenariat img {
            max-width: 265px;
        }
        .image3-bloc3-partenariat img {
            max-width: 245px;
        }
        .image4-bloc4-partenariat img {
            max-width: 245px;
        }
        .image4-bloc5-partenariat img {
            max-width: 245px;
        }
        h3.titre-bloc4-partenariat {
            font-size: 22px;
        }
        h3.titre-bloc5-partenariat {
            font-size: 22px;
        }
        h2.titre-part2 {
            font-size: 23px;
            line-height: 37px;
        }
        .title-item-part2 h3 {
            font-size: 20px;
        }
        h3.titre-bloc3-partenariat {
            font-size: 22px;
        }
        h3.titre-bloc2-partenariat {
            font-size: 22px;
        }
        h3.titre-bloc1-partenariat {
            font-size: 22px;
        }
        .partn-3 {
            padding: 45px 35px 60px;
        }
        h2.titre-partn3 {
            font-size: 26px;
        }
        h2.titre-partenariat {
            font-size: 29px;
            line-height: 40px;
        }
        .partn-2 {
            padding: 75px 0 20px;
        }
    }
    @media only screen and (max-width: 550px) {
        .image1-bloc2-partenariat img {
            max-width: 245px;
        }
        .image2-bloc2-partenariat img {
            max-width: 250px;
        }
        h3.titre-bloc2-partenariat {
            padding: 31px 0 16px 15px;
        }
        .contenu-bloc2-partenariat {
            padding-left: 15px;
        }
        .image3-bloc3-partenariat img {
            max-width: 185px;
        }
        .image4-bloc4-partenariat img {
            max-width: 185px;
        }
        h3.titre-bloc4-partenariat {
            padding: 84px 0 9px 0;
        }
        .contenu-bloc4-partenariat {
            font-size: 15px;
            line-height: 23px;
        }
        h3.titre-bloc3-partenariat {
            padding: 54px 0 4px 0;
        }
        h3.titre-bloc2-partenariat {
            padding: 20px 0 4px 15px;
        }
        .contenu-bloc3-partenariat {
            font-size: 15px;
            line-height: 23px;
        }
        .contenu-bloc2-partenariat {
            font-size: 15px;
            line-height: 23px;
        }
        .contenu-bloc1-partenariat {
            font-size: 15px;
            line-height: 23px;

        }
        .image4-bloc5-partenariat img {
            max-width: 185px;
        }
        .contenu-bloc5-partenariat {
            font-size: 15px;
            line-height: 23px;
        }
        h3.titre-bloc5-partenariat {
            padding: 72px 0 6px 0;
        }
    }
    @media only screen and (max-width: 481px) {
        .img-search-categorie {
            margin: 0 auto;
            display: table;
        }
        .content-search-categorie {
            left: 50px;
        }
    }
    @media only screen and (max-width: 470px) {
        .image1-bloc2-partenariat img {
            max-width: 215px;
        }
        .image2-bloc2-partenariat img {
            max-width: 216px;
        }

    }
    @media only screen and (max-width: 400px) {
        .image1-bloc2-partenariat img {
            max-width: 100%;
        }
        .image2-bloc2-partenariat img {
            max-width: 100%;
        }
        .content-bloc2 {
            padding-right: 0;
        }
        .bloc2-partenariat {
            display: block;
        }
        .image2-bloc2-partenariat {
            margin-left: 0;
            margin-top: 20px;
        }
        .bloc3-partenariat {
            display: flex;
            flex-direction: column-reverse;
        }
        .image3-bloc3-partenariat img {
            max-width: 100%;
        }
        .bloc4-partenariat {
            display: flex;
            flex-direction: column;
        }
        .content-bloc4 {
            padding-left: 0;
            padding-right: 0;
        }
        h3.titre-bloc4-partenariat {
            padding: 40px 0 9px 0;
        }
        .image4-bloc4-partenariat img {
            max-width: 100%;
        }
        .bloc5-partenariat {
            display: flex;
            flex-direction: column-reverse;
        }
        .image4-bloc5-partenariat img {
            max-width: 100%;
        }
        .image4-bloc5-partenariat {
            margin-top: 40px;
        }
        .contenu-bloc2-partenariat {
            padding-left: 0;
        }
        h2.titre-partenariat {
            font-size: 24px;
            line-height: 34px;
        }
        .image4-bloc4-partenariat {
            margin-top: 40px;
        }
        h3.titre-bloc5-partenariat {
            padding: 39px 0 6px 0;
        }
        h3.titre-bloc3-partenariat {
            padding: 44px 0 4px 0;
        }
        .image3-bloc3-partenariat {
            margin-top: 40px;
        }
        .partn-3 {
            padding: 45px 0 60px;
        }
        .image-partn3 {
            display: table;
            margin: 0 auto 35px;
        }

        .slider-wrapper .content {
            bottom: 95px;
        }
    }
    @media only screen and (max-width: 450px) {
        .titre-bloc1-about:before {
          display: none;
        }
        .titre-bloc1-about:after {
            display: none;
        }
        .titre-bloc2-about:before {
            display: none;
        }
        .titre-bloc2-about:after {
            display: none;
        }
        .signature-about img {
            max-width: 100%;
        }
    }
    @media only screen and (max-width: 420px) {
        .slider-wrapper .content h2 {
            font-size: 25px;
            line-height: 35px;
        }
        .slider-wrapper .content {
            bottom: 115px;
        }
    }
    @media only screen and (max-width: 385px) {
        .slider-wrapper .content {
            left: -9px;
        }
        .slider-wrapper .content h2 {
            font-size: 23px;
        }
    }
    @media only screen and (max-width: 360px) {
        .slider-wrapper .content {
            left: -20px;
        }
    }
    @media only screen and (max-width: 345px) {
        .slider-wrapper .content {
            left: -32px;
        }
    }
    @media only screen and (max-width: 330px) {
        .slider-wrapper .content {
            left: -37px;
        }
    }


   /* page apropos */
section.banner-about {
    margin: 0 auto;
    display: table;
}
.titre-bloc1-about {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    font-size: 28px;
    padding-bottom: 35px;
    position: relative;
}
.titre-bloc1-about:after {
    position: absolute;
    content: "";
    background: #000;
    width: 72px;
    height: 1px;
    margin-left: 5px;
    margin-top: 18px;
}
.titre-bloc1-about:before {
    position: absolute;
    content: "";
    width: 72px;
    height: 1px;
    background: #000;
    margin-left: -75px;
    margin-top: 18px;
}
.bloc1-about p {
    text-align: justify;
    line-height: 30px;
}
.titre-bloc2-about {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Le Jeune Deck';
    font-size: 28px;
    padding-bottom: 35px;
    position: relative;
}
.titre-bloc2-about:after {
    position: absolute;
    content: "";
    background: #000;
    width: 72px;
    height: 1px;
    margin-left: 5px;
    margin-top: 18px;
}
.titre-bloc2-about:before {
    position: absolute;
    content: "";
    margin-left: -75px;
    margin-top: 18px;
    width: 72px;
    height: 1px;
    background: #000;
}
.bloc2-about p {
    text-align: justify;
    line-height: 30px;
}
.bloc1-about {
    margin-bottom: 55px;
}
.bloc1-about {
    margin-bottom: 65px;
}
.signature-about {
    margin-top: 55px;
    position: relative;
    display: block;
    text-align: right;
}
.slogan-banner-marque img {
    max-width: 100%;
}
.slogan-banner-marque {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 24%;
}
.slogan-banner-marque.chrono {
    top: 53%;
}
.slid-bloc2 {
    margin-bottom: 90px;
    margin-top: 16px;
}
.tableau-compte th {
    border: 1px solid #e6e6e6;
    width: 100%;
    padding: 10px;
}
.tableau-compte td {
    border: 1px solid #e6e6e6;
    /* width: 100%; */
    padding: 10px;
}

.tableau-compte th:nth-child(1) {
    width: 80%;
}
.picture-banner-marque-mobile {
    display: none;
}
.timeline-article.odd.parn2 .content-left-container {
    padding-top: 199px;
    margin-top: 0;
}
.odd.parn2 h2.timeline-year {
    padding: 10px 25px 0px 42px;
}
.timeline-article.even.parn3 .content-right {
    padding: 0 85px 20px 12px;
}
.timeline-article.even.parn3 h2.timeline-year {
    padding: 10px 25px 0px 15px;
}
.timeline-article.even.parn3 .content-right-container {
    padding-top: 55px;
}
.timeline-article.even.parn3  .content-right-container .image-timeline {
    margin-left: -45px;
}
.odd.parn4 h2.timeline-year {
    padding: 10px 25px 0px 37px;
}
.timeline-article.odd.parn4 .content-left-container {
    margin-top: 105px;
}
.timeline-article.even.parn5 .content-right-container .image-timeline {
    margin-left: -20px;
    padding-top: 33px;
}
.timeline-article.even.parn5  h2.timeline-year {
    padding: 10px 25px 0px 7px;
}
.timeline-article.odd.parn6 .content-right-container {
    max-width: 46%;
}
.timeline-article.odd.parn6 .content-left-container {
    margin-top: 0;
    margin-left: 51px;
}
.odd.timeline-article.odd.parn6 h2.timeline-year:before {
    right: calc(0.24em + 2.65em);
}
.odd.parn6 h2.timeline-year:after {
    width: 2.9em;
}
.timeline-article.odd.parn6 .content-right {
    padding: 0 6px 20px 8px;
}
.odd.parn6 h2.timeline-year {
    padding: 10px 25px 0px 0;
}
 .timeline-article.parn7 .content-right {
    position: relative;
    width: auto;
    padding: 0 45px 20px 9px;
}
.parn7 .content-right-container .image-timeline {
    margin-left: -48px;
}
.odd.parn8 h2.timeline-year:before {
    right: calc(0.34em + 2.39em);
}
.odd.parn8 h2.timeline-year:after {
    width: 2.74em;
}
.timeline-article.odd.parn8 .content-left-container {
    margin-top: 0;
    margin-left: 34px;
}
.timeline-article.parn8 .content-right-container {
    max-width: 47%;
    padding-top: 30px;
}
.parn9 .content-right-container .image-timeline {
    margin-left: -79px;
}
.timeline-article.parn9 .content-right-container {
    padding-top: 140px;
}
.parn9 h2.timeline-year {
    padding: 10px 25px 0px 72px;
}
.timeline-article.parn9 .content-right {
    padding: 0 45px 20px 9px;
}
.timeline-article.odd.parn10 .content-left-container {
    margin-top: 0;
    margin-left: 81px;
}
.odd.parn10 h2.timeline-year {
    padding: 10px 25px 0px 0;
}
.timeline-article.odd.parn10 .content-right {
    padding: 0 6px 20px 0;
}
.odd.parn10 h2.timeline-year:after {
    width: 2.53em;
}
.odd.parn10 h2.timeline-year:before {
    right: calc(0.34em + 2.17em);
}
.timeline-article.parn10 .content-right-container {
    max-width: 43%;
}
.parn11 .content-right-container .image-timeline {
    margin-left: -12px;
    padding-top: 114px;
}
.timeline-article.odd.parn12 .content-left-container {
    margin-left: 12px;
    margin-top: 0;
    padding-top: 30px;
}
.odd.parn12 h2.timeline-year:after {
    width: 2.5em;
}
.odd.mill-year h2.timeline-year:before {
    right: calc(0.34em + 2.12em);
}
.parn13 .content-right-container .image-timeline {
    margin-left: -14px;
    padding-top: 40px;
}
.parn13 h2.timeline-year {
    padding: 10px 25px 0px 33px;
}
.parn13 .timeline-article .content-right {
    padding: 0 45px 20px 65px;
}
.timeline-article.odd.parn14 .content-left-container {
    margin-top: 0;
    margin-left: 13px;
    padding-top: 65px;
}
.odd.parn14 h2.timeline-year:after {
    width: 2.43em;
}
.parn15 .content-right-container .image-timeline {
    margin-left: -15px;
    padding-top: 46px;
}
.odd.parn16 h2.timeline-year:after {
    width: 2.46em;
}
.odd.parn16 h2.timeline-year:before {
    right: calc(0.34em + 2.11em);
}
.timeline-article.odd.parn16 .content-left-container {
    margin-left: 121px;
    margin-top: 0;
    max-width: 45%;
    padding-top: 73px;
}
.timeline-article.parn16 .content-right-container {
    max-width: 44%;
}
.odd.parn16 h2.timeline-year {
    padding: 10px 25px 0px 0;
}
.timeline-article.odd.parn16 .content-right {
    padding: 0 6px 20px 0;
}
.parn17 .content-right-container .image-timeline {
    margin-left: -10px;
    padding-top: 38px;
}
.timeline-article.odd.parn18 .content-left-container {
    margin-left: 12px;
    margin-top: 0;
    padding-top: 23px;
}
.odd.parn18 h2.timeline-year:before {
    right: calc(0.34em + 2.14em);
}
.odd.parn18 h2.timeline-year:after {
    width: 2.5em;
}
.parn19 .content-right-container .image-timeline {
    margin-left: -10px;
    padding-top: 58px;
}
h2.timeline-year {
    padding: 10px 25px 0px 27px;
}
.confirmation-msg {
    border: 2px solid #80cf80;
    padding: 10px 20px;
    text-align: center;
    display: none;
}
.form-partn3 .confirmation-msg {
    margin-bottom: 25px;
}
.color-msg {
    border: 2px solid red;
    padding: 10px 20px;
    text-align: center;
    display: none;
}
.form-partn3 .color-msg {
    margin-bottom: 25px;
}
.timeline-article.parn1 .content-left-container {
    padding-top: 195px;
    margin-top: 0;
}
.timeline-article.parn2 .content-right-container {
    padding-top: 52px;
}
.timeline-article.parn2 .content-right-container .image-timeline {
    margin-left: -45px;
}
.timeline-article.parn2 .content-right {
    padding: 0 110px 20px 10px;
}
.timeline-article.parn2 h2.timeline-year {
    padding: 10px 25px 0px 20px;
}
.timeline-article.parn1 h2.timeline-year {
    padding: 10px 25px 0px 42px;
}
.timeline-article.parn3 h2.timeline-year {
    padding: 10px 25px 0px 44px;
}
.timeline-article.parn3 .content-left-container {
    margin-top: 0;
    padding-top: 108px;
}
.timeline-article.parn4 .content-right-container .image-timeline {
    margin-left: -19px;
}
.timeline-article.parn4 .content-right-container .image-timeline {
    padding-top: 30px;
}
.timeline-article.parn4 h2.timeline-year {
    padding: 10px 25px 0px 10px;
}
.timeline-article.parn4 .content-right {
    padding: 0 45px 20px 15px;
}
.timeline-article.parn5 .content-left-container {
    margin-top: 0;
    max-width: 49%;
    margin-left: 52px;
}
.timeline-article.parn5 .content-right-container {
    max-width: 46%;
}
.timeline-article.parn5 .content-right {
    padding: 0 6px 20px 0px;
}
.timeline-article.parn5 h2.timeline-year {
    padding: 10px 25px 0px 0px;
}
.timeline-article.parn5 h2.timeline-year:before {
    left: auto;
    right: calc(0.5em + 2.39em);
}
.timeline-article.parn5 h2.timeline-year:after {
    right: 0.2em;
    width: 2.7em;
}
.timeline-article.parn6 h2.timeline-year {
    padding: 10px 25px 0px 9px;
}
.timeline-article.parn6 .content-right {
    padding: 0 45px 20px 6px;
}
.timeline-article.parn6 .content-right-container .image-timeline {
    margin-left: -47px;
}
.timeline-article.parn7 h2.timeline-year:before {
    right: calc(0.24em + 2.38em);
}
.timeline-article.parn7 h2.timeline-year:after {
    width: 2.59em;
}
.timeline-article.parn7 .content-left-container {
    margin-top: 0;
    margin-left: 35px;
}
.timeline-article.parn7 .content-right-container {
    max-width: 47%;
    padding-top: 40px;
}
.timeline-article.parn8 .content-right-container .image-timeline {
    margin-left: -100px;
    padding-top: 119px;
}
.timeline-article.parn9 .content-left-container {
    margin-left: 82px;
    margin-top: 0;
    padding-top: 65px;
}
.timeline-article.parn9 .content-right-container {
    padding-top: 25px;
    max-width: 43%;
}
.timeline-article.parn9 .content-right {
    padding: 0 22px 20px 0;
}
.parn9 h2.timeline-year {
    padding: 10px 25px 0px 0px;
}
.parn9 h2.timeline-year:before {
    right: calc(0.24em + 2.27em);
}
.odd h2.timeline-year:after {
    width: 2.48em;
}
.timeline-article.parn10 .content-right-container .image-timeline {
    margin-left: -77px;
    padding-top: 105px;
}
.timeline-article.parn11 .content-left-container {
    margin-top: 0;
    margin-left: 11px;
    padding-top: 37px;
}
.timeline-article.parn11 h2.timeline-year:after {
    width: 2.34em;
}
.timeline-article.parn11 h2.timeline-year:before {
    right: calc(0.24em + 2.1em);
}
.timeline-article.parn12 .content-right-container .image-timeline {
    margin-left: -12px;
    padding-top: 48px;
}
.timeline-article.parn13 .content-left-container {
    margin-top: 0;
    margin-left: 13px;
    padding-top: 75px;
}
.timeline-article.parn13 h2.timeline-year:before {
    right: calc(0.24em + 2.16em);
}
.timeline-article.parn13 h2.timeline-year:after {
    width: 2.38em;
}
.timeline-article.parn14 .content-right-container .image-timeline {
    margin-left: -15px;
    padding-top: 35px;
}
.timeline-article.parn15 h2.timeline-year:before {
    right: calc(0.24em + 2.01em);
}
.timeline-article.parn15 h2.timeline-year:after {
    width: 2.3em;
}
.timeline-article.parn15 .content-right-container {
    max-width: 45%;
}
.timeline-article.parn15 .content-left-container {
    margin-top: 0;
    padding-top: 65px;
    margin-left: 58px;
}
.timeline-article.parn15 h2.timeline-year:before {
    right: calc(0.24em + 2.15em);
}
.timeline-article.parn15 h2.timeline-year:after {
    width: 2.4em;
}
.timeline-article.parn15 .content-right {
    padding: 0 6px 20px 0;
}
.timeline-article.parn15 h2.timeline-year {
    padding: 10px 25px 0px 0;
}
.timeline-article.parn16 .content-right-container .image-timeline {
    margin-left: -65px;
    padding-top: 30px;
}
.timeline-article.parn17 .content-left-container {
    margin-left: 12px;
    margin-top: 0;
    padding-top: 47px;
}
.timeline-article.parn18 .content-right-container .image-timeline {
    margin-left: -10px;
    padding-top: 44px;
}


@media only screen and (max-width: 1400px) {
    .slogan-banner-marque {
        left: 29%;
    }
}


@media only screen and (max-width: 1385px) {
    .content-handmade {
        padding-top: 31px;
    }
}
@media only screen and (max-width: 1300px) {

    section.hand p {
        padding-top: 48%;
    }
    .content-handmade {
        padding-top: 57px;
    }
}
@media only screen and (max-width: 1295px) {
    .content-handmade {
        padding-top: 69px;
    }
}

@media only screen and (max-width: 1199px) {
    .slogan-banner-marque {
        left: 35%;
    }
}
@media only screen and (max-width: 991px) {
    .top-search-form {
        overflow-y: scroll;
        height: 500px;
    }
    .content-search-categorie {
        left: 45px;
    }
    h2.timeline-year:before {
        left: calc(0.635em + 2.6em);

    }
    h2.timeline-year:after {
        width: 3.24em;
    }
    .odd.parn6 h2.timeline-year:after {
        width: 2.64em;
    }
    .odd.parn6 h2.timeline-year:before {
        right: calc(0.24em + 2.435em);
    }
    h2.timeline-year {
        padding: 10px 25px 0px 25px;
    }
    .odd.mill-year h2.timeline-year:before {
        right: calc(0.34em + 2.09em);
    }
    .odd.mill-year h2.timeline-year:after {
        width: 2.39em;
    }
    .timeline-article.odd.parn2 .content-left-container {
        padding-top: 156px;
    }
    .timeline-article.odd.parn6 .content-left-container {
        margin-left: 45px;
    }
    .odd.timeline-article.odd.parn6 h2.timeline-year:after {
        width: 2.915em;
    }
    .odd.parn6 h2.timeline-year:before {
        right: calc(0.24em + 2.71em);
    }
    .parn7 .content-right-container .image-timeline {
        margin-left: -43px;
    }
    .timeline-article.odd.parn10 .content-left-container {
        margin-left: 24px;
    }
    .odd.parn10 h2.timeline-year:before {
        right: calc(0.34em + 2.26em);
    }
    .parn11 .content-right-container .image-timeline {
        margin-left: -10px;
    }
    .timeline-article.odd.parn12 .content-left-container {
        margin-left: 10px;
    }
    .odd.mill-year h2.timeline-year:before {
        right: calc(0.34em + 2.21em);
    }
    .parn13 .content-right-container .image-timeline {
        margin-left: -11px;
    }
    .timeline-article.odd.parn14 .content-left-container {
        margin-left: 10px;
    }
    .odd.parn14 h2.timeline-year:after {
        width: 2.46em;
    }
    .odd.parn16 h2.timeline-year:before {
        right: calc(0.34em + 2.11em);
    }
    .timeline-article.odd.parn16 .content-left-container {
        max-width: 43%;
    }
    .odd.parn16 h2.timeline-year:before {
        right: calc(0.34em + 2.18em);
    }

    .odd.parn18 h2.timeline-year:before {
        right: calc(0.34em + 2.23em);
    }
    .timeline-article.parn1 .content-left-container {
        padding-top: 145px;
    }
    .timeline-article.parn3 .content-left-container {
        padding-top: 85px;
    }
    .timeline-article.parn5 .content-right-container {
        max-width: 45%;
    }
    .timeline-article.parn5 .content-left-container {
        margin-left: 45px;
    }
    .timeline-article.parn5 h2.timeline-year:before {
        right: calc(0.5em + 2.52em);
    }
    .timeline-article.parn5 h2.timeline-year:after {
        width: 2.85em;
    }
    .timeline-article.parn8 .content-right-container .image-timeline {
        margin-left: -90px;
        padding-top: 85px;
    }
    .timeline-article.parn9 .content-left-container {
        margin-left: 25px;
    }
    .parn9 h2.timeline-year:before {
        right: calc(0.24em + 2.35em);
    }
    .odd h2.timeline-year:after {
        width: 2.5em;
    }
    .timeline-article.parn10 .content-right-container .image-timeline {
        margin-left: -68px;
        padding-top: 86px;
    }
    .timeline-article.parn11 h2.timeline-year:before {
        right: calc(0.24em + 2.16em);
    }
    .timeline-article.parn12 .content-right-container .image-timeline {
        margin-left: -9px;
    }
    .timeline-article.parn13 .content-left-container {
        margin-left: 10px;
        padding-top: 66px;
    }
    .timeline-article.parn13 h2.timeline-year:before {
        right: calc(0.24em + 2.25em);
    }
    .timeline-article.parn13 h2.timeline-year:after {
        width: 2.4em;
    }
    .timeline-article.parn15 h2.timeline-year:before {
        right: calc(0.24em + 2.22em);
    }
    .timeline-article.parn16 .content-right-container .image-timeline {
        margin-left: -58px;
    }
    .timeline-article.parn18 .content-right-container .image-timeline {
        margin-left: -8px;
    }
}

@media only screen and (max-width: 800px) {
    .img-banner-about img {
        object-fit: cover;
        height: 100vh;
        width: 100%;
    }
    .img-banner-marque img {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }
    .slogan-banner-marque {
        left: 50%;
        top: 73%;
    }
    .titres-menu-marque a {
        margin: 0 22px;
    }
    h2.timeline-year:before {
        left: calc(0.635em + 2.38em);
    }
    h2.timeline-year:after {
        width: 3em;
    }
    .timeline-article .content-left-container, .timeline-article .content-right-container {
        max-width: 48%;
    }
    .odd h2.timeline-year:before {
        right: calc(0.34em + 2.05em);
    }
    .odd.parn6 h2.timeline-year:after {
        width: 2.75em;
    }
    .odd.parn6 h2.timeline-year:before {
        right: calc(0.24em + 2.54em);
    }
    .odd.mill-year h2.timeline-year:after {
        width: 2.52em;
    }
    .odd.mill-year h2.timeline-year:before {
        right: calc(0.34em + 2.2em);
    }

    .picture-banner-marque.partn {
        display: none;
    }
    .picture-banner-marque-mobile {
        display: block;
        position: relative;
    }
    .picture-banner-marque-mobile .slogan-banner-marque {
        top: 75%;
    }
    .timeline-article.parn16 .content-right-container {
        max-width: 41%;
    }
    .odd.parn16 h2.timeline-year:after {
        width: 2.67em;
    }
    .odd.parn16 h2.timeline-year:before {
        right: calc(0.34em + 2.37em);
    }
    .parn17 .content-right-container .image-timeline {
        margin-left: -15px;
    }
    .odd.parn18 h2.timeline-year:before {
        right: calc(0.34em + 2.34em);
    }
    .odd.parn18 h2.timeline-year:after {
        width: 2.6em;
    }
    .timeline-article.odd.parn18 .content-left-container {
        margin-left: 16px;
    }
    .parn19 .content-right-container .image-timeline {
        margin-left: -15px;
    }
    .timeline-article.parn1 .content-left-container {
        padding-top: 103px;
        margin-left: 25px;
    }
    .odd h2.timeline-year:before {
        right: calc(0.34em + 2.15em);
    }
    .timeline-article.parn2 .content-right {
        padding: 0 67px 20px 10px;
    }
    .odd h2.timeline-year:before {
        right: calc(0.34em + 2.22em);
    }
    .timeline-article.parn3 .content-left-container {
        padding-top: 73px;
        margin-left: 23px;
    }
    .timeline-article.parn4 .content-right-container .image-timeline {
        margin-left: -24px;
    }
    .timeline-article.parn5 .content-left-container {
        margin-left: 36px;
    }
    .timeline-article.parn8 .content-right-container .image-timeline {
        margin-left: -73px;
        padding-top: 65px;
    }
    .timeline-article.parn9 .content-left-container {
        margin-left: 13px;
    }
    .timeline-article.parn9 h2.timeline-year:before {
        right: calc(0.34em + 2.25em);
    }
    .timeline-article.parn10 .content-right-container .image-timeline {
        margin-left: -56px;
    }
    .timeline-article.parn11 h2.timeline-year:before {
        right: calc(0.24em + 2.25em);
    }
    .timeline-article.parn11 h2.timeline-year:after {
        width: 2.4em;
    }
    .timeline-article.parn11 .content-left-container {
        margin-left: 15px;
    }
    .timeline-article.parn12 .content-right-container .image-timeline {
        margin-left: -16px;
        padding-top: 35px;
    }
    .timeline-article.parn13 h2.timeline-year:before {
        right: calc(0.24em + 2.36em);
    }
    .timeline-article.parn13 h2.timeline-year:after {
        width: 2.5em;
    }
    .timeline-article.parn14 .content-right-container .image-timeline {
        margin-left: -20px;
    }
    .timeline-article.parn15 .content-left-container {
        margin-left: 55px;
    }
    .timeline-article.parn16 .content-right-container .image-timeline {
        margin-left: -71px;
    }
    .timeline-article.parn17 .content-left-container {
        margin-left: 16px;
    }
    .timeline-article.parn18 .content-right-container .image-timeline {
        margin-left: -15px;
    }

}
@media only screen and (max-width: 800px) {
    .odd.parn2 h2.timeline-year:after {
        width: 2.45em;
    }
    .odd.parn2 h2.timeline-year:before {
        right: calc(0.34em + 2.15em);
    }
    .timeline-article.odd.parn2 .content-left-container {
        padding-top: 123px;
        margin-left: 25px;
    }
    .odd.parn4 h2.timeline-year:after {
        width: 2.48em;
    }
    .odd.parn4 h2.timeline-year:before {
        right: calc(0.34em + 2.17em);
    }
    .timeline-article.odd.parn4 .content-left-container {
        margin-top: 75px;
    }
    .odd.parn8 h2.timeline-year:after {
        width: 2.85em;
    }
    .odd.parn8 h2.timeline-year:before {
        right: calc(0.34em + 2.55em);
    }
    .parn9 .content-right-container .image-timeline {
        margin-left: -66px;
    }
    .timeline-article.parn9 .content-right-container {
        padding-top: 108px;
    }
    .timeline-article.odd.parn10 .content-left-container {
        margin-left: 16px;
        padding-top: 32px;
    }
    .parn11 .content-right-container .image-timeline {
        margin-left: -16px;
        padding-top: 77px;
    }
    .odd.parn12 h2.timeline-year:after {
        width: 2.63em;
    }
    .odd.mill-year h2.timeline-year:before {
        right: calc(0.34em + 2.32em);
    }
    .timeline-article.odd.parn12 .content-left-container {
        margin-left: 16px;
    }
    .parn13 .content-right-container .image-timeline {
        margin-left: -16px;
    }
    .timeline-article.odd.parn14 .content-left-container {
        margin-left: 16px;
    }
    .odd.parn14 h2.timeline-year:after {
        width: 2.6em;
    }
}

@media only screen and (max-width: 767px) {
    .timeline-article .content-left-container, .timeline-article .content-right-container {
        max-width: 100%;
    }
    .timeline-article.odd .content-left-container {
        margin-top: 0;
    }
    .image-timeline {
        margin-left: 0;
    }
    .content-right-container .image-timeline {
        margin-left: 0px;
    }
    .timeline-article.odd.mill-year .image-timeline {
        margin-left: 0px;
    }
    .timeline-article.odd .content-left-container {
        margin-left: 0;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 205px;
    }
    .timeline-article.even.parn3 .content-right-container {
        padding-top: 0;
    }
    .timeline-article.odd.parn2 .content-left-container {
        padding-top: 0;
        margin-left: 0;
    }
    .timeline-article.even.parn3 .content-right-container .image-timeline {
        margin-left: 0;
    }
    .timeline-article.even.parn3 .content-right {
        padding: 0 20px 20px 206px;
    }
    .timeline-article.odd.parn4 .content-left-container {
        margin-top: 0;
    }
    .timeline-article.even.parn5 .content-right-container .image-timeline {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.odd.parn6 .content-left-container {
        margin-left: 0;
    }
    .parn7 .content-right-container .image-timeline {
        margin-left: 0;
    }
    .timeline-article.parn7 .content-right {
        padding: 0 45px 20px 225px;
    }
    .timeline-article.odd.parn8 .content-left-container {
        margin-left: 0;
    }
    .timeline-article.odd .content-right {
        padding: 0 270px 20px 10px;
    }
    .timeline-article.odd .content-right {
        padding: 0 240px 20px 10px;
    }
    .timeline-article.odd.parn6 .content-right {
        padding: 0 220px 20px 8px;
    }
    .timeline-article.parn8 .content-right-container {
        max-width: 100%;
        padding-top: 0;
    }
    .timeline-article.parn9 .content-right-container {
        padding-top: 0;
    }
    .parn9 .content-right-container .image-timeline {
        margin-left: 0;
    }
    .parn9 h2.timeline-year {
        padding: 10px 25px 0px 13px;
    }
    .timeline-article.parn9 .content-right {
        padding: 0 27px 20px 220px;
    }
    .timeline-article.odd.parn10 .content-left-container {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.parn10 .content-right-container {
        max-width: 100%;
    }
    .timeline-article.odd.parn10 .content-right {
        padding: 0 200px 20px 13px;
    }
    .parn11 .content-right-container .image-timeline {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.odd.parn12 .content-left-container {
        margin-left: 0;
        padding-top: 0;
    }
    .parn13 .content-right-container .image-timeline {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.odd.parn14 .content-left-container {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.odd.parn16 .content-left-container {
        max-width: 100%;
        padding-top: 0;
        margin-left: 0;
    }
    .timeline-article.parn16 .content-right-container {
        max-width: 100%;
    }
    .timeline-article.odd.parn16 .content-right {
        padding: 0 195px 20px 15px;
    }
    .parn17 .content-right-container .image-timeline {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article.odd.parn18 .content-left-container {
        margin-left: 0;
        padding-top: 0;
    }
    .parn19 .content-right-container .image-timeline {
        margin-left: 0;
        padding-top: 0;
    }
    .timeline-article {
        width: 100%;
        position: relative;
        overflow: visible;
        margin: 0;
        margin-top: -2%;
        padding-bottom: 175px;
    }
    .timeline-article {
        overflow: visible;
    }
    .timeline-article.even.parn0:before {
        top: 28em;
    }
    .timeline-article.even.parn2:before {
        top: 10em;
        height: calc(94% + 0em);
    }
    .timeline-article.parn2 .content-right {
        padding: 0 40px 20px 215px;
    }
    .timeline-article.parn4 .content-right {
        padding: 0 45px 20px 225px;
    }
    .timeline-article.even:before {
        top: 5em;
    }
    .timeline-article.parn5 .content-right-container {
        max-width: 100%;
    }
    .timeline-article.parn5 .content-left-container {
        max-width: 100%;
    }
    .timeline-article.even.parn4:before {
        top: 27em;
    }
    .timeline-article.odd.parn5:before {
        top: 27em;
    }
    .timeline-article.parn6 .content-right {
        padding: 0 30px 20px 220px;
    }
    .timeline-article.even.parn6:before {
        top: 15em;
    }
    .timeline-article.parn7 .content-right-container {
        max-width: 100%;
    }

    .timeline-article.parn9 .content-right-container {
        max-width: 100%;
    }
    .timeline-article.parn9 .content-right {
        padding: 0 230px 20px 42px;
    }
    .timeline-article.odd.parn9:before {
        top: 61em;
        height: calc(65% + 2em);
    }
    .timeline-article.odd.parn11:before {
        top: 16em;
    }
    .timeline-article.even.parn12:before {
        top: 23em;
    }
    .timeline-article.odd.parn15:before {
        top: 39em;
    }
    .timeline-article.parn15 .content-right-container {
        max-width: 100%;
    }
    .timeline-article.even.parn14:before {
        top: 8em;
    }
    .timeline-article.odd.parn17:before {
        top: 36em;
        right: 11.5em;
    }
}
@media only screen and (max-width: 650px) {
    .timeline-article.odd .content-right {
        padding: 0 215px 20px 10px;
    }
    h2.timeline-year {
        padding: 10px 25px 0px 10px;
    }
    .timeline-article.odd.parn9:before {
        top: 52em;
    }
    .timeline-article.odd.parn15:before {
        top: 36em;
    }
}

@media only screen and (max-width: 600px) {
    .timeline-article .content-right {
        padding: 0 25px 20px 179px;
    }
    .timeline-article.odd .content-right {
        padding: 0 160px 20px 10px;
    }
    .timeline-article.even.parn3 .content-right {
        padding: 0 20px 20px 179px;
    }
    .timeline-article.odd.parn6 .content-right {
        padding: 0 179px 20px 8px;
    }
    .timeline-article.parn7 .content-right {
        padding: 0 45px 20px 179px;
    }
    .timeline-article.parn9 .content-right {
        padding: 0 27px 20px 179px;
    }
    .popup-size-detail .tab-content {
        overflow-x: auto !important;
    }
    .popup-taille .popup__content {
        padding: 35px 10px;
    }
    .timeline-article.odd.parn9:before {
        top: 48.5em;
    }
    .timeline-article.odd.parn15:before {
        top: 30em;
    }

}

@media only screen and (max-width: 500px) {
    .titres-menu-marque a {
        margin: 0 15px;
    }
    .slider-wrapper .content h2 {
        font-size: 33px;
        line-height: 40px;
    }
    .timeline-article.odd.parn9:before {
        top: 41em;
    }
    .timeline-article.parn9 .content-right {
        padding: 0 168px 20px 12px;
    }
    .timeline-article.parn7 .content-right {
        padding: 0 138px 20px 18px;
    }
    .timeline-article.parn6 .content-right {
        padding: 0 30px 20px 153px;
    }
    .timeline-article.parn4 .content-right {
        padding: 0 45px 20px 156px;
    }
    .timeline-article.parn4 .content-right {
        padding: 0 45px 20px 156px;
    }
    .timeline-article.odd.parn15:before {
        top: 28em;
    }
    .timeline-article.odd .content-right {
        padding: 0 160px 20px 10px;
    }
    .timeline-article.odd.parn17:before {
        top: 22em;
        right: 8em;
    }
}
@media only screen and (max-width: 480px) {
    .timeline-article.parn2 .content-right {
        padding: 0 40px 20px 149px;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 143px;
    }
    .timeline-article.odd.parn15:before {
        top: 27em;
    }
}
@media only screen and (max-width: 472px) {
    .titres-menu-marque a {
        margin: 0 9px;
    }
    div.nos_offres {
        padding: 8px 0;
    }
}
@media only screen and (max-width: 440px) {
    .titres-menu-marque a {
        margin: 0 5px;
        font-size: 13px;
        letter-spacing: 0px;
    }
    .timeline-article.odd.parn9:before {
        top: 37em;
    }
}
@media only screen and (max-width: 414px) {
    .timeline-article.odd.parn9:before {
        top: 34em;
    }
    .timeline-article.odd.parn15:before {
        top: 25em;
    }
}



@media only screen and (max-width: 395px) {
    .titres-menu-marque a {
        margin: 0 5px;
        font-size: 12px;
        letter-spacing: 0px;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 135px;
    }
    .timeline-article.odd .content-right {
        padding: 0 135px 20px 10px;
    }
    .timeline-article.even.parn3 .content-right {
        padding: 0 20px 20px 135px;
    }
    .timeline-article.odd.parn6 .content-right {
        padding: 0 135px 20px 8px;
    }

    .timeline-title {
        line-height: 33px;
    }

    .timeline-article.odd.parn10 .content-right {
        padding: 0 135px 20px 13px;
    }
    .timeline-article.odd.parn16 .content-right {
        padding: 0 135px 20px 15px;
    }
    .timeline-article.odd.parn15:before {
        top: 23em;
    }
    .timeline-article.odd.parn5:before {
        top: 21em;
    }
}

@media only screen and (max-width: 365px) {
    h2.timeline-year {
        font-size: 114px;
    }

    .slider-wrapper.serviceclient .content-img {
        left: -19px;
    }
}

@media only screen and (max-width: 340px) {
    h2.timeline-year {
        font-size: 106px;
    }
    .timeline-article.parn7 .content-right {
        padding: 0 25px 20px 115px;
    }
    .timeline-article.odd .content-right {
        padding: 0 115px 20px 10px;
    }
    .timeline-article .content-right {
        padding: 0 25px 20px 115px;
    }
    .timeline-article.even.parn3 .content-right {
        padding: 0 20px 20px 115px;
    }
    .timeline-article.odd.parn6 .content-right {
        padding: 0 115px 20px 8px;
    }

    .timeline-article.odd.parn10 .content-right {
        padding: 0 115px 20px 13px;
    }
    .timeline-article.odd.parn16 .content-right {
        padding: 0 115px 20px 15px;
    }
    .slider-wrapper.serviceclient .content-img {
        left: -29px;
    }
    .slider-wrapper.serviceclient .content-img h2 {
        font-size: 45px;
        line-height: 43px;
    }
}
@media only screen and (max-width: 330px) {
    .slider-wrapper.serviceclient .title-content-video {
        font-size: 17px;
    }
    .slider-wrapper.serviceclient .content-img {
        left: -39px;
    }
    .timeline-article.odd.parn15:before {
        top: 20em;
    }
    .timeline-article.parn6 .content-right {
        padding: 0 30px 20px 104px;
    }
    .timeline-article.parn4 .content-right {
        padding: 0 45px 20px 115px;
    }
    .timeline-article.even.parn4:before {
        top: 23em;
    }
    .timeline-article.parn2 .content-right {
        padding: 0 40px 20px 111px;
    }
}

section.slider-wrapper.slid-bloc2 {
    margin-top: 80px;
}