@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap);
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Oblique.eot');
    src: url('../fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Oblique.woff2') format('woff2'),
        url('../fonts/Helvetica-Oblique.woff') format('woff'),
        url('../fonts/Helvetica-Oblique.ttf') format('truetype'),
        url('../fonts/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-BoldOblique.eot');
    src: url('../fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-BoldOblique.woff2') format('woff2'),
        url('../fonts/Helvetica-BoldOblique.woff') format('woff'),
        url('../fonts/Helvetica-BoldOblique.ttf') format('truetype'),
        url('../fonts/Helvetica-BoldOblique.svg#Helvetica-BoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



@font-face {

    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



:root {
	--fontcolor: #000;
	--colorwhite: #fff;
	--bluecolor: #7893DF;
	--Redcolor: #BE0100;
	--lightgrey: #F5F5F5;
	--yellowcolor: #FFDD00;
	--black: #000;
	--flex: flex;
	--w-full: 100%;
	--H-full: 100%;
	--Radius-full: 100%;
	--familyWork: 'Work Sans', sans-serif;
	--familyRobo: 'Roboto', sans-serif;
    --primary-font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
}

/* .top-185{padding-top: 145px;} */

.bottom-35{margin-bottom:35px;}

.cta-rolex-secondary::after{content:"";display:inline-block;width:11px;height:10px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M12 7.5l-1.3 1.4L4.6 15l-1.5-1.5 6.1-6.1-6.2-6L4.5 0l6.1 6.1L12 7.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M12 7.5l-1.3 1.4L4.6 15l-1.5-1.5 6.1-6.1-6.2-6L4.5 0l6.1 6.1L12 7.5z'/%3E%3C/svg%3E");top:1px;position:relative;left:3px;}


@layer reset, design, ato, ato-client, mol, mol-client, org, org-client;html,body,div,span,h1,h2,h3,h4,h5,h6,p,address,img,ol,ul,li,article,aside,figure,footer,header,hgroup,menu,nav,section,menu {
    border: 0 none;
    outline: 0 none;
    font-size: 100%;
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

body{line-height:1.22;color:#212121;font-family:arial;position:relative;font-weight:400}
body.cnkrolexv1 #main-container{/* background-color: #f9f7f4; */}

body.cnkrolexv1:before{display:none;}
html.fullscreen,body.fullscreen{height:100%}


.overflow{overflow-y:hidden;min-width:945px}
html.ie8 aside,html.ie8 figure,html.ie8 footer,html.ie8 header,html.ie8 hgroup,html.ie8 nav,html.ie8 section{display:block;width:100%}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;cursor:pointer;-moz-binding:none;binding:none;-webkit-user-select:none;user-select:none;-webkit-binding:none;font-family:inherit;font-size:inherit;border-radius:0 !important}
input[type=submit]::-moz-focus-inner{border:0;padding:0;margin:0}
input[type=submit]::-webkit-focus-inner{border:0;padding:0;margin:0}
input[type=submit]::focus-inner{border:0;padding:0;margin:0}
ul{list-style:none outside none}
a{border:0 none;outline:0 none;font-size:100%;vertical-align:baseline;background:none repeat scroll 0 0 rgba(0,0,0,0);text-decoration:none;margin:0;padding:0;color:inherit}
button{box-sizing:content-box;background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;appearance:button;user-select:none}
button::-moz-focus-inner{border:0;padding:0}
.noSelect{user-select:none;-webkit-user-select:none}
.clear{clear:both}
.clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

/* #main-container{min-height:100vh;max-width:1540px;margin:0 auto;display:flex;flex-direction:column;background-color:#fff;} */
#main-container {
    min-height: 100vh;
    max-width: 1920px;
    padding-inline: 8%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

#container0{flex-grow:1}
.padding{padding-right:20px !important;padding-left:20px !important;}

@media(max-width:767px) {
#main-container{padding-inline: 7%;}
}
@media(max-width: 381px) {
    .fix{padding-right:0 !important;padding-left:0 !important;}
}

.maxwidth{max-width:1320px;margin:0 auto}
.no-space{font-family:iconfnt}
.no-space>*{font-family:'Helvetica';}
.text-center{text-align:center}
.container-img{position:relative;height:0;display:block;overflow:hidden}
.container-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}




/* .logo-item__container-img,.container-img {

    background: url("/images/loader50.gif") no-repeat center center

} */



.logo-item__container-img.loaded,.container-img.loaded{background:none}
img.lazyload,img.lazy{opacity:0%;transition:opacity .5s}
img.lazyloaded{opacity:100%}
.FLEXGROW{flex-grow:1}
.BLOCKBORDER{border:10px solid #a9a7ad;padding:20px 40px;margin-top:-40px;max-width:1250px;margin-left:auto;margin-right:auto}

@media only screen and (max-width: 900px) {
    .BLOCKBORDER{padding:20px 30px}

}

@media only screen and (max-width: 700px) {
    .BLOCKBORDER{margin-top:-30px;border:8px solid #a9a7ad;padding:15px 20px}
}

@media only screen and (max-width: 500px) {
    .BLOCKBORDER{padding:15px}
}



.bouton,.b-form-file__bouton,.main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal{display:inline-block;border:1px solid #212121;background-color:#212121;color:#fff;text-transform:uppercase;font-size:1.4rem;line-height:1.8rem;padding:10px 40px;cursor:pointer;transition:all .5s;border-radius:0}



.bouton svg,.b-form-file__bouton svg,.main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal svg {

    width: 25px;

    height: 25px;

    display: inline-block;

    vertical-align: bottom;

    margin-right: 5px

}



.bouton path,.b-form-file__bouton path,.main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal path {

    fill: #fff;

    transition: fill .5s

}



.bouton_--mini {

    padding: 4px 8px;

    font-size: 1.1rem;

    line-height: 1.5rem

}



.bouton_--blanc {

    color: #fff

}



.bouton_--big {

    font-size: 1.8rem;

    line-height: 2.2rem;

    padding: 15px 25px

}



.bouton_--lien-ext {

    margin-bottom: 20px;

    display: block

}



.bouton_--ext {

    display: block

}



.bouton_--ext+.bouton_--ext {

    margin-top: 20px

}



.bouton_--small {

    padding: 5px 10px;

    font-size: 1.3rem;

    line-height: 1.7rem

}



.bouton_--rolex {

    border-radius: 40px;

    background-color: #127749 !important;

    border-color: #127749 !important;

    color: #fff !important;

    display: inline-flex;

    align-items: center;

    gap: 6px

}



.bouton_--rolex .icon {

    margin-right: 0;

    width: 13px;

    height: 14px

}



.bouton_--tudor {

    border-radius: 40px;

    color: #be0100 !important;

    background-color: #fff !important;

    font-family: 'Helvetica' !important;

    border: 1px solid #e0e0e0 !important

}



.bouton.bouton_--personnaliser,.bouton_--personnaliser.b-form-file__bouton,.main-detail__add-btn .pl-manager button.bouton_--personnaliser.pl-pay-btn.pl-pay-btn-logo.pl-paypal {

    max-width: 250px;

    width: 100%;

    background-color: rgba(0,0,0,0);

    border-color: #212121;

    color: #212121;

    font-size: 1.4rem;

    line-height: 1.8rem;

    margin-bottom: 5px;

    padding: 10px 15px

}



.bouton.bouton_--personnaliser.valide,.bouton_--personnaliser.valide.b-form-file__bouton,.main-detail__add-btn .pl-manager button.bouton_--personnaliser.valide.pl-pay-btn.pl-pay-btn-logo.pl-paypal {

    border-color: #389638 !important;

    color: #389638 !important

}



.bouton.bouton_--personnaliser--bague,.bouton_--personnaliser--bague.b-form-file__bouton,.main-detail__add-btn .pl-manager button.bouton_--personnaliser--bague.pl-pay-btn.pl-pay-btn-logo.pl-paypal {

    margin-top: 20px !important

}



.bouton_--bgblanc {

    background-color: #fff;

    color: #212121

}



.bouton_--bgblanc svg {

    width: 20px;

    height: 20px

}



.bouton_--bgblanc path {

    fill: #212121

}



.bouton--hasSVG {

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.bouton--paypal {

    border-color: #ffc439 !important;

    background-color: #ffc439 !important;

    padding: 6px 15px !important;

    color: #212121

}



.bouton--paypal svg {

    width: auto;

    height: 30px;

    display: inline-block;

    vertical-align: bottom;

    margin-right: 0;

    margin-left: 5px

}



.bouton--paypal .bleu1 {

    fill: #253b80

}



.bouton--paypal .bleu2 {

    fill: #179bd7

}



.bouton--demander-info {

    width: auto !important

}



.bouton.actif,.actif.b-form-file__bouton,.main-detail__add-btn .pl-manager button.actif.pl-pay-btn.pl-pay-btn-logo.pl-paypal {

    background-color: #212121 !important;

    color: #fff !important

}



.bouton_--personnaliser--perso-txt2 {

    display: none

}



.bouton_--personnaliser.valide .bouton_--personnaliser--perso-txt1 {

    display: none

}



.bouton_--personnaliser.valide .bouton_--personnaliser--perso-txt2 {

    display: block

}



@media only screen and (max-width: 700px) {

    .bouton_--big {

        font-size:1.6rem;

        line-height: 2rem;

        padding: 15px 25px

    }

}



@media only screen and (max-width: 500px) {

    .bouton,.b-form-file__bouton,.main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal {

        font-size:1.2rem;

        line-height: 1.6rem;

        padding: 8px 30px

    }



    .bouton_--small {

        padding: 5px 10px;

        font-size: 1.2rem;

        line-height: 1.6rem

    }



    .bouton_--mini {

        padding: 4px 8px;

        font-size: 1.1rem;

        line-height: 1.5rem

    }



    .bouton_--big {

        font-size: 1.4rem;

        line-height: 1.8rem;

        padding: 14px 25px

    }

}



.desktop .bouton:hover,.desktop .b-form-file__bouton:hover,.desktop .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover,.main-detail__add-btn .pl-manager .desktop button.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover {

    color: #212121;

    background-color: #fff

}



.desktop .bouton:hover path,.desktop .b-form-file__bouton:hover path,.desktop .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover path,.main-detail__add-btn .pl-manager .desktop button.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover path {

    fill: #212121

}



.desktop .bouton_--rolex:hover {

    background-color: #fff;

    color: #127749

}



.desktop .bouton_--tudor:hover {

    background-color: #be0100 !important;

    color: #fff !important;

    border-color: #be0100 !important

}



.desktop .bouton.bouton_--personnaliser:hover,.desktop .bouton_--personnaliser.b-form-file__bouton:hover,.desktop .main-detail__add-btn .pl-manager button.bouton_--personnaliser.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover,.main-detail__add-btn .pl-manager .desktop button.bouton_--personnaliser.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover {

    border-color: #212121

}



input[type=submit] {

    display: inline-block;

    text-transform: uppercase;

    font-size: 1.4rem;

    line-height: 1.8rem;

    padding: 10px 40px;

    cursor: pointer;

    color: inherit;

    border: 1px solid #d4d4d4;

    transition: all .5s

}



input[type=submit].small {

    padding: 5px 10px

}



input[type=submit].blanc {

    background-color: #fff;

    color: #212121

}



/* .desktop input[type=submit]:hover {

    color: #fff;

    background-color: #212121;

    border-color: #212121

} */



.desktop input[type=submit]:hover.blanc {

    border-color: #d4d4d4

}



@media only screen and (max-width: 500px) {

    input[type=submit] {

        font-size:1.2rem;

        line-height: 1.6rem;

        padding: 8px 30px

    }

}



.TRIANGLE {

    position: relative;

    padding-left: 20px

}



.TRIANGLE::before {

    content: "â–¸";

    display: inline-block;

    margin-right: 5px;

    font-size: 23px;

    line-height: 23px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0

}



.TRIANGLE--bleu {

    padding-left: 25px

}



.TRIANGLE--bleu::before {

    font-size: 32px;

    line-height: 32px

}



.pac-container {

    z-index: 100000

}



.iconographie {

    max-width: 100%;

    height: auto;

    object-fit: cover;

    margin-bottom: 12px

}



.iconographie__footer {

    margin-bottom: 30px

}



html {

    font-size: 10px;

    height: 100%

}



html.no-scroll {

    height: 100%;

    height: -moz-available;

    height: -webkit-fill-available;

    height: fill-available;

    height: calc(var(--vh, 1vh)*100)

}



html.no-scroll body {

    height: 100%;

    overflow: hidden

}



html.ios.no-scroll body {

    overflow: initial

}



html.ios.no-scroll #main-container {

    height: 100%;

    overflow: auto

}



html.ios.no-scroll #container0 {

    min-height: initial !important

}



html.ios.no-scroll .container-list__filters,html.ios.no-scroll .main-header__menu {

    overflow-y: initial

}



html.ios.no-scroll .container-list__filters-container,html.ios.no-scroll .main-menu {

    -webkit-overflow-scrolling: touch;

    height: 100%;

    overflow-y: scroll

}



html.readableFont * {

    font-family: Verdana,Helvetica,sans-serif !important

}



html.linkunderline a {

    text-decoration: underline

}



body {

    font-size: 1.2rem;

    font-family: 'Helvetica';

    font-weight: 400;

    position: relative;

    color: #212121;

    background-color: #f5f5f5;

    overflow-x: hidden

}



body.style_dornier {

    background-color: #fff

}



body.style_dornier #main-container {

    max-width: 1320px

}



body.style_dornier::before {

    display: none

}



body::before {

    background-color: #fff;

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    left: 50%;

    max-width: 1540px;

    padding: 0 20px;

    transform: translateX(-50%);

    box-shadow: 0 0 5px 3px rgba(0,0,0,.05);

    z-index: -1

}



body.print-rn {

    padding-left: 550px

}



@media only screen and (max-width: 700px) {

    body::after {

        content:"mobile";

        display: none

    }

}



main {

    position: relative;

    display: block

}



#alertPreview {

    position: fixed;

    bottom: 0;

    left: 0;

    background-color: #fff;

    color: #212121;

    border: 5px solid red;

    font-size: 14px;

    text-align: center;

    padding: 5px;

    z-index: 1000000000000000000

}



#alertPreview a {

    color: red;

    text-decoration: underline

}



b {

    font-weight: bold

}



*,*::before,*::after {

    box-sizing: border-box

}



main {

    margin-bottom: 0px

}



.page-no-marginbottom {

    margin-bottom: 0;

    text-align: left

}



.page-no-marginbottom.page-border-bottom {

    border-bottom: 1px solid #212121;

    margin-bottom: 30px

}



section+section,.menuLevel1+section,.nav-tunnel__container+section {

    margin-top: 70px

}



@media only screen and (max-width: 500px) {

    section+section,.menuLevel1+section,.nav-tunnel__container+section {

        margin-top:50px

    }

}



body.beskopeRolex_monomarque::before {

    content: none

}



body.beskopeRolex_monomarque .footer-text {

    background-color: #fff;

    border-top: solid 1px #212121

}



body.beskopeRolex_monomarque .single-slider {

    margin-bottom: 40px

}



body.beskopeRolex_monomarque .header-rolex__container {

    justify-content: center

}



body.beskopeRolex_monomarque main {

    margin-bottom: 35px

}



body.beskopeRolex_monomarque .main-header__menu,body.beskopeRolex_monomarque .main-header__burger,body.beskopeRolex_monomarque .footer-social,body.beskopeRolex_monomarque header .lang {

    display: none

}



body.beskopeRolex_monomarque .header-rolex__logo {

    display: none

}



body.beskopeRolex_monomarque .header-rolex__ul {

    padding: 10px 0

}



@media only screen and (max-width: 1130px) {

    body.beskopeRolex_monomarque .header-rolex__logo {

        display:block;

        height: 70px

    }



    body.beskopeRolex_monomarque .header-rolex__ul {

        padding: 0

    }



    body.beskopeRolex_monomarque .main-header__container-panier {

        display: none

    }



    body.beskopeRolex_monomarque .main-header__container-logo {

        width: 100%

    }

}



@media only screen and (max-width: 800px) {

    body.beskopeRolex_monomarque .single-slider {

        margin-bottom:25px

    }

}



@media only screen and (max-width: 700px) {

    body.beskopeRolex_monomarque main {

        margin-bottom:10px

    }

}



.snow,.jingle-bells {

    z-index: 10000;

    pointer-events: none

}



.jingle-bells {

    overflow: hidden;

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    max-width: 100%

}



.snow {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-animation: falling linear infinite both;

    animation: falling linear infinite both;

    transform: translate3D(0, -100%, 0)

}



.snow--near {

    animation-duration: 60s;

    background-image: url("https://images.hbjo-online.com/images/snow/large.png")

}



.snow--near+.snow--alt {

    animation-delay: 20s

}



.snow--mid {

    animation-duration: 120s;

    background-image: url("https://images.hbjo-online.com/images/snow/medium.png")

}



.snow--mid+.snow--alt {

    animation-delay: 40s

}



.snow--far {

    animation-duration: 180s;

    background-image: url("https://images.hbjo-online.com/images/snow/small.png")

}



.snow--far+.snow--alt {

    animation-delay: 60s

}



@-webkit-keyframes falling {

    0% {

        transform: translate3D(-7.5%, -100%, 0)

    }



    100% {

        transform: translate3D(7.5%, 100%, 0)

    }

}



@keyframes falling {

    0% {

        transform: translate3D(-7.5%, -100%, 0)

    }



    100% {

        transform: translate3D(7.5%, 100%, 0)

    }

}



.b-objpage {

    font-size: 1.4rem;

    line-height: 1.8rem;

    font-family: sans-serif;

    width: 550px;

    z-index: 10000000;

    position: fixed;

    top: 0;

    left: 0;

    background-color: #fff;

    box-shadow: 0 0 10px #000;

    height: 100%;

    display: flex;

    flex-direction: column

}



.b-objpage__top {

    padding: 15px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #212121

}



.b-objpage__input {

    flex-grow: 1;

    outline: none;

    border: 0 none;

    font-size: 1.6rem;

    line-height: 2rem

}



.b-objpage__close {

    font-size: 5rem;

    line-height: 3rem;

    padding: 2px 15px;

    cursor: pointer;

    transform: translateX(15px)

}



.b-objpage__tree {

    flex-grow: 1;

    overflow: auto;

    padding: 15px;

    padding-bottom: 60px

}



.b-objpage__tree img {

    display: none

}



.b-objpage__null {

    color: #999;

    font-style: italic

}



.b-objpage__bouton {

    position: fixed;

    z-index: 1000000;

    bottom: 50px;

    left: 0;

    background-color: red;

    color: #fff;

    font-size: 1.6rem;

    line-height: 2rem;

    padding: 5px 15px;

    cursor: pointer;

    transition: all .3s;

    border: 1px solid red

}



.b-objpage__bouton:hover {

    color: red;

    background-color: #fff

}



#alertPreview {

    position: fixed;

    bottom: 0;

    left: 0;

    background-color: #fff;

    color: #212121;

    border: 5px solid red;

    font-size: 14px;

    text-align: center;

    padding: 5px;

    z-index: 1000000000000000000

}



#alertPreview a {

    color: red;

    text-decoration: underline

}



ul.jqtree-tree {

    list-style: none outside;

    margin-left: 0;

    margin-bottom: 0;

    padding: 0

}



ul.jqtree-tree.jqtree-dnd {

    touch-action: none

}



ul.jqtree-tree ul.jqtree_common {

    list-style: none outside;

    margin-left: 25px;

    margin-right: 0;

    margin-bottom: 0;

    padding: 0;

    display: block

}



ul.jqtree-tree li.jqtree-closed>ul.jqtree_common {

    display: none

}



ul.jqtree-tree li.jqtree_common {

    clear: both;

    list-style-type: none

}



ul.jqtree-tree .jqtree-toggler {

    border-bottom: none;

    color: #333;

    text-decoration: none;

    vertical-align: middle;

    width: 15px;

    text-align: center;

    font-size: 18px;

    padding-right: 5px

}



ul.jqtree-tree .jqtree-toggler:hover {

    color: #000;

    text-decoration: none

}



ul.jqtree-tree .jqtree-toggler.jqtree-closed {

    background-position: 0 0

}



ul.jqtree-tree .jqtree-element {

    position: relative;

    display: flex;

    align-items: center

}



.jqtree-folder .jqtree-element {

    cursor: pointer

}



ul.jqtree-tree .jqtree-title {

    color: #1c4257;

    vertical-align: middle;

    margin-left: 15px;

    line-height: 2;

    white-space: nowrap

}



ul.jqtree-tree .jqtree-title em {

    opacity: 60%

}



ul.jqtree-tree .jqtree-title.jqtree-title-folder {

    margin-left: 0

}



ul.jqtree-tree li.jqtree-folder {

    margin-bottom: 4px

}



ul.jqtree-tree li.jqtree-folder.jqtree-closed {

    margin-bottom: 1px

}



span.jqtree-dragging {

    color: #fff;

    background: #000;

    opacity: 60%;

    cursor: pointer;

    padding: 2px 8px

}



.hidden-node {

    display: none

}



.highlight-node>ul ul .hidden-node {

    display: block

}



.highlight-node>.jqtree-element>.jqtree-title {

    color: green;

    font-size: 1.1em

}



.jqtree-showMore {

    display: none;

    padding: 5px;

    cursor: pointer;

    color: #1c76ec;

    font-size: .8em;

    font-style: italic

}



.jqtree-showMore:hover {

    text-decoration: underline

}



.toggleVisibility .jqtree-showMore {

    display: inline-block

}



.popin.rgpd .popin-content {

    max-width: 600px

}



.cookies {

    position: relative;

    z-index: 10000000

}



.cookies__container {

    margin: 0 auto

}



.cookies__container--config {

    display: none;

    padding-top: 8px

}



.cookies__text {

    font-size: 16px;

    line-height: 21px;

    color: #131313;

    margin-bottom: 20px

}



.cookies__text--smaller {

    font-size: 14px;

    line-height: 17px

}



.cookies__bottom {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap

}



.cookies__bouton {

    margin: 35px 2px 0

}



.cookies__bouton .cookies__bouton--config {

    background-color: #131313;

    color: #fff

}



.cookies__part {

    padding: 10px;

    border: 1px solid #dedede

}



.cookies__part+.cookies__part {

    margin-top: 15px

}



.cookies__back {

    position: absolute;

    font-size: 12px;

    top: -15px;

    left: -25px;

    display: flex;

    align-items: center;

    cursor: pointer

}



.cookies__back-arrow {

    transform: rotate(90deg) translate(-1px, -3px)

}



.cookies__main {

    display: flex;

    align-items: center;

    cursor: pointer

}



.cookies__main.open .cookies__arrow {

    transform: rotate(180deg)

}



.cookies__main>.cookies__item {

    display: none

}



.cookies__main-text {

    flex-grow: 1

}



.cookies__type {

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 5px

}



.cookies__desc {

    font-size: 14px

}



.cookies__arrow {

    margin-left: 10px;

    transform: rotate(0);

    transition: transform .3s

}



.cookies__list {

    display: none;

    padding-top: 7px;

    margin-top: 2px;

    border-top: 1px solid #dedede

}



.cookies__list .cookies__toggle-elm {

    margin: 0

}



.cookies__item {

    padding: 5px;

    transition: background-color .3s

}



.cookies__item:hover {

    background-color: #fafafa

}



.cookies__toggle-elm {

    position: relative;

    display: flex;

    justify-content: space-between;

    flex-shrink: 0;

    margin-left: 15px

}



.cookies__toggle-elm input {

    display: none

}



.cookies__slider {

    position: relative;

    width: 46px;

    height: 25px;

    cursor: pointer;

    background-color: #ccc;

    transition: .4s;

    border-radius: 34px

}



.cookies__slider::before {

    position: absolute;

    content: "";

    height: 19px;

    width: 19px;

    left: 3px;

    bottom: 3px;

    background-color: #fff;

    transition: .4s;

    border-radius: 50%

}



.cookies__slider--smaller {

    width: 36px;

    height: 20px

}



.cookies__slider--smaller::before {

    height: 16px;

    width: 16px;

    left: 2px;

    bottom: 2px

}



.cookies__link {

    color: #2c21a2;

    text-decoration: underline

}



input:checked+.cookies__slider {

    background-color: #019b01

}



input:checked+.cookies__slider::before {

    transform: translateX(21px)

}



input:checked+.cookies__slider--smaller::before {

    transform: translateX(16px)

}



input:disabled+.cookies__slider {

    opacity: 60%

}



input:focus+.cookies__slider {

    box-shadow: 0 0 1px #019b01

}



@media(min-width: 501px) {

    .cookies__bottom {

        margin:0 -15px

    }

}



@media(max-width: 500px) {

    .cookies__text {

        font-size:14px;

        line-height: 18px;

        margin-bottom: 15px

    }



    .cookies__text--smaller {

        font-size: 13px

    }



    .cookies__bouton {

        margin: 20px 2px 0;

        flex: 1 0 100px

    }



    .cookies__back {

        top: -17px;

        left: -10px

    }



    .cookies__type {

        font-size: 14px

    }



    .cookies__desc {

        font-size: 13px

    }



    .cookies__toggle-elm {

        margin-left: 10px

    }

}



#popin-consent-cookies {

    display: none

}



.bloc-video-cookies {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff;

    height: 100%;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    padding: 10px;

    border: 1px solid #e1e1e1

}



.bloc-video-cookies.display {

    display: flex

}



.bloc-video-cookies p {

    font-size: 1.5rem;

    line-height: 2.5rem

}



.bloc-video-cookies div {

    margin-top: 20px

}



