@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
.bloc5 * {    background: #dc7b2f;    color: white;}

.bloc5 .wizi-wrapper.wizi-wrapper--txt {    max-width: 1790px;    margin: auto;}
.bloc5 .wizi-txt__item {padding: 0 1%  !important;}
.bloc5 iframe {    padding: 10px 0;}
h1 {
    font-family: "Libre Baskerville", serif !important;
    text-transform: uppercase;
    color: #234e0e !important;
    padding: 20px 0px !important;
    font-size: 1.6em !important;
    line-height: 1.7 !important;
}

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

.bloc3 .wiziblocks__item__maxWidth {
    background-color: #234e0e !important;
    padding: 20px 60px !important;
}

.bloc3 .prod__shadow {
    box-shadow: 0px 0px 8px 4px #fafafa40 !important;
    border-radius: 20px !important;
    background-color: #fff !important;
}

.bloc3 {
}

.bloc3 .prod__price__cur {
    background-color: #dc7b2f !important;
    padding: 6px 16px !important;
    color: #fff !important;
    border-radius: 5px !important;
}

h2 {
    font-family: "Libre Baskerville", serif !important;
    text-transform: uppercase;
    color: #dc7b2f !important;
    padding: 20px 0px !important;
    font-size: 1.5em !important;
    line-height: 1.7 !important;
}

.bloc3 h2 {
    color: #fff !important;
}

.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 100px !important;
}

.bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #dc7b2f;
    color: #fff !important;
    padding: 30px 50px !important;
}

.bloc5 h2 {
    color: #fff !important;
}

.bloc5 .wizi-imgtxt__right {
    padding: 20px 50px 20px 50px !important;
}

.bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 190px 50px 130px !important;
}



.nav__arrow {
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #fff !important;
    border-color: #ffffff !important;
}

h3 {
    font-family: "Libre Baskerville", serif !important;
    text-transform: uppercase;
    color: #234e0e !important;
    padding: 20px 0px !important;
    font-size: 1.3em !important;
    line-height: 1.7 !important;
}

.vign1 h3, .vign2 h3 {
    color: #ffff !important;
}
.bloc6 h2 {
    color: #fff !important;
}

.bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__right {
    margin-bottom: -80px !important;
    z-index: 999 !important;
}

