/* STARTER */
h1, .prod-list__title, .prod-list__title, .title-page, h1 {  }
h2, h3, h4, h5, h6, .nav__itemlvl1 { }

/*Permet d'appliquer un effet sur le logo lorsqu'il est trop sombre en entête qui scroll*/
.header.new-menu.header--fixed.header--transparent.header--notTranslate img.header__logo__a__img, 
.header.new-menu.header--fixed.header--transparent.header--translate 
.header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned,
.header.new-menu.header--fixed.header--translate.header--transparent img.header__logo__a__img
{/*filter: brightness(10);*/}


/*Fonction qui permet d'afficher une image dans les textes de wiziblock sans qu'elles soient étirées*/
img.resize {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
    min-width: initial !important;
    min-height: initial !important;
    max-width: 100% !important;
    width: initial !important;
    height: initial !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
    opacity: initial !important;
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
}

.prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before { background: transparent;}
.prod.product-list-classic {    justify-content: center;}

@media (min-width: 1024px) {
    .nav-perso-off .nav__label .nav__a {
        font-size: 1rem;
    }
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form__fieldset {
  width: 100%;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--long-answer {
  grid-column: 1 / -1;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--btnArea {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  #e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
    grid-template-columns: 1fr;
  }
}

.prod-infos p:not(:empty):not(:last-child) {
    margin-bottom: 16px;
}
/* END STARTER */ 
.powered {    background: black;}
.MenuContextuel span.we-size-large {font-family: 'Playfair Display';font-size: 1.8rem !important;white-space: inherit !important;padding-left: 25px !important;}
.MenuContextuel .wz-watermark {/* filter: brightness(0.1); */background-color: #00000091 !important;}
.MenuContextuel .wz-watermark:hover {    background-color: transparent !important;    transition: 0.8s ease-out;}
.Accueil span.we-size-small {    border-bottom: solid 1px;    padding-bottom: 6px;}
a.nav__itemlvl1.nav__itemlvl1--with-subnav, a.nav__a.nav__itemlvl1 {    text-transform: uppercase;}
.Accueil .wizi-txt.wizi-txt--large {    width: 677px;    max-width: 900px;    min-width: inherit;}
body.body .wiziblocks__item.Accueil h1 {    font-size: 4.7rem;    font-weight: 100;}
body .Accueil span.we-size-small {    text-transform: uppercase;    color: #ab8e5f !important;
    letter-spacing: 6px;    font-size: 1rem !important;}
a.btn-maison-roel {    text-decoration: none !important;}
a.btn-maison-roel:hover {    color: white !important;}
.Accueil a.wiziBtn {    text-transform: uppercase;    font-size: 1rem !important;    font-weight: 400;    padding: 15px 15px;}
body .wiziblocks__item.width-large {    max-width: 1800px !important;}
.ReaAccueil .wizi-rassurance__icon__img {
    border-radius: 0;    background-size: auto;    background-position: left center;    height: inherit;    width: inherit;}

/*PAGE MAISON*/
.Maison .parallax-container.parallax-container--small.loaded {/* filter: brightness(0.5); */}
.Maison .wizi-txt.wizi-txt--large {    max-width: 800px !important;    min-width: inherit !important;}
.Maison .wizi-txt.wizi-txt--large h1 {    text-align: left;    font-family: 'Work Sans';    text-transform: uppercase;}
.wrapperPage.wrapperPage--options.fullsize {    display: none !important;    height: 0 !important;}
.Maison .parallax-container.parallax-container--small.loaded {    filter: brightness(0.5);}
.Maison .wizi-txt.wizi-txt--large h1 {    text-align: left;    font-family: 'Work Sans';    text-transform: uppercase;}
.wrapperPage.wrapperPage--options.fullsize {    display: none !important;    height: 0 !important;}
p.title-page.text-center {    display: none;}
.ReaMaison .wizi-wrapper.wizi-wrapper--rassurance {    background-image: inherit !important;}
.MagasinRouen {    background: #ede6df;}
.MagasinRouen .wizi-imgtxt__left {    padding: 5%;}
div#\33 9dd5103-8315-45e4-9f0e-40b0ee54f1f8 {    margin-bottom: -3px;}
.MarqueSelection .wizi-img__content__wrapper__icon {    display: none;}

@media (max-width: 1023px) {
a.btn-maison-roel {background: #ffffff61 !important;}
}
    


@media (min-width: 1024px) {
    .wizi-rassuranceClassic__item {        padding-left: 70px;    }
    .header--fixed+.wiziblocks__item.Accueil {        margin-top: 0px !important;        z-index: 1;    }
     .header--transparent.header--fixed .search--wrapper .search--input {border-color:black}
    .header--transparent.header--fixed .search--wrapper .back {background:black}
    .header.new-menu.header--fixed.header--transparent.header--notTranslate, header#header {    background: white;}
     .header--transparent.header--fixed .nav .nav__itemlvl1 {        color: #000000;    }
    .header.new-menu.header--fixed.header--transparent.header--notTranslate .header__cart.header__cart--top.cart,
     .header--translate.header--transparent .header__cart.header__cart--top.cart ,
.header.new-menu.header--fixed.header--transparent.header--notTranslate .header__account,  .header--transparent .header__account{
    filter: invert(1);}
.header.new-menu.header--fixed.header--transparent.header--notTranslate .header__cart.header__cart--top.cart:hover, 
.header.new-menu.header--fixed.header--transparent.header--notTranslate .header__account:hover {
    filter: invert(0);}
    .header--transparent.header--fixed .nav .nav__wrapper2 .nav__arrow {border-color:black}
}

@media (max-width: 720px) {
    .Maison .parallax-container.parallax-container--small.loaded {    filter: inherit;}
.Accueil a.wiziBtn {margin:10px 0}
}

/*Ci-dessous css avant refonte*/
/*@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
.prod-list .bloc--cat {
    margin-bottom: 50px !important;
}
 
.body__wrapper__maxWidth {
    min-width: 100% !important;
}  
.page-homepage .page-home .body__wrapper__maxWidth{
      min-width: inherit !important;

}
.header.header--fixed .nav__itemlvl1 {
        font-size: 1.1rem;
        margin: 0 16px !important;
    }
.wiziBtn {
    padding: 14px 21px !important;
}
.famille {
    background: linear-gradient(4deg, rgb(0 0 0 / 45%) 0%, rgb(0 0 0 / 75%) 0%), url(https://media.cdnws.com/_i/419902/RAW-37/2599/37/adobestock-634896455-medium.jpeg);
    display: block;
    padding: 80px 50px 50px 50px !important;
  margin-bottom: 240px !important;
    height: 490px !important;
}

.fam {
    margin-top: 90px !important;
    display: block;
}
h1 {
    font-size: 2.3em !important;
    font-weight: 400 !important;
    padding: 20px 0px !important;
    line-height: 1.5 !important;
}

.bloc1 .wiziBtn__wrapper {
    justify-content: left !important;
}

.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 100px !important;
}

.prd {
    margin-top: 50px !important;
}

h2 {
    font-size: 1.9em !important;
    font-weight: 400 !important;
    padding: 20px 0px !important;
    line-height: 1.5 !important;
}

h3 {
    font-size: 1.7em !important;
    font-weight: 400 !important;
    padding: 20px 0px !important;
    line-height: 1.5 !important;
}

div#bb893327-a31c-4200-9b3c-ee33da070802 {
    background-color: black !important;
}

.tit1 h2 {
    text-align: center !important;
    color: #fff !important;
    padding: 0px 0px !important;
}

.prd .prod__shadow {
    box-shadow: 0px 0px 6px 1px #00000038 !important;
    border-radius: 20px !important;
}
 .prod__shadow {
    box-shadow: 0px 0px 6px 1px #0000000a !important;
    border-radius: 20px !important;
}
.prd .wiziblocks__item__maxWidth {
    padding: 20px 40px !important;
}

.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-67/2079/67/fond.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 80px 50px !important;
}

.bloc2 .wizi-imgtxt__wrap {
    color: #ffff !important;
}

.bloc2 .wiziBtn__wrapper {
    justify-content: left;
}

.bloc2 a.wiziBtn {
    filter: contrast(0.8) !important;
}

.bloc2 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 80px !important;
}

div#ccbc1003-b1ce-4177-8e03-b93eeb22e35a {
    text-align: center !important;
}

.vign1 .wizi-txt__item:nth-child(1) h3 {
    padding: 360px 40px 20px 40px !important;
    background-image: url(https://media.cdnws.com/_i/419902/RAW-68/1932/68/profumo-di-firenze-obscurus.png);
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: auto;
    text-align: center !important;
}
.vign1 .wizi-txt__item:nth-child(2) h3 {
    padding: 360px 40px 20px 40px !important;
    background-image: url(https://media.cdnws.com/_i/419902/RAW-69/3844/69/phenom-creme-de-santal.png);
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: auto;
    text-align: center !important;
}
.vign2 .wizi-txt__item:nth-child(1) h3 {
    padding: 360px 40px 20px 40px !important;
    background-image: url(https://media.cdnws.com/_i/419902/RAW-71/3436/71/arquiste-misfit.png);
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: auto;
    text-align: center !important;
}
.vign2 .wizi-txt__item:nth-child(2) h3 {
    padding: 360px 40px 20px 40px !important;
    background-image: url(https://media.cdnws.com/_i/419902/RAW-70/3041/70/fragrance-du-bois-minuit-et-demi.png);
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: auto;
    text-align: center !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-67/2079/67/fond.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 80px 50px !important;
}

.bloc3 .wiziBtn__wrapper {
    justify-content: left;
}

.bloc3 a.wiziBtn {
    filter: contrast(0.8) !important;
}

.bloc3 .wizi-imgtxt__wrap {
    color: #fff !important;
}
.bloc3 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 80px !important;
}


.WidgetTitle__Header-sc-ruy1gu-2.hrmxcK {
        font-family: "Marcellus", serif !important;
    font-size: 2.2em !important;
    font-weight: 400 !important;
    padding: 20px 0px !important;
}

.rea {
    background-color: #000000 !important;
}

.rea__item {
    color: #fff !important;
}

.rea__item strong {
    color: #ffff !important;
}
.wizi-wrapper--formBackground {
    border-radius: 20px !important;
    box-shadow: 0px 0px 8px 1px #00000030 !important;
}
div#c3b296e0-5d51-4ea0-9ff4-8a5b165dd8de iframe {
    border-radius: 20px !important;
    box-shadow: 0px 0px 8px 1px #00000030 !important;
}
.rea__item {
    padding: 20px 20px !important;
}

.powered {
    background-color: #000 !important;
    height: 30px !important;
    line-height: 30px !important;
    border-top: 5px solid var(--primary-color);
}

.footer__middle img.header__logo__a__img {
    filter: brightness(0.1) !important;
}

.footer__title {
    color: #000000 !important;
}

.footer__link {
    color: #000000 !important;
}

.vign1 .wizi-txt__item, .vign2 .wizi-txt__item {
      text-align: center !important;
      padding: 20px 20px !important;
      background-color: #0000000d !important;
      margin: 10px 10px !important;
      box-shadow: 0px 0px 5px 2px #0000000f !important;
      border-radius: 50px !important;
}

.vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {padding: 40px 80px !important;}

.item1 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-74/3900/74/14703181.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item2 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-75/2477/75/14244169.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item3 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-76/3681/76/7928356.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item4 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-77/1902/77/17525237.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item5 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-79/1724/79/17288219.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item6 p {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-78/1999/78/19000445.png);
    display: block;
    padding: 101px 20px 10px 20px !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top center;
    font-weight: 600 !important;
}
.item1, .item2, .item3, .item4, .item5 ,.item6  {
    background-color: #0000000a !important;
    border-radius: 20px !important;
    padding: 20px;
    box-shadow: 0px 0px 3px 1px #0000001f !important;
}
.bloc55 .wizi-txt__item:nth-child(1) p a{
    background: linear-gradient(4deg, rgb(0 0 0 / 38%) 0%), url(https://media.cdnws.com/_i/419902/RAW-80/1665/80/adobestock-1648490551-medium.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 99px 20px !important;
    color: #fff !important;
    font-family: "Marcellus", serif !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000006b !important;
    display;
    display: block;
    text-decoration: none !important;
    font-size: 1.9em !important;
    transition: transform 0.5s !important;
}
.bloc55 .wizi-txt__item:nth-child(2) p a{
    background: linear-gradient(4deg, rgb(0 0 0 / 38%) 0%), url(https://media.cdnws.com/_i/419902/RAW-81/780/81/adobestock-776811834-medium.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 99px 20px !important;
    color: #fff !important;
    font-family: "Marcellus", serif !important;
    border-radius: 20px !important;
    box-shadow: 0px 0px 5px 1px #0000006b !important;
    display: block;
    text-decoration: none !important;
    font-size: 1.9em !important;
    transition: transform 0.5s !important;
}
.bloc55 .wizi-txt__item:nth-child(1) p a:hover, .bloc55 .wizi-txt__item:nth-child(2) p a:hover{
    filter: drop-shadow(2px 4px 6px black);
    transform: scale(1.05);
}
.eapp-photo-gallery-info-component .eapp-photo-gallery-info-title {
    color: #000 !important;
    font-family: "Marcellus", serif !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    text-align: center !important;
}
.wiziBtn__wrapper {
    transition: transform 0.6s !important;
}
.wiziBtn__wrapper:hover {transform: scale(1.05);}
.grd{
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    text-align: center;
    padding: 40px 110px !important;
}

.grd > div {
    padding: 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.grd > div:hover {
    background-color: #f5f5f5;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.header__logo img {
    transition: transform 1.4s !important;
    animation: fadeInDown;
    animation-duration: 2s;
}
/***** menu****//*
.nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 {
    background-color: transparent !important;
}

.nav__label.img--loaded:first-child .nav__sublevel .nav__col-2 {
    background-color: #000 !important;
}

.nav__col.nav__col-2 {
    display: block !important;
    background-color: #000000 !important;
 }
.nav__col.nav__col-3 {
    display: block !important;
    background-color: #000000 !important;
 }
.nav__col.nav__col-4 {
    display: block !important;
    background-color: #000000 !important;
 }
.nav__col.nav__col-1 .nav__rich2__a {
    color: #fff !important;
}

.nav__label.img--loaded:last-child .nav__col.nav__col-1 {
    background-color: #000 !important;
}
.nav__label.img--loaded:last-child span.nav__itemlvl1.nav__itemlvl1--with-subnav:hover {
     color: #fff !important;
}
.nav__label_[alt="Prenez rendez-vous"] .nav__col:not(:last-child){

    }
.nav__col.nav__col-1 {
    background-color: #ffffff !important;
    margin: 5px !important;
}

.nav__col.nav__col-1 .nav-perso-on .nav__itemlvl3 {
    color: #fff !important;
}

.nav__col.nav__col-1 .nav__itemlvl3 {
    color: #000000 !important;
    padding-bottom: 15px !important;
}
.nav__col.nav__col-1 .nav__itemlvl3:after {
    color: #000000 !important;
    content:'';
    border: 1px solid #000000 !important;
    width: 80px !important;
    position: relative !important;
    display: block !important;
    top: 5px !important;
}
.nav__col.nav__col-1 a.nav__a.nav__rich__a {
    color: #000000 !important;
}

.nav__col.nav__col-2 a.nav__a.nav__rich__a {
    border: 2px solid #ffffff !important;
    padding: 12px 2px !important;
    text-align: center !important;
    color: #fff !important;
}
.nav__col.nav__col-3 a.nav__a.nav__rich__a {
  border: 2px solid #ffffff !important;
    padding: 12px 2px !important;
    text-align: center !important;
    color: #fff !important;
}
.nav__col.nav__col-4 a.nav__a.nav__rich__a {
 border: 2px solid #ffffff !important;
    padding: 12px 2px !important;
    text-align: center !important;
    color: #fff !important;
}
.nav__bottom {
    display: none !important;
}
 
/*****/
/************* responsive *****************/
/*
@media (max-width: 719px) and (min-width: 320px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
    .nav__col.nav__col-2 a.nav__a.nav__rich__a {
    color: #000 !important;
}
    .fam {
    margin-top: 0px !important;
    display: block;
}
    .bloc2 .wiziBtn {
    padding: 14px 20px;
    }
    .fam .eyUDVT {
    padding: 20px !important; 
 }
  .famille {
    padding: 10px 0px 0px 0px !important;
    height: 260px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
  .bloc2 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 20px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 10px !important;
}
  .vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {
    padding: 20px 0px !important;
}
  .vign1 .wizi-txt__item:nth-child(2) h3,  .vign1 .wizi-txt__item:nth-child(1) h3,  .vign2 .wizi-txt__item:nth-child(1) h3,  .vign2 .wizi-txt__item:nth-child(2) h3 {
    padding: 300px 0px 20px 0px !important;
    background-size: 80%;
}
  .grd {
    gap: 10px;
    padding: 40px 10px !important;
}
  .grd > div {
    padding: 13px 0px;
}
  .item1 p, .item2 p, .item3 p, .item4 p, .item5 p, .item6 p {
    padding: 61px 10px 10px 10px !important;
}
  .bloc3 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 0px 20px 0px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
     padding: 60px 20px !important;
}
  .rea__item {
    padding: 20px 20px 20px 70px !important;
}
}
@media (max-width: 1023px) and (min-width: 720px) {
  .nav__col.nav__col-2 a.nav__a.nav__rich__a {
    color: #000 !important;
}
      .body__wrapper {
        padding: 0 40px !important;
    }
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
  .vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {
    padding: 40px 40px !important;
}
  .bloc1 .wizi-imgtxt--reverse .wizi-imgtxt__left
 {
    padding: 20px 0px 20px 0px !important;
}
  .bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before
 {
    padding-top: 72.946% !important;
}
  .famille {
    padding: 30px 20px 0px 20px !important;
    height: 330px !important;
}
    .fam {
    margin-top: 40px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 70px 0px !important;
}
.grd {
    display: grid;
    gap: 29px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    text-align: center;
    padding: 40px 30px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 50px 10px !important;
}
  .bloc3 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 20px !important;
}
  .bloc2 .wizi-imgtxt--reverse .wizi-imgtxt__left {
    padding: 20px 20px 20px 20px !important;
}
}
@media (max-width: 1199px) and (min-width: 1024px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 0px !important;
}
    .famille {
    padding: 40px 30px 30px 30px !important;
    margin-bottom: 150px !important;
    height: 320px !important;
}
    .fam {
    margin-top: 40px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-image: url(https://media.cdnws.com/_i/419902/RAW-67/2079/67/fond.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 80px 0px !important;
}
.bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 0px !important;
}
  .bloc55 .wiziblocks__item__maxWidth {
        padding: 10px 50px !important;
    }
  .vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {
    padding: 40px 0px !important;
}
  .grd {
       padding: 30px 10px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
      padding: 80px 10px !important;
}
      .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small:before, .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small:before {
        padding-top: 147.126% !important;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 10px !important;
}
  .famille {
    margin-bottom: 210px !important;
    height: 350px !important;
}
  .famille {
    padding: 40px 20px 0px 20px !important;
}
    .fam {
    margin-top: 40px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 10px !important;
}
      .bloc55 .wiziblocks__item__maxWidth {
        padding: 10px 100px !important;
    }
  .vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {
    padding: 40px 0px !important;
}
  .grd {
    padding: 40px 20px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
       padding: 80px 0px !important;
}
      .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small:before, .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small:before {
        padding-top: 107% !important;
    }
  .grd > div {
    padding: 7px;
}
  .item1 p,  .item2 p,  .item3 p,  .item4 p,  .item5 p,  .item6 p {
    padding: 101px 5px 10px 5px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px) {
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 50px !important;
}
  .bloc2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 10px !important;
}
  .bloc55 .wiziblocks__item__maxWidth {
    padding: 10px 100px !important;
}
  .vign1 .wiziblocks__item__maxWidth, .vign2 .wiziblocks__item__maxWidth {
    padding: 30px 0px !important;
}
  .grd {
    padding: 40px 10px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 80px 10px !important;
}
  .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small:before, .bloc4 .wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small:before {
    padding-top: 92.126% !important;
}
}

@media (max-width: 1800px) and (min-width: 1600px) {
.grd {
    padding: 40px 40px !important;
}
}

@media (max-width: 1461px) and (min-width: 1024px) {
    .body__wrapper__maxWidth {
    }
}

@media (max-width: 2020px) and (min-width: 1024px) {
     .prod-list {
        display: flex;
        flex-wrap: nowrap !important;
        margin: 0 auto !important;
        max-width: var(--max-row-size) !important;
        position: relative !important;
    }
  .wizi-wrapper--formBackground .wizi-form {
    max-width: 630px !important;
       background-color: #00000014;
    padding: 30px !important;
        border-radius: 20px !important;
    box-shadow: 0px 0px 3px 2px #0000001c !important;
}
.header--transparent.header--fixed .header__logo__a__img{
    filter: brightness(1);
          position: relative;
        top: 20px !important;
}

}
/************************************************/
/******* Animation scrolling*************/
/*
@media (max-width: 2100px) and (min-width: 1200px) {
.bloc2 .wizi-imgtxt__wrap, .bloc55 .wizi-txt__item:nth-child(1) p a, .item5, .item6, .bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--small{
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
 .bloc55 .wizi-txt__item:nth-child(2) p a, .item1, .item2{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2, .bloc4 .wizi-imgtxt__left.wizi-imgtxt__left--small , .bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small, .item3, .item4{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
  .bloc1 .wizi-imgtxt__wrap{
        animation: top linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
@keyframes slide {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0);
  opacity:1;
  }
}
@keyframes reveal {
  from{
  transform: scale(0);
  opacity:0;
  }
  to {
  transform: scale(1);
  opacity:1;
  }
}

 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
  @keyframes top {
  from{
  transform: translateY(100%);
  opacity:0;
  }
  to {
  transform: translateY(0);
  opacity:1;
  }
}
/********** End scrolling**********/
/*

@media (min-width: 1024px) {
    .header.header--fixed .nav__itemlvl1 {
        text-transform: uppercase;
    }
}

.gualtieri .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    background-color: #C3684B;
    color: white;
}

.fragrance .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    background-color: #C3684B;
    color: white;
}

/*AP Affichage agenda dans menu enrichi*/
/*
.nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 .nav__rich .nav__a.nav__rich__a {
    color: white;    background: #7c2d38;    padding: 10px 10px;    border-radius: 30px;    text-align: center;}
.nav__col.nav__col-2 {    display: flex;    align-content: center;    align-items: center;}
.nav__label.img--loaded:last-child {background: #a52a2aad;border-radius: 30px;}
.nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 .nav__rich .nav__a.nav__rich__a:hover {
    transform: scale(0.98);
    transition: 0.5s ease-out;
}
.nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 .nav__rich:before {
    content: "ROEL PARIS vous accompagne pour trouver le parfum ou la fragrance qui vous correspond le temps d'un entretien exclusif :";
    text-align: center;    text-transform: uppercase;    padding: 30px 30px !important;    display: block;}
@media (max-width: 1023px) {
    .nav__label.img--loaded:last-child span.nav__itemlvl1.nav__itemlvl1--with-subnav {background: #be6a6d;border: none;color: white;}
    .nav__label.img--loaded:last-child {border-radius:0;color: white;}
    .nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 .nav__rich:before {color: #000000}
    .nav__label.img--loaded:last-child .nav__sublevel .nav__col-2 .nav__rich {margin: 0 20px;}
    .nav__ul__header {background:black; color : white}
  .nav__label.img--loaded:last-child .nav__itemlvl1:hover {
    color: white !important;
}
}

div#\33 56ef326-4f04-4624-acb7-d79216480d12 {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg);
}

.separateur {
    margin-top: -4.6vw !important;
    margin-bottom: -4.4vw !important;
}

div#\35 08d70b9-6cd8-4e4a-89d9-66c10f42de11 {
  margin-top: -4.6vw !important;
      margin-bottom: -4.4vw !important;
}

div#c5f7c1f1-bee6-4ae7-b775-5a40dd5da6e5 {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg);
}

.wiziblocks__item__maxWidth {
    background-color: transparent !important;
}

div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg);
}

div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 .wizi-img__content:nth-child(4) {
    display: none;
}

@media (min-width: 720px) {
    div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 .wizi-img--simple {
        justify-content: center;
        gap: 40px;
    }
}

@media (min-width: 720px) {
    div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 .wizi-img--quadruple .wizi-img__content {
        width: calc(12% - 10px);
    }
}

div#\38 7e8ca5f-697f-4b71-ba5f-df9208ce7ad2 {
    margin-top: -4.6vw !important;
    margin-bottom: -4.4vw !important;
}

div#fb21c47d-68dc-47a7-a832-a332c007873a i.far.fa-question-circle {
    display: none;
}

div#fb21c47d-68dc-47a7-a832-a332c007873a {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg);
}

.wrapperPage--options {
    margin-top: -30px;
}

.footer {
    background: #F4EDE3 !important;
}

.custom-title-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.custom-title-lines span {
    padding: 0 15px;
}

/* Traits courts */
/*
.custom-title-lines::before,
.custom-title-lines::after {
    content: "";
    width: 140px; 
    height: 1px;
    background-color: #ffffff;
}

.custom-title-lines::before {
    margin-right: 15px;
}

.custom-title-lines::after {
    margin-left: 15px;
}

@media (max-width: 768px) {
    div#\35 08d70b9-6cd8-4e4a-89d9-66c10f42de11 {
        margin-top: -12.6vw !important;
        margin-bottom: -13.4vw !important;
    }
}
@media (max-width: 768px) {
    div#\35 08d70b9-6cd8-4e4a-89d9-66c10f42de11 img {
        width: 100% !important;
    }
}

@media (max-width: 767px) {

  div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 .wizi-wrapper {
      justify-content: center !important;
  }

  div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 .wizi-img--quadruple {
      width: 33% !important;
  }

}

@media (max-width: 767px) {
  div#\32 18faec1-133b-4aa2-93b4-7c419b5d9c04 {
      margin-top: -12px !important;
  }
}

@media (max-width: 767px) {
  div#\38 7e8ca5f-697f-4b71-ba5f-df9208ce7ad2 {
      margin-top: -12.6vw !important;
      margin-bottom: -13.4vw !important;
  }
}

@media (max-width: 767px) {
  div#fb21c47d-68dc-47a7-a832-a332c007873a .wizi-wrapper {
      justify-content: center !important;
  }
  div#fb21c47d-68dc-47a7-a832-a332c007873a .wizi-img--quadruple.wizi-img--picto {
      width: 50% !important;
  }
}

@media (min-width: 1024px) {
    .nav__itemlvl1 {
        color: white;
    }
}

@media (min-width: 720px) {
    .header.header--fixed .search--wrapper .back, .header.header--fixed .search--wrapper .front {
        background: white;
    }
}

@media (min-width: 720px) {
    .header.header--fixed .search--wrapper .search--input {
        border-color: white;
    }
}

.header__account__a {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015%2020%22%3E%3Cpath%20d%3D%22M.005%2017.743v-.494c0%20.043%200%20.024.012-.35.084-4.582.728-5.9%205.314-6.742A2.762%202.762%200%200%200%207.504%2011a2.763%202.763%200%200%200%202.174-.843c4.637.849%205.243%202.19%205.317%206.895%200%20.3.007.353.008.326v.365S13.903%2020%207.503%2020%20.005%2017.743.005%2017.743zm15-.365c-.005-.313%200-.046-.006-.001zm-15-.129c-.005-.049%200-.165%200%200zm3.53-12.358c0-2.7.583-4.891%203.969-4.891s3.971%202.19%203.971%204.891-1.778%204.891-3.971%204.891S3.53%207.592%203.53%204.891z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E") !important;
}

.search--label {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221%22%20width%3D%22268%22%20height%3D%22277.333%22%20viewBox%3D%220%200%20201.000000%20208.000000%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M103.2%201.1C85.5%204.2%2071.2%2011.8%2058%2025%2044.2%2038.8%2036.9%2053.1%2033.9%2072.1c-3.1%2019.9%203%2045%2014.6%2060.2%202%202.6%203.5%205.3%203.2%206-.3.7-11.4%2012.6-24.8%2026.6C13.5%20178.8%202%20191.2%201.3%20192.4c-4.2%207.4%203.3%2016.8%2012%2015.2%202.8-.5%207.2-4.6%2023.9-21.9%2011.2-11.6%2022.9-23.8%2025.9-27.1l5.4-5.8%206%203.6c11.7%206.9%2028.9%2011.6%2042.5%2011.6%2021.9%200%2045.7-10.3%2060.8-26.4%2010.3-11.1%2016.2-21.5%2020.4-36.4%203.2-11.1%203.2-31.4%200-42.7C190%2033.5%20167.6%2011%20139%203c-8.6-2.4-27.4-3.5-35.8-1.9zM131%2023.6c22.3%205.2%2041.2%2024.1%2046.4%2046.4%203.3%2013.8%201.5%2028.5-5.2%2042-7.6%2015.5-24.8%2028.9-41.8%2032.5-21.4%204.5-41.4-1.4-56.9-17C54%20108%2049.5%2081.3%2061.7%2056.1c7.2-15%2024.1-28.5%2040.8-32.5%208-1.9%2020.5-1.9%2028.5%200z%22/%3E%3C/svg%3E) !important;
}

.header__nav__icon__span {
    background: white !important;
}

  .header__cart__a {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015.001%2019.901%22%3E%3Cpath%20d%3D%22M15%2019.111l-.7-13.7a.7.7%200%200%200-.7-.68h-2.04v-.67a4.061%204.061%200%201%200-8.121%200v.67h-2.05a.712.712%200%200%200-.7.68l-.69%2013.74a.754.754%200%200%200%20.19.53.7.7%200%200%200%20.51.22h13.6a.707.707%200%200%200%20.7-.72v-.07zM9.48%204.731H5.52v-.67a1.981%201.981%200%201%201%203.96%200z%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E) !important;
}

body[class*="marques"] .breadcrumbs {
    display: none !important;
}

.powered__p a, .powered__p span {
    color: white;
}

div#\34 e5a1948-c298-4ed1-83f8-a5f659a853de {
    background-image: url(https://media.cdnws.com/_i/419902/1281/3949/83/background-bloc2.jpeg);
    color: white;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 {
    background-image: url(https://media.cdnws.com/_i/419902/1288/622/90/background-bloc3.jpeg);
    color: white;
    padding-top: 2vw !important;
    background-size: cover;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .product-list-classic .prod__name {
    color: white !important;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .prod__price {
    display: none !important;
}

.banner .wiziBtn__wrapper {
    justify-content: center;
}

h1.we-align-center {
    font-size: 60px !important;
    color: #F5ECE3 !important;
}

.banner .wizi-wrapper--textOnImg.wizi-wrapper--large>.wizi-txt {
    padding-top: 220px;
}

.banner p.we-align-center {
    font-size: 20px !important;
    color: #F5ECE3 !important;
}

.banner .wizi-txt.wizi-txt--large {
    background-color: #0000007a !important;
}

.header.new-menu.header--fixed.header--translate {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg) !important;
    background-size: cover !important;
    background-position: center !important;
}

@media (min-width: 1024px) {
    .prod .prod__name {
        font-size: 1rem !important;
    }
}

@media (max-width: 767px) {
  h1.we-align-center {
    font-size: 38px !important;
    color: #F5ECE3 !important;
  }
}

@media (max-width: 767px) {
  .banner .wizi-wrapper--textOnImg.wizi-wrapper--large > .wizi-txt {
    padding-top: 0px !important;
  }
}

.header__relative {
    background-image: url(https://media.cdnws.com/_i/419902/1265/2600/67/154545453-1.jpeg) !important;
    background-size: cover !important;
    background-position: center !important;
}

@media (max-width: 719px) {
    div#\34 e5a1948-c298-4ed1-83f8-a5f659a853de .wizi-imgtxt--reverse .wizi-imgtxt__left, .wizi-imgtxt__right {
        padding-bottom: 30px;
    }
}

div#\34 7975d53-2586-4dae-95fa-7051f1c7d285 .custom-title-lines::before, .custom-title-lines::after {
    content: "";
    width: 140px;
    height: 1px;
    background-color: black;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .custom-title-lines::before, .custom-title-lines::after {
    content: "";
    width: 140px;
    height: 1px;
    background-color: white;
}

.prod-details__bottom #c1-body #small-step2-change-btn, #c1-body #small-step3-change-btn, #c1-body #step1-btn, #c1-body #step2-btn, #c1-body #step3-btn, #c1-body .checkout-validation #ident-form-classic .form__field--btnArea .form__button, #c1-body .checkout__index, #c1-body .container-submit-button .button, #c1-body .index-acc__edit, #c1-body .modal-cart__cart, #c1-body .prod-floating__addCart, #c1-body .prod__btn--addCart, #c1-body .validate-btn.success:not(.button--continue), #c1-body .wiziBtn, #c1-body .wz-rating__wrapper__right__form__button input, #c1-body .wz-rating__wrapper__right__form__buttonToLogin button, #c1-body .wz-showMessage__wrapper__content__dataMobile__button button, #c1-body .wz-showMessage__wrapper__data__button button, body #small-step2-change-btn, body #small-step3-change-btn, body #step1-btn, body #step2-btn, body #step3-btn, body .checkout-validation #ident-form-classic .form__field--btnArea .form__button, body .checkout__index, body .container-submit-button .button, body .index-acc__edit, body .modal-cart__cart, body .prod-floating__addCart, body .prod__btn--addCart, body .validate-btn.success:not(.button--continue), body .wiziBtn, body .wz-rating__wrapper__right__form__button input, body .wz-rating__wrapper__right__form__buttonToLogin button, body .wz-showMessage__wrapper__content__dataMobile__button button, body .wz-showMessage__wrapper__data__button button {
    background-color: black !important;
    border-color: var(--button-background) !important;
    border-radius: var(--button-radius) !important;
    color: white !important;
}

div#d88e739e-25ca-441b-95b0-b9ca5fe1e3c8 .wizi-img__content:nth-child(2) {
    display: none;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .prod__slider:after, body.wiziblocks-on .prod__slider:before {
    background: #f4ede300 !important;
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before {
    background: #ffffff00 !important;
}

@media (min-width: 1024px) {
    div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .prod .prod__article.fixed, body.wiziblocks-on .prod .prod__article.fixedTemp, body.wiziblocks-on .prod .prod__article:hover {
        background: transparent !important;
    }
}

div#\30 23737cf-c68f-49cd-bfc3-8872d9e9a0b0 .prod .prod__article.fixed .prod__corner__top, body.wiziblocks-on .prod .prod__article.fixedTemp .prod__corner__top, body.wiziblocks-on .prod .prod__article:hover .prod__corner__top {
    background-color: transparent !important;
}*/