.bloc-video-cookies__embed {

    width: 100%

}



@supports(aspect-ratio: 1/1) {

    .bloc-video-cookies__embed {

        aspect-ratio:16/9;

        height: auto !important

    }

}



@media(max-width: 500px) {

    .bloc-video-cookies p {

        font-size:1.4rem;

        line-height: 2.4rem

    }

}



body[data-rgpd=v2] .cookies .popin__titre {

    text-align: center;

    margin-bottom: 30px;

    color: #212121

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text {

    text-align: center

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text+.cookies__text {

    margin-bottom: 0;

    margin-top: 25px

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text--choix {

    max-width: 630px;

    text-align: left;

    margin-left: auto;

    margin-right: auto

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text--choix span {

    display: block

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text--choix span+span {

    margin-top: 20px

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bouton {

    margin: 20px 20px 0;

    flex: 1 0 80px

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bouton--decline {

    margin: 0 0 25px auto;

    display: block;

    text-decoration: underline;

    color: #999;

    cursor: pointer;

    transition: color .3s

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bottom {

    max-width: 420px;

    margin: 15px auto 0 !important

}



body[data-rgpd=v2] .cookies .cookies__container--config {

    padding-top: 20px

}



body[data-rgpd=v2] .cookies .cookies__container--config .cookies__bouton {

    margin: 30px 10px 0

}



body[data-rgpd=v2] .cookies .cookies__container--config .cookies__back {

    top: -10px

}



body[data-rgpd=v2] .cookies .cookies__container--config-solo {

    padding-top: 5px

}



body[data-rgpd=v2] .cookies .cookies__link {

    color: initial;

    transition: color .3s

}



body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bouton--config,body[data-rgpd=v2] .cookies .cookies__container--config .cookies__bouton--decline {

    background-color: #ededed;

    border-color: #ededed;

    color: #212121

}



body[data-rgpd=v2] .popin.rgpd .popin-content {

    max-width: 800px;

    padding: 20px 25px 30px

}



@media(hover: hover) {

    body[data-rgpd=v2] .cookies .cookies__bouton--config:hover,body[data-rgpd=v2] .cookies .cookies__container--config .cookies__bouton--decline:hover {

        background-color:#212121;

        border-color: #212121;

        color: #fff

    }



    body[data-rgpd=v2] .cookies .cookies__bouton--decline:hover {

        color: #212121

    }



    body[data-rgpd=v2] .cookies .cookies__link:hover {

        color: #212121

    }

}



@media(max-width: 500px) {

    body[data-rgpd=v2] .cookies .popin__titre {

        margin-bottom:20px

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text+.cookies__text {

        margin-top: 20px

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__desc br {

        display: none

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__text--choix span+span {

        margin-top: 15px

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bouton {

        margin: 15px 5px 0

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bottom {

        margin-top: 12px !important

    }



    body[data-rgpd=v2] .cookies .cookies__container--base .cookies__bouton--decline {

        margin: 0 0 20px auto

    }



    body[data-rgpd=v2] .cookies .cookies__container--config {

        padding-top: 20px

    }



    body[data-rgpd=v2] .cookies .cookies__container--config .cookies__bouton {

        margin: 15px 5px 0;

        flex: 1 0 130px

    }



    body[data-rgpd=v2] .cookies .cookies__container--config .cookies__bottom {

        margin-top: 10px

    }



    body[data-rgpd=v2] .cookies .cookies__container--config .cookies__back {

        top: -5px

    }



    body[data-rgpd=v2] .cookies .cookies__container--config-solo {

        padding-top: 2px

    }



    body[data-rgpd=v2] .popin.rgpd .popin-content {

        padding: 15px 15px 23px

    }

}



body[data-name=chronotime] .popin.rgpd {

    height: auto;

    background-color: #fff;

    bottom: 0;

    top: auto;

    border-top: solid 1px #212121;

    overflow: auto

}



body[data-name=chronotime] .popin.rgpd .popin-block {

    padding: 0

}



body[data-name=chronotime] .popin.rgpd .popin-content {

    max-width: 100%;

    border: 0 none;

    padding: 20px

}



body[data-name=chronotime] .popin.rgpd.plusOptions {

    background-color: rgba(0,0,0,0);

    height: 100%;

    bottom: auto;

    border-top: 0 none

}



body[data-name=chronotime] .popin.rgpd.plusOptions .popin-block {

    padding: 40px

}



body[data-name=chronotime] .popin.rgpd.plusOptions .popin-content {

    max-width: 990px;

    box-shadow: rgba(100,100,111,.5) 0 6px 52px 0;

    padding: 20px 0

}



.cookies--chronotime .cookies__container--base {

    display: flex;

    justify-content: space-between;

    max-width: 2000px

}



.cookies--chronotime .cookies__container--base .cookies__main-text {

    flex-grow: 0

}



.cookies--chronotime .cookies__container--base .cookies__type {

    margin-bottom: 0

}



.cookies--chronotime .cookies__container--base .cookies__container-choice {

    margin-top: 25px;

    display: flex;

    flex-wrap: wrap;

    gap: 30px

}



.cookies--chronotime .cookies__container--base .cookies__type {

    font-size: 1.55rem;

    line-height: 2.1rem

}



.cookies--chronotime .cookies__container--base .cookies__options {

    color: #212121;

    margin-top: 15px;

    cursor: pointer;

    display: inline-block;

    display: flex;

    align-items: center;

    transition: color .3s

}



.cookies--chronotime .cookies__container--base .cookies__options svg {

    transform: rotate(-90deg)

}



.cookies--chronotime .cookies__container--base .cookies__options svg polyline {

    stroke: #212121;

    transition: stroke .3s

}



.cookies--chronotime .cookies__container--base .cookies__bottom {

    width: 17%;

    margin: 0;

    flex-direction: column;

    justify-content: normal;

    gap: 12px

}



.cookies--chronotime .cookies__decline {

    width: 2.5%;

    text-align: right

}



.cookies--chronotime .cookies__decline svg {

    width: 20px;

    height: 20px;

    cursor: pointer

}



.cookies--chronotime .cookies__decline svg rect {

    fill: #212121;

    transition: fill .3s

}



.cookies--chronotime .cookies__container-txt {

    width: 79.5%;

    padding: 5px 25px 8px 30px

}



.cookies--chronotime .cookies__bouton {

    margin-top: 0;

    background-color: #fff;

    border-radius: 5px;

    border: solid 2px #212121;

    color: #212121;

    padding: 11px 25px

}



.cookies--chronotime .cookies__text {

    margin-bottom: 0

}



.cookies--chronotime .cookies__text+.cookies__text {

    margin-top: 6px

}



.cookies--chronotime .cookies__main {

    flex-wrap: wrap

}



.cookies--chronotime .cookies__title {

    font-size: 1.6rem;

    line-height: 2rem;

    font-weight: 700

}



.cookies--chronotime .cookies__container--config {

    padding-top: 0

}



.cookies--chronotime .cookies__container--config .cookies__bottom {

    margin: 0 auto;

    border-top: solid 2px rgba(0,0,0,.08);

    flex-wrap: nowrap;

    padding: 20px 15px 0

}



.cookies--chronotime .cookies__container--config .cookies__container-parts {

    height: 400px;

    max-height: calc(100vh - 305px);

    overflow: auto

}



.cookies--chronotime .cookies__container--config .cookies__decline {

    width: auto;

    left: 0;

    right: 0;

    position: relative

}



.cookies--chronotime .cookies__container--config .cookies__decline svg {

    width: 20px;

    height: 20px

}



.cookies--chronotime .cookies__container--config .cookies__type {

    margin-bottom: 0

}



.cookies--chronotime .cookies__container--config .cookies__container-content .cookies__main {

    padding: 10px 25px

}



.cookies--chronotime .cookies__container--config .cookies__container-content .cookies__desc,.cookies--chronotime .cookies__container--config .cookies__container-about .cookies__desc {

    padding: 20px 25px

}



.cookies--chronotime .cookies__container--config .cookies__container-details .cookies__desc {

    padding-top: 7px;

    margin-top: 2px

}



.cookies--chronotime .cookies__container--config .cookies__nb {

    padding: 3px 7px;

    background-color: #e6e6e6;

    border-radius: 50%;

    font-weight: 400;

    font-size: 14px;

    margin-left: 5px

}



.cookies--chronotime .cookies__container--config .cookies__part {

    border: 0 none;

    margin: 0 20px;

    padding: 20px 0

}



.cookies--chronotime .cookies__container--config .cookies__part .cookies__arrow {

    margin-left: 0;

    margin-right: 12px;

    width: 24px

}



.cookies--chronotime .cookies__container--config .cookies__desc,.cookies--chronotime .cookies__container--config .cookies__list {

    padding-left: 50px

}



.cookies--chronotime .cookies__container--config .cookies__list {

    border-top: 0 none

}



.cookies--chronotime .cookies__container--config .cookies__part+.cookies__part {

    margin-top: 0;

    border-top: solid 2px rgba(0,0,0,.08)

}



.cookies--chronotime .cookies__container--config .cookies__bouton {

    width: 33.333%;

    margin: 0 5px;

    padding: 13px 25px

}



.cookies--chronotime .cookies__container-logo {

    display: flex;

    justify-content: space-between;

    padding: 5px 20px 15px

}



.cookies--chronotime .cookies__onglet {

    text-align: center;

    padding: 15px 0 14px;

    position: relative;

    cursor: pointer;

    transition: color .3s

}



.cookies--chronotime .cookies__onglet.actif {

    color: #212121

}



.cookies--chronotime .cookies__onglet.actif::before {

    content: "";

    width: 100%;

    height: 3px;

    background-color: #212121;

    bottom: -2px;

    left: 0;

    position: absolute

}



.cookies--chronotime .cookies__container-onglets {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    justify-content: space-around;

    font-size: 1.55rem;

    line-height: 1.9rem;

    font-weight: 600;

    border-top: solid 2px rgba(0,0,0,.08);

    border-bottom: solid 2px rgba(0,0,0,.08)

}



.cookies--chronotime .cookies__logo svg {

    max-width: 230px

}



@media(max-width: 1450px) {

    .cookies--chronotime .cookies__container--base .cookies__container-choice {

        gap:20px

    }



    .cookies--chronotime .cookies__container--base .cookies__bottom {

        width: 21%

    }



    .cookies--chronotime .cookies__container-txt {

        width: 75.5%

    }



    .cookies--chronotime .cookies__container-txt {

        padding-left: 10px

    }



    .cookies--chronotime .cookies__container--base .cookies__type {

        font-size: 1.5rem;

        line-height: 1.9rem

    }

}



@media(max-width: 1250px) {

    .cookies--chronotime .cookies__container--base .cookies__bottom {

        width:26%

    }



    .cookies--chronotime .cookies__container--config .cookies__desc,.cookies--chronotime .cookies__container--config .cookies__list {

        padding-left: 5px

    }



    .cookies--chronotime .cookies__container-txt {

        width: 71%

    }



    .cookies--chronotime .cookies__decline {

        width: 3%

    }



    .cookies--chronotime .cookies__decline {

        position: relative;

        left: 5px

    }



    .cookies--chronotime .cookies__decline svg {

        width: 18px;

        height: 18px

    }

}



@media(max-width: 1000px) {

    .cookies--chronotime .cookies__container-txt {

        width:66%;

        padding-left: 0;

        padding-top: 0;

        padding-bottom: 5px

    }



    .cookies--chronotime .cookies__container--base .cookies__bottom {

        width: 31%

    }



    .cookies--chronotime .cookies__decline {

        width: 3%

    }



    .cookies--chronotime .cookies__bouton {

        padding: 10px 25px

    }

}



@media(max-width: 800px) {

    .cookies--chronotime .cookies__bouton {

        padding:9px 20px;

        margin: 0

    }



    .cookies--chronotime .cookies__container-txt {

        width: 100%;

        padding-right: 0;

        padding-bottom: 22px

    }



    .cookies--chronotime .cookies__decline {

        position: absolute;

        left: auto;

        right: -20px;

        top: -20px;

        width: auto;

        padding: 10px

    }



    .cookies--chronotime .cookies__container--base {

        flex-direction: column

    }



    .cookies--chronotime .cookies__container--base .cookies__container-choice {

        margin-top: 20px;

        gap: 12px 15px

    }



    .cookies--chronotime .cookies__container--base .cookies__bottom {

        width: 100%;

        gap: 15px

    }



    .cookies--chronotime .cookies__container--base .cookies__toggle-elm {

        margin-left: 10px

    }



    .cookies--chronotime .cookies__container--base .cookies__options {

        margin-top: 12px

    }



    .cookies--chronotime .cookies__container--config .cookies__decline {

        top: -20px;

        left: 15px

    }



    .cookies--chronotime .cookies__container--config .cookies__decline svg {

        width: 18px;

        height: 18px

    }



    .cookies--chronotime .cookies__container--config .cookies__container-content .cookies__desc,.cookies--chronotime .cookies__container--config .cookies__container-about .cookies__desc {

        padding: 20px

    }



    .cookies--chronotime .cookies__container--config .cookies__container-parts {

        min-height: 360px;

        max-height: 360px

    }



    .cookies--chronotime .cookies__container--config .cookies__part {

        margin: 0 15px

    }



    .cookies--chronotime .cookies__container--config .cookies__part .cookies__arrow {

        width: 23px;

        margin-right: 7px

    }



    .cookies--chronotime .cookies__container--config .cookies__bottom {

        flex-wrap: wrap;

        flex-direction: column-reverse;

        gap: 15px

    }



    .cookies--chronotime .cookies__container--config .cookies__bouton {

        width: auto;

        padding: 11px 20px;

        margin: 0

    }



    .cookies--chronotime .cookies__container--config .cookies__nb {

        font-size: 12.5px

    }



    .cookies--chronotime .cookies__container--config .cookies__desc {

        padding-left: 5px;

        padding-right: 5px

    }



    .cookies--chronotime .cookies__logo svg {

        max-width: 210px

    }



    body[data-name=chronotime] .popin.rgpd.plusOptions .popin-content {

        box-shadow: rgba(100,100,111,.5) 0 5px 22px 0

    }



    body[data-name=chronotime] .popin.rgpd.plusOptions .popin-block {

        padding: 20px

    }

}



@media(max-width: 500px) {

    .cookies--chronotime .cookies__bouton {

        flex:0;

        padding: 8.5px 20px

    }



    .cookies--chronotime .cookies__container-logo {

        padding: 0 15px 5px

    }



    .cookies--chronotime .cookies__onglet {

        padding: 13px 0 12px

    }



    .cookies--chronotime .cookies__logo svg {

        max-width: 185px

    }



    .cookies--chronotime .cookies__container-txt {

        padding-bottom: 20px

    }



    .cookies--chronotime .cookies__decline {

        right: -15px;

        top: -15px;

        padding: 10px 5px

    }



    .cookies--chronotime .cookies__decline svg {

        width: 17px;

        height: 17px

    }



    .cookies--chronotime .cookies__slider {

        height: 22px;

        width: 44px

    }



    .cookies--chronotime .cookies__slider::before {

        height: 16px;

        width: 16px;

        left: 3px

    }



    .cookies--chronotime .cookies__container--base .cookies__bottom {

        gap: 10px

    }



    .cookies--chronotime .cookies__container--base .cookies__options svg {

        width: 24px

    }



    .cookies--chronotime .cookies__container--base .cookies__container-choice {

        gap: 10px 12px;

        margin-top: 15px

    }



    .cookies--chronotime .cookies__container--config .cookies__bouton {

        padding: 9px 18px

    }



    .cookies--chronotime .cookies__container--config .cookies__decline {

        top: -15px;

        left: 10px

    }



    .cookies--chronotime .cookies__container--config .cookies__decline svg {

        width: 17px;

        height: 17px

    }



    .cookies--chronotime .cookies__container--config .cookies__container-parts {

        min-height: 330px;

        max-height: 330px

    }



    .cookies--chronotime .cookies__container--config .cookies__nb {

        font-size: 11.5px

    }



    .cookies--chronotime .cookies__container--config .cookies__container-content .cookies__desc,.cookies--chronotime .cookies__container--config .cookies__container-about .cookies__desc {

        padding: 15px 17px

    }



    .cookies--chronotime .cookies__container--config .cookies__part {

        margin: 0 12px;

        padding: 17px 0

    }



    .cookies--chronotime .cookies__container--config .cookies__part .cookies__arrow {

        width: 22px;

        margin-right: 5px

    }



    .cookies--chronotime .cookies__container--config .cookies__bottom {

        padding-top: 17px;

        gap: 10px

    }



    body[data-name=chronotime] .popin.rgpd .popin-content {

        padding: 15px 17px

    }



    body[data-name=chronotime] .popin.rgpd.plusOptions .popin-block {

        padding: 20px 15px

    }



    body[data-name=chronotime] .popin.rgpd.plusOptions .popin-content {

        box-shadow: rgba(100,100,111,.5) 0 4px 12px 0

    }

}



@media(hover: hover) {

    .cookies--chronotime .cookies__bouton:hover {

        background-color:#212121;

        color: #fff !important;

        border-color: #212121

    }



    .cookies--chronotime .cookies__bouton--accept:hover {

        background-color: #212121 !important;

        color: #fff !important;

        border-color: #212121 !important

    }



    .cookies--chronotime .cookies__decline svg:hover rect {

        fill: #212121

    }

}



label {

    font-size: 1.4rem;

    line-height: 2rem

}



.b-form-input__label,.b-form-datepicker__label,.b-form-file__label,.b-form-select__label,.b-form-date__label,.b-form-checkbox__main-label,.b-form-radio__main-label,.b-form-textarea__label {

    display: block

}



.b-form-input__input,.select2-selection,.b-form-select__select,.b-form-date__input,.b-form-checkbox__other-input,.b-form-radio__radio--other input {

    font-family: 'Helvetica';

    transition: border-color .3s;

    outline: none;

    font-size: 1.4rem;

    line-height: 2rem;

    padding: 4px 10px;

    background-color: #fff;

    border: 1px solid #d4d4d4;

    border-radius: 0

}



.b-form-input__input:focus,.select2-selection:focus,.b-form-select__select:focus,.b-form-date__input:focus,.b-form-checkbox__other-input:focus,.b-form-radio__radio--other input:focus {

    border-color: #212121 !important

}



.b-form-input__input.error,.error.select2-selection,.error.b-form-select__select,.error.b-form-date__input,.error.b-form-checkbox__other-input,.b-form-radio__radio--other input.error {

    border-color: #be0100 !important

}



.b-form-input__input[disabled],[disabled].select2-selection,[disabled].b-form-select__select,[disabled].b-form-date__input,[disabled].b-form-checkbox__other-input,.b-form-radio__radio--other input[disabled] {

    opacity: 65%;

    color: #000

}



.b-form-input__input.has-unit,.has-unit.select2-selection,.has-unit.b-form-select__select,.has-unit.b-form-date__input,.has-unit.b-form-checkbox__other-input,.b-form-radio__radio--other input.has-unit {

    width: 80% !important;

    width: calc(100% - 25px) !important

}



.b-form-input__precision {

    display: block;

    margin-bottom: 5px

}



.b-form-input__container-pass {

    display: flex;

    flex-grow: 1;

    position: relative

}



.b-form-input__container-pass svg {

    cursor: pointer;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    right: 6px

}



.b-form-input__container-pass--inscription {

    margin-bottom: 20px

}



.b-form-input__container-pass--inscription .form-element {

    width: 100%;

    margin-bottom: 0 !important

}



.b-form-input__container-pass--inscription svg {

    transform: none;

    top: auto;

    bottom: 5px

}



.b-form-input__units {

    font-size: 1.4rem;

    line-height: 1.8rem

}



.b-form-textarea__textarea {

    font-family: 'Helvetica';

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    min-height: 150px;

    border: 1px solid #d4d4d4;

    padding: 8px 10px;

    outline: none;

    border-radius: 0;

    transition: border-color .3s;

    font-size: 1.4rem;

    line-height: 1.8rem

}



.b-form-textarea__textarea:focus {

    border-color: #212121 !important

}



.b-form-textarea__textarea.error {

    border-color: #be0100 !important

}



.b-form-textarea__textarea[disabled] {

    opacity: 65%;

    color: #000

}



.b-form-radio__main-label.error {

    color: #be0100

}



.b-form-radio__radio {

    margin-top: 8px

}



.b-form-radio__input:checked,.b-form-radio__input:not(:checked) {

    display: none

}



.b-form-radio__input:checked+label::after {

    opacity: 100%

}



.b-form-radio__input:checked+label+input {

    opacity: 100%

}



.b-form-radio__input[disabled]+label {

    color: #999;

    cursor: default

}



.b-form-radio__input[disabled]+label::before {

    border-color: #999

}



.b-form-radio__label {

    padding-left: 20px;

    padding-bottom: 0 !important;

    position: relative;

    cursor: pointer;

    width: auto

}



.b-form-radio__label::before {

    border-radius: 8px;

    position: absolute;

    display: block;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    content: "";

    width: 15px;

    height: 15px;

    margin-right: 10px;

    border: 1px solid #000

}



.b-form-radio__label::after {

    content: "";

    position: absolute;

    width: 7px;

    height: 7px;

    top: 50%;

    transform: translateY(-50%);

    left: 4px;

    background-color: #000;

    border-radius: 3px;

    opacity: 0%;

    transition: opacity .3s

}



.b-form-radio__radio--other {

    font-family: iconfnt

}



.b-form-radio__radio--other>* {

       font-family: 'Helvetica';

}



.b-form-radio__radio--other label {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    margin-right: 10px

}



.b-form-radio__radio--other input {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    opacity: 50%;

    transition: opacity .3s

}



.b-form-checkbox__main-label.error {

    color: #be0100

}



.b-form-checkbox__checkbox {

    margin-top: 8px

}



.b-form-checkbox__input:checked,.b-form-checkbox__input:not(:checked) {

    display: none

}



.b-form-checkbox__input:checked+label::after {

    opacity: 100%

}



.b-form-checkbox__input:checked+label+input {

    opacity: 100%

}



.b-form-checkbox__input[disabled]+label {

    color: #999;

    cursor: default

}



.b-form-checkbox__input[disabled]+label::before {

    border-color: #999

}



.b-form-checkbox__label {

    padding-left: 20px;

    position: relative;

    cursor: pointer;

    width: auto

}



.b-form-checkbox__label:hover::before {

    border-color: #212121

}



.b-form-checkbox__label::before {

    position: absolute;

    display: block;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    content: "";

    width: 15px;

    height: 15px;

    margin-right: 10px;

    border: 1px solid #212121;

    background-color: #fff;

    transition: border-color .3s

}



.b-form-checkbox__label::after {

    position: absolute;

    content: "x";

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    color: #212121;

    font-weight: bold;

    text-align: center;

    width: 15px;

    opacity: 0%;

    transition: opacity .3s;

    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif

}



.b-form-checkbox__checkbox--other {

    font-family: iconfnt

}



.b-form-checkbox__checkbox--other>* {

       font-family: 'Helvetica';

}



.b-form-checkbox__checkbox--other label {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    margin-right: 10px

}



.b-form-checkbox__other-input {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    opacity: 50%;

    transition: opacity .3s

}



.switch {

    display: inline-block;

    border: 1px solid #212121;

    text-transform: uppercase;

    font-size: 1.4rem;

    line-height: 1.8rem;

    padding: 10px 0;

    cursor: pointer;

    background-color: #fff;

    transition: all .5s;

    text-align: center;

    margin: 0 2px

}



.switch_--w2 {

    width: 50%;

    width: calc(50% - 4px)

}



.switch_--w3 {

    width: 33.3333333333%;

    width: calc(33.3333333333% - 4px)

}



.switch_--w4 {

    width: 25%;

    width: calc(25% - 4px)

}



.switch.selected {

    color: #fff;

    background-color: #212121;

    border-color: #212121 !important

}



.switch.disabled {

    color: #999;

    cursor: default;

    background-color: #fff !important;

    border-color: #999 !important

}



.switch__container {

    font-family: iconfnt

}



.switch__container>* {

       font-family: 'Helvetica';

}



@media only screen and (max-width: 500px) {

    .switch {

        font-size:1.3rem;

        line-height: 1.7rem

    }

}



@media only screen and (max-width: 360px) {

    .switch {

        font-size:1.2rem;

        line-height: 1.6rem

    }

}



.desktop .switch:hover {

    border-color: #212121

}



.b-form-date__container {

    font-family: iconfnt

}



.b-form-date__container>* {

       font-family: 'Helvetica';

}



.b-form-date__input {

    text-align: center;

    display: inline-block;

    vertical-align: middle

}



.b-form-date__input.b-form-date__input-jour {

    width: 15% !important

}



.b-form-date__input.b-form-date__input-mois {

    margin-left: 20%;

    width: 15% !important

}



.b-form-date__input.b-form-date__input-annee {

    margin-left: 20%;

    width: 30% !important

}



.select2 {

    width: 100% !important;

    color: #212121

}



.select2-selection.select2-selection--multiple {

    border: 1px solid #000

}



.select2-dropdown {

    border: 1px solid #000;

    border-top: 0 none;

    color: #212121

}



.select2-results__options {

    max-height: 230px;

    overflow-y: auto

}



.select2-results__option {

    font-size: 1.3rem;

    line-height: 1.7rem

}



.select2-results__option[aria-disabled=true] {

    color: #787878;

    background-color: #cfcfcf

}



.select2-results__option--highlighted[aria-selected] {

    background-color: #545454;

    color: #fff

}



.select2-results__option[aria-selected=true] {

    background-color: #212121;

    color: #fff

}



.select2-selection__choice {

    background-color: #ededed;

    border: 1px solid #aaa;

    cursor: default;

    float: left;

    margin-right: 5px;

    margin-top: 5px;

    padding: 0 5px

}



.select2-selection__choice__remove {

    color: #212121;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    margin-right: 2px;

    transition: opacity .3s;

    opacity: 50%

}



.select2-selection__choice__remove:hover {

    opacity: 100%

}



.select2-selection__placeholder {

    color: #999

}



.select2-selection__clear {

    cursor: pointer;

    float: right;

    font-weight: bold

}



.select2-selection__arrow {

    height: 26px;

    position: absolute;

    right: 1px;

    top: 1px;

    width: 20px

}



.select2-selection__arrow b {

    border-color: #888 rgba(0,0,0,0) rgba(0,0,0,0);

    border-style: solid;

    border-width: 5px 4px 0;

    height: 0;

    left: 50%;

    margin-left: -4px;

    margin-top: -2px;

    position: absolute;

    top: 50%;

    width: 0

}



.select2-container--open .select2-selection__arrow b {

    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #888;

    border-width: 0 4px 5px

}



.select2-results__group {

    font-size: 1.4rem;

    line-height: 1.8rem;

    padding-bottom: 5px;

    display: block

}



.select2-results__options--nested {

    padding: 0 5px 5px

}



.select2-selection__rendered {

    font-size: 1.4rem;

    line-height: 1.8rem;

    padding-left: 0 !important;

    width: 100%

}



.select2-search__field {

    font-family: 'Helvetica';

    outline: none;

    appearance: none;

    border: solid 1px #999

}



.select2__container-logo {

    font-family: iconfnt

}



.select2__container-logo>* {

       font-family: 'Helvetica';

}



.select2__logo {

    border: 1px solid #ddd;

    display: inline-block;

    vertical-align: middle;

    background-color: #fff

}



.select2__logo-text {

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px

}



.b-form-file__restriction {

    font-size: 1.2rem;

    line-height: 1.6rem;

    color: #000;

    margin-bottom: 5px

}



.b-form-file__bouton {

    width: auto;

    text-align: center

}



.b-form-file__input {

    height: 0;

    left: 0;

    position: absolute;

    visibility: hidden;

    width: 0

}



.b-form-file__result {

    margin-bottom: 5px

}



.b-form-file__result-name {

    font-size: 1.4rem;

    line-height: 1.8rem

}



.b-form-file__result-name+.b-form-file__result-name {

    margin-top: 4px

}



.b-form-file__result-supp {

    display: inline-block;

    vertical-align: middle;

    width: 13px;

    height: 13px;

    margin-right: 5px;

    background-image: url("../../../images/boutons/clear.png");

    background-repeat: no-repeat;

    background-position: center center;

    cursor: pointer

}



@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {

    .b-form-file__result-supp {

        background-image:url("../../../images/boutons/clear_2x.png");

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 100% 100%

    }

}



.b-form-file__container {

    margin-bottom: 5px;

    font-family: iconfnt;

    position: relative

}



.b-form-file__container>* {

       font-family: 'Helvetica';

}



.b-form-file__container.is-uploading .b-form-file__progressbar,.b-form-file__container.is-uploading .b-form-file__bouton--cancel {

    display: inline-block;

    vertical-align: middle

}



.b-form-file__container.is-uploading .b-form-file__bouton--parcourir {

    display: none

}



.b-form-file__progressbar {

    width: 100px;

    border: 1px solid #000;

    height: 30px;

    display: none;

    margin-right: 8px;

    margin-bottom: 5px;

    position: relative;

    background-color: #fff

}



.b-form-file__progressbar-bar {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-color: rgba(0,0,0,.5);

    transition: width .3s

}



.b-form-file__progressbar-percentage {

    color: #212121;

    display: block;

    font-size: 1.2rem;

    line-height: 2.8rem;

    position: relative;

    text-align: center

}



.b-form-file__bouton--cancel {

    display: none

}



.ie9 .b-form-file__input {

    height: 30px;

    width: 100px;

    top: 0;

    left: 0;

    z-index: 100;

    position: absolute;

    visibility: visible;

    opacity: 0%

}



.b-form-datepicker__input {

    font-family: 'Helvetica';

    width: 100%;

    border: 1px solid #d4d4d4;

    padding: 4px 10px;

    outline: none;

    transition: border-color .3s

}



.b-form-datepicker__input:focus {

    border-color: #212121 !important

}



.b-form-datepicker__input.error {

    border-color: #be0100 !important

}



.b-form-datepicker__input[disabled] {

    opacity: 65%;

    color: #000

}



.ui-datepicker {

    background-color: #fff

}



.ui-datepicker td span,.ui-datepicker td a {

    font-size: 1.3rem;

    line-height: 1.7rem;

    text-align: center

}



.ui-datepicker td span.ui-state-hover,.ui-datepicker td a.ui-state-hover {

    color: #212121

}



.ui-datepicker td span.ui-state-active,.ui-datepicker td a.ui-state-active {

    background-color: #212121;

    border-color: #212121;

    color: #fff

}



.bottomForm {

    margin-top: 10px;

    text-align: center

}



.showError {

    color: #be0100;

    display: block

}



::placeholder {

    color: rgba(0,0,0,.7);

    opacity: 100%

}



.placeholder {

    color: rgba(0,0,0,.7) !important

}



span.loader {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background-image: url("/../public/rolex/frontend/images/loader.gif");

    background-repeat: no-repeat;

    background-position: center center;

    vertical-align: middle;

    display: none;

}



.container-form label {

    font-size: 1.4rem;

    line-height: 1.8rem;

    margin-bottom: 4px

}



.container-form input[type=email],.container-form input[type=password],.container-form .select2-selection {

    border: 1px solid #979797;

    background-color: #fff;

    padding: 3px 5px

}



.container-form input[type=email]:focus,.container-form input[type=password]:focus,.container-form .select2-selection:focus {

    border-color: #000

}



.container-form input[type=email][disabled],.container-form input[type=password][disabled],.container-form .select2-selection[disabled] {

    opacity: 65%;

    background-color: rgba(0,0,0,0)

}



.style_dornier .select2-selection,.style_dornier input[type=text],.style_dornier input[type=password],.style_dornier input[type=email],.style_dornier input[type=tel] {

    border: 0 none;

    border-bottom: 1px solid #212121

}



.style_dornier .select2-selection--single .select2-selection__rendered,.style_dornier input[type=text],.style_dornier input[type=password],.style_dornier input[type=email],.style_dornier input[type=tel] {

    font-family: 'Helvetica'

}



.style_dornier .select2-selection__arrow b {

    border-color: #212121 rgba(0,0,0,0) rgba(0,0,0,0);

    border-width: 7px 4px 0

}



.style_dornier .select2-container--open .select2-selection__arrow b {

    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #212121;

    border-width: 0 4px 7px

}



.grecaptcha-badge {

    visibility: hidden

}



.ios select {

    color: #212121

}



.popin {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

    background-color: rgba(255,255,255,.35);

    z-index: 10000

}



.popin .popin-block {

    min-height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5%

}



.popin div.popin-content {

    width: 100%;

    position: relative;

    text-align: left;

    margin: 0 auto;

    padding: 20px 25px;

    background-color: #fff;

    border: 1px solid #212121

}



.popin span.popin-close {

    position: absolute;

    top: 5px;

    z-index: 10;

    right: 5px;

    width: 19px;

    cursor: pointer;

    height: 19px;

    background-color: #212121;

    background-image: url("../../../images/boutons/close5.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 13px

}



.popin .bottom-popin .bouton,.popin .bottom-popin .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin .bottom-popin button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin .bottom-popin .b-form-file__bouton {

    float: right

}



.popin .bottom-popin .bouton.close,.popin .bottom-popin .main-detail__add-btn .pl-manager button.close.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin .bottom-popin button.close.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin .bottom-popin .close.b-form-file__bouton {

    float: left

}



.popin__titre {

    font-size: 1.8rem;

    line-height: 2.2rem;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 25px

}



.popin__titre--priserdv {

    text-align: center

}



.popin__bottom {

    text-align: right

}



@media only screen and (max-width: 650px) {

    .popin__titre {

        font-size:1.6rem;

        line-height: 2rem

    }

}



@media only screen and (max-width: 450px) {

    .popin__titre {

        font-size:1.5rem;

        line-height: 1.9rem;

        margin-bottom: 15px

    }

}



.popin.rgpd {

    z-index: 999999

}



.popin.alert div.popin-content {

    width: 100%;

    max-width: 450px

}



.popin.alert div.popin-content .bouton.close,.popin.alert div.popin-content .main-detail__add-btn .pl-manager button.close.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert div.popin-content button.close.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert div.popin-content .close.b-form-file__bouton {

    display: inline-block;

    margin: 0

}



.popin.alert p {

    font-size: 1.6rem;

    line-height: 2rem;

    text-align: center;

    position: relative;

    z-index: 10

}



.popin.alert p a:not(.bouton):not(.b-form-file__bouton):hover {

    text-decoration: underline

}



.popin.alert p+p {

    margin-top: 20px

}



.popin.alert .bouton+.bouton,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.bouton,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.bouton,.popin.alert .b-form-file__bouton+.bouton,.popin.alert .main-detail__add-btn .pl-manager .bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert .bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .main-detail__add-btn .pl-manager .b-form-file__bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert .b-form-file__bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .bouton+.b-form-file__bouton,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.b-form-file__bouton,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.b-form-file__bouton,.popin.alert .b-form-file__bouton+.b-form-file__bouton {

    margin-left: 30px

}



.popin.alert .alert__bottom {

    text-align: center;

    margin-top: 25px

}



@media only screen and (max-width: 500px) {

    .popin.alert .bouton,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .b-form-file__bouton {

        margin:10px

    }



    .popin.alert .bouton+.bouton,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.bouton,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.bouton,.popin.alert .b-form-file__bouton+.bouton,.popin.alert .main-detail__add-btn .pl-manager .bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert .bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .main-detail__add-btn .pl-manager .b-form-file__bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert .b-form-file__bouton+button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .bouton+.b-form-file__bouton,.popin.alert .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.b-form-file__bouton,.main-detail__add-btn .pl-manager .popin.alert button.pl-pay-btn.pl-pay-btn-logo.pl-paypal+.b-form-file__bouton,.popin.alert .b-form-file__bouton+.b-form-file__bouton {

        margin-left: 10px

    }



    .popin.alert p {

        font-size: 1.5rem;

        line-height: 1.9rem;

        padding-top: 10px

    }



    .popin.alert p+p {

        margin-top: 10px

    }



    .popin.alert .alert__bottom .bouton,.popin.alert .alert__bottom .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert .alert__bottom button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert .alert__bottom .b-form-file__bouton {

        margin: 0

    }

}



@media only screen and (max-width: 450px) {

    .popin.alert .alert__bottom {

        margin-top:20px

    }

}



.popin.form div.popin-content {

    width: 100%;

    max-width: 600px

}



.popin.form div.popin-block {

    height: auto

}



.popin.form .form-element {

    margin-bottom: 20px;

    text-align: left

}



.popin.form .form-element input[type=text],.popin.form .form-element input[type=email],.popin.form .form-element input[type=password] {

    width: 100%;

    min-height: 30px

}



.popin.form .form-element label {

    font-size: 1.8rem;

    line-height: 2.2rem;

    padding-bottom: 5px

}



.popin.form .small-info__phone {

    margin-top: -10px;

    margin-bottom: 20px;

    text-align: left

}



.popin.form p {

    font-size: 1.6rem;

    line-height: 2rem;

    text-align: center

}



.popin.form p.popin__formintro {

    text-align: left;

    margin-bottom: 20px

}



@media only screen and (max-width: 900px) {

    .popin.form .form-element label {

        font-size:1.6rem;

        line-height: 2rem

    }

}



@media only screen and (max-width: 700px) {

    .popin.form .form-element label {

        font-size:1.5rem;

        line-height: 1.9rem

    }

}



@media only screen and (max-width: 650px) {

    .popin.form p {

        font-size:1.4rem;

        line-height: 1.8rem

    }



    .popin.form p.popin__formintro {

        margin-bottom: 16px

    }

}



@media only screen and (max-width: 500px) {

    .popin.form .form-element label {

        font-size:1.4rem;

        line-height: 1.8rem

    }



    .popin.form .popin__bottom {

        padding-top: 15px

    }

}



.popin.popin-sofinco div.popin-content {

    width: 100%;

    max-width: 540px;

    height: 800px;

    max-height: 95vh;

    padding: 0

}



.popin.popin-sofinco .popin-block {

    padding: 0 10px;

    max-height: 100%

}



.popin.popin-sofinco iframe {

    height: 100%;

    width: 100%;

    border: 0 none

}



#cartTable {

    font-family: 'Helvetica';

    border-collapse: collapse;

    width: 100%;

    font-size: 1.4rem;

    line-height: 1.8rem

}



#cartTable td,#cartTable th {

    padding: 8px

}



#cartTable tr:nth-child(even) {

    background-color: #f2f2f2

}



#cartTable tr:hover {

    background-color: #ddd

}



#cartTable th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    color: #000;

    background-color: #fff

}



#num__commande {

    font-size: 1.4rem;

    line-height: 1.8rem

}



.qtt__cart {

    text-align: center

}



.flex-container {

    display: flex;

    align-items: center

}



.flex-container>div {

    border: 1px solid #dae2e8;

    width: 300px;

    margin: 10px;

    text-align: center

}



.flex-container>div>.title {

    font-weight: bold

}



.header__detail {

    text-align: center

}



#tite__popin {

    font-size: 20px;

    color: #212121

}



.nometadresse {

    padding: 10px;

    font-family: 'Helvetica';

    font-size: 1.4rem;

    line-height: 1.8rem

}



.title {

    font-family: 'Helvetica';

    font-size: 1.6rem;

    line-height: 2rem;

    padding-top: 10px

}



.borderbottom {

    border-bottom: 1px solid #ddd

}



.compte-tab__tr:nth-child(2n+1) {

    background-color: #e6e6e6

}



@media only screen and (max-width: 800px) {

    .popin-content {

        max-width:96%;

        width: 100%

    }



    #cartTable {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .nometadresse {

        font-size: 1.3rem;

        line-height: 1.7rem

    }

}



@media only screen and (max-width: 700px) {

    .flex-container {

        display:block;

        justify-content: space-between

    }



    .flex-container>div {

        width: 100%;

        margin: 10px auto

    }

}



@media only screen and (max-width: 600px) {

  body  a.rlx-breadcrumbs__link span {

        white-space: nowrap;

        font-size: .85rem;

    }



    #cartTable {

        font-size:1.2rem;

        line-height: 1.6rem

    }



    .nometadresse {

        font-size: 1.2rem;

        line-height: 1.6rem;

        padding: 6px

    }

}



@media only screen and (max-width: 500px) {

    #cartTable td {

        padding:3px

    }



    .popin div.popin-content {

        padding: 20px 10px

    }

}



@media only screen and (max-width: 335px) {

    .popin div.popin-content {

        padding:20px 5px

    }

}



.popin-diamants div.popin-content {

    max-width: 650px !important;

    padding: 3px 25px 20px

}



.popin-diamants p {

    font-size: 14px !important;

    padding: 11px 0

}



.popin-diamants p+p {

    margin-top: 0 !important;

    border-top: solid 1px

}



.popin-diamants__container-titre {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 15px

}



.popin-diamants__image {

    max-width: 100px;

    width: 100%

}



.popin-diamants__container-info {

    display: block;

    width: 83%;

    padding-left: 15px

}



.popin-diamants__container-img {

    width: 17%

}



.popin-diamants__titre {

    width: 100%;

    font-size: 2.2rem;

    line-height: 2.6rem;

    margin-bottom: 15px

}



.popin-diamants__prix {

    font-size: 1.8rem;

    line-height: 2.2rem;

    width: 100%;

    font-weight: 300

}



.popin-diamants__container-item {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

    border-top: solid 1px;

    border-bottom: solid 1px

}



.popin-diamants__item {

    width: 48%

}



.popin-diamants__item p {

    display: flex;

    justify-content: space-between

}



.popin-diamants__item p span {

    font-weight: 300;

    text-align: right;

    padding-left: 5px

}



.popin-diamants__bottom {

    text-align: center;

    margin-top: 30px

}



.popin-diamants__bottom .bouton,.popin-diamants__bottom .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin-diamants__bottom button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin-diamants__bottom .b-form-file__bouton {

    width: 100%;

    margin: 0 !important

}



@media only screen and (max-width: 650px) {

    .popin-diamants__titre {

        font-size:2rem;

        line-height: 2.4rem

    }



    .popin-diamants__prix {

        font-size: 1.6rem;

        line-height: 2rem

    }



    .popin-diamants .popin-block {

        height: auto

    }



    .popin-diamants__container-titre {

        flex-direction: column;

        margin-bottom: 20px

    }



    .popin-diamants__container-info {

        padding-left: 0;

        width: 100%

    }



    .popin-diamants__container-img {

        width: 100%

    }



    .popin-diamants__titre {

        margin-bottom: 10px

    }



    .popin-diamants__item {

        width: 100%

    }



    .popin-diamants__item+.popin-diamants__item {

        border-top: solid 1px

    }

}



@media only screen and (max-width: 500px) {

    .popin-diamants div.popin-content {

        padding:3px 15px 20px !important

    }



    .popin-diamants p {

        font-size: 13px !important;

        padding: 8px 0

    }



    .popin-diamants__bottom {

        margin-top: 25px

    }



    .popin-diamants__image {

        max-width: 90px

    }



    .popin-diamants__titre {

        font-size: 1.9rem;

        line-height: 2.3rem

    }

}



.popin.personnaliser div.popin-content {

    max-width: 500px;

    width: 100%;

    text-align: center

}



.popin.personnaliser div.popin-content h2,.popin.personnaliser div.popin-content .main-detail__perso-mainTitre {

    font-size: 2rem;

    line-height: 2.4rem;

    margin-bottom: 25px;

    color: #212121;

    font-family: 'Helvetica'

}



.popin.personnaliser.gravure div.popin-content {

    max-width: 1100px

}



.popin.personnaliser.gravure div.popin-content h2 {

    font-size: 3rem;

    line-height: 3.4rem

}



.popin.personnaliser.gravure.solo div.popin-content {

    max-width: 700px

}



@media only screen and (max-width: 500px) {

    .popin.personnaliser div.popin-content {

        padding:20px;

        max-width: 350px

    }



    .popin.personnaliser div.popin-content h2,.popin.personnaliser div.popin-content .main-detail__perso-mainTitre {

        font-size: 1.8rem;

        line-height: 2.2rem

    }



    .popin.personnaliser.gravure div.popin-content h2 {

        font-size: 2.4rem;

        line-height: 2.8rem

    }

}



.popin-panier__container {

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    margin-bottom: 20px

}



.popin-panier__bottom .bouton.close-popin,.popin-panier__bottom .main-detail__add-btn .pl-manager button.close-popin.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin-panier__bottom button.close-popin.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin-panier__bottom .close-popin.b-form-file__bouton {

    background-color: rgba(0,0,0,0);

    color: #212121

}



.popin-panier__txt {

    margin-left: 15px

}



.popin-panier__img img {

    max-width: 150px;

    display: block

}



.popin-panier__promo {

    background-color: #dcdcdc;

    padding: 15px;

    margin-bottom: 20px;

    font-size: 1.4rem;

    line-height: 1.8rem;

    text-align: center

}



.popin-panier__promo.done {

    background-color: #8ccf92

}



.desktop .popin-panier__bottom .bouton.close-popin:hover,.desktop .popin-panier__bottom .main-detail__add-btn .pl-manager button.close-popin.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover,.main-detail__add-btn .pl-manager .desktop .popin-panier__bottom button.close-popin.pl-pay-btn.pl-pay-btn-logo.pl-paypal:hover,.desktop .popin-panier__bottom .close-popin.b-form-file__bouton:hover {

    background-color: #212121;

    color: #fff

}



@media only screen and (max-width: 500px) {

    .popin-panier__txt {

        padding-top:0 !important;

        margin-left: 0;

        margin-top: 15px

    }



    .popin-panier__bottom {

        padding-top: 0 !important

    }



    .popin-panier__container {

        flex-direction: column-reverse;

        margin-bottom: 15px

    }



    .popin-panier__promo {

        padding: 10px;

        margin-bottom: 15px;

        margin-top: 25px

    }



    .popin-panier__promo p {

        padding-top: 0 !important

    }

}



#popinInformation {

    display: none

}



.popin-information.popin.alert div.popin-content {

    max-width: 600px

}



.popin-information.popin .popin-sousBlock::before {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0

}



.popin-information__txt img {

    max-width: 100%;

    height: auto;

    display: block

}



.popin-information__txt a {

    text-decoration: underline

}



.popin-information .container-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden

}



.popin-information .container-video iframe,.popin-information .container-video object,.popin-information .container-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.popin.alert.popin-information p {

    font-size: 1.6rem;

    line-height: 2.4rem

}



.popin.alert.popin-information p+p {

    margin-top: 0 !important;

    padding-top: 0 !important

}



@media only screen and (max-width: 1450px) {

    .popin-information.popin.alert div.popin-content {

        max-width:550px

    }

}



@media only screen and (max-width: 1400px) {

    .popin-information.popin.alert div.popin-content {

        max-width:500px

    }

}



@media only screen and (max-width: 700px) {

    .popin.alert.popin-information p {

        font-size:1.5rem;

        line-height: 2.2rem

    }

}



.popin.alert.popin-afficheTel div.popin-content {

    max-width: 600px

}



.popin.alert.popin-afficheTel div.popin-block {

    height: auto

}



.popin.alert.popin-afficheTel p+p {

    margin-top: 0 !important

}



.popin.alert.popin-afficheTel p {

    text-align: left;

    font-size: 1.6rem;

    line-height: 2.4rem;

    padding-top: 0 !important

}



.popin.alert.popin-afficheTel .popin-afficheTel__dispo {

    margin-bottom: 5px;

    font-weight: 400;

    font-size: 1.5rem;

    line-height: 1.9rem

}



.popin-afficheTel__availability {

    display: none

}



.popin-afficheTel__ville {

    display: inline-block

}



.popin-afficheTel__info-boutiques+.popin-afficheTel__info-boutiques {

    margin-top: 25px

}



.popin-afficheTel__info-boutiques h3 {

    font-size: 1.6rem;

    line-height: 2.4rem;

    color: #212121;

    font-weight: 600;

    margin-bottom: 5px

}



.popin-afficheTel__coor {

    margin-top: 5px

}



.popin-afficheTel__coor a {

    text-decoration: none !important

}



@media only screen and (max-width: 500px) {

    .popin.alert.popin-afficheTel p {

        font-size:1.5rem;

        line-height: 2.3rem

    }



    .popin.alert.popin-afficheTel .main-detail__infos-note,.popin.alert.popin-afficheTel .popin-afficheTel__dispo {

        font-size: 1.4rem;

        line-height: 1.8rem

    }



    .popin-afficheTel__info-boutiques h3 {

        font-size: 1.5rem;

        line-height: 2.3rem;

        margin-bottom: 4px

    }



    .popin-afficheTel__coor {

        margin-top: 4px

    }

}



@media only screen and (max-width: 450px) {

    .popin-afficheTel__titre {

        margin-bottom:25px

    }

}



.popin.alert.popin-marques-tag div.popin-content {

    max-width: 1100px;

    padding: 0

}



.popin.alert.popin-marques-tag p+p {

    margin-top: 0

}



.popin-marques-tag__img {

    max-width: 100%;

    height: auto;

    display: block

}



.popin-marques-tag__container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    flex-direction: row-reverse;

    min-height: 400px

}



.popin-marques-tag__bottom {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -60px

}



.popin-marques-tag__bottom p {

    font-size: 12px !important

}



.popin-marques-tag__container-logos {

    padding-bottom: 15px

}



.popin-marques-tag__infos {

    text-align: center;

    width: 40%

}



.popin-marques-tag__titre {

    font-size: 1.9rem;

    line-height: 2.3rem

}



.popin-marques-tag__images {

    width: 60%

}



.popin-marques-tag__logo {

    max-width: 80px;

    margin: 5px auto 0;

    display: block

}



.popin-marques-tag__item {

    width: 55%;

    position: relative;

    margin: 0 auto

}



.popin-marques-tag__bouton {

    margin-top: 30px

}



@media only screen and (max-width: 1100px) {

    .popin-marques-tag__images {

        width:100%

    }



    .popin-marques-tag__infos {

        width: 100%;

        padding: 40px 0

    }



    .popin-marques-tag__bottom {

        position: relative;

        bottom: -25px

    }



    .popin.alert.popin-marques-tag div.popin-content {

        max-width: 700px;

        transform: translateY(0)

    }



    .popin.alert.popin-marques-tag .popin-sousBlock {

        height: auto

    }

}



@media only screen and (max-width: 700px) {

    .popin-marques-tag__item {

        width:65%

    }



    .popin-marques-tag__titre {

        font-size: 1.8rem;

        line-height: 2.2rem

    }

}



@media only screen and (max-width: 500px) {

    .popin-marques-tag__infos {

        padding:35px 0

    }



    .popin-marques-tag__bottom {

        bottom: -15px

    }



    .popin-marques-tag__bottom p {

        font-size: 11px !important

    }



    .popin-marques-tag__titre {

        font-size: 1.7rem;

        line-height: 2.1rem

    }



    .popin-marques-tag__bouton {

        margin-top: 30px

    }



    .popin-marques-tag__logo {

        max-width: 70px

    }



    .popin-marques-tag__container-infos p {

        padding-top: 0 !important

    }



    .popin.alert.popin-marques-tag .bouton,.popin.alert.popin-marques-tag .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert.popin-marques-tag button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert.popin-marques-tag .b-form-file__bouton {

        margin: 0

    }

}



@media only screen and (max-width: 450px) {

    .popin-marques-tag__item {

        width:75%

    }

}



.popin-close-liste-cadeau .popin-bottom {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 25px

}



@media only screen and (max-width: 450px) {

    .popin-close-liste-cadeau .popin-bottom {

        margin-top:15px

    }

}



.AV_fancybox-slide--iframe .AV_fancybox-content {

    max-width: 100% !important

}



.popin-newsletter-content {

    display: none

}



.popin.alert.newsletter div.popin-content {

    max-width: 940px

}



.popin.alert.newsletter .popin-newsletter__confidentialite {

    font-size: 1.2rem;

    line-height: 1.9rem;

    margin-top: 10px

}



.popin.alert.newsletter .popin-newsletter__confidentialite a {

    text-decoration: underline

}



.popin-newsletter__container {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.popin-newsletter__container-img {

    width: calc(50% - 15px);

    align-self: stretch;

    display: flex

}



.popin-newsletter__container-img img {

    display: block;

    width: 100%;

    max-width: 100%;

    height: auto;

    object-fit: cover

}



.popin-newsletter__titre.title__type4 {

    margin-bottom: 20px

}



.popin-newsletter__container-txt {

    width: calc(50% - 20px);

    text-align: center;

    padding: 25px 6px 25px 0

}



.popin-newsletter__container-txt #formNewsletter {

    margin-top: 30px

}



.popin-newsletter__container-txt #formNewsletter .b-form-input__input,.popin-newsletter__container-txt #formNewsletter .b-form-radio__radio--other input,.b-form-radio__radio--other .popin-newsletter__container-txt #formNewsletter input,.popin-newsletter__container-txt #formNewsletter .b-form-checkbox__other-input,.popin-newsletter__container-txt #formNewsletter .b-form-date__input,.popin-newsletter__container-txt #formNewsletter .b-form-select__select,.popin-newsletter__container-txt #formNewsletter .select2-selection {

    width: 100%

}