.bloc6 {
    z-index: 999 !important;
    margin: 0 0 0px !important;
}
.bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #234e0e73 !important;
    padding: 20px 90px 30px !important;
    color: #ffffff !important;
    z-index: 999 !important;
    display: block;
    position: relative;
}
.bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:first-child {
    background-image: url(https://media.cdnws.com/_i/417624/RAW-48/1189/48/telephone.png) !important;
    background-position: top 12% center;
    background-repeat: no-repeat;
    background-size: 17% !important;
    padding: 100px 30px 30px 30px !important;
    text-align: center;
    font-weight: 500 !important;
    font-size: 19px !important;
}

.bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:nth-child(2) {
    background-image: url(https://media.cdnws.com/_i/417624/RAW-47/545/47/gramophone-1.png) !important;
    background-position: top 12% center;
    background-repeat: no-repeat;
    background-size: 17% !important;
    padding: 100px 20px 20px 20px !important;
    text-align: center;
    font-weight: 500 !important;
    font-size: 19px !important;
}

.bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:last-child {
    background-image: url(https://media.cdnws.com/_i/417624/RAW-49/2164/49/conseil.png) !important;
    background-position: top 12% center;
    background-repeat: no-repeat;
    background-size: 17% !important;
    padding: 100px 20px 20px 20px !important;
    text-align: center;
    font-weight: 500 !important;
    font-size: 19px !important;
}

.bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    background-color: #0000000a !important;
    margin: 5px 10px !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 7px 1px #00000021 !important;
}
.vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 5px 6px !important;
    border-radius: 10px !important;
    padding: 80px 33px !important;
    color: #fff !important;
}

.vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:first-child {
    linear-gradient(90deg, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 115%), url(
    https: //media.cdnws.com/_i/406721/RAW-77/2129/77/fond3.png);
    background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-50/100/50/00fichier-41.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:nth-child(2) {
    background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-51/1080/51/00fichier-51.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:last-child {
    background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-52/1132/52/00fichier-61.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 5px 6px !important;
    border-radius: 10px !important;
    padding: 80px 33px !important;
    color: #fff !important;
}

.vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:first-child {
    background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-53/1633/53/jeux.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:nth-child(2) {
    background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-54/984/54/texil.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:last-child {
    background: linear-gradient(0deg, rgb(0 0 0 / 75%) 0%, rgb(0 0 0 / 75%) 115%), url(https://media.cdnws.com/_i/417624/RAW-55/3525/55/mobilier.png);
    background-position: top 22% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vign1 a, .vign2 a {
    background-color: #665555 !important;
    padding: 13px 10px;
    /* background: linear-gradient(272deg, #dc7b2f, #ffcfaa, #234e0e, #4d6e3d); */
    background-size: 1800% 1800%;
    /* -webkit-animation: rainbow 8s ease infinite; */
    -z-animation: rainbow 10s ease infinite;
    -o-animation: rainbow 10s ease infinite;
    /* animation: rainbow 8s ease infinite; */
    display: block;
    width: 270px;
    margin-top: 15px;
    border-radius: 15px !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 0.8s !important;
    text-align: center;
}
@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position: 100% 29%;}
    100%{background-position:0% 82%}
}

.bloc7 a {
    padding: 13px 10px;
    background-color: #dc7b2f !important;
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 8s 
ease infinite;
    -z-animation: rainbow 10s ease infinite;
    -o-animation: rainbow 10s ease infinite;
    animation: rainbow 8s 
ease infinite;
    display: block;
    width: 270px;
    margin-top: 15px;
    border-radius: 15px !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 0.8s !important;
    text-align: center;
}
.bloc7 a:hover, .vign1 a:hover, .vign2 a:hover {
     transform: scale(0.95);
    box-shadow: 4px 3px 3px 1px #00000030 !important;
}

.bloc1 a {
    /* background-color: #234e0e !important; */
    padding: 13px 10px;
    /* background: linear-gradient(272deg, #dc7b2f, #234e0e); */
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 8s 
ease infinite;
    -z-animation: rainbow 10s ease infinite;
    -o-animation: rainbow 10s ease infinite;
    animation: rainbow 8s 
ease infinite;
    display: block;
    width: 270px;
    margin-top: 15px;
    border-radius: 15px !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 0.8s !important;
    text-align: center;
}

.bloc1 .wizi-imgtxt__left {
    padding: 20px 20px 20px 20px !important;
}
.header__logo img {
    transition: transform 1.4s !important;
    animation: flipInY;
    animation-duration: 3s;
}
.search--fieldset {
    border-radius: 50px !important;
    box-shadow: 0px 0px 3px 3px #dd7a2e42;
}

.aviss {
    width: 50%;
    margin: 0px auto;
    justify-content: center;
    position: relative;
    display: flex;
}

.rs {
    display: flex;
    justify-content: center;
    position: relative;
}

.lk {
    background-color: #00000003 !important;
    text-align: center !important;
    box-shadow: 0px 0px 8px 1px #00000030 !important;
    border-radius: 5px !important;
    padding: 40px 20px;
}

 

.fb iframe {
    justify-content: center;
    position: relative;
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 500px !important;
}
div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 65px 280px !important;
    margin: 0 0 10px !important;
    background-color: hsl(26.36deg 71.19% 52.35% / 21%) !important;
}

.fb {
    width: 50%;
    margin: 0px auto;
    justify-content: center;
    position: relative;
    display: grid;
}
.rea {
    background-color: #234e0e73 !important;
}

.rea__item {
    padding: 20px 20px !important;
    color: #fff !important;
}

.rea__item strong {
    color: #fff !important;
}
.single-newsletter__wrapper__content__text {
    color: #000000 !important;
}

.single-newsletter__wrapper__content__subtext {
    color: #000 !important;
}

.footer__wrapper__left__primary__title {
    color: #000 !important;
    font-family: "Libre Baskerville", serif !important;
    font-size: 1.1em !important;
}

.footer__wrapper__left__primary__ul__li__link {
    color: #000 !important;
}

.powered {
    padding: 10px 20px;
    background-color: #234e0e !important;
}

.single-newsletter__wrapper__content__form__fieldset__label__input {
    background: #dc7b2f12 !important;
    border: 1px solid #ffe4 !important;
}
.vign1 .wiziBtn__wrapper, .vign2 .wiziBtn__wrapper {
    justify-content: flex-start !important;
}
.bloc7 .wiziBtn__wrapper {
    justify-content: flex-start !important;
}
.bloc1 .wiziBtn__wrapper, .bloc4 .wiziBtn__wrapper, .bloc5 .wiziBtn__wrapper {
    justify-content: flex-start !important;
}
.footer {
    background-color: #fff !important;
}
.motif {
    position: absolute;
    z-index: 9 !important;
    background-color: transparent !important;
    overflow: auto !important;
    top: -0.1% !important;
}
.motif .wizi-img--small:before {
    padding-top: 5.1% !important;
}

@media (max-width: 719px) {
div#c6856e99-7ce9-4d13-82e4-03e336675cd0 {    margin-top: 8px !important;}
picture.picture.picture--left { background-image: url(https://media.cdnws.com/_i/417624/108/1859/9/broc-de-cedre-logo-mobile.png); background-repeat: no-repeat;}
img.header__logo__a__img {opacity:0}
}

/************************************* Responsive***********************************/
@media (max-width: 719px) and (min-width: 320px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
  .lk {
    box-shadow: 0px 0px 8px 1px #00000000 !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 20px 10px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
  .bloc5 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 30px 0px !important;
}
  .vign1 a, .vign2 a {
    padding: 13px 7px;
    width: 210px;
}
  .vign1, .vign2 {
    padding: 0 12px !important;
  }
  .vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item, .vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 8px 6px !important;
    padding: 80px 25px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px 30px !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 45px 20px !important;
}
    .rs {
    display: block;
}
  .fb, .aviss{
    width:100%;
  }
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 10px 50px 10px !important;
}
  .bloc7 a {
    width: 250px; 
}
.rea__item {
    padding: 20px 20px 20px 70px !important;
}
  .footer {
    text-align: center !important;
}
  .bloc5 .wizi-imgtxt__right {
    padding: 20px 30px 20px 30px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
}
@media (max-width: 1023px) and (min-width: 720px){
      body.wiziblocks-on .prod .prod__article {
        padding: 0 4px !important;
        width: 25% !important;
    }
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 10px !important;
}
  .bloc1 .wizi-imgtxt {
    display: block !important;
}
.bloc1 .wizi-imgtxt__left, .bloc1 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 25px 10px !important;
}
  .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:first-child, .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:nth-child(2), .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:last-child{
    background-size: 13% !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 10px !important;
}
  .bloc4 .wizi-imgtxt {
    display: block !important;
}

.bloc4 .wizi-imgtxt__left, .bloc4 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc5 .wizi-imgtxt {
    display: block !important;
}

 .bloc5 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__right {
    width: 100% !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 40px 30px !important;
}
  .bloc6 .wizi-imgtxt {
    display: block !important;
}

.bloc6 .wizi-imgtxt__left, .bloc6 .wizi-imgtxt__right {
    width: 100% !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 65px 30px !important;
}
  .rs {
    display: block;
}
  .fb, .aviss{
    width:100%;
  }
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 40px 50px 40px !important;
}
      .body__wrapper {
        padding: 0 0px !important;
    }
}
@media (max-width: 1199px) and (min-width: 1024px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
.bloc1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 65.946% !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
  .bloc5 .wizi-imgtxt__right {
    padding: 20px 0px 20px 50px !important;
}
  .vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item , .vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 5px 6px !important;
    padding: 45px 13px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px 30px !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 65px 40px !important;
}
    .bloc7 .wiziblocks__item__maxWidth {
        padding: 50px 20px 47px 20px !important;
    }
  .rea__item {
    padding: 20px 15px !important;
}
 
  
}
@media (max-width: 1399px) and (min-width: 1200px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 0px !important;
}
  .bloc5 .wizi-imgtxt__right {
    padding: 20px 0px 20px 40px !important;
}
  .vign1 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item , .vign2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item {
    margin: 4px 5px !important;
    padding: 60px 13px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 20px 30px !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 35px 30px !important;
}
  .bloc7 .wiziblocks__item__maxWidth {
    padding: 50px 90px 50px 70px !important;
}
}

@media (min-width: 1024px){
.bloc5 .wizi-txt.wizi-txt--double {    display: flex;    align-content: center;    align-items: center;}
}

@media (max-width: 1599px) and (min-width: 1400px){
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 40px !important;
}
 .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 40px 70px !important;
}
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 30px 30px !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 65px 50px !important;
}
  }