.popin-newsletter__container-txt #formNewsletter .showError {

    position: relative;

    margin-top: 5px;

    text-align: left

}



.popin-newsletter__bouton-newsletter {

    margin-top: 10px;

    width: 100%

}



.popin-newsletter__container-btn {

    display: flex

}



@media only screen and (max-width: 800px) {

    .popin-newsletter__container {

        flex-direction:column-reverse

    }



    .popin-newsletter__container-img {

        width: 100%

    }



    .popin-newsletter__container-txt {

        width: 100%;

        padding: 10px 0 0;

        margin-bottom: 30px;

        max-width: 500px

    }

}



@media only screen and (max-width: 500px) {

    .popin.alert.newsletter p {

        padding-top:0

    }



    .popin.alert.newsletter .bouton,.popin.alert.newsletter .main-detail__add-btn .pl-manager button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.main-detail__add-btn .pl-manager .popin.alert.newsletter button.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.popin.alert.newsletter .b-form-file__bouton {

        margin: 10px 0 0

    }



    .popin-newsletter__titre.title__type4 {

        margin-bottom: 15px

    }



    .popin-newsletter__container-txt {

        padding: 5px 0 0;

        margin-bottom: 25px

    }



    .popin-newsletter__container-txt #formNewsletter {

        margin-top: 22px

    }

}



.recap .popin__titre {

    text-align: center

}



.recap .popin-bottom {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 25px

}



#ckeditor_html_contenu h2 {

    font-weight: 500;

    font-size: 3.4rem;

    line-height: 3.8rem;

    color: #212121;

    line-height: 4.2rem;

    font-family: 'Helvetica';

    padding: 30px 0 20px

}



#ckeditor_html_contenu h3 {

    font-weight: 500;

    font-size: 3.2rem;

    line-height: 3.6rem;

    color: #212121;

    line-height: 4rem;

    font-family: 'Helvetica';

    padding: 30px 0 20px

}



#ckeditor_html_contenu p+p::before,#ckeditor_html_contenu .container-video+p::before {

    content: " ";

    display: block

}



#ckeditor_html_contenu p+.container-video {

    margin-top: 22px

}



#ckeditor_html_contenu p {

    font-family: 'Helvetica';

    font-weight: 300

}



#ckeditor_html_contenu p strong {

    font-weight: 700

}



#ckeditor_html_contenu li {

    font-family: 'Helvetica';

    font-weight: 300

}



#ckeditor_html_contenu a {

    color: #212121;

    text-decoration: underline;

    transition: color .3s

}



#ckeditor_html_contenu .container-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden

}



#ckeditor_html_contenu .container-video iframe,#ckeditor_html_contenu .container-video object,#ckeditor_html_contenu .container-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



#ckeditor_html_contenu ul {

    list-style-position: inside

}



#ckeditor_html_contenu ol {

    list-style-position: inside

}



#ckeditor_html_footer_texte_desc p a {

    text-decoration: underline

}



@media only screen and (max-width: 900px) {

    #ckeditor_html_contenu h3 {

        font-size:3rem;

        line-height: 3.8rem

    }



    #ckeditor_html_contenu h2 {

        font-size: 3.2rem;

        line-height: 4rem

    }

}



@media only screen and (max-width: 700px) {

    #ckeditor_html_contenu h3 {

        font-size:2.6rem;

        line-height: 3.4rem

    }



    #ckeditor_html_contenu h2 {

        font-size: 2.8rem;

        line-height: 3.8rem;

        padding: 20px 0 10px

    }

}



@media only screen and (max-width: 500px) {

    #ckeditor_html_contenu h3 {

        font-size:2.4rem;

        line-height: 3.2rem

    }



    #ckeditor_html_contenu h2 {

        font-size: 2.5rem;

        line-height: 3.5rem

    }

}



#ckeditor_html_hdp_texte h2 {

    font-weight: 500;

    font-size: 1.8rem;

    line-height: 2.5rem;

    font-family: 'Helvetica'

}



#ckeditor_html_hdp_texte p {

    font-size: 1.6rem;

    line-height: 2.5rem;

    font-family: 'Helvetica'

}



#ckeditor_html_hdp_texte p::before {

    content: " ";

    display: block

}



#ckeditor_html_hdp_texte p+h2::before {

    content: " ";

    display: block;

    line-height: 50px

}



#ckeditor_html_hdp_texte p+.container-video {

    margin-top: 22px

}



#ckeditor_html_hdp_texte a {

    color: #212121;

    text-decoration: underline

}



#ckeditor_html_hdp_texte .container-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden

}



#ckeditor_html_hdp_texte .container-video iframe,#ckeditor_html_hdp_texte .container-video object,#ckeditor_html_hdp_texte .container-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



#blockMain #ckeditor_html_bdp_texte h2,#blockMain #ckeditor_html_bdp_texte h3 {

    margin-top: 0 !important;

    font-size: 17px !important;

    font-weight: bold

}



.cke_textarea_inline.cke_editable .container-video {

    padding-bottom: 0 !important;

    height: 480px !important;

    width: 850px !important

}



@media only screen and (max-width: 500px) {

    #ckeditor_html_hdp_texte p {

        font-size:1.4rem;

        line-height: 2.4rem

    }

}



#ckeditor_html_texte h2 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 1.8rem;

    line-height: 2.2rem

}



#ckeditor_html_texte p {

    font-size: 1.4rem;

    line-height: 1.8rem

}



#ckeditor_html_texte p+p::before,#ckeditor_html_texte p+p::after {

    content: " ";

    display: block

}



#ckeditor_html_texte a {

    color: #212121;

    text-decoration: underline

}



#ckeditor_html_texte .container-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden

}



#ckeditor_html_texte .container-video iframe,#ckeditor_html_texte .container-video object,#ckeditor_html_texte .container-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



#ckeditor_html_diamond_texte {

    font-size: 1.5rem;

    line-height: 2.6rem;

    font-weight: 300

}



#ckeditor_html_diamond_texte .container-video {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden

}



#ckeditor_html_diamond_texte .container-video iframe,#ckeditor_html_diamond_texte .container-video object,#ckeditor_html_diamond_texte .container-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



#ckeditor_html_introrolex_texte,#ckeditor_html_histoirerolex_texte,#ckeditor_html_accueilrolex_texte3,#ckeditor_html_famillerolex_youtubetext,#ckeditor_html_contenufamillerolex_texte {

    font-size: 1.4rem;

    line-height: 1.8rem;

    color: #212121;

    line-height: 180%;

    font-family: 'Helvetica' !important

}



#ckeditor_html_introrolex_texte,#ckeditor_html_accueilrolex_introtexte,#ckeditor_html_histoirerolex_introtexte,#ckeditor_html_accueilrolex_texte4,#ckeditor_html_famillerolex_introtexte,#ckeditor_html_nouveauterolex_introtexte,#ckeditor_html_famillerolex_introtexte,#ckeditor_html_collectionrolex_texte,#ckeditor_html_festiverolex_introtexte {

    font-size: 1.4rem;

    line-height: 1.8rem;

    color: #212121;

    line-height: 180%;

    font-family: 'Helvetica' !important;

    text-align: center

}



#ckeditor_html_histoirerolex_texte2 {

    font-size: 3rem;

    line-height: 3.4rem;

    text-align: center;

    text-transform: uppercase;

    line-height: 135%;

    font-family: 'Helvetica' !important

}



#ckeditor_html_famillerolex_imgbastext {

    font-family: 'Helvetica' !important;

    font-size: 3rem;

    line-height: 3.4rem;

    text-transform: uppercase;

    text-align: center;

    font-weight: 200

}



#ckeditor_html_blog_texte {

    font-size: 1.6rem;

    line-height: 2.6rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_blog_texte::first-letter {

    font-size: 5rem;

    line-height: 2rem;

    color: #212121;

    line-height: 63%;

    margin: 6px .1em 0 0;

    float: left

}



#ckeditor_html_blog_texte h2 {

    font-size: 2.3rem;

    line-height: 3.3rem;

    padding: 20px 0 10px;

    font-weight: 600;

    margin-top: 0

}



#ckeditor_html_blog_texte h3 {

    font-size: 2.1rem;

    line-height: 3.1rem;

    padding: 15px 0 5px

}



#ckeditor_html_blog_texte .blog-article__text-valeur {

    text-align: center;

    font-weight: 700;

    font-size: 2rem;

    line-height: 2.4rem;

    padding: 20px 0

}



#ckeditor_html_blog_texte a {

    text-decoration: underline

}



#ckeditor_html_blog_textecourt {

    font-size: 1.5rem;

    line-height: 1.9rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_contenu .block-contenu__titre {

    font-size: 3rem;

    line-height: 3.4rem;

    color: #212121;

    padding-bottom: 15px

}



@media only screen and (max-width: 900px) {

    #ckeditor_html_contenu .block-contenu__titre {

        font-size:2.6rem;

        line-height: 3rem

    }

}



@media only screen and (max-width: 700px) {

    #ckeditor_html_contenu .block-contenu__titre {

        font-size:2.4rem;

        line-height: 2.8rem

    }

}



@media only screen and (max-width: 500px) {

    #ckeditor_html_contenu .block-contenu__titre {

        font-size:2rem;

        line-height: 2.4rem

    }

}



#ckeditor_html_fid_desc_content_fr {

    font-size: 1.6rem;

    line-height: 2.5rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_fid_desc_content_fr p+p {

    margin-top: 15px

}



#ckeditor_html_fid_tunnelcmd_content_fr {

    font-size: 1.6rem;

    line-height: 2.5rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_fid_connect_content_fr {

    font-size: 1.5rem;

    line-height: 2.7rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_fid_ficheprod_content_fr {

    font-size: 1.4rem;

    line-height: 1.8rem;

    font-family: 'Helvetica' !important

}



#ckeditor_html_fid_subtitle_content_fr {

    font-size: 2.5rem;

    line-height: 3.5rem;

    color: #212121 !important;

    font-family: 'Helvetica' !important

}



#ckeditor_html_fid_compt_content_fr {

    font-size: 2.5rem;

    line-height: 3.5rem;

    font-family: 'Helvetica' !important

}



html .cc_container {

    background-color: #fff;

    border-bottom: 1px solid #212121;

    padding: 10px 20px;

    color: #212121

}



html .cc_container .cc_btn,html .cc_container .cc_btn:visited {

    display: inline-block;

    border: 1px solid #212121;

    background-color: #212121;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 18px;

    padding: 5px 40px;

    cursor: pointer;

    border-radius: 0;

    font-family: 'Helvetica'

}



html .cc_container .cc_btn:hover,html .cc_container .cc_btn:visited:hover {

    color: #212121;

    background-color: #fff

}



html .cc_container a,html .cc_container a:visited {

    color: #212121

}



html .cc_container a:hover,html .cc_container a:visited:hover {

    color: #212121

}



html .cc_banner-wrapper {

    height: 52px

}



.ariane {

    font-size: 1.2rem;

    line-height: 1.6rem

}



.ariane__container {

    position: absolute;

    width: 100%;

    top: 10px;

    z-index: 100;

    left: 0

}



.ariane__container--reverse {

    text-align: left

}



.ariane__a {

    transition: color .3s

}



.CH img,.CM img {

    image-rendering: -webkit-optimize-contrast

}



@media only screen and (max-width: 500px) {

    .ariane {

        font-size:1.1rem;

        line-height: 1.5rem

    }



    .ariane__container {

        position: relative;

        padding: 0 !important;

        margin-top: 10px;

        top: 0

    }



    .ariane__container--reverse {

        margin-top: 0;

        top: -10px

    }

}



.title_--centered {

    text-align: center

}



.title_--nomargin {

    margin-bottom: 0 !important;

    padding-top: 0 !important

}



.title__type1 {

    color: #212121;

    font-weight: 500;

    font-size: 3.7rem;

    line-height: 4.1rem

}



.title__type2 {

    font-size: 3rem;

    line-height: 4rem;

    text-transform: uppercase;

    font-weight: 300;

    margin: 0 0 15px;

    padding-top: 50px

}



.title__type2-top {

    color: #212121;

    font-family: 'Helvetica';

    font-size: 2.5rem;

    line-height: 2.9rem

}



.title__type3 {

    font-size: 2.5rem;

    line-height: 3.5rem;

    font-family: 'Helvetica'

}



.title__type4 {

    font-size: 2.8rem;

    line-height: 3.2rem;

    color: #212121;

    margin-bottom: 25px;

    font-weight: 300;

    display: block

}



.title__type5 {

    font-size: 3.2rem;

    line-height: 3.6rem;

    color: #212121

}



.title__footer {

    font-size: 1.5rem;

    line-height: 1.9rem;

    margin-bottom: 8px;

    font-family: 'Helvetica'

}



@media only screen and (max-width: 1100px) {

    .title__type2 {

        font-size:2.6rem;

        line-height: 3.6rem

    }



    .title__type2-top {

        font-size: 2.2rem;

        line-height: 2.6rem

    }



    .title__type3 {

        font-size: 2.4rem;

        line-height: 3.4rem

    }



    .title__type4 {

        font-size: 2.6rem;

        line-height: 3rem

    }



    .title__type5 {

        font-size: 3.8rem;

        line-height: 4.2rem

    }

}



@media only screen and (max-width: 700px) {

    .title__type2 {

        font-size:2.3rem;

        line-height: 3.2rem

    }



    .title__type2-top {

        font-size: 1.8rem;

        line-height: 2.2rem

    }



    .title__type3 {

        font-size: 2.2rem;

        line-height: 3rem

    }



    .title__type4 {

        font-size: 2.4rem;

        line-height: 2.8rem;

        margin-bottom: 20px

    }



    .title__type5 {

        font-size: 3.5rem;

        line-height: 3.9rem

    }

}



@media only screen and (max-width: 500px) {

    .title__type2 {

        font-size:2rem;

        line-height: 3rem

    }



    .title__type2-top {

        font-size: 1.6rem;

        line-height: 2rem

    }



    .title__type3 {

        font-size: 2rem;

        line-height: 2.8rem

    }



    .title__type4 {

        font-size: 2.2rem;

        line-height: 2.6rem

    }



    .title__type5 {

        font-size: 2.2rem;

        line-height: 2.6rem

    }

}



@media only screen and (max-width: 400px) {

    .title__type2 {

        font-size:1.8rem;

        line-height: 2.6rem

    }



    .title__type2-top {

        font-size: 1.4rem;

        line-height: 1.8rem

    }



    .title__type3 {

        font-size: 1.8rem;

        line-height: 2.4rem

    }



    .title__type4 {

        font-size: 2rem;

        line-height: 2.4rem

    }



    .title__type5 {

        font-size: 2rem;

        line-height: 2.4rem

    }

}



.tooltip {

    position: relative;

    display: inline-block

}



.tooltip--marge {

    margin-left: 5px

}



.tooltip::after {

    content: attr(data-tip);

    visibility: hidden;

    background-color: rgba(33,33,33,.7);

    color: #fff;

    text-align: center;

    padding: 5px 10px;

    position: absolute;

    z-index: 99;

    bottom: calc(100% + 5px);

    right: 0;

    width: 300px;

    opacity: 0%;

    transition: opacity .3s,visibility .3s

}



.tooltip::before {

    content: "";

    visibility: hidden;

    position: absolute;

    bottom: calc(100% - 5px);

    right: 8px;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    opacity: 0%;

    border-color: rgba(33,33,33,.7) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);

    transition: opacity .3s,visibility .3s

}



.tooltip:hover::after,.tooltip:hover::before {

    opacity: 100%;

    visibility: visible

}



.tooltip-inner {

    width: 150px;

    opacity: 0%;

    position: absolute;

    bottom: calc(100% - 5px);

    right: 8px;

    margin-left: -5px;

    background-color: #fff;

    border-width: 5px;

    border-style: solid;

    border-color: rgba(26,26,26,.7) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);

    transition: opacity .3s,visibility .3s

}



@media only screen and (max-width: 500px) {

    .tooltip::after {

        transform:translateX(20%);

        font-size: 1.3rem;

        line-height: 1.7rem

    }

}



.callback {

    color: #fff;

    background-color: #212121;

    border: 1px solid #212121;

    position: fixed;

    bottom: 36px;

    padding-left: 5px;

    right: 0;

    right: calc(50% - 770px);

    cursor: pointer;

    z-index: 100

}



.callback__text {

    padding-right: 5px;

    background-color: #fff;

    transition: all .3s;

    color: #212121;

    display: inline-block;

    vertical-align: middle;

    border-left: 1px solid #fff;

    padding-left: 8px;

    font-size: 1.5rem;

    line-height: 3rem;

    font-weight: 500

}



.callback svg {

    display: inline-block;

    vertical-align: middle

}



.callback svg path {

    fill: #fff

}



.desktop .callback:hover .callback__text {

    background-color: #212121;

    color: #fff

}



@media only screen and (max-width: 1540px) {

    .callback {

        right:0

    }

}



@media only screen and (max-width: 700px) {

    .callback__text {

        font-size:1.3rem;

        line-height: 3rem

    }

}



#fleche-top {

    background-color: #212121;

    border: solid 1px #212121;

    width: 50px;

    height: 50px;

    position: fixed;

    bottom: 20px;

    right: 20px;

    transition: background-color .3s,opacity .5s,visibility .5s;

    opacity: 0%;

    visibility: hidden;

    z-index: 1000;

    text-align: center

}



#fleche-top svg {

    transform: rotate(90deg);

    width: 30px;

    height: 50px

}



#fleche-top svg path {

    fill: #fff;

    transition: fill .3s

}



.ios.mobile #fleche-top {

    bottom: 60px

}



.mobile #fleche-top {

    bottom: 40px

}



#fleche-top:active {

    background-color: #212121

}



#fleche-top.show {

    opacity: 100%;

    visibility: visible

}



.desktop #fleche-top:hover {

    cursor: pointer;

    background-color: #fff

}



.desktop #fleche-top:hover svg path {

    fill: #212121

}



@media only screen and (max-width: 800px) {

    #fleche-top {

        width:45px;

        height: 45px

    }



    #fleche-top svg {

        height: 45px;

        width: 25px

    }

}



.bandeau-bottom {

    position: fixed;

    bottom: 0;

    background-color: #e7e7e7;

    width: 100%;

    padding: 11px;

    display: none;

    z-index: 99

}



.bandeau-bottom__whatsapp,.bandeau-bottom__messenger {

    display: flex;

    align-items: center

}



.bandeau-bottom__whatsapp svg,.bandeau-bottom__messenger svg {

    width: 27px;

    height: 27px;

    margin-right: 6px

}



.bandeau-bottom__whatsapp span,.bandeau-bottom__messenger span {

    font-size: 1.5rem;

    line-height: 1.9rem

}



.bandeau-bottom__container {

    display: flex;

    align-items: center;

    justify-content: space-around

}



.tablet .bandeau-bottom,.mobile .bandeau-bottom {

    display: block

}



.tablet .bandeauBottom footer,.mobile .bandeauBottom footer {

    padding-bottom: 50px

}



.tablet .bandeauBottom #fb-root,.mobile .bandeauBottom #fb-root {

    display: none

}



@media only screen and (max-width: 500px) {

    .bandeau-bottom__whatsapp svg,.bandeau-bottom__messenger svg {

        width:25px;

        height: 25px

    }



    .bandeau-bottom__whatsapp span,.bandeau-bottom__messenger span {

        font-size: 1.4rem;

        line-height: 1.8rem

    }



    .tablet .bandeauBottom footer,.mobile .bandeauBottom footer {

        padding-bottom: 47px

    }

}



.PaylineWidget.pl-container-default .pl-pmContainer .pl-cardTypeIconContainer,.pl-card-brand-message,.pl-card-brand-tooltip-msg {

    display: none

}



@font-face {

    font-family: Font-Chanel;

    src: url("/fonts/clients/ABChanel_Corpo-Semi_Bold_web.woff2") format("woff2");

    font-weight: 600;

    font-style: normal

}



.typoChanel {

    font-family: Font-Chanel,arial,helvetica,sans-serif !important;

    color: #1d1d1d !important;

    text-transform: uppercase !important

}



.message-fix__root {

    padding: 15px 20px;

    position: sticky;

    bottom: 0;

    background-color: rgba(33,33,33,.95);

    z-index: 99

}



.message-fix__root--whatsapp {

    display: flex;

    align-items: center;

    justify-content: center

}



.message-fix__root--whatsapp .message-fix__txt {

    text-align: left

}



.message-fix__whatsapp {

    margin-left: 20px;

    display: none

}



.message-fix__whatsapp svg {

    width: 36px;

    height: 36px

}



.message-fix__txt {

    color: #fff;

    font-family: 'Helvetica';

    font-size: 1.6rem;

    line-height: 2.4rem;

    font-weight: 300;

    text-align: center

}



.mobile .message-fix__whatsapp {

    display: flex;

    align-items: center;

    gap: 10px;

    font-family: 'Helvetica';

    color: #fff;

    font-size: 1.4rem;

    line-height: 1.8rem;

    font-weight: 400

}



.compte-deco__container {

    text-align: center;

    margin-top: -10px

}



.tablet .compte-deco__root,.mobile .compte-deco__root {

    display: block !important

}



@media only screen and (max-width: 500px) {

    .compte-deco__container {

        margin-top:-5px

    }

}



.ui-datepicker .ui-datepicker-next {

    right: 2px !important;

    border: 0 none !important;

    top: 2px !important;

    transition: background-color .2s;

    cursor: pointer

}



.ui-datepicker .ui-datepicker-next span {

    position: relative

}



.ui-datepicker .ui-datepicker-next span::before {

    content: "›";

    position: absolute;

    left: 50%;

    top: 0;

    color: #212121;

    text-indent: 0;

    transform: translateX(-50%);

    font-weight: 700

}



.ui-datepicker .ui-datepicker-next-hover {

    background-color: #fff !important

}



.ui-datepicker .ui-datepicker-prev {

    left: 2px !important;

    border: 0 none !important;

    top: 2px !important;

    transition: background-color .2s;

    cursor: pointer

}



.ui-datepicker .ui-datepicker-prev span {

    position: relative

}



.ui-datepicker .ui-datepicker-prev span::before {

    content: "‹";

    position: absolute;

    left: 50%;

    top: 0;

    color: #212121;

    text-indent: 0;

    transform: translateX(-50%);

    font-weight: 700

}



.ui-datepicker .ui-datepicker-prev-hover {

    background-color: #fff !important

}



.customer-services__btn {

    position: fixed;

    bottom: 5px;

    right: 5px;

    z-index: 999;

    width: 70px;

    height: 70px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    text-align: center;

    background-color: #212121;

    cursor: pointer

}



.customer-services__btn span {

    margin-top: 5px;

    font-family: 'Helvetica';

    font-size: 0.9rem;

    line-height: 0.9rem;

    text-transform: uppercase;

    color: #fff

}



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

    .customer-services__btn {

        display:none

    }

}



.customer-services__btn.hidden {

    display: none

}



.customer-services__popin {

    width: 100vw;

    height: 100vh;

    position: fixed;

    z-index: 9999;

    top: 0;

    bottom: 0;

    left: 100vw;

    right: -100vw;

    padding: 40px 20px;

    background-color: #f5f5f5;

    transition: all .4s ease-in-out

}



.customer-services__popin.active {

    left: 0;

    right: 0;

    transition: all .4s ease-in-out

}