@media (max-width: 1800px) and (min-width: 1600px){
  .bloc6 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 50px 30px !important;
}
  div#a640e3b4-6d49-43cb-aaa8-30627d6d2e47 {
    padding: 65px 140px !important;
}
}


@media (max-width: 2050px) and (min-width: 1024px){
  nav.nav {
    max-width: 100% !important;
    width: 100% !important;
    /* background-color: #ffffff !important; */
    /* z-index: 99 !important; */
}
      .header {
        padding: 0 0px !important;
    }
  .nav__itemlvl1 {
    color: #000000 !important;
}
  .nav__maxWidth {
    justify-content: center !important;
    width: 100% !important;
}
}
/****************************************** End responsive ***************************/
/************************* scrolling *******************/
@media (max-width: 2100px) and (min-width: 1400px) {
 .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:last-child, .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__right {
        animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
     .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:first-child, .bloc4 .wizi-imgtxt__left, .bloc5 .wizi-imgtxt__left.wizi-imgtxt__left--small, .bloc5 .wizi-txt__item , .bloc6 .wizi-imgtxt--reverse .wizi-imgtxt__left{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
    .bloc1 .wizi-imgtxt__right.wizi-imgtxt__right--small, .bloc2 .wizi-wrapper--txt .wizi-txt--triple .wizi-txt__item:nth-child(2), .bloc3 h2, .bloc4 .wizi-imgtxt__right.wizi-imgtxt__right--small{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
 

}
@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;
  }
  
/********** end scrolling**********/


p.prod-details__brand {
    display: none;
}