.customer-services__popin .title__type5 {

    text-transform: uppercase;

    font-family: 'Helvetica'

}



.customer-services__popin .user__text {

    font-size: 1.6rem;

    line-height: 2.6rem;

    font-family: 'Helvetica';

    margin-bottom: 80px

}



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

    .customer-services__popin {

        display:none

    }

}



.customer-services__close {

    position: absolute;

    top: 40px;

    right: 20px;

    font-size: 1.2rem;

    line-height: 2.2rem;

    cursor: pointer

}



.customer-services__close svg {

    width: 22px;

    height: 22px

}



.customer-services__links {

    margin-bottom: 90px

}



.customer-services__links li {

    border-top: 1px solid rgba(93,93,93,.4823529412);

    padding: 20px 0;

    text-align: left

}



.customer-services__links li:last-child {

    border-bottom: 1px solid rgba(93,93,93,.4823529412)

}



.customer-services__links li a {

    display: flex;

    align-items: center;

    justify-content: start;

    color: #212121;

    font-family: 'Helvetica';

    font-size: 1.9rem;

    line-height: 2.6rem;

    font-weight: 400

}



.customer-services__links li a svg {

    margin-right: 8px;

    fill: #212121;

    max-height: 18px;

    max-width: 18px

}



.prod-item {

    margin-bottom: 10px;

    display: inline-block;

    vertical-align: top;

    width: 33.3333333333%

}



.prod-item_--base4 {

    width: 25%

}



.prod-item_--wishlist {

    width: calc(25% - 30px);

    margin: 0 15px 10px

}



.prod-item__diapo {

    position: relative

}



.prod-item__diapo .prod-item__like {

    right: 10px;

    bottom: 10px

}



.prod-item--hoverBackground {

    position: relative;

    cursor: pointer

}



.prod-item--hoverBackground::after {

    background: rgba(0,0,0,0);

    transition: background .3s;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.prod-item--hoverBackground .prod-item__marque,.prod-item--hoverBackground .prod-item__content,.prod-item--hoverBackground .prod-item__collection,.prod-item--hoverBackground .prod-item__prix {

    color: inherit !important

}



.prod-item__flex {

    flex-grow: 1

}



.prod-item__ajout-bouton {

    text-align: center;

    margin-top: auto;

    padding-top: 12px

}



.prod-item_--nomhover {

    margin-bottom: 15px

}



.prod-item_--nomhover .prod-item__container-img {

    position: relative

}



.prod-item_--nomhover .prod-item__container-img::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.3);

    z-index: 1;

    opacity: 0%;

    transition: opacity .3s

}



.prod-item_--nomhover .prod-item__content {

    margin: 0 15px;

    padding: 0;

    transition: all .3s

}



.prod-item_--nomhover .prod-item__prix {

    font-size: 1.7rem;

    line-height: 2.1rem

}



.prod-item_--nomhover .prod-item__container .prod-item__collection {

    opacity: 0%;

    transition: opacity .3s

}



.prod-item_--nomhover--Plus .prod-item__container .prod-item__marque,.prod-item_--nomhover--Plus .prod-item__container .prod-item__prix {

    opacity: 0%;

    transition: opacity .3s

}



.prod-item__cancel {

    position: absolute;

    left: 5px;

    z-index: 2;

    top: 5px

}



.prod-item__cancel svg {

    display: block;

    cursor: pointer

}



.prod-item__like {

    position: absolute;

    right: 5px;

    z-index: 2;

    bottom: 5px

}



.prod-item__like svg {

    display: block;

    cursor: pointer;

    width: 26px

}



.prod-item__like svg path {

    transition: fill .3s

}



.prod-item__like--full {

    display: none

}



.prod-item__like.bouton,.main-detail__add-btn .pl-manager button.prod-item__like.pl-pay-btn.pl-pay-btn-logo.pl-paypal,.prod-item__like.b-form-file__bouton {

    position: static

}



.prod-item__rupture {

    background-color: orange;

    width: 200px;

    height: 25px;

    position: absolute;

    z-index: 1;

    top: 30px;

    transform: rotate(-35deg);

    left: -33px

}



.prod-item__rupture--texte {

    z-index: 2;

    font-family: 'Helvetica';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    position: absolute;

    font-size: 1.5rem;

    line-height: 1.9rem;

    text-align: center;

    width: 100%

}



.prod-item__rupture--edition {

    background-color: #212121;

    color: #fff;

    left: -35px

}



.prod-item__vignetteStock {

    position: absolute;

    z-index: 1;

    padding: 10px

}



.prod-item__vignetteStock--texte {

    font-size: 1.3rem;

    line-height: 1.7rem;

    z-index: 2;

    font-family: 'Helvetica';

    color: #fff;

    font-weight: 600;

    background-color: #212121;

    padding: 5px 18px;

    text-align: center;

    text-transform: uppercase

}



.prod-item__editionLimit {

    position: absolute;

    z-index: 1;

    width: 100%;

    left: 50%;

    transform: translateX(-50%);

    max-width: 180px;

    padding: 0 10px

}



.prod-item__editionLimit--flags {

    display: flex;

    flex-wrap: wrap;

    gap: 5px 10px;

    max-width: 100%;

    justify-content: center

}



.prod-item__editionLimit--flags .prod-item__editionLimit--texte {

    padding: 5px 15px;

    margin: 0

}



.prod-item__editionLimit--texte {

    font-size: 1.5rem;

    line-height: 1.9rem;

    z-index: 2;

    font-family: 'Helvetica';

    color: #fff;

    background-color: #212121;

    padding: 4px 5px;

    text-align: center

}



.prod-item--zoomhover {

    position: relative

}



.prod-item__container {

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    display: block

}



.prod-item__container--editionLimit {

    border: 1px solid #e0e0e0;

    border-top: 4px solid #212121

}



.prod-item__container-img {

    padding-bottom: 72%

}



.prod-item__container-img--wishlist {

    padding-bottom: 100%

}



.prod-item__container-img--multiMobile .prod-item__img-multiMobile--li+.prod-item__img-multiMobile--li {

    display: none

}



.prod-item__container-img--multiMobile .prod-item__img.image_second {

    display: block !important

}



.prod-item .prod-item__img {

    height: 100%;

    width: auto;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.prod-item .prod-item__img.image_second {

    opacity: 0%;

    transition: opacity .3s

}



.prod-item__content {

    position: relative;

    z-index: 10;

    padding: 10px 15px;

    text-align: center;

    display: block;

    transition: color .3s

}



.prod-item__content--nomHover {

    position: absolute !important;

    top: 50%;

    transform: translateY(-50%);

    margin: 0 !important;

    width: 100%;

    padding: 0 10px !important;

    color: #fff !important;

    background-color: rgba(0,0,0,0) !important

}



.prod-item__content--nomHover::before {

    content: none !important

}



.prod-item__marque {

    font-size: 1.5rem;

    line-height: 1.9rem;

    font-weight: 300;

    transition: color .3s

}



.prod-item__collection {

    font-size: 1.6rem;

    line-height: 2rem;

    font-family: 'Helvetica';

    transition: color .3s

}



.prod-item__collection b {

    font-weight: 700

}



.prod-item__collection--marge {

    margin-bottom: 30px

}



.prod-item__name {

    display: block;

    font-size: 1.5rem;

    line-height: 1.9rem

}



.prod-item__prix {

    font-size: 1.4rem;

    line-height: 1.8rem;

    transition: color .3s

}



.prod-item__prix .apartirde {

    font-size: 1.4rem;

    line-height: 1.8rem;

    margin-right: 2px

}



.prod-item__prix.prod-item__price-plusieur {

    font-weight: inherit;

    margin-top: 0 !important

}



.prod-item__prix.prod-item__price-plusieur .prod-item__price-nb,.prod-item__prix.prod-item__price-plusieur .main-prod__price-divided {

    font-weight: 600

}



.prod-item__link {

    margin: 10px 0;

    font-size: 1.3rem;

    line-height: 1.7rem;

    font-family: 'Helvetica';

    transition: color .3s

}



.prod-item__addpanier-mini {

    position: absolute;

    border: 1px solid #212121;

    right: 30px;

    bottom: 10px;

    padding: 2px

}



.prod-item__addpanier-mini svg {

    width: 28px;

    height: 28px;

    display: block

}



.prod-item__addpanier-mini path {

    fill: #212121

}



.prod-item__tag {

    position: absolute;

    right: 15px;

    top: 10px;

    font-size: 1.6rem;

    line-height: 2rem;

    font-family: 'Helvetica';

    padding: 5px 10px;

    z-index: 10

}



.prod-item__tag--reduc {

    color: #fff;

    background-color: #ee5048

}



.prod-item__hover-container {

    background-color: #fff;

    width: calc(100% + 62px);

    border: 1px solid #a5a4a7;

    position: absolute;

    left: 50%;

    top: 50%;

    visibility: hidden;

    opacity: 0%;

    transform: translate(-50%, -50%) scale(0.85);

    z-index: 100;

    transition: transform .3s,opacity .3s,visibility .3s;

    text-align: center

}



.prod-item__hover-container .prod-item__collection {

    margin-bottom: 5px

}



.prod-item__hover-container .prod-item__container-img.container-img {

    padding-bottom: 100%

}



.prod-item__hover-container .prod-item__container-img.actif {

    margin: 0

}



.prod-item__diapo .prod-item__container-img {

    display: none

}



.prod-item__diapo .prod-item__container-img.actif {

    display: block

}



.prod-item__mini-diapo {

    display: flex;

    justify-content: center;

    margin-left: -4px;

    margin-top: 4px

}



.prod-item__container-mini-img {

    border: 1px solid #d4d4d4;

    margin-left: 4px;

    height: 54px;

    width: 54px;

    transition: border-color .3s;

    cursor: pointer;

    transform: translate3d(0, 0, 0)

}



.prod-item__container-mini-img.actif {

    border-color: #212121

}



.tablet .prod-item__img-multiMobile--li,.mobile .prod-item__img-multiMobile--li {

    width: 100%;

    padding-bottom: 100%

}



.tablet .prod-item__img-multiMobile .flickity-page-dots,.mobile .prod-item__img-multiMobile .flickity-page-dots {

    bottom: 0 !important

}



.tablet .prod-item__img-multiMobile .flickity-page-dots .dot,.mobile .prod-item__img-multiMobile .flickity-page-dots .dot {

    width: 9px;

    height: 9px;

    margin: 0 7px

}



.tablet .prod-item--zoomhover,.mobile .prod-item--zoomhover {

    position: initial

}



.tablet .prod-item__container-img--multiMobile .flickity-enabled .prod-item__img-multiMobile--li+.prod-item__img-multiMobile--li,.mobile .prod-item__container-img--multiMobile .flickity-enabled .prod-item__img-multiMobile--li+.prod-item__img-multiMobile--li {

    display: block

}



.tablet .prod-item__container-img--multiMobile .prod-item__img.image_second,.mobile .prod-item__container-img--multiMobile .prod-item__img.image_second {

    display: none !important

}



.tablet .prod-item_--nomhover .prod-item__container-img--multiMobile,.mobile .prod-item_--nomhover .prod-item__container-img--multiMobile {

    position: initial

}



.tablet .prod-item_--nomhover .prod-item__container-img--multiMobile::before,.mobile .prod-item_--nomhover .prod-item__container-img--multiMobile::before {

    content: none !important

}



.tablet .prod-item_--nomhover .prod-item__container-img--multiMobile .prod-item__content,.mobile .prod-item_--nomhover .prod-item__container-img--multiMobile .prod-item__content {

    display: none

}



@media only screen and (max-width: 850px) {

    .tablet .prod-item__img-multiMobile .flickity-page-dots .dot,.mobile .prod-item__img-multiMobile .flickity-page-dots .dot {

        width:8px;

        height: 8px

    }

}



@media only screen and (max-width: 500px) {

    .tablet .prod-item__img-multiMobile .flickity-page-dots .dot,.mobile .prod-item__img-multiMobile .flickity-page-dots .dot {

        width:7px;

        height: 7px;

        margin: 0 6px

    }

}



@media only screen and (max-width: 420px) {

    .tablet .prod-item__img-multiMobile .flickity-page-dots .dot,.mobile .prod-item__img-multiMobile .flickity-page-dots .dot {

        width:6px;

        height: 6px;

        margin: 0 5px

    }

}



.desktop .prod-item__container:hover .prod-item__collection,.desktop .prod-item__container:hover .prod-item__marque,.desktop .prod-item__container:hover .prod-item__prix {

    color: #212121

}



.desktop .prod-item__container:hover .prod-item__img.image_second {

    opacity: 100%

}



.desktop .prod-item--detail:hover .prod-item__hover-container {

    visibility: visible;

    opacity: 100%;

    transform: translate(-50%, -50%) scale(1)

}



.desktop .prod-item__content:hover {

    color: #212121

}



.desktop .prod-item--hoverBackground:hover::after {

    background: rgba(0,0,0,.03)

}



.desktop .prod-item--zoomhover:hover .prod-item__hover-container {

    visibility: visible;

    opacity: 100%;

    transform: translate(-50%, -50%) scale(1)

}



.desktop .prod-item_--nomhover:hover .prod-item__container-img::before,.desktop .prod-item_--nomhover:hover .prod-item__content::before {

    opacity: 100%

}



.desktop .prod-item_--nomhover:hover .prod-item__container:hover .prod-item__collection {

    color: #fff;

    opacity: 100%

}



.desktop .prod-item_--nomhover:hover .prod-item__content {

    background-color: rgba(0,0,0,.3);

    color: #fff

}



.desktop .prod-item_--nomhover--Plus:hover .prod-item__container .prod-item__marque,.desktop .prod-item_--nomhover--Plus:hover .prod-item__container .prod-item__prix {

    color: #fff;

    opacity: 100%

}



.desktop .prod-item--hoverBackground {

    padding-bottom: 10px

}



.desktop .prod-item__like:hover svg path {

    fill: #212121

}



@media only screen and (max-width: 1100px) {

    .prod-item_--wishlist {

        width:calc(33.3333% - 20px);

        margin: 0 10px 10px

    }



    .prod-item__rupture {

        width: 170px;

        height: 20px;

        top: 25px;

        left: -30px

    }



    .prod-item__rupture--texte {

        font-size: 1.3rem;

        line-height: 1.7rem

    }

}



@media only screen and (max-width: 950px) {

    .prod-item {

        width:33.3333333333%

    }



    .prod-item_--base4-hidden {

        display: none

    }



    .prod-item_--wishlist {

        width: calc(33.3333% - 14px);

        margin: 0 7px 10px

    }

}



@media only screen and (max-width: 700px) {

    .prod-item {

        width:50%

    }



    .prod-item_--wishlist {

        width: calc(50% - 14px)

    }



    .prod-item_--base4-hidden {

        display: inline-block

    }



    .prod-item__marque {

        font-size: 1.4rem;

        line-height: 1.8rem

    }



    .prod-item__collection {

        font-size: 1.5rem;

        line-height: 2rem

    }



    .prod-item__name {

        font-size: 1.4rem;

        line-height: 1.8rem

    }



    .prod-item__prix {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .prod-item__prix .apartirde {

        font-size: 1.3rem;

        line-height: 1.7rem;

        top: 0

    }



    .prod-item__editionLimit--flags .prod-item__editionLimit--texte {

        padding: 3px 10px

    }



    .prod-item__editionLimit--texte {

        font-size: 1.4rem;

        line-height: 1.8rem;

        max-width: 180px;

        padding: 3px 5px

    }

}



@media only screen and (max-width: 500px) {

    .prod-item__container-img {

        padding-bottom:90%

    }



    .prod-item__container-img--wishlist {

        padding-bottom: 100%

    }



    .prod-item__editionLimit--texte {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .prod-item__like {

        position: absolute;

        right: 5px;

        z-index: 2;

        bottom: 5px;

        padding: 10px

    }



    .prod-item__prix .apartirde {

        font-size: 1.2rem;

        line-height: 1.6rem

    }



    .prod-item__vignetteStock--texte {

        font-size: 1.2rem;

        line-height: 1.6rem;

        padding: 5px 15px

    }

}



@media only screen and (max-width: 400px) {

    .prod-item {

        width:100%

    }



    .prod-item__container-img {

        padding-bottom: 65%

    }



    .prod-item__container-img--wishlist {

        padding-bottom: 100%

    }



    .prod-item__marque {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .prod-item__collection {

        font-size: 1.4rem;

        line-height: 2rem

    }



    .prod-item__name {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .prod-item__prix {

        font-size: 1.2rem;

        line-height: 1.6rem

    }



    .prod-item__rupture {

        left: -35px

    }



    .prod-item__tag {

        right: 0

    }

}



.top-menu {

    background-color: #e6e6e6;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

    font-family: 'Helvetica';

    transition: top .3s

}



.top-menu__nav {

    display: flex;

    align-items: center;

    max-width: 1320px;

    margin: 0 auto

}



.top-menu__nav--end {

    justify-content: flex-end

}



.top-menu__nav--space {

    justify-content: space-between

}



.top-menu__ul {

    width: 100%

}



.top-menu__li {

    display: inline-block;

    vertical-align: middle

}



.top-menu__a {

    display: block;

    padding: 6px 0;

    font-size: 1.3rem;

    line-height: 1.7rem;

    transition: color .3s

}



.top-menu__a svg path {

    transition: fill .3s

}



.top-menu__a svg {

    display: inline-block;

    vertical-align: middle;

    height: 19px;

    width: 19px;

    position: relative;

    top: -1px;

    left: 3px;

    margin-right: 5px

}



.top-menu__a svg path {

    fill: #212121

}



.main-header {

    text-align: center;

    padding-top: 30px;

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    border-bottom: 1px solid #212121

}



.main-header__logo {

    display: block

}



.header-transparent {

    width: 100vw;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    z-index: 100;

    position: fixed;

    background-color: #202020;

    transition: background-color .6s

}



.header-transparent--rolex {

    background-color: #fff !important

}



.header-transparent--blanc {

    background-color: #fff;

    box-shadow: 0 6px 10px rgba(0,0,0,.35)

}



.header-transparent--blanc.header-transparent__relative {

    box-shadow: none;

    border-bottom: 1px solid #ededed

}



.header-transparent--blanc .header-panier__text {

    color: #212121

}



.header-transparent--blanc .burger__barres,.header-transparent--blanc .burger__barres::before,.header-transparent--blanc .burger__barres::after {

    background-color: #000

}



.header-transparent--blanc .burger__text,.header-transparent--blanc .header-panier.has-item::before {

    color: #000

}



.header-transparent--blanc .header-transparent__search svg path,.header-transparent--blanc .header-transparent__compte svg path,.header-transparent--blanc .header-transparent__li .header-panier--panier svg path,.header-transparent--blanc .header-transparent__li .header-panier--wishlist svg path,.header-transparent--blanc .header-panier svg path {

    fill: #000

}



.header-transparent--blanc .main-header__menu::before,.header-transparent--blanc .header-transparent__search-container::before {

    background-color: rgba(255,255,255,.3)

}



.header-transparent__fix {

    position: absolute;

    background-color: rgba(0,0,0,0);

    transition: background-color .3s

}



.header-transparent__container-picto {

    display: flex;

    align-items: center;

    margin-left: 30px

}



.header-transparent__container-picto .header-panier {

    flex-direction: column

}



.header-transparent__container-picto .header-panier svg {

    height: 30px

}



.header-transparent__container-picto .header-transparent__li+.header-transparent__li {

    margin-left: 20px

}



.header-transparent__fixed {

    position: fixed

}



.header-transparent__relative {

    transition: box-shadow .5s,background-color .3s

}



.header-transparent__container-logo {

    position: absolute;

    left: 50%;

    transform: translateX(-50%)

}



.header-transparent__container-rubrique {

    position: relative;

    left: 70px

}



.header-transparent__rubrique-a {

    display: block;

    color: #fff;

    transition: color .3s;

    text-transform: uppercase;

    font-size: 1.3rem;

    line-height: 1.7rem

}



.header-transparent__logo {

    display: block

}



.header-transparent__logo-img {

    display: block;

    max-width: 220px;

    height: auto

}



.header-transparent__container {

    display: flex;

    align-items: center;

    padding: 15px 40px;

    background-color: #202020;

    background-color: rgba(0,0,0,0)

}



.header-transparent__container--fond {

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%)

}



.header-transparent__container--blanc {

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%)

}



.header-transparent__container-panier {

    display: flex;

    align-items: center;

    position: absolute;

    right: 40px

}



.header-transparent__container-panier--rolex {

    right: 220px

}



.header-transparent__li+.header-transparent__li {

    margin-left: 10px

}



.header-transparent__search {

    position: relative;

    cursor: pointer;

    display: flex;

    align-items: center

}



.header-transparent__search svg {

    width: 30px;

    height: 31px

}



.header-transparent__search svg path {

    fill: #fff;

    transition: fill .3s

}



.header-transparent__search-container {

    display: none;

    width: 100vw;

    height: calc(100vh - 85px);

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    position: absolute;

    background-color: rgba(0,0,0,0);

    top: 85px;

    overflow-y: auto

}



.header-transparent__search-container::before {

    content: "";

    transition: opacity 3s;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.3);

    opacity: 0%;

    visibility: hidden

}



.header-transparent__search-container.show {

    display: block

}



.header-transparent__search-container.show .main-header__cache-menu {

    display: block

}



.header-transparent__search-container.show::before {

    visibility: visible;

    opacity: 100%

}



.header-transparent__form-block {

    position: absolute;

    width: 100%;

    background-color: #fff;

    text-align: right

}



.header-transparent__form-block .close {

    padding: 0;

    right: 10px;

    top: 10px

}



.header-transparent__form-block .close__barres::before,.header-transparent__form-block .close__barres::after {

    background-color: #212121

}



.header-transparent__form-block .search__ul {

    text-align: center

}



.header-transparent__search-info {

    text-align: center;

    max-width: 700px;

    margin: 65px auto 100px;

    padding-right: 40px;

    display: flex;

    align-items: center;

    position: relative

}



.header-transparent__search-info input {

    border: none;

    border-bottom: solid 1px;

    font-size: 4rem;

    line-height: 4.4rem;

    font-weight: 300;

    outline: none;

    padding: 5px 0;

    width: 100%;

    position: relative;

    left: 40px

}



.header-transparent__search-info input::placeholder {

    color: #999

}



.header-transparent__form-submit {

    width: 30px;

    position: relative;

    height: 30px;

    cursor: pointer;

    outline: none

}



.header-transparent__form-submit svg {

    width: 100%

}



.header-transparent__form-submit svg path {

    transition: fill .3s

}



.desktop .header-transparent__search:hover svg path,.desktop .header-transparent__form-submit:hover svg path {

    fill: #212121

}



.burger {

    text-align: center;

    position: relative;

    cursor: pointer

}



.burger--horizontal {

    display: flex;

    align-items: center

}



.burger--horizontal .burger__btn {

    margin: 0 auto;

    width: 30px

}



.burger--horizontal .burger__barres::before {

    width: 70%;

    transition: width .4s

}



.burger--horizontal .burger__text {

    margin-left: 10px

}



.burger__btn {

    display: block;

    width: 35px;

    height: 35px;

    position: relative;

    padding: 6px 0;

    margin: 0 auto 4px

}



.burger__barres {

    display: block;

    background-color: #fff;

    height: 2px;

    transition: background-color .3s

}



.burger__barres::before {

    position: absolute;

    top: 17px;

    background-color: #fff;

    height: 2px;

    content: "";

    width: 100%;

    left: 0;

    transition: background-color .3s

}



.burger__barres::after {

    position: absolute;

    bottom: 6px;

    background-color: #fff;

    height: 2px;

    content: "";

    width: 100%;

    left: 0;

    transition: background-color .3s

}



.burger__text {

    text-transform: uppercase;

    font-size: 1.2rem;

    line-height: 1.6rem;

    color: #fff

}



.desktop .burger--horizontal:hover .burger__barres::before {

    width: 100%

}



.close {

    text-align: right;

    padding: 20px;

    position: relative;

    cursor: pointer

}



.close__btn {

    display: inline-block;

    width: 35px;

    height: 35px;

    position: relative;

    z-index: 2

}



.close__barres {

    display: block;

    height: 35px

}



.close__barres::before {

    position: absolute;

    top: 17px;

    background-color: #202020;

    height: 1px;

    content: "";

    width: 100%;

    left: 0;

    transition: background-color .3s;

    transform: rotate(45deg)

}



.close__barres::after {

    position: absolute;

    top: 17px;

    background-color: #202020;

    height: 1px;

    content: "";

    width: 100%;

    left: 0;

    transform: rotate(-45deg);

    transition: background-color .3s

}



.desktop .close .close__btn:hover .close__barres::before {

    background-color: #212121

}



.desktop .close .close__btn:hover .close__barres::after {

    background-color: #212121

}



.header-panier {

    cursor: pointer;

    display: flex;

    align-items: center

}



.header-panier svg {

    width: 35px;

    height: 35px

}



.header-panier svg path {

    fill: #fff;

    transition: fill .3s

}



.header-panier--wishlist svg {

    width: 31px;

    height: 30px

}



.header-panier__number {

    background-color: #e2007a;

    color: #fff;

    position: absolute;

    text-align: center;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    right: -2px;

    top: -2px;

    display: none

}



.header-panier--boutique svg {

    height: 30px

}



.header-panier.has-item {

    position: relative

}



.header-panier.has-item::before {

    content: attr(data-items);

    color: #fff;

    transition: color .3s;

    position: absolute;

    top: 16px;

    left: calc(50% - 15px);

    width: 30px;

    text-align: center;

    font-size: 1.3rem;

    line-height: 1.7rem;

    font-weight: 600;

    display: none

}



.header-panier.has-item .header-panier__number {

    display: block

}



.header-panier.has-item--wishlist::before {

    top: 8px;

    display: block

}



.header-panier__text {

    color: #fff;

    margin-top: 6px;

    font-size: 1.3rem;

    line-height: 1.7rem;

    transition: color .3s

}



.desktop .header-panier:hover svg path {

    fill: #212121

}



.desktop .header-panier:hover.has-item::before {

    color: #212121

}



.main-header__menu {

    position: fixed;

    top: 0;

    left: -100%;

    width: 100%;

    z-index: 10000;

    height: 100%;

    -webkit-overflow-scrolling: touch;

    transition: left 1ms .55s;

    overflow-y: auto

}



.main-header__menu::before {

    content: "";

    transition: opacity .5s;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.3);

    opacity: 0%;

    visibility: hidden

}



.main-header__menu.show {

    left: 0;

    transition: left 1ms

}



.main-header__menu.show::before {

    opacity: 100%;

    visibility: visible

}



.main-header__menu.show .main-menu {

    left: 0

}



.main-header__menu.show .main-header__cache-menu {

    display: block

}



.main-header__cache-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    display: none

}



.main-header__rolex {

    position: absolute;

    right: 40px;

    top: 7px

}



.main-header__rolex--resp {

    display: none

}



.main-header__form-loader {

    position: absolute;

    bottom: 8px;

    right: 110px

}



.main-header__form-clear {

    background-image: url("../../../images/cross-out.svg");

    background-repeat: no-repeat;

    background-position: center center;

    width: 17px;

    height: 17px;

    position: absolute;

    bottom: 19px;

    cursor: pointer;

    right: 110px;

    display: none

}



.main-header__form span.loader {

    bottom: 15px

}



@media(max-width: 1000px) {

    .header-transparent__search-info {

        margin:40px auto 80px;

        padding-right: 30px;

        max-width: 500px

    }



    .header-transparent__search-info input {

        font-size: 3rem;

        line-height: 3.4rem;

        left: 30px

    }



    .header-transparent__form-submit {

        width: 25px;

        height: 25px

    }



    .header-transparent__container-rubrique {

        left: 50px

    }



    .header-transparent__container-picto {

        position: absolute;

        right: 20px

    }



    .header-transparent__container-picto .header-transparent__li+.header-transparent__li {

        margin-left: 15px

    }



    .main-header__form-clear,.main-header__form span.loader {

        bottom: 10px;

        right: 75px

    }



    .main-header__rolex {

        display: none

    }



    .main-header__rolex--resp {

        display: block;

        margin: 0 auto;

        position: relative;

        left: 0;

        transform: translateX(0)

    }

}



@media(max-width: 700px) {

    .header-transparent__search-info {

        margin:25px auto 20px !important;

        padding-right: 25px;

        max-width: 400px

    }



    .header-transparent__search-info input {

        font-size: 2.2rem;

        line-height: 2.6rem;

        left: 25px

    }



    .header-transparent__container--blanc {

        background: linear-gradient(to bottom, rgba(255, 253, 253, 0.6) 0%, rgba(255, 255, 255, 0) 100%)

    }



    .header-transparent__form-submit {

        width: 20px;

        height: 20px

    }



    .header-transparent__form-block .close__btn {

        width: 30px;

        height: 30px

    }



    .header-transparent .main-header__form-clear,.header-transparent .main-header__form span.loader {

        bottom: 11px;

        right: 60px

    }



    .header-transparent .main-header__form-clear {

        width: 15px;

        height: 15px

    }

}



@media(max-width: 600px) {

    .header-transparent__container-picto .header-transparent__li+.header-transparent__li {

        margin-left:10px

    }

}



@media(max-width: 500px) {

    .header-transparent__search-info input {

        font-size:2rem;

        line-height: 2.4rem

    }



    .main-header__form-clear,.main-header__form span.loader {

        bottom: 6px

    }



    .main-header__logo-img {

        max-width: 200px;

        width: 100%

    }

}



.search__container {

    position: absolute;

    width: 100%;

    left: 0;

    top: 65%;

    background-color: #fff;

    z-index: 10000;

    padding: 20px 10px;

    display: none

}



.search__container .search__item {

    width: 20%

}



.search__container .search__item:nth-child(6) {

    display: none

}



.search__container .prod-item__name {

    font-size: 1.3rem;

    line-height: 1.7rem

}



.search__ul {

    display: flex

}



.search__suggestion-container {

    width: 33.3333333333%;

    text-align: left

}



.search__suggestion-container~.search__item:nth-child(6) {

    display: block

}



.search__suggestion-title {

    padding: 7px 10px;

    font-size: 1.5rem;

    line-height: 1.9rem;

    font-weight: bold

}



.search__suggestion-link {

    display: block;

    padding: 7px 10px;

    font-style: italic;

    font-size: 1.4rem;

    line-height: 1.8rem

}



.search__suggestion-link:focus,.search__suggestion-link:hover {

    border-radius: 3px;

    background-color: #ededed

}



.search__mobile {

    display: none

}



.search__bottom {

    padding-top: 25px;

    text-align: center

}



.search__error {

    padding-bottom: 15px;

    font-size: 1.5rem;

    line-height: 1.9rem;

    text-align: center;

    width: 100%

}



.search__close {

    position: absolute;

    top: 5px;

    z-index: 10;

    right: 5px;

    width: 19px;

    cursor: pointer;

    height: 19px;

    background-color: #212121;

    background-image: url("../../../images/boutons/close5.png");

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 13px

}



@media only screen and (max-width: 1000px) {

    .search__container .search__item {

        width:25%

    }



    .search__container .search__item:nth-child(5) {

        display: none

    }



    .search__container__suggestion-container~.search__item:nth-child(5) {

        display: block

    }

}



@media only screen and (max-width: 850px) {

    .search__container .search__item {

        width:33.3333%

    }



    .search__container .search__item:nth-child(5),.search__container .search__item:nth-child(6) {

        display: inline-block

    }



    .search__container {

        position: initial;

        top: 0

    }



    .search__ul {

        margin-bottom: 55px;

        flex-wrap: wrap

    }



    .search__suggestion-container {

        width: 50%

    }



    .search__suggestion-container~.search__item {

        width: 50%

    }



    .search__suggestion-container~.search__item:nth-child(n+6) {

        display: none !important

    }



    .search__bottom {

        position: fixed;

        bottom: 0;

        z-index: 10;

        width: 100%;

        left: 50%;

        transform: translateX(-50%);

        background-color: #fff;

        padding: 10px 0

    }



    .header-transparent__form-block {

        height: 100vh

    }



    .header-transparent__search-info {

        margin: 20px auto

    }

}



@media only screen and (max-width: 600px) {

    .search__suggestion-container~.search__item:nth-child(n+6) {

        display:block !important

    }

}



@media only screen and (max-width: 550px) {

    .search__container .search__item {

        width:50%

    }

}



@media only screen and (max-width: 400px) {

    .search__container .search__item {

        width:100%

    }

}



.main-menu {

    position: relative;

    z-index: 10;

    padding: 0;

    width: 80%;

    max-width: 400px;

    background-color: #fff;

    min-height: 100%;

    margin-top: 0;

    display: flex;

    flex-direction: column;

    transition: left .5s;

    left: -400px;

    box-shadow: 0 3px 12px 4px rgba(60,60,60,.4)

}



.main-menu--maxWidth {

    max-width: 330px

}



.main-menu--maxWidth .main-menu__submenu {

    max-width: 280px;

    left: 330px

}



.main-menu--maxWidth .submenu {

    max-width: 280px

}



.main-menu__container-tel {

    background-color: #fff;

    padding: 5px 0;

    display: none

}



.main-menu__container-tel .main-menu__coordonnes-boutique--text {

    margin-left: 0;

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center

}



.main-menu__container-tel .main-menu__coordonnes-boutique--text b,.main-menu__container-tel .main-menu__coordonnes-boutique--text span {

    width: 50%

}



.main-menu__container-tel .main-menu__coordonnes-boutique--text span {

    text-align: right

}



.main-menu__container-tel .main-menu__a {

    padding: 10px 20px;

    font-family: 'Helvetica';

    font-size: 1.6rem;

    line-height: 2rem

}



.main-menu__ul {

    font-family: iconfnt;

    width: 100%;

    padding: 0 12.5% 20px

}



.main-menu__ul>* {

       font-family: 'Helvetica';

}



.main-menu__lang {

    display: flex;

    justify-content: center;

    text-transform: uppercase;

    font-size: 1.3rem;

    line-height: 1.7rem;

    margin-top: 30px

}



.main-menu__lang--li:first-child {

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid #212121

}



.main-menu__lang--li a {

    position: relative

}



.main-menu__lang--li a::before {

    content: "";

    position: absolute;

    height: 1px;

    width: 0;

    background-color: #212121;

    bottom: -3px;

    left: 0;

    transition: width .3s

}



.main-menu__lang--li.selected a::before {

    width: 100%

}



.main-menu__li.is-hover .submenu {

    visibility: visible;

    opacity: 100%;

    transition: opacity .05s .25s,visibility .3s

}



.main-menu__li.is-hover .submenu__container::before {

    height: 0;

    transition: height .9s .25s

}



.main-menu__li.is-hover .main-menu__a {

    color: #212121

}



.main-menu__li.is-hover .main-menu__a svg path {

    fill: #212121

}



.main-menu__li--traitMenu {

    margin-bottom: 30px

}



.main-menu__li--traitMenu .main-menu__a::before {

    content: "";

    position: absolute;

    background-color: #212121;

    width: 25%;

    left: 50%;

    transform: translateX(-50%);

    height: 4px;

    bottom: -2px;

    transition: width .3s

}



.main-menu__li--traitMenu .main-menu__a.actif::before {

    width: 45%

}



.main-menu__coordonnes-rolex {

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    margin-top: auto;

    display: flex;

    flex-direction: column-reverse;

    padding-top: 20px

}



.main-menu__coordonnes-boutique {

    background-color: #f2f2f2;

    display: block;

    text-align: left;

    padding: 5px 0;

    position: relative

}



.main-menu__coordonnes-boutique--rolex {

    margin-top: 15px

}



.main-menu__coordonnes-boutique--telMulti {

    position: relative;

    cursor: pointer

}



.main-menu__coordonnes-boutique--telMulti.rotate .main-menu__coordonnes-boutique--text svg {

    transform: rotate(180deg)

}



.main-menu__coordonnes-boutique--telMulti .main-menu__coordonnes-boutique--text svg {

    position: absolute;

    display: block;

    top: 50%;

    margin-top: -13px;

    right: 2px;

    left: auto;

    transition: transform .3s;

    width: 27px

}



.main-menu__coordonnes-boutique--telMulti .main-menu__coordonnes-boutique--text svg polyline {

    stroke: #212121

}



.main-menu__coordonnes-boutique--a {

    font-size: 1.8rem;

    line-height: 2.2rem;

    padding: 10px 15px;

    display: flex;

    align-items: center;

    font-weight: 300;

    font-family: 'Helvetica'

}



.main-menu__coordonnes-boutique--a svg {

    width: 23px;

    height: 23px;

    margin-right: 7px

}



.main-menu__coordonnes-boutique--li--wishlist {

    display: none

}



.main-menu__a {

    color: #202020;

    transition: color .3s;

    font-size: 2.4rem;

    line-height: 2.8rem;

    padding: 14px 0;

    display: block;

    font-weight: 300;

    position: relative

}



.main-menu__a.actif {

    color: #212121

}



.main-menu__a.has-submenu svg {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: -15px;

    display: block

}



.main-menu__a.has-submenu svg path {

    transition: fill .3s;

    fill: #202020

}



.main-menu__a--back {

    display: none

}



.main-menu__a svg {

    display: none

}



.main-menu__resp-svg {

    height: 60px;

    display: flex;

    justify-content: center;

    align-items: center

}



.main-menu__resp-svg svg {

    width: 40px;

    height: 40px

}



.main-menu__resp-svg svg path {

    fill: #202020

}



.main-menu__submenu {

    position: absolute;

    width: 0;

    height: 100%;

    max-width: 300px;

    left: 400px;

    background-color: #f2f2f2;

    box-shadow: 9px 3px 8px -5px rgba(60,60,60,.4);

    transition: width .5s .15s

}



.main-menu__submenu.shown {

    width: 100%;

    transition: width .5s

}



.desktop .main-menu__a:hover {

    color: #212121

}



.desktop .main-menu__a:hover svg path {

    fill: #212121

}



.desktop .main-menu__li--traitMenu:hover .main-menu__a::before {

    width: 45%

}



.desktop .main-menu__lang--li a:hover::before {

    width: 100%

}



.submenu {

    position: absolute;

    left: 100%;

    padding: 0 6.25%;

    top: 0;

    max-width: 300px;

    width: 100%;

    height: 100%;

    opacity: 0%;

    visibility: hidden;

    overflow-y: auto;

    transition: opacity .15s,visibility .15s

}



.submenu__container {

    position: relative;

    margin-top: 77px;

    margin-bottom: 20px

}



.submenu__container::before {

    content: "";

    position: absolute;

    z-index: 10;

    width: 100%;

    height: calc(100% + 100px);

    bottom: 0;

    left: 0;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(242, 242, 242) 100px, rgb(242, 242, 242) 100%);

    transition: height .4s

}



.submenu__ul--all .submenu__a {

    font-weight: 600;

    font-size: 2rem;

    line-height: 2.4rem;

    color: #212121;

    padding-top: 14px

}



.submenu__img {

    max-width: 100%;

    height: auto

}



.submenu__img:first-child {

    margin-top: 30px

}



.submenu__a {

    color: #202020;

    transition: color .3s;

    font-size: 1.6rem;

    line-height: 2.2rem;

    display: block;

    font-weight: 200;

    position: relative

}



.submenu__li+.submenu__li {

    margin-top: 5px

}



.submenu__li--titre {

    font-size: 1.8rem;

    line-height: 2.2rem;

    color: #202020;

    font-weight: 400;

    margin-top: 20px

}



.submenu__li--img {

    text-align: center

}



.desktop .submenu__a:hover {

    color: #212121

}



@media(max-width: 1000px) {

    .header-transparent__container {

        padding:15px 20px

    }



    .header-transparent__container-panier {

        right: 20px

    }

}



@media(max-width: 850px) {

    .header-transparent__logo-img {

        max-width:195px

    }

}



@media(max-width: 770px) {

    .close {

        z-index:100;

        padding: 15px 30px 10px

    }



    .submenu {

        left: -110%;

        top: 0;

        padding-top: 62px;

        max-width: calc(100% - 15px);

        background-color: #f2f2f2;

        box-shadow: 1px 1px 10px rgba(60,60,60,.3);

        z-index: 10;

        height: 100%;

        padding-bottom: 62px;

        opacity: 100%;

        transition: visibility .5s,left .5s;

        overflow: auto

    }



    .submenu__ul--all .submenu__a {

        font-size: 1.7rem;

        line-height: 2.1rem

    }



    .submenu__li--titre {

        font-size: 1.6rem;

        line-height: 2rem

    }



    .submenu__img:first-child {

        margin-top: 20px

    }



    .submenu__a {

        font-size: 1.5rem;

        line-height: 1.9rem

    }



    .submenu__container {

        margin-top: 0

    }



    .submenu__container::before {

        display: none

    }



    .main-menu {

        max-width: 300px

    }



    .main-menu__submenu {

        left: 0;

        max-width: 280px;

        box-shadow: 0 0 10px #d2d2d2;

        width: 0 !important

    }



    .main-menu__ul {

        top: 0;

        height: auto

    }



    .main-menu__li.is-hover .submenu {

        visibility: visible;

        left: 0;

        transition: visibility .5s,left .5s

    }



    .main-menu__li.is-hover .main-menu__a {

        color: #202020

    }



    .main-menu__li.is-hover .main-menu__a svg path {

        fill: #202020

    }



    .main-menu__li--traitMenu {

        margin-bottom: 25px

    }



    .main-menu__li--traitMenu .main-menu__a--back.has-submenu::before {

        content: none

    }



    .main-menu__a {

        font-size: 1.8rem;

        line-height: 2.2rem;

        padding: 10px 0

    }



    .main-menu__a--back.has-submenu {

        display: block;

        padding-left: 30px

    }



    .main-menu__a--back.has-submenu svg {

        transform: rotate(180deg) translateY(50%);

        left: 0;

        right: auto

    }



    .main-menu__a.has-submenu svg {

        width: 15px

    }



    .main-menu__container-tel {

        padding: 3px 0

    }



    .main-menu__container-tel .main-menu__a {

        font-size: 1.4rem;

        line-height: 1.8rem;

        padding: 10px 15px

    }



    .main-menu__coordonnes-boutique--a {

        font-size: 1.5rem;

        line-height: 1.9rem;

        padding: 7px 15px

    }



    .main-menu__coordonnes-boutique--a svg {

        width: 18px;

        height: 18px;

        margin-right: 7px

    }



    .main-menu__coordonnes-boutique--telMulti .main-menu__coordonnes-boutique--text svg {

        width: 23px;

        margin-top: -10px

    }



    .header-transparent__rubrique-a {

        display: none

    }

}



@media(max-width: 600px) {

    .header-transparent__logo-img {

        max-width:140px

    }



    .header-transparent__search-container {

        top: 68px;

        height: calc(100vh - 68px)

    }



    .header-transparent__search svg {

        width: 23px;

        height: 23px

    }



    .header-transparent__container {

        padding: 10px

    }



    .header-transparent__compte {

        display: none

    }



    .header-transparent__li+.header-transparent__li {

        margin-left: 6px

    }



    .header-transparent__container-picto {

        right: 10px

    }



    .header-transparent__container-picto .header-panier svg {

        height: 26px

    }



    .header-panier svg {

        width: 30px;

        height: 30px

    }



    .header-panier.has-item::before {

        top: 13px;

        font-size: 1.1rem;

        line-height: 1.5rem

    }



    .header-panier--wishlist {

        display: none

    }



    .header-panier--boutique svg {

        height: 25px

    }



    .header-panier__number {

        top: -5px;

        right: -5px

    }



    .header-panier__text {

        display: none

    }



    .burger {

        left: 10px

    }



    .burger--horizontal .burger__text {

        display: none

    }



    .burger--horizontal .burger__btn {

        width: 25px

    }



    .burger__btn {

        width: 30px;

        height: 30px

    }



    .burger__barres::before {

        top: 14px

    }



    .burger__text {

        font-size: 1rem;

        line-height: 1.4rem

    }



    .main-menu__ul.no-overflow {

        overflow: hidden

    }



    .main-menu__coordonnes-boutique--li--wishlist {

        display: block

    }



    .search__suggestion-container {

        width: 100%;

        padding: 10px;

        margin-bottom: 20px;

        background-color: #ededed

    }



    .search__suggestion-link:focus,.search__suggestion-link:hover {

        background-color: #d7d7d7

    }



    .search__suggestion-title {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .search__suggestion-item:nth-child(n+5) {

        display: none

    }

}



@media(max-width: 360px) {

    .header-transparent__logo-img {

        max-width:125px

    }

}



.separator--mobile {

    flex: 1;

    display: inline

}



.no-scroll .blog-articles .header-transparent {

    z-index: 1000

}



.accueil main {

    padding-top: 0

}



/* main,.page404__root {

    padding-top: 85px

} */



.infos,.recap,.paiement,.infosreservation,.paiementreservation {

    padding-top: 0

}



@media(max-width: 600px) {

    main,.page404__root {

        padding-top:69px

    }

}



.ariane__container {

    z-index: 16 !important

}



.SF .header-transparent__container--blanc {

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%)

}



.infos .main-header__logo svg path,.paiement .main-header__logo svg path,.recap .main-header__logo svg path,.infosreservation .main-header__logo svg path,.paiementreservation .main-header__logo svg path {

    fill: #212121

}



.infos .main-header__logo svg polygon,.paiement .main-header__logo svg polygon,.recap .main-header__logo svg polygon,.infosreservation .main-header__logo svg polygon,.paiementreservation .main-header__logo svg polygon {

    fill: #212121

}



body.beskopeRolex_monomarque .header-rolex__root {

    display: none

}



body.beskopeRolex_monomarque .main-header__menu {

    display: block !important

}



.lang {

    position: absolute;

    max-width: 80px;

    width: 100%;

    background-color: #fff;

    font-family: 'Helvetica';

    display: block;

    height: auto;

    padding: 20px 0;

    left: 25px;

    z-index: 101;

    top: 10px

}



.lang--noDrapeaux {

    max-width: 60px

}



.lang__select {

    display: flex;

    align-items: center;

    font-size: 1.3rem;

    line-height: 1.7rem;

    cursor: pointer;

    text-transform: uppercase;

    height: 20px

}



.lang__selection {

    position: relative

}



.lang__selection .lang__langue {

    transition: color .3s

}



.lang__drapeau svg {

    margin-right: 5px;

    width: 21px;

    display: block

}



.lang__langue {

    display: flex;

    align-items: center

}



.lang__langue svg {

    width: 20px;

    margin-left: 5px;

    transition: transform .5s !important

}



.lang__langue svg polyline {

    stroke: #212121;

    transition: stroke .3s

}



.lang__langue.rotate svg {

    transform: rotate(180deg)

}



.lang__option {

    transition: color .3s;

    margin: 5px 0

}



.lang__option.selected {

    color: #212121

}



.lang__option svg {

    margin: 0;

    padding-right: 5px;

    width: 27px

}



.lang__li {

    padding: 1px 0

}



.lang__container {

    border: solid 1px #212121;

    padding: 3px 8px;

    position: absolute;

    left: -8px;

    max-width: 80px;

    width: 100%;

    background-color: #fff;

    z-index: 9999;

    top: 45px

}



.desktop .lang__option:hover {

    color: #212121

}



.desktop .lang__langue:hover {

    color: #212121

}



.desktop .lang__langue:hover svg polyline {

    stroke: #212121

}



@media(max-width: 770px) {

    .lang {

        padding:15px 0 10px;

        left: 30px

    }

}



@media(hover: none)and (min-width: 770px) {

    html.ios.no-scroll .header-transparent .main-header__menu {

        overflow-y:scroll

    }



    html.ios.no-scroll .header-transparent .main-menu {

        overflow-y: initial;

        height: auto

    }



    html.ios.no-scroll .header-transparent .main-menu__li.is-hover .submenu {

        height: 96vh

    }



    html.ios.no-scroll .header-transparent .submenu__container {

        padding-bottom: 40px;

        margin-bottom: 0

    }

}



footer {

    background-color: #393939;

    color: #fff;

    position: relative

}



.footer--blanc {

    background-color: #fff;

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    border-top: solid 1px #212121;

    padding-bottom: 5px

}



.footer--infos {

    padding-bottom: 0 !important

}



.footer__titre-main.title__type2 {

    margin-bottom: 30px

}



.footer__bottom {

    background-color: #fff;

    text-align: center;

    padding: 10px 0

}



.footer__bottom-a {

    font-size: 1.5rem;

    line-height: 1.9rem;

    font-family: 'Helvetica';

    transition: color .3s

}



.footer-menu__icon--name {

    font-size: 1.4rem;

    line-height: 2.4rem;

    text-align: center;

    font-family: 'Helvetica';

    text-transform: none;

    transition: color .3s

}



.footer-menu__ul--menuColonne .arrow-down-svg {

    display: none

}



.footer-menu__container--deroulant {

    display: block

}



@media only screen and (max-width: 700px) {

    .footer-menu__with--arrow {

        display:flex;

        align-items: center;

        justify-content: space-between;

        padding: 20px 10px;

        border-bottom: 1px solid #000

    }



    .footer-menu__deroulant .arrow-down-svg {

        display: block;

        transition: .4s;

        width: 30px;

        height: 30px

    }



    .footer-menu__deroulant .arrow-down-svg polyline {

        stroke: #393939

    }



    .footer-menu__container--deroulant {

        display: none;

        background-color: #fff

    }



    .footer-menu__container--deroulant .footer-menu__item-liste {

        padding: 10px

    }



    .footer-menu__deroulant--active .footer-menu__with--arrow {

        position: relative

    }



    .footer-menu__deroulant--active .arrow-down-svg {

        transform: rotate(180deg)

    }



    .footer-menu__deroulant--active .arrow-down-svg polyline {

        stroke: #393939

    }

}



.footer-logoPaiements__container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    width: 65%;

    margin-top: 60px

}



.footer-logoPaiements__a {

    display: block

}



.footer-logoPaiements__item {

    margin: 0 12px 25px

}



.footer-logoPaiements__img {

    max-height: 30px;

    width: auto

}



.footer-text {

    background-color: #212121;

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw

}



.footer-text__content {

    max-width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding: 20px 0;

    font-size: 1.3rem;

    line-height: 2rem

}



.footer-text__content--suite,.footer-text__content--moins {

    display: none

}



@media only screen and (max-width: 700px) {

    footer {

        margin-top:25px

    }



    .footer-text__content {

        font-size: 1.2rem;

        line-height: 1.8rem

    }

}



@media only screen and (max-width: 500px) {

    .footer-text {

        display:none

    }



    .footer-text__content--lireSuite p {

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

        overflow: hidden

    }



    .footer-text__content--lireSuite p.lireSuite {

        -webkit-line-clamp: initial

    }



    .footer-text__content--lireSuite .footer-text__content--moins {

        display: none

    }



    .footer-text__content--suite,.footer-text__content--moins {

        text-decoration: underline;

        margin-top: 10px;

        cursor: pointer;

        transition: color .3s

    }

}



.footer-shops {

    padding: 20px 0

}



.footer-shops__container {

    margin-left: -40px;

    text-align: center

}



.footer-shops .b-shop {

    text-align: left;

    display: inline-block;

    vertical-align: top;

    width: calc(25% - 60px);

    margin-left: 60px

}



.footer-shops__form {

    text-align: left;

    display: inline-block;

    vertical-align: top;

    width: calc(25% - 80px);

    margin-left: 60px

}



.footer-shops .b-form-input__input,.footer-shops .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-shops input,.footer-shops .b-form-checkbox__other-input,.footer-shops .b-form-date__input,.footer-shops .b-form-select__select,.footer-shops .select2-selection {

    width: calc(100% - 50px)

}



.footer-shops .b-shop__name {

    transition: color .3s

}



.desktop .footer-shops .b-shop:hover .b-shop__name {

    color: #212121

}



.desktop .footer__bottom-a:hover {

    color: #212121

}



@media only screen and (max-width: 1200px) {

    .footer-shops__container {

        margin-left:-20px

    }



    .footer-shops .b-shop {

        width: calc(33.3% - 20px);

        margin-left: 20px

    }



    .footer-shops__form {

        text-align: center;

        width: 100%;

        position: relative;

        left: 20px;

        margin: 40px auto 0;

        max-width: 320px

    }



    .footer-shops__form::before {

        content: "";

        position: absolute;

        top: -20px;

        height: 1px;

        width: 50px;

        left: 50%;

        background-color: #fff;

        margin-left: -25px

    }

}



@media only screen and (max-width: 700px) {

    .footer-shops__container {

        margin-left:0

    }



    .footer-shops .b-shop {

        text-align: center;

        width: 100%;

        margin-left: 0

    }



    .footer-shops .b-shop+.b-shop {

        margin-top: 40px;

        position: relative

    }



    .footer-shops .b-shop+.b-shop::before {

        content: "";

        position: absolute;

        top: -20px;

        height: 1px;

        width: 50px;

        left: 50%;

        background-color: #fff;

        margin-left: -25px

    }



    .footer-shops__form {

        left: 0

    }

}



.footer-social {

    padding: 20px 0;

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    background-color: #393939

}



.footer-social__containerInfo {

    padding-bottom: 0 !important

}



.footer-social__liste .footer-social__container--newsletter .footer-social__ul {

    width: 25%

}



.footer-social__liste .footer-social__container--newsletter .footer-social__form {

    width: 50%

}



.footer-social__container-liste {

    padding: 5px 0

}



.footer-social__a-liste {

    font-size: 1.4rem;

    line-height: 2.4rem

}



.footer-social__background {

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

    right: 0

}



.footer-social__background .footer-social__img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.footer-social__blanc {

    background-color: #fff;

    color: #212121;

    padding: 40px 0 25px;

    max-width: 1540px;

    margin: 0 auto;

    left: 0;

    right: auto

}



.footer-social__blanc .footer-menu__a {

    color: #212121

}



.footer-social__blanc .footer-social__container {

    display: flex;

    flex-wrap: wrap;

    width: 100%

}



.footer-social__blanc .footer-social__logo {

    width: 35%

}



.footer-social__blanc .footer-social__container--logo .footer-social__form {

    width: 65%;

    padding: 0

}



.footer-social__blanc .footer-social__container--logo .footer-social__ul {

    margin-left: 0;

    width: 35%;

    margin-top: 30px

}



.footer-social__blanc .footer-social__container--logo .txt__footer {

    font-size: 1.4rem;

    line-height: 2.2rem;

    margin-bottom: 10px

}



.footer-social__blanc .footer-social__form .b-form-input {

    margin-left: 0;

    max-width: 280px;

    width: 100%

}



.footer-social__blanc .footer-social__form .title__footer {

    font-size: 1.8rem;

    line-height: 2.2rem;

    margin-bottom: 25px

}



.footer-social__blanc .footer-menu__icon {

    font-size: 2rem;

    line-height: 1.8rem

}



.footer-social__blanc .footer-social__form-container {

    display: flex;

    justify-content: center;

    margin-top: 30px

}



.footer-social__blanc .footer-social__form-container .b-form-input__input,.footer-social__blanc .footer-social__form-container .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-social__blanc .footer-social__form-container input,.footer-social__blanc .footer-social__form-container .b-form-checkbox__other-input,.footer-social__blanc .footer-social__form-container .b-form-date__input,.footer-social__blanc .footer-social__form-container .b-form-select__select,.footer-social__blanc .footer-social__form-container .select2-selection {

    border: none;

    border-bottom: solid 1px;

    width: 100%

}



.footer-social__blanc .footer-social__form-container input[type=submit] {

    border: none;

    border-bottom: solid 1px

}



.footer-social__container {

    text-align: center

}



.footer-social__container--background {

    position: relative;

    z-index: 2

}



.footer-social__container--noNewsletter {

    justify-content: center;

    align-items: center

}



.footer-social__container--newsletter {

    display: flex;

    max-width: 1000px;

    margin: 0 auto

}



.footer-social__container--newsletter .footer-social__form {

    width: 60%

}



.footer-social__container--newsletter .b-form-input__input,.footer-social__container--newsletter .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-social__container--newsletter input,.footer-social__container--newsletter .b-form-checkbox__other-input,.footer-social__container--newsletter .b-form-date__input,.footer-social__container--newsletter .b-form-select__select,.footer-social__container--newsletter .select2-selection {

    font-size: 1.4rem;

    line-height: 1.8rem;

    width: 100%

}



.footer-social__container--newsletter .footer-social__form .b-form-input {

    margin-left: 0;

    width: 40%

}



.footer-social__container--newsletter .footer-social__ul {

    width: 50%;

    margin-left: 0

}



.footer-social__container--newsletter .txt__footer {

    font-size: 1.4rem;

    line-height: 1.8rem;

    margin-bottom: 10px;

    font-weight: 300

}



.footer-social__container--newsletter .title__footer {

    font-size: 1.6rem;

    line-height: 2rem

}



.footer-social__container--newsletter .footer-social__li:first-child {

    margin-left: 0

}



.footer-social__container--newsletter--txtReseaux {

    max-width: 1320px

}



.footer-social__container--newsletter--txtReseaux .footer-social__form,.footer-social__container--newsletter--txtReseaux .footer-social__ul {

    width: calc(50% - 20px);

    margin: 0 10px

}



.footer-social__container--newsletter--txtReseaux .footer-menu__icon {

    padding: 5px 0

}



.footer-social__container--logo .footer-social__form {

    width: 70%;

    padding: 0 10px

}



.footer-social__container--logo .footer-social__ul {

    width: 15%;

    margin-left: 15px

}



.footer-social__container--logo .txt__footer {

    width: 80%;

    margin-left: auto;

    margin-right: auto

}



.footer-social__container--infoBoutique {

    align-items: center;

    justify-content: space-around !important;

    padding: 0 5px

}



.footer-social__container--infoBoutique .footer-social__container--left {

    width: 35%;

    display: flex;

    justify-content: flex-end;

    font-size: 1.5rem;

    line-height: 2.5rem

}



.footer-social__container--infoBoutique .footer-social__container--left--gauche,.footer-social__container--infoBoutique .footer-social__container--left--droite {

    width: 50%;

    display: flex;

    justify-content: space-between;

    flex-direction: column

}



.footer-social__container--infoBoutique .footer-social__container--left--gauche .footer-social__container--left--bas {

    text-align: left

}



.footer-social__container--infoBoutique .footer-social__container--left--droite {

    text-align: right

}



.footer-social__container--infoBoutique .footer-social__container--left--droite .footer-social__container--left--haut {

    padding-left: 25px

}



.footer-social__container--infoBoutique .footer-social__container--left .footer-social__logo {

    width: 100%;

    margin-bottom: 30px

}



.footer-social__container--infoBoutique .footer-social__container--left .footer-social__logo img {

    height: 100%;

    width: 100%

}



.footer-social__container--infoBoutique .footer-social__container--left .footer-social__jours {

    display: inline

}



.footer-social__container--infoBoutique .footer-social__container--right {

    width: 35%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start

}



.footer-social__container--infoBoutique .footer-social__container--right .title__footer {

    display: block;

    text-align: left;

    margin-bottom: 0

}



.footer-social__container--infoBoutique .footer-social__container--right .title__footer,.footer-social__container--infoBoutique .footer-social__container--right .small {

    font-weight: bold

}



.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form {

    width: 100%

}



.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container {

    position: relative;

    justify-content: flex-start;

    margin-top: 0

}



.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .b-form-input__input,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container input,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .b-form-checkbox__other-input,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .b-form-date__input,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .b-form-select__select,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form .footer-social__form-container .select2-selection {

    font-style: italic

}



.footer-social__container--infoBoutique .footer-social__container--right .b-form-input {

    max-width: 330px !important

}



.footer-social__container--infoBoutique .footer-social__container--right .b-form-input__input,.footer-social__container--infoBoutique .footer-social__container--right .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-social__container--infoBoutique .footer-social__container--right input,.footer-social__container--infoBoutique .footer-social__container--right .b-form-checkbox__other-input,.footer-social__container--infoBoutique .footer-social__container--right .b-form-date__input,.footer-social__container--infoBoutique .footer-social__container--right .b-form-select__select,.footer-social__container--infoBoutique .footer-social__container--right .select2-selection,.footer-social__container--infoBoutique .footer-social__container--right .small {

    background-color: #212121;

    border: none !important

}



.footer-social__container--infoBoutique .footer-social__container--right .footer-social__ul {

    display: inherit

}



.footer-social__form {

    display: inline-block

}



.footer-social__form .title__footer {

    display: inline-block

}



.footer-social__form .b-form-input {

    display: inline-block;

    margin-left: 10px

}



.footer-social__logo {

    width: 15%;

    display: block

}



.footer-social__logo img {

    display: block;

    width: 100px;

    max-width: 100%;

    margin: 0 auto

}



.footer-social__ul {

    display: inline-block;

    margin-left: 35px

}



.footer-social__ul--newsletter .footer-social__li {

    margin-left: 0

}



.footer-social__ul--newsletter .footer-social__li+.footer-social__li {

    margin-left: 20px

}



.footer-social__ul--logoPaiements {

    margin-top: 60px !important

}



.footer-social__li {

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px

}



.footer-social__li:nth-child(1) {

    margin-left: 0

}



.footer-social__noReseaux {

    justify-content: center

}



#formNewsletter .showError {

    position: absolute

}



@media only screen and (max-width: 1250px) {

    .footer-social__blanc .footer-social__container--logo .txt__footer {

        width:100%

    }



    .footer-social__blanc .footer-social__container--logo .footer-social__ul {

        margin-top: 20px

    }



    .footer-social__blanc .footer-social__container {

        max-width: 100%

    }

}



@media only screen and (max-width: 1200px) {

    .footer-social__container--left,.footer-social__container--right {

        width:40% !important

    }

}



@media only screen and (max-width: 1000px) {

    .footer-social__container--infoBoutique {

        flex-direction:column

    }



    .footer-social__container--infoBoutique .footer-social__container--left {

        margin-bottom: 35px

    }



    .footer-social__container--infoBoutique .footer-social__container--left .footer-social__logo img {

        max-width: 200px;

        margin-left: 0

    }



    .footer-social__container--infoBoutique .footer-social__container--right {

        align-items: center

    }



    .footer-social__container--infoBoutique .footer-social__container--left,.footer-social__container--infoBoutique .footer-social__container--right {

        width: 100% !important;

        justify-content: center;

        max-width: 700px

    }



    .footer-social__container--infoBoutique .footer-social__container--left .footer-social__form,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__form {

        max-width: 350px

    }



    .footer-social__container--infoBoutique .footer-social__container--left .footer-social__ul,.footer-social__container--infoBoutique .footer-social__container--right .footer-social__ul {

        justify-content: center

    }

}



@media only screen and (max-width: 900px) {

    .footer-social__liste .footer-social__container--newsletter {

        flex-direction:column

    }



    .footer-social__liste .footer-social__container--newsletter .footer-social__ul {

        width: 100%;

        margin-top: 0

    }



    .footer-social__liste .footer-social__container--newsletter .footer-social__form {

        width: 100%;

        padding: 25px 0 30px

    }

}



@media only screen and (max-width: 800px) {

    .footer--blanc {

        padding-bottom:10px

    }



    .footer-social__blanc .footer-social__logo {

        width: 100%;

        margin-bottom: 30px

    }



    .footer-social__blanc .footer-social__container--logo .txt__footer {

        width: 90%

    }



    .footer-social__blanc .footer-social__form .b-form-input {

        max-width: 240px

    }



    .footer-social__container--logo {

        flex-wrap: wrap

    }



    .footer-social__container--logo .footer-social__form {

        padding: 30px 0;

        width: 100% !important

    }



    .footer-social__container--logo .footer-social__ul {

        width: 100% !important;

        margin-left: 0 !important

    }



    .footer-social__container--logo .txt__footer {

        width: 100%

    }



    .footer-social__container--newsletter--txtReseaux .footer-social__ul {

        width: 90%

    }



    .footer-social__container--newsletter--txtReseaux .footer-social__form {

        width: 90%

    }



    .footer-social__logo {

        width: 100%

    }



    .footer-social__container--noNewsletter .footer-social__ul {

        padding-top: 20px

    }



    .footer-social__ul--logoPaiements {

        margin-top: 40px !important

    }



    .footer-logoPaiements__container {

        width: 100%;

        margin-top: 40px;

        margin-bottom: -10px

    }

}



@media only screen and (max-width: 775px) {

    .footer-social__ul {

        display:block;

        margin-left: 0;

        margin-top: 15px

    }



    .footer-social__container--newsletter {

        flex-direction: column;

        align-items: center

    }



    .footer-social__container--newsletter .footer-social__form {

        width: 80%

    }



    .footer-social__container--newsletter--txtReseaux .footer-social__ul {

        margin: 40px 0 0

    }



    .footer-social__container--newsletter--txtReseaux .footer-social__form {

        margin: 0

    }



    .footer-social__container--logo {

        flex-direction: inherit

    }



    .footer-social__container--logo .footer-social__ul {

        margin-top: 0

    }

}



@media only screen and (max-width: 500px) {

    .footer-social__blanc {

        padding:35px 0 15px

    }



    .footer-social__blanc .footer-social__container--logo .txt__footer {

        width: 100%

    }



    .footer-social__blanc .footer-social__form .b-form-input {

        max-width: 205px

    }



    .footer-social__container--newsletter .footer-social__form,.footer-social__container--newsletter .footer-social__ul {

        width: 100%

    }



    .footer-social__container--newsletter .txt__footer,.footer-social__container--newsletter .b-form-input__input,.footer-social__container--newsletter .b-form-radio__radio--other input,.b-form-radio__radio--other .footer-social__container--newsletter input,.footer-social__container--newsletter .b-form-checkbox__other-input,.footer-social__container--newsletter .b-form-date__input,.footer-social__container--newsletter .b-form-select__select,.footer-social__container--newsletter .select2-selection {

        font-size: 1.3rem;

        line-height: 1.7rem

    }



    .footer-social__container--newsletter .footer-social__form .b-form-input {

        width: 70%

    }



    .footer-social__container--newsletter--txtReseaux .footer-social__ul {

        margin: 25px 0 0

    }



    .footer-social__container--logo .footer-social__form {

        padding: 22px 0

    }



    .footer-social__logo img {

        width: 100px

    }



    .footer-logoPaiements__container {

        margin-bottom: 0

    }

}



.footer-menu {

    background-color: #212121;

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw

}



.footer-menu__infoBoutique {

    padding: 0 !important;

    background-color: #212121 !important;

    color: #fff;

    margin-top: 35px

}



.footer-menu__infoBoutique .footer-menu__ul {

    padding: 0 35px

}



.footer-menu__infoBoutique .footer-menu__ul .footer-menu__a {

    color: #fff !important;

    text-transform: uppercase

}



.footer-menu__menuColonne {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    width: 100%;

    max-width: 1320px;

    margin: 0 auto;

    left: auto;

    right: auto;

    padding: 25px 0

}



.footer-menu__blanc {

    background-color: #fff

}



.footer-menu__blanc .footer-menu__a {

    color: #212121;

    text-transform: none;

    font-size: 1.4rem;

    line-height: 1.8rem

}



.footer-menu__ul {

    text-align: center

}



.footer-menu__ul--menuColonne {

    width: calc(33.3333% - 40px)

}



.footer-menu__li {

    display: inline-block;

    vertical-align: middle;

    margin-left: 20px

}



.footer-menu__li:nth-child(1) {

    margin-left: 0

}



.footer-menu__a {

    color: #fff;

    display: block;

    padding: 10px 0;

    text-transform: uppercase;

    font-size: 1.2rem;

    line-height: 1.6rem;

    transition: color .3s

}



.footer-menu__a-liste {

    font-size: 1.4rem;

    line-height: 2.4rem;

    transition: color .3s

}



.footer-menu__icon {

    font-size: 1.6rem;

    line-height: 1.6rem

}



.footer-menu__separ {

    display: none

}



@media only screen and (max-width: 1000px) {

    .footer-menu__infoBoutique {

        margin-top:30px

    }



    .footer-menu__menuColonne {

        padding-bottom: 0

    }



    .footer-menu__ul--menuColonne {

        width: calc(50% - 30px);

        margin-bottom: 25px

    }

}



@media only screen and (max-width: 900px) {

    .footer-menu__separ {

        display:inline-block

    }

}



@media only screen and (max-width: 775px) {

    .footer-menu__infoBoutique {

        margin-top:20px

    }



    .footer-menu__ul--menuColonne {

        width: calc(50% - 20px)

    }

}



@media only screen and (max-width: 750px) {

    .footer-menu__infoBoutique .footer-menu__ul {

        flex-direction:column;

        padding: 0 25px

    }

}



@media only screen and (max-width: 600px) {

    .footer-menu__ul--menuColonne {

        width:100%

    }

}



@media only screen and (max-width: 520px) {

    .footer-menu__li {

        display:block;

        margin-left: 0

    }



    .footer-menu__separ {

        display: none

    }



    .footer-social__form .title__footer {

        display: block

    }

}



.desktop .footer-menu__a-liste:hover {

    color: #212121

}



.lang--footer {

    right: 0;

    height: 23px;

    top: 50%;

    transform: translateY(-50%);

    max-width: 50px;

    left: auto;

    padding: 0

}



.lang--footer .lang__selection {

    color: #212121;

    bottom: 0;

    left: 61%;

    transform: translate(-50%, -50%);

    top: 50%

}



.lang--footer .lang__select {

    color: #212121

}



.lang--footer .lang__container {

    top: auto;

    left: 50%;

    transform: translateX(-50%);

    bottom: 115%;

    margin-top: 0;

    padding: 0 8px;

    width: 104%

}



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

    .lang--footer {

        right:15px

    }

}



@media only screen and (max-width: 800px) {

    .lang--footer {

        position:relative;

        top: auto;

        transform: translateX(-50%);

        left: 50%;

        right: auto;

        margin: 5px 0 10px

    }



    .lang--footer .lang__selection {

        left: 64%

    }

}



.footer__logos {

    display: flex;

    max-width: 1280px;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    padding: 45px 0 0

}



.footer__logo {

    margin: 0 20px 15px

}



.footer__logo-img {

    max-height: 52px;

    mix-blend-mode: multiply

}



@media(max-width: 1080px) {

    .footer__logo-img {

        max-height:45px

    }

}



@media(max-width: 960px) {

    .footer__logo-img {

        max-height:40px

    }

}



@media(max-width: 860px) {

    .footer__logo-img {

        max-height:35px

    }

}



@media(max-width: 780px) {

    .footer__logo-img {

        max-height:30px

    }

}



@media(max-width: 680px) {

    .footer__logo-img {

        max-height:26px

    }

}



@media(max-width: 370px) {

    .footer__logo-img {

        max-height:24px

    }

}



.footer-social__container--infoBoutiqueSocial {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__root {

    width: 100%;

    display: flex;

    align-items: flex-start;

    gap: 30px

}



.footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block {

    width: 60%;

    text-align: left;

    display: flex;

    flex-direction: column;

    gap: 10px

}



.footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__list {

    display: flex;

    gap: 10px

}



.footer-social__container--infoBoutiqueSocial .footer-social__form {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    row-gap: 30px

}



.footer-social__container--infoBoutiqueSocial .footer-social__form .title__footer {

    width: 100%;

    text-align: left;

    margin: 0

}



.footer-social__container--infoBoutiqueSocial .footer-social__form .b-form-input {

    width: calc(100% - 50px);

    display: block;

    margin-left: 0

}



.footer-social__container--infoBoutiqueSocial .footer-social__form .b-form-input input {

    width: 100%

}



.footer-social__container--infoBoutiqueSocial .footer-social__form input[type=submit] {

    width: 50px

}



@media(max-width: 1250px) {

    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__root {

        flex-wrap:wrap

    }



    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block {

        width: calc(33.3333% - 40px)

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form {

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

        row-gap: 20px

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form .title__footer {

        width: 60%;

        text-align: center

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form .b-form-input {

        width: calc(50% - 50px)

    }

}



@media(max-width: 800px) {

    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__root {

        flex-wrap:wrap;

        row-gap: 30px

    }



    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block {

        width: calc(50% - 40px)

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form {

        width: calc(50% - 40px);

        flex-wrap: wrap

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form .title__footer {

        width: 100%;

        text-align: left

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form .b-form-input {

        width: calc(100% - 50px);

        margin-left: 0

    }

}



@media(max-width: 600px) {

    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__root {

        flex-wrap:wrap;

        justify-content: space-between;

        column-gap: 10px

    }



    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block {

        width: calc(50% - 10px)

    }



    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block--social {

        width: 100%;

        text-align: center

    }



    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block--social ul {

        justify-content: center

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form {

        width: 100%

    }



    .footer-social__container--infoBoutiqueSocial .footer-social__form .title__footer {

        text-align: center

    }

}



@media(max-width: 500px) {

   body .rlx-breadcrumbs__item:after {

        margin: -3px 0 0 -3px;}

    .footer-social__container--infoBoutiqueSocial .infoBoutiqueSocial__block {

        width:100%;

        text-align: center

    }

}





body.cnkrolexv1 .single-slider__main-a {

    display: block;

    position: relative;

}

button.slick-prev.slick-arrow{left:0;}

button.slick-prev.slick-arrow:after{

    content: "";

    background: url(../images/arrow-w.svg) no-repeat;

    width: 38px;

    height: 38px;

    position: absolute;

    background-size: 40%;

    background-position: center;

    top: 4px;

    left: 3px;

}

button.slick-next.slick-arrow{right:0;}

button.slick-next.slick-arrow:after{

    content: "";

    background: url(../images/arrow-w.svg) no-repeat;

    width: 38px;

    height: 38px;

    position: absolute;

    background-size: 40%;

    background-position: center;

    top: 4px;

    right: 3px;

    transform: rotate(180deg);

}

section.single-slider.cnk-full-container.slide-2-active button.slick-prev.slick-arrow:after{

    content: "";

    background: url(../images/arrow-w-clr.svg) no-repeat;

    width: 38px;

    height: 38px;

    position: absolute;

    background-size: 40%;

    background-position: center;

    top: 4px;

    left: 3px;

}

button.slick-arrow:hover {

    background: rgba(118,118,118,.3);

    opacity: 80%;  transition: all .3s ease;

}

.slick-next:before, .slick-prev:before{background:none; display: none;}



body.cnkrolexv1 .cnk-full-container{overflow: hidden;}



button.slick-next.slick-arrow {

    right: 50px;

}



button.slick-prev.slick-arrow {

    left: 50px;

    z-index: 9;

}





body .slick-next, body .slick-prev{width: 44px;height: 44px;justify-content: center;align-items: center;position: absolute;background-color: hsla(0,0%,83.1%,.5);border-radius: 100px;cursor: pointer;}



section.slider-rlx-rootContainer button.slick-prev.slick-arrow:after {

    content: "";

    background: url(../images/arrow.svg) no-repeat;

    position: absolute;

    top: 4px;

    left:3px;

    background-size: 38%;

    background-position: center;

}





section.slider-rlx-rootContainer button.slick-next.slick-arrow:after {

    content: "";

    background: url(../images/arrow.svg) no-repeat;

    position: absolute;

    top: 4px;

    right:3px;

    background-size: 38%;

    background-position: center;

}

section.slider-rlx-rootContainer button.slick-next.slick-arrow {

    right: calc(-4.75% - 22px);

    top: 37%;

}



section.slider-rlx-rootContainer button.slick-prev.slick-arrow {

    left:calc(-4.75% - 22px);

    top: 37%;

}

.slick-slide img {

    display: block;

    width: 100%;

}

body .slick-disabled {

    opacity: 0;

    visibility: hidden;

}



body .slick-dots li button{

    width: 20px;

    height: 4px;

    margin: 0 6px;

    padding:0px;

    cursor: pointer;

    border-radius: 5px;

    transition: all .3s ease;

    background: #fff;

    }

   body .slick-dots  li.slick-active button{

        width: 50px;

        opacity:1;

        transition: all .3s ease;

        }

        body .slick-dots  li button:before{display: none;}

        body  .slick-dots li{width:auto; height: auto; margin:0px;}



        .lazy.lazyloading{opacity:100%;}

        section.single-slider.cnk-full-container  .slick-dotted.slick-slider{margin:0px;}

        body .slick-dots li button{display: none;}

        body .slick-dots li.slick-active {

            width: 50px;

        }



        body .slick-dots li {

            position: relative;

            height: 4px;

            margin: 0 10px;

            border-radius: 4px;

            background-color: #fff;

            width: 20px;

            margin: 0 6px;

            transition: background-color .2s, width .3s;

            cursor: pointer;

        }

        section.single-slider.cnk-full-container   .slick-dots {

            position: absolute;

            bottom: 40px;

            display: block;

            width: 100%;

            padding: 0;

            margin: 0;

            list-style: none;

            text-align: center;

        }



        /* section.single-slider.cnk-full-container .slick-dots li.slick-active button{background:#fff;}

        section.single-slider.cnk-full-container  .slick-dots li button{background:#fff; opacity:1;} */

        .cta-rolex-secondary {

            display: inline-flex;

            align-items: center;

            gap: 6px;

        }



        .slider-keep-exploring .slick-dots{position: static;margin-top:40px;}



        .m-menu li {



            list-style: none!important;

        }

        section.home-discover-rolex__container .home-discover-rolex__img{margin:0px;}



        @media (max-width:600px) {

            .slider-keep-exploring .slick-dots {

                position: static;

                margin-top: 20px;

            }

        .savoirFaireRolex    section.youtube-rolex__root.space-o {

                padding-top: 0;

            }

            body     .top_header .rpm p {

                justify-content: center;

                text-align: center;

            }



        }



        .imagesimple-rolex__plaque-wrapper img {

            width: 120px;

            height: 60px;

            margin: 0 0 20px;

        }



        li.listeModelsRolex__model:hover p, li.listeNouveautesRolex__li.listeNouveautesRolex__li--fullwidth:hover a {color:#452c1e;}





        .ariane-rolex__container {

            display: none;

        }



        section.home-collections-rolex__container a.cta-rolex-secondary {

            margin: 0;

        }

        .home-discover-rolex__lien a.cta-rolex-secondary {

            margin: 0;

        }





picture.rlx-stage-slide__media img {

    width: 100%;

    transition: all .4s ease-in-out;

    object-fit: cover;

    display: block;

    overflow: hidden;

    height: 100%;

}





span.rolex-body2.rolex-body2--bold.active-text {

    color: #127749;

}







/*new header menu css*/

.texte-rolex__cta:hover a {

    color: #fff;

}



.rlx-page--v7 .rlx-nav__link.active, .rlx-page--v7 .rlx-nav__link:active, .rlx-page--v7 .rlx-nav__link:focus, .rlx-page--v7 .rlx-nav__link:hover {

    color: #61bd93;

}

.rlx-logo {

    display: block;

    margin: 0 auto;

    width: 120px;

}

.rlx-logo img {

    width: 100%;

    display: block;

}

.rlx-nav__link {

    display: block;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 16px;

    padding: 16px 15px;

}

.rlx-page--v7 .rlx-header {

    height: 100px;

    border: 0;

    background: linear-gradient(90deg,#0b3e27,#197149);

    color: #fff;

    padding-inline: 8%;
    width: min(100vw, 1920px);
    left: 50%;
    margin-left: calc(-1 * min(100vw, 1920px) / 2);
    margin-right: calc(-1 * min(100vw, 1920px) / 2);

    }

    .rlx-page--v7 .rlx-nav__link {

        color: #fff;

        text-align: left;

        font-weight: 600;

    }

    .rlx-header {

        padding: 20px 5%;

        position: relative;

        border-bottom: 1px solid #ececec;

    }

    .rlx-header {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .rlx-nav__list {

        display: flex;

        justify-content: center;

        align-items: center;

        border: none;

    }

    /* .rlx-page--v7 {

        padding-top: 145px;

    } */

.rlx-page--v7 .rlx-breadcrumbs {
    background: linear-gradient(90deg, #0b3e27, #197149);
    font-size: 14px;
    padding-inline: 8%;
    position: relative;
    color: #fff;
    width: min(100vw, 1920px);
    left: 50%;
    margin-left: calc(-1 * min(100vw, 1920px) / 2);
    margin-right: calc(-1 * min(100vw, 1920px) / 2);
}

    .rlx-breadcrumbs {

        list-style: none;

        padding: 0;

        margin: 0 5%;

        display: flex;

        justify-content: flex-start;

        font-size: 12px;

        font-weight: 300;

        text-align: left;

        line-height: 1;

    }

    .rlx-page--v7 .rlx-breadcrumbs__item {

        padding-block: 8px;

        padding-top: 0;

    }

    .rlx-breadcrumbs__item:after {

        content: "";

        position: absolute;

        display: block;

        width: 5px;

        height: 5px;

        top: 50%;

        left: 100%;

        margin: -5px 0 0 -3px;

        border: solid;

        border-width: 1px 1px 0 0;

        transform: rotate(45deg);

        opacity: .75;

    }

    .rlx-breadcrumbs__active:after {

        display: none

    }

    .rlx-breadcrumbs__item {

        padding: 5px 10px 5px 0;

        margin: 0 10px 0 0;

        position: relative;

    }

    .rlx-page--v7 .rlx-breadcrumbs__link {

        color: #fff;

    }



    .rlx-breadcrumbs__link {

        white-space: nowrap;

    }

    .rlx-page--v7 .rlx-breadcrumbs__active .rlx-breadcrumbs__link {

        color: #61bd93;

    }

   /* ul.rlx-nav__list li.rlx-nav__item:nth-child(7) {

        display: none;

    } */



    @media (min-width: 1200px) {

        .rlx-page--v7 .rlx-header{padding-inline:3%;}
        .rlx-page--v7 .rlx-breadcrumbs{padding-inline:3%;}

        .rlx-nav-toggle {

            display: none;

        }

    }

    @media (min-width: 1399px) {




/* 
        .rlx-page--v7 {

            padding-top: 157px;

        } */

        .rlx-page--v7 .rlx-header{padding-inline:4%;}

    }

    @media (min-width: 1390px) {

        .rlx-nav__link {

            display: inline-block;

            border: none;

            font-size: 16px;

            line-height: 18px

        }

        .rlx-page--v7 .rlx-header, .rlx-page--v7 .rlx-breadcrumbs{padding-inline:6%;}

    }



    @media (min-width: 1650px) {

        /* .rlx-page--v7 {

            padding-top: 196px;

        } */

    }







    @media (max-width:1199px)

    {

        .rlx-page--v7 .rlx-breadcrumbs{padding-inline:7%;}

        .rlx-page--v7 .rlx-nav-toggle {

            font-size: 16px;

            font-weight: 700;

            color: #fff;

        }

        .rlx-nav-toggle {

            position: relative;

            float: right;

            padding: 10px;

            margin-right: -8px;

            background-color: transparent;

            background-image: none;

            border: 1px solid transparent;

            font-weight: 400;

            color: #212121;

        }

        .rlx-page--v7 .rlx-nav-toggle:after {

            width: 0;

            height: 0;

            border-bottom: 0;

            border-top: 6px solid;

            border-left: 6px solid transparent;

            border-right: 6px solid transparent;

            transform: none;

        }



        .rlx-nav-toggle:after {

            display: inline-block;

            content: "";

            width: 10px;

            height: 10px;

            vertical-align: middle;

            border: solid;

            border-width: 2px 0 0 2px;

            transform: translateY(-3px) rotate(-135deg);

            transition: transform .2s;

        }

        .rlx-nav-toggle-label {

            margin-right: 15px;

        }

        .rlx-page--v7 .rlx-nav-toggle-label {

            margin-right: 10px;

        }

        .rlx-header .rlx-nav {

            position: absolute;

            top: 100%;

            left: -9999px;

            width: 100%;

            opacity: 0;

            background: #fff;

            transition: transform .4s ease-out, opacity .3s, left 0s .3s;

            transform: translateY(-20px);

            z-index: 30;

        }

        .rlx-page--v7 .rlx-header .rlx-nav {

            background: inherit;

        }



        .rlx-page--v7 .rlx-nav__link {

            font-size: 22px;

            line-height: 1.6;

            box-shadow: none;

            padding: 0;

        }

        .rlx-page--v7 .rlx-header--container {

            background: none;

            box-shadow: none;

            padding: 0 7%;

            height: 100%;

            align-items: center;

            display: flex;

            justify-content: space-between;

            align-content: center;

            position: relative;

            z-index: 10; width:100%;

        }

        .rlx-header .rlx-logo {

            margin: 0;

            width: 100px;

        }

        .rlx-page--v7 .rlx-header {

            height: 80px;

            padding: 0;

        }

        .rlx-nav-open .rlx-header .rlx-nav {

            opacity: 1;

            left: 0;

            transform: translate(0);

            transition: transform .4s ease-out, opacity .3s, left 0s;

        }

        .rlx-page--v7 .rlx-nav__list {

            display: flex;

            flex-direction: column;

            row-gap: 35px;

            padding: 40px 7% 80px;

        }

        .rlx-nav__list {

            align-items: inherit;

            border: none;

        }

        /* .rlx-page--v7 {

            padding-top: 140px;

        } */

      .slider-rlx-rootContainer .slick-dots li {

            position: relative;

            height: 4px;

            margin: 0 7px;

            border-radius: 4px;

            background-color: #d4d4d4;

            }



            .slider-rlx-rootContainer .slick-dots li.slick-active{background:#176944;}

    }









        /* Example CSS for different slide active */



        /* section.single-slider.cnk-full-container.slide-2-active .slick-dots li.slick-active {background: #452c1e!important;}

        section.single-slider.cnk-full-container.slide-2-active .slick-dots li{background: #452c1e!important;} */

        .rlx-nav-open .rlx-page--v7 .rlx-nav-toggle:after {

            transform: translateY(-1px) rotate(180deg);

        }



    .desktop .bouton:hover path{fill:#fff}



    body .text-green {

        color: #166642 !important;

    }



    body.cnkrolexv1 .cnk-full-container button.slick-next.slick-arrow {

        background: hsla(0, 0%, 83.1%, .5);

    }



    body.cnkrolexv1 .cnk-full-container  [data-slick-index="1"] .single-slider__content.single-slider__content--blanc.color-black h2 {color:#fff;}

    body.cnkrolexv1 .cnk-full-container  [data-slick-index="1"] .single-slider__content.single-slider__content--blanc.color-black .single-slider__text {color:#fff;}

    body.cnkrolexv1 .cnk-full-container  [data-slick-index="2"] .single-slider__content.single-slider__content--blanc h2 {color:#000;}

    body.cnkrolexv1 .cnk-full-container  [data-slick-index="2"] .single-slider__content.single-slider__content--blanc .single-slider__text {color:#000;}





    .slider-keep-exploring .slick-dots li.slick-active{background:#127749;}



    .slider-keep-exploring .slick-dots li{background:#d4d4d4;}







    section.home-collections-rolex__container.new_top_space2 {

        color: #452c1e;

    }



    section.home-collections-rolex__container.new_top_space {

        color: #452c1e;

    }

    @media (min-width: 1390px) {

        .rlx-nav__link {

            font-size: 15px;

            line-height: 18px;

        }

    }



@media (max-width:1340px) {

 .rlx-nav__link {

        font-size: 13px;

        padding: 16px 10px;

    }

}



body .select2-container--default .select2-selection--single{border-radius:0px;}



p.font-14 {

    font-size: 2rem;

    font-family: 'Helvetica';

}.home-contact-rolex__container--titre {

    padding-bottom: 3vh;

}

.imageportrait-rolex__img em, .slider-img em {

    margin: 5px auto 0;display: flex;}



    .slider-img .imageportrait-rolex__image--desktop{display: block;}

@media (min-width:768px) {





.imageportrait-rolex__img em, .slider-img em {display: flex;

    align-items: center;

    width: 50%;

    max-width: 50%;

    margin: 5px auto 0;}



}

.first-article-rolex__block a p:hover {

    color: #444;

}

.rlx-push-teaser__subtitle{font-size: 16px!important;font-weight: 600;color: #452C1E;}

.listeArticlesRolex__texte.rolex-body2 {

    margin-top: 5px;

}

.listworldRolex__li.listworldRolex__li--fullwidth:hover a{color: inherit;}



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

    .css-3ojjyo {

        grid-template-columns: repeat(2, max-content);

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        -webkit-justify-content: start;

        justify-content: start;

    }

}



@media screen and (min-width: 48em) {

    .css-3ojjyo {

        grid-template-rows: repeat(2, 1fr);

    }

}



.css-3ojjyo {

    list-style-type: none;

    display: grid;

    grid-template-columns: repeat(4, auto);

    grid-auto-flow: column;

    -webkit-box-pack: space-around;

    -ms-flex-pack: space-around;

    -webkit-justify-content: space-around;

    justify-content: normal;

    margin-top: 2rem;

}



.css-rb13qn {

    display: inline-flex;

    appearance: none;

    align-items: center;

    justify-content: center;

    user-select: none;

    position: relative;

    white-space: nowrap;

    vertical-align: middle;

    outline: 2px solid transparent;

    outline-offset: 2px;

    padding-inline-start: 0px;

    padding-inline-end: 0px;

    cursor: pointer;

    transition: background-color .3s, color .3s;

    background: #f4efea;

    border-radius: 50%;

    padding-top: 0px;

    padding-bottom: 0px;

    width: 36px;

    height: 36px;

    color: inherit;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 1rem;

}



.css-14590mk {

    width: 1em;

    height: 1em;

    display: inline-block;

    line-height: 1em;

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    color: currentColor;

    vertical-align: middle;

}



.css-8v1jso {

    -webkit-text-decoration: none;

    text-decoration: none;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.other_detail_link {

    margin-top: 7rem;

    margin-bottom: 3rem;

    border-bottom: 1px solid #ddd;

    padding-bottom: 3rem;

}



.css-mr8b6i {

    text-transform: none;

    font-weight: bold; display: none;

}



li.css-0 {

    margin-bottom: 1rem;

}



li.css-0 a:hover {

    color: #127749;

}



@media (max-width:768px) {.other_detail_link {

        margin-top: 5rem;

        margin-bottom: 3rem;

        border-bottom: 1px solid #ddd;

        padding-bottom: 2rem;

    }



}



.other_detail_link circle {

    fill: none;

}



.other_detail_link a.chakra-link.css-8v1jso.wsc svg {

    height: 30px;

    width: 30px;

    vertical-align: middle;

    margin-right: 0px;

    background: none;

    border-radius: 50%;

}



.other_detail_link path#Phone_icon, .other_detail_link path#Phone_icon_whatsapp {

    fill: #212121;

}



a.chakra-link.css-8v1jso.wsc:hover path#Phone_icon_whatsapp, a.chakra-link.css-8v1jso.wsc:hover p {

    fill: #127749; color:#127749;

}



a.chakra-link.css-8v1jso.wsc {

    width: 71px;

    margin-left: 0rem;

    margin-right: -4rem;

    justify-content: space-between;

    font-weight: bold;

    color: #212121;

}



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

    .css-mr8b6i {

        display: block;

    }

}

@media (max-width:768px) {

    .css-3ojjyo {

            justify-content: center;gap: 35px;

        }



}



/*--UIKA14041994-CSS--15-04-2025-Start--*/

.relatid_imge, .rolex_guarntee {margin: 0;}

.rolex_guarntee .row{--bs-gutter-x:5px}

.relatid_imge .introModel-rolex__container, .rolex_guarntee .introModel-rolex__container{height: auto;}

/* .relatid_imge .gallery{display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 10px;} */
.relatid_imge .gallery {display: flex;justify-content: center;gap: .8rem;}
.relatid_imge .gallery>* {width: calc(25% - 0.8rem);cursor: pointer;}


.rolex_guarntee .introModel-rolex__container{padding-top: 10vh;}

.rolex_guarntee .accordian_wrap{padding-left:133px;}

.rolex_guarntee .accordian_wrap .accordion-item, .rolex_contactsec .accordian_wrap .accordion-item{border: none;border-top:1px solid rgb(0 0 0 / 11%);}

.rolex_guarntee .accordian_wrap .accordion-item:last-child, .rolex_contactsec .accordian_wrap .accordion-item:last-child{border-bottom:1px solid rgb(0 0 0 / 11%);}

.rolex_guarntee .accordian_wrap .accordion-button, .rolex_contactsec .accordian_wrap  .accordion-button{background-color: #f9f7f4;box-sizing: border-box;color: #452c1e;font-weight: bold;font-size: 2.3rem;font-family: 'Helvetica';padding: 2rem 0;box-shadow: none;}

.rolex_guarntee .row{width: 100%;align-items: center;}

.rolex_guarntee .accordian_wrap .accordion-button:not(.collapsed), .rolex_contactsec .accordian_wrap .accordion-button:not(.collapsed){background-color: #f9f7f4;}

.rolex_guarntee .accordian_wrap p{font-size: 2rem;font-family: 'Helvetica';line-height: 1.6;font-weight: 300;}

.rolex_guarntee .accordian_wrap .accordion-body, .rolex_contactsec .accordian_wrap .accordion-body{padding:0rem 0 2rem;background-color: #f9f7f4;}



.rolex_contactsec{margin-top: 0;}

.rolex_contactsec .row{width: 100%;}

.rolex_contactsec .introModel-rolex__container{height: auto;padding-bottom:100px;}

.rolex_contactsec blockquote{color: #452c1e;font-weight: bold;font-size:4rem;font-family: 'Helvetica';text-align: left;margin-bottom: 35px;}

.daydate_slider{display: none;}

/*--UIKA14041994-CSS--15-04-2025-end--*/

.rolex_contactsec .accordian_wrap .accordion-item:has(.collapse.show){border-bottom: none;}

.rolex_contactsec .accordian_wrap .accordion-body{height:auto;background-color: #fff;padding-top: 0}

.rolex_contactsec .accordian_wrap .accordion-body div#multiStepForm{padding-bottom: 0;}

/* .rolex_contactsec .accordian_wrap .accordion-body .b-form-checkbox__list li p{font-size: 1.4rem; line-height: 1 !important;} */

/* @media (max-width:1649px) {

    .rolex_contactsec .accordian_wrap .accordion-body {height: calc(100px + 65vw);}

}

@media (max-width:1440px) {

    .rolex_contactsec .accordian_wrap .accordion-body {height: calc(100px + 72vw);}

}

@media (max-width:1366px) {

    .rolex_contactsec .accordian_wrap .accordion-body {height: calc(100px + 75vw);}

}

@media (max-width:1280px) {

    .rolex_contactsec .accordian_wrap .accordion-body {height: calc(100px + 78vw);}

}

@media (max-width:991px) {

    .rolex_contactsec .accordian_wrap .accordion-body{height:100vw;}

} */

/*--UIKA14041994-CSS--24-04-2025-end--*/

.css-rb13qn{background: #fff;}

/* body.cnkrolexv1.pageDisplay, .cnkrolexv1 #main-container{background-color: #f9f7f4;} */

.intro-rolex__texte.rolex-body2 p strong{font-weight: bold;}

/*--UIKA14041994-CSS--26-04-2025-end--*/



@media (max-width:1650px) {

    .rolex_guarntee .accordian_wrap {padding-left: 80px;}

    .rolex_guarntee .accordian_wrap .accordion-body {padding: 0rem 0 2rem;}

}

@media (max-width:991px) {

    /* .rolex_guarntee .introModel-rolex__container {padding-top: 0;} */

    .rolex_guarntee .accordian_wrap {padding-left: 0px;margin-bottom: 4rem}

    .rolex_guarntee .accordian_wrap .accordion-body {padding: 0rem 0 2rem;}

    section.imagedouble-rolex__container.bg-mobile {background: #f4efeb;padding: 8vh 8%;}



    section.imageportrait-rolex__container.pb-0.page-bottom-space {padding-bottom: 5rem!important;}

    .css-3ojjyo {gap: 25px;}

    .rolex_guarntee .accordian_wrap .accordion-button, .rolex_contactsec .accordian_wrap .accordion-button{font-size:1.8rem;}

    .rolex_guarntee .accordian_wrap p{ font-size: 1.8rem;}

    .rolex_contactsec blockquote {font-size: 2.5rem;margin-bottom: 20px;}

    .rlx_collection__titre.rolex-body1.rolex-body1--bold{font-size: 1.8rem;}

    .rlx_collection__soustitre.rolex-legend1{font-size: 1.2rem;}

}

@media (max-width:767px) {
    .rolex_guarntee .introModel-rolex__container{padding-top:0;}

    .other_detail_link {margin-top: 5rem;margin-bottom: 0;border-bottom: 1px solid #ddd;padding-bottom: 0;}

    .refrence_caliber .caracModel-rolex__caracWrapper {padding: 65px 8%;margin-block: 0;}

    .refrence_caliber {padding: 0;}

    .rolex_contactsec blockquote {font-size: 2.4rem;margin-bottom: 20px;}

    .slider-keep-exploring .slick-dots {margin-top: 2rem;}

    .m-text-top2{padding-top: 0!important;}

    .m-text-top3{padding-top: 3rem!important;}

    .m-txt-botm-0{padding-bottom: 0!important;}

}

@media (max-width:575px) {

    .rolex_guarntee .accordian_wrap {margin-bottom: 5rem;}

    .rolex_contactsec .introModel-rolex__container{height: auto;padding-bottom:50px;}

    .rolex_contactsec .accordian_wrap .accordion-body {padding: 0rem 0 2rem;}

    .rolex_contactsec blockquote {margin-bottom: 25px;}

    section.single-slider.cnk-full-container .slick-dots {bottom: 20px;}

}

/*--UIKA14041994-CSS--26-04-2025-end--*/

span.loader {

    width: 25px;

    height: 25px;

}



.caracModel-rolex__caracList p.rolex-body2.rolex-body2--bold {font-weight: 700;}

.other_detail_link .css-14590mk {width: 1.2em;height: 1.2em;}

/*--UIKA14041994-CSS--28-04-2025-end--*/

/* -------04-Nov-25------- */

/* .single-slider__title p {
    font-family: "Helvetica W01",helvetica,sans-serif;
    font-weight: 500;
    margin: 0;
    text-transform: none;
    color: inherit;
    font-size: 3.2rem;
    line-height: 1.2;
    text-align: center;
    margin-top: 2rem;
}
.single-slider__title p span {
    display: block;
}
.title_secons p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    padding: 15px 0px;
    text-align: center;
}
.title_secons p span {
    display: block;
    font-size: 2.1rem;
    font-family: "Helvetica W01",helvetica,sans-serif;
    font-weight: bold;
    margin-top: 2rem;
} */

.opening_title{color: #c1a06c}
.rpm2 .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.rpm2 .swiper-container {
  width: 100%;
  height: 100%;
}



/* Common FAQ Area Start */
.faq_wrapper .btn_centered {
    margin-top: 5rem;
}

.faq_wrapper .accordions-item {
    border-top: 0.1rem solid #DBDBDB;
}

.faq_wrapper .accordions-item:last-child {
    border-bottom: 0.1rem solid #DBDBDB;
}

.faq_wrapper .accordions-button.active {
    background-color: transparent;
}

.faq_wrapper .accordions-body p:has(+ *) {
    margin-bottom: 3rem;
}

.faq_wrapper .accordions-body ul:has(+ *) {
    margin-bottom: 3rem;
}

.faqs_sec {
    position: relative;
    padding-block: var(--space-50) var(--space-150);
    background-color: var(--color-f9);
}

.faqs_btns {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: var(--space-100);
}

.faqs_btns>.outline_btn {
    color: var(--color-46);
    background-color: transparent;
    border: 0.1rem solid var(--color-46);
}

.faqs_btns>.outline_btn:hover {
    color: var(--color-white);
}

.faqs_btns>.outline_btn.active {
    color: var(--color-white);
}

.faqs_btns>.outline_btn.active::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 1s;
}

.faqs_sec .faq_wrapper:not(:first-child) {
    margin-top: var(--space-150);
}

@media(max-width:991px) {
    .herofaq_sec {
        padding-block: 3rem 7rem;
    }

    .faq_wrapper .sec_title {
        margin-bottom: 5.5rem;
    }
}

@media(max-width:767px) {
    .herofaq_sec {
        padding-block: 3rem 5rem;
    }

    .faq_wrapper .sec_title {
        text-align: left;
        margin-bottom: 3.5rem;
    }

    .faq_wrapper {
        padding-inline: 0;
    }

    .faq_wrapper .accordions-button {
        padding-left: 0
    }

    .faq_wrapper .accordions-body {
        padding-left: 0
    }

    .faq_wrapper .btn_centered {
        margin-top: 3rem;
    }

    .faqs_btns {
        gap: 1rem;
    }
}
.faq_wrapper {
    padding-block: 5rem;
}
  .faq_wrapper .accordions-button {
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    width: 100%;
    text-align: left;
    font: var(--font-18);
    letter-spacing: var(--letter-spacing-0-54);
    font-weight: var(--fw-500);
    color: var(--color-black);
    padding-block: 3rem;
    padding-inline:0rem;
    border: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

  .faq_wrapper .accordions-body {
    padding-bottom: 3rem;
    padding-inline: 0em 7.4rem;
}

  .faq_wrapper .accordions-body p {
    font: var(--font-16); font-weight:normal;
}

  .faq_wrapper .accordions-button::after {
    content: '';
    position: relative;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/plus-icon1.svg) no-repeat transparent;
    background-position: center;
    background-size: 1.5rem;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

  .faq_wrapper .accordions-button.active::after {
    background: url(../images/minus-icon.svg) no-repeat transparent;
    background-position: center;
    background-size: 1.5rem;
}

ul.custom_bullets li {
    font: var(--font-18);
    font-weight: normal;
    margin-bottom: 2rem;
    position: relative;
    padding-inline: 2rem;
}

ul.custom_bullets li:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: .7rem;
    background: #215f3e;
    border-radius: 50%;
}