body {
    background: #F6F6F6 url("../../images/bg-site.jpg") repeat top center;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    position: relative
}

.djrFN, .ax-widget-container, .axeptio_widget {
    bottom: 80px!important; 
}

.darkblue {
    color:#112BB1;
}

.red {
    color:#E45722; 
}

.yellow {
 color:#FBD600;
}

.purple {
    color: #6423b6;
}

.blue {
    color:#ADE4EE;
}

.green {
    color:#A2C010;
}


html, body {
    overflow-x: hidden;
}

html {
    scroll-behavior: auto !important;
}

.goFormNeuf {
    color: #209BCF;
}

.h1 {   
    font-family: 'gooddog';
    font-size: 26px;
    line-height: 35px;
    color: #6423b6;
}

.h1small {   
    font-family: 'gooddog';
    font-size: 23px;
    line-height: 35px;
    color: #6423b6;
}

.h1smallbis {   
    font-size: 19px;
    line-height: 35px;
}

.en-arriere-mobile {
    cursor:pointer;
    width:52px;
    height:52px;
    position:absolute;
    bottom:50px;
    left:6%;
}

.addToWishText {

    font-family: 'gooddog';
    font-size: 24px;
    line-height: 24px;
    color: #6423b6;
    text-align: center;
    transform: rotateZ(355deg);
}

.addToWishTextMobile {
    font-family: 'gooddog';
    font-size: 16px;
    line-height: 24px;
    color: #6423b6;
    text-align: center;
}

.categorieTxtCarrou {
    text-decoration:none;
    font-size:1.1em;
    line-height:0.8em;
    font-family: 'Poppins'!important;
    color: #6423b6;  
}


.button_submit {
    font-family: 'gooddog';
    font-size: 19px; 
    color: #0087c6;
    position: absolute;
    top: 28px;
    right: 41px;
    cursor:pointer;
}

.arbre_engagement {
    cursor:pointer;
}

.infobulle {
    background: transparent url(../../images/infobulle.png) no-repeat top left;
    padding: 8px;
    font-family: 'gooddog';
    font-size: 19px;
    width: 118px;
    height: 62px;
    color: #0087c6;
    cursor:pointer;
}

.infobulle-zou {
    background: transparent url(../../images/infobulle-zou.png) no-repeat top left;
    padding: 10px;
    font-family: 'gooddog';
    font-size: 19px;
    width: 118px;
    height: 62px;
    color: #0087c6;
    animation: leaves 0.4s ease-in-out infinite alternate;
}

.infobulle-inverse {
    background: transparent url(../../images/infobulle-zou.png) no-repeat top left;
    padding: 10px;
    font-family: 'gooddog';
    font-size: 19px;
    width: 118px;
    height: 62px;
    color: #0087c6;
}

.carte-bg-link {
    z-index: 1000;
    position: relative;
    width: 220px;
    display: inline-block;
    padding: 23px;
    background: transparent url(../../images/contact/nous-contacter-background-link.png) no-repeat top left;
    left:50%;
    transform:translateX(-50%);
}

.text-carte-button {
    font-family: 'gooddog';
    font-size: 22px;
    line-height: 20px;
    color: #86ba18;
    text-decoration: none;
}

@keyframes leaves {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

.download_pdf_wish {
    z-index: 1000;
    position: relative;
    width: 296px;
    display: inline-block;
    padding: 23px 0px 43px 58px;
    background: transparent url(../../images/download_pdf.png) no-repeat top left;
    color: #4261a5;
    font-family: 'gooddog';
    font-size: 21px;
    line-height: 23px;
    text-align: left;
    cursor: pointer;
}

.download_pdf {
    z-index: 1000;
    position: relative;
    width: 296px;
    display: inline-block;
    padding: 29px 0px 43px 41px;
    background: transparent url(../../images/download_pdf_new.png) no-repeat top left;
    color: #4261a5;
    font-family: 'gooddog';
    font-size: 21px;
    line-height: 23px;
    text-align: left;
    cursor: pointer;
}

.partage_pdf {
    z-index: 1000;
    position: relative;
    width: 220px;
    display: inline-block;
    padding: 15px 0px 18px 80px;
    background: transparent url(../../images/partager_pdf.png) no-repeat top left;
    color:#4261a5;
    font-family: 'gooddog';
    font-size: 21px;
    text-align:left;
    cursor: pointer;
}

.qualite {
    color:#17557c;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 30px;
    line-height: 25px;
    text-decoration: none;
}

.qualiteColor {
    color:#60B6CA;
}

.ecoColor {
    color:#8ec19b;
}

.humainColor {
    color:#e54799;
}

.qualiteHeader {
    color:#60B6CA;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 26px;
    line-height: 25px;
    text-decoration: none;
    margin-top:15px;
}

.ecoHeader {
    color:#8ec19b;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 26px;
    line-height: 25px;
    text-decoration: none;
    margin-top:15px;
}

.humainHeader {
    color:#e54799;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 26px;
    line-height: 25px;
    text-decoration: none;
    margin-top:15px;
}

.ecoconception {
    color:#366957;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 26px;
    line-height: 25px;
    text-decoration: none;
}

.humain {
    color:#a01552;
    text-transform: uppercase;
    font-family: 'gooddog';
    font-size: 30px;
    line-height: 25px;
    text-decoration: none;
}

.piochez {
    color:#ff8500;
    font-family: 'gooddog';
    font-size: 30px; 
}

.piochezDesktop {
    color:#ff8500;
    font-family: 'gooddog';
    font-size: 24px; 
}

.splash {
    background: #F6F6F6 url("../../images/bg-site.jpg") repeat top center;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:20000;
}

.fade_top {
    position:fixed;
    top:70px;
    left:0;
    right:0;
    z-index:100;
}

.fade_bottom {
    position:fixed;
    bottom:50px;
    left:0;
    right:0;
    z-index:100;
}



.enter_link {
    font-size:1.5em;
    cursor:pointer;
}


.viewForm {

    color:#4968E7;
    cursor:pointer;
}

.input_contact {
    border:0;
    border-bottom: 2px solid #5e5e5f;
    width:100%;
    outline:none!important;
    background-color: transparent!important;
}

.textarea_contact {
    background-color: #ffffff;
    border-bottom: 2px solid #5e5e5f;
    border-radius: 5px;
    padding: 10px;
}

.custom-select, .custom-input {
    position: relative;
    font-family: 'gooddog';
    font-size: 22px;
}


select:has(option[value="0"]:checked) {
    color: gray;
}

.custom-select select, .custom-input {
    outline : none;
    appearance: none;
    width: 450px;
    border: 0px;
    padding: 10px 20px 19px 20px;
    background: #fff url("../../images/contact/background-select-new.png") no-repeat top left;
}

.custom-select select option {
    color:#5e5e5f;
    font-size: 22px;
}

.text-contact {
    color:#5e5e5f;
    font-weight: normal;
    font-family: 'gooddog';
    font-size: 22px;
    line-height: 1;
    letter-spacing: -1px;
}

.input_rdj::placeholder {
    font-family: 'gooddog';
    font-size: 22px;
}

.input_rdj {
    outline: none;
    appearance: none;
    width: 484px;
    border: 0px;
    padding: 23px 20px 19px 20px;
    font-family: 'gooddog';
    font-size: 22px;
    background: #fff url(../../images/input_rdj.png) no-repeat top left;
}

#arbre {
    position:relative;
    z-index: 2;
}

.enfant-0 {

    position: absolute;
    top: 21.3%;
    left: 30%;

}

.enfant-3 {

    position: absolute;
    top: 22.9%;
    left: 40%;

}

.enfant-5 {

    position: absolute;
    top: 22.3%;
    left: 50%;

}

.enfant-7 {

    position: absolute;
    top: 21.7%;
    left: 59%;

}

#section1 {
    position:absolute;
    top:-30px;
    left:0;
    width:2px;
}

#section2 {
    position:absolute;
    top:23%;
    left:0;
    width:2px;
}

#section3 {
    position:absolute;
    top:39%;
    left:0;
    width:2px;
}

#section4 {
    position:absolute;
    top:53%;
    left:0;
    width:2px;
}

#section5 {
    position:absolute;
    top:75%;
    left:0;
    width:2px;
}

.menu_italic {
    font-weight: bold ;
    margin-left:15px;
}

.ballon_top {
    position: fixed;
    top: 68%;
    left: 49%;
    z-index:50;
    -webkit-animation:bounce_ball 3s linear infinite;
    animation: bounce_ball 3s linear infinite;
}



@keyframes bounce_ball{
    0% {margin-left:0px;}
    25%{margin-left:15px;}
    50%{margin-left:30px;;}
    75%{margin-left:15px;}
    100%{margin-left:0px;}
}

@-webkit-keyframes bounce_ball{
    0% {margin-left:0px;}
    25%{margin-left:15px;}
    50%{margin-left:30px;;}
    75%{margin-left:15px;}
    100%{margin-left:0px;}
}

#menu_home {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 7%;
    z-index: 3;
    width: 360px;
    padding-left: 80px;
}

.bullet_home {    
    padding-bottom: 12px;
    padding-top: 15px;
    cursor: pointer;
    font-size: 1.1em;
    transition: margin 1s;
}

.flip-container {
    display: inline-block;
}

.flip-container:hover .back {
    transform: rotateY(180deg);
    transition-delay: 1s;
}

.flip-container:hover .front {
    transform: rotateY(0deg);
    transition-delay: 1s;
}

.flip-container, .front, .back {
    width: 100%;
    
}

.flipper {
    transition: 0.7s;
    transform-style: preserve-3d;
    position: relative;
}

.front, .back {
    position: absolute;
    backface-visibility: hidden;
    transition: 0.7s;
    transform-style: preserve-3d;    
}

.front {
    z-index: 1;
    transform: rotateY(-180deg);
}

.back {
    z-index: 2;
    transform: rotateY(0deg);
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-bottom: -10px;
}

.owl-carousel .owl-stage-outer {
    padding: 20px 0px 0px 0px!important;
}


.les-plus {
    font-family: 'gooddog';
    font-size:33px; 
    text-decoration: none;
    color:#6423b6;
    line-height: 33px;
}

ul.bullet {
    list-style-image: url("../../images/bullet_point_alpha.png");
}

.toast-container  {
    z-index:20000!important;
}

.cursor-pointer {
    cursor: pointer;
}

.border-radius {
    border-radius: 25px;
}

.modal-backdrop.show {
    z-index: 16000;
}

.modal {
    z-index: 16001;
}

.modal-header {
    border: 0!important;
    z-index: 16000;
}

.modal-body{
    z-index: 16000;
}

.modal-content {
    border-radius: 20px!important;
}

.blur {
    filter: blur(10px);
}

@font-face {
    font-family: 'gooddog';
    src: url('../../font/gooddog_new-webfont.woff2') format('woff2'),
         url('../../font/gooddog_new-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../font/poppins-regular-webfont.woff2') format('woff2'),
         url('../../font/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.texte-entoure-etape-1::before {

    content: url('../../images/etape/texte-entoure-etape-1.png');
    position:absolute;
    margin-left: -13px;
    margin-top: -7px;

}

.texte-entoure-etape-2::before {

    content: url('../../images/etape/texte-entoure-etape-1.png');
    position:absolute;
    margin-left: -11px;
    margin-top: -3px;

}

.texte-entoure-etape-3::before {

    content: url('../../images/etape/texte-entoure-etape-3.png');
    position:absolute;
    margin-left: -11px;
    margin-top: -9px;

}

.texte-entoure-etape-4::before {

    content: url('../../images/etape/texte-entoure-etape-4.png');
    position:absolute;
    margin-left: -14px;
    margin-top: -15px;

}

.texte-entoure-etape-5::before {

    content: url('../../images/etape/texte-entoure-etape-5.png');
    position:absolute;
    margin-left: -10px;
    margin-top: -31px;

}

.texte-entoure-etape-6::before {

    content: url('../../images/etape/texte-entoure-etape-6.png');
    position:absolute;
    margin-left: -10px;
    margin-top: -18px;

}

.modal-backdrop {

    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #515151;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);

}

.good-rdj-text {
    font-family: 'gooddog'; 
    font-size:16px;
    text-decoration: none;
}

.good-rdj-title {
    font-family: 'gooddog'; 
    font-size:20px;
    text-decoration: none;
}

.good-age-mobile, .good-age-mobile-right {
    font-family: 'gooddog'; 
    font-size:21px;
    text-decoration: none;
}

.good-footer {
    font-family: 'gooddog'; 
    font-size:20px;
    text-decoration: none;
}

.good-title {
    font-size: 17px;
    text-decoration: none;
}

.good-title-creation {
    font-size:18px;
    text-decoration: none;
    margin-left: 20px;
    margin-bottom:15px;
}

.good-title-popup {
    font-family: 'gooddog'; 
    font-size:33px;
    text-decoration: none;
    line-height: 0.9em;
}

.good-subtitle {
    font-family: 'gooddog'; 
    font-size:28px;
    text-decoration: none;
}

.good-texte-couleur {
    font-family: 'Poppins'!important; 
    font-size:20px!important;
    color:#6423b6;
}

.good-texte {
    font-family: 'Poppins'!important; 
    font-size:16px!important;
}

.good-texte-histoire-title {
   
    text-transform: uppercase;
    font-size:21px!important;
    color:#0087c8!important;
    text-decoration: none!important;

}

.good-texte-histoire-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#78bb28!important;
    text-decoration: none!important;

}

.good-texte-humain-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#e54799!important;
    text-decoration: none!important;

}

.good-texte-galerie-link {
   
    font-family: 'gooddog'!important; 
    font-size:22px!important;
    color:#e54799!important;
    text-decoration: none!important;

}

.good-texte-eco-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#8ec19b!important;
    text-decoration: none!important;

}

.good-texte-qalite-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#5cb7c5!important;
    text-decoration: none!important;

}

.good-texte-cookie-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#0a9de0!important;
    text-decoration: none!important;

}

.good-texte-contact-link {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#ff8500!important;
    text-decoration: none!important;

}

.good-texte-contact-file {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    text-decoration: none!important;

}

.good-texte-contact-send {
   
    font-family: 'gooddog'!important; 
    font-size:24px!important;
    color:#78bb28!important;
    text-decoration: none!important;

}

.langSelect {
    position:absolute;
    top:-56px;
    left:20px;
}

.langSelectMenuMobile {
    position:absolute;
    top:40px;
    right:189px;
}


.histoire-texte {
    text-align:left;
    font-family: 'Poppins'!important; 
    font-size:17px!important;
}

.good-texte-creation, .good-texte-creation p {
    font-family: 'Poppins'!important; 
    font-size:17px!important;
    text-decoration: none!important;
    margin-left: 10px;
}

.annotation, .filtrer {
    font-family: 'gooddog';
    font-size:24px;
}

.sous-menu, .sous-menu-petits, .sous-menu-monde,.sous-menu-monde-2, .filtrerTxt, .sous-menu-petits-couleur {
    font-family: 'gooddog';
    font-size:20px; 
    text-decoration: none;
}

.notre_histoire_bulle {
    font-family: 'gooddog';
    font-size:24px; 
    text-decoration: none;
}

.sous-menu.active {
    color:#ffffff;
    background: transparent url("../../images/bg-link-header-orange.png") no-repeat top left;
    width:198px!important;
}

.sous-menu-monde.active {
    color:#ffffff;
    background: transparent url("../../images/bg-link-header-bleu.png") no-repeat top left;
}

.sous-menu-monde-2.active {
    color:#ffffff;
    background: transparent url("../../images/bg-link-header-bleu-2.png") no-repeat top left;
}

.sous-menu-petits.active, .sous-menu-petits-couleur.active {
    color:#ffffff;
    background: transparent url("../../images/bg-link-header-violet.png") no-repeat top left;
}

.good-age-mobile.active {
    color:#ffffff;
    background: transparent url("../../images/fond_violet_couleur_titre.png") no-repeat top left;
    padding: 6px 0px 5px 13px;
}

.good-age-mobile-left.active {
    color:#ffffff;
    background: transparent url("../../images/fond_violet_couleur_titre.png") no-repeat top left;
    padding: 6px 0px 5px 13px;
}

.good-age-mobile-right.active {
    color: #ffffff;
    background: transparent url(../../images/fond_violet_couleur_titre.png) no-repeat top right;
    padding: 6px 10px 5px 0px;
}

.sous-menu.active a, .sous-menu-petits.active a, .sous-menu-monde.active a, .sous-menu-monde-2.active a,.sous-menu-petits-couleur.active a{
    color:#ffffff;
    text-decoration: none;
}

.rose {
    color:#ff00b4;
    text-decoration: none;
}

.roseWish {
    color:#E54799;
    text-decoration: none;
}


.violet {
    color:#6423b6;
    /*color:#9d5bef;*/
    text-decoration: none;
}

.bleu {
    color:#0a9de0;
    text-decoration: none;
}

.bleubis {
    color:#60B6CA;
    text-decoration: none;
}

.rosebis {
    color:#e54799;
    text-decoration: none;
}

.vertbis {
    color:#8ec19b;
    text-decoration: none;
}

.vert {
    color:#86ba18;
    text-decoration: none;
}

.orange {
    color:#ff8500;
    text-decoration: none;
}

.engagement {
    font-family: 'gooddog';
    font-size:28px; 
    text-decoration: none;
}

.blanc {
    color:#ffffff;
    text-decoration: none;
}

.pointer {
   cursor:pointer; 
}

.titre-menu {
    letter-spacing: .5px;
    font-size:18px;
}

.footer, .header {
    background: #fff url("../../images/bg-site.jpg") repeat top center;
}

.illustrateur {
    font-family: 'gooddog';
    font-size:17px; 
    text-decoration: none;
}

.lire-la-suite {
    z-index: 1000;
    position: relative;
    width: 220px;
    display: inline-block;
    padding: 23px;
    background: transparent url(../../images/notre_histoire/lire-la-suite.png) no-repeat top left;
}

.galerie-bg {
    z-index: 1000;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px;
    background: transparent url(../../images/galerie/bg-galerie-link.png) no-repeat center center;
}

.accepter-cookie {
    z-index: 1000;
    position: relative;
    width: 230px;
    display: inline-block;
    padding: 23px;
    background: transparent url(../../images/accepter-cookie.png) no-repeat top left;
}

.nous-contacter-bg-link {
    z-index: 1000;
    position: relative;
    width: 230px;
    display: inline-block;
    padding: 23px;
    background: transparent url(../../images/contact/nous-contacter-background-link.png) no-repeat top left;
}

.incline {
    font-size:1.2rem;
    transform: rotate(351deg);
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1690px;
    }
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}


@media (min-width: 992px) and (max-width: 1199px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}


/* Animations */

#carte {
    position: absolute;
    top: 12%;
    left: 27.7%;
    width: 18%;
}

#cour {
    position: absolute;
    top: 15.3%;
    left: 29%;
    width: 56%;
}

#homme_avion {
    position: absolute;
    z-index: 100;
    top: 6.23%;
    left: 24%;
    width: 58%;
}

#loupe {
    position: absolute;
    top: 11.4%;
    left: 50.9%;
    width: 21%;
}

#peintre {
    position: absolute;
    top: 10.95%;
    left: 40.2%;
    width: 10.7%;
}

#graph {
    position: absolute;
    top: 28.65%;
    left: 47.2%;
    width: 20.7%;
}

#guichet {
    position: absolute;
    top: 80%;
    left: 31%;
    width: 7%;
}

#jardinier {
    position: absolute;
    top: 43.7%;
    left: 53%;
    width: 18.7%;
}

#livraison {
    position: absolute;
    top: 56.7%;
    left: 32%;
    width: 38%;
}

#musee {
    position: absolute;
    top: 78.8%;
    left: 45%;
    width: 21%;
}

#photo {
    position: absolute;
    top: 40.1%;
    left: 32%;
    width: 19.5%;
}

#qualitee {
    position: absolute;
    top: 48.5%;
    left: 37.2%;
    width: 20.5%;
}

#reucrea {
    position: absolute;
    top: 35.2%;
    left: 50%;
    width: 19.5%;
}

#vitrine {
    position: absolute;
    top: 68.4%;
    left: 57.5%;
    width: 15%;
}

#boutique {
    position: absolute;
    top: 65.34%;
    left: 34%;
    width: 23.5%;
}

#illustratrice {
    position: absolute;
    top: 30.2%;
    left: 28.6%;
    width: 20%;
}

#foot {
    position: absolute;
    top: 87.1%;
    left: -19.4%;
    width: 130.8%;
}

.texte_histoire_mobile {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

.good-texte-histoire-title-mobile {
   
    text-transform: uppercase;
    font-size:24px!important;
    color:#0087c8!important;
    text-decoration: none!important;

}

.texte_histoire_1 {
    position: absolute;
    top: 1%;
    left: 54%;
    width: 35%;
}

.texte_histoire_2 {
    position: absolute;
    top: 28.5%;
    left: 58%;
    width: 29%;
}


.texte_histoire_3 {
    position: absolute;
    top: 51.3%;
    left: 54%;
    width: 29%;
}

.texte_histoire_4 {
    position: absolute;
    top: 51%;
    left: 20%;
    width: 29%;
}

.texte_histoire_5 {
    position: absolute;
    top: 76%;
    left: 57%;
    width: 32%;
}
  
.texte_histoire_6 {
    position: absolute;
    top: 93%;
    left: 57%;
    width: 30%;
}
  
.texte_histoire_7 {
    position: absolute;
    top: 38%;
    left: 8%;
    width: 26%;
    color:#2F5BF0;
    font-family: 'gooddog';
    font-size: 22px;
}

.texte_histoire_4_link{
    position: absolute;
    top: 60.5%;
    left: 29%;
    width: 13%;
    height: 50px;
    cursor:pointer;
}

.texte_histoire_5_link{
    position: absolute;
    top: 86%;
    left: 62%;
    width: 11%;
    height: 50px;
    cursor:pointer;
}

.texte_histoire_6_link{
    position: absolute;
    top: 98%;
    left: 59%;
    width: 13%;
    height: 50px;
    cursor:pointer;
}

.selectLangue {
    font-size:24px;
    font-weight: bold;
    display:inline-block;
    height:50px;
    line-height: 70px;
    margin:auto;
    vertical-align:middle;
}

.customNextBtn, .customPrevBtn {
    cursor:pointer;
}

.selectLangueCookie {
    font-size:22px;
    font-weight: bold;
    display:inline-block;
    height:33px;
    line-height: 33px;
    margin:auto;
    vertical-align:middle;
    cursor:pointer;
}

.langSelectMenuDesktop {
    margin-top:-2px;
}

.mobile-margin-top-carrousel {
    margin-top:70px!important;
}

#selectLangMenuDesktop {
    margin-top:8px;
}

#choixLangMenuDesktop {
    position: absolute;
    top: 60px;
    background-color: #fff;
}

#choixLang, #choixLangMenuMobile {
    background-color: #fff;
}

#menu_mobile_expand {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:16002;
}

#menu_header {
    height:130px;
}

#menu_mobile {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:130px;
    z-index:16000;
}

#arbre {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#menu_1,#menu_2,#menu_3,#menu_4  {
    font-weight: bold;
}

.splash_mobile_couleur_img {
    position: absolute;
    top: 108px;
    left: 0;
    width: 100%;
    z-index: 10000!important;
}

.cookie_title {
    font-family: 'gooddog';
    color:#0a9de0;
    font-size: 1.2rem;  
}

.menu_child {
    color:#212529;
    font-family: 'gooddog';
    font-size: 1.3rem;  
    height:44px;
}

.link_mobile_sous_menu {
    text-decoration: none;
    color:#212529;
    font-family: 'gooddog'; 
    font-size: 1.2rem; 
}

.link_mobile_menu {
    text-decoration: none;
    color:#212529;
    font-size: 1rem; 
}

.link_mobile{
    text-decoration: none;
    color:#212529;
    font-family: 'gooddog';
    font-size: 1.4rem;
    margin-left:23px;
}

.copyLink {
    position: absolute;
    top: -50px;
    left: 25px;
    font-size: 22px;
    cursor:pointer;
}

.wishClass {
    cursor:pointer;
    position:absolute;
    top:-60px;
    right:70px;
}

    #couleur_mobile_menu, #switch_mobile, #tache_couleur_mobile, #splash_mobile_couleur {
        display:none;
    }

  /* Style pour les écrans petits (sm), supérieurs ou égaux à 576px */
  @media only screen and (min-width: 576px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 8px;
    }

  }
  
  /* Style pour les écrans moyens (md), supérieurs ou égaux à 768px */
  @media only screen and (min-width: 768px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
    }

    .splash_contenu {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        cursor:pointer;
    }

  }
  
  /* Style pour les écrans moyens (md), supérieurs ou égaux à 768px */
  @media only screen and (max-width: 574px) {
      
    .qualite {
        font-size: 15px!important;
    }

    .ecoconception {
        font-size: 15px!important;
        line-height:20px;
    }

    .humain {
        font-size: 15px!important;
        
    }

  }

  /* Style pour les écrans moyens (md), supérieurs ou égaux à 768px */
  @media only screen and (max-width: 768px) {

    .verso {
        left:-11%!important;
    }

    .recto {
        left:8%!important;
    }

    .splash_contenu {
        position: relative;
        top: 30%;
        cursor: pointer;
    }

    .qualite {
        font-size: 20px;
    }

    .ecoconception {
        font-size: 20px;
    }

    .humain {
        font-size: 20px;
    }

  }
  
  /* Style pour les écrans grands (lg), supérieurs ou égaux à 992px */
  @media only screen and (min-width: 992px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

  }
  
  /* Style pour les écrans extra grands (xl), supérieurs ou égaux à 1200px */
  @media only screen and (min-width: 1200px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }


    
  }

  

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

    .texte_histoire_1 {
        position: absolute;
        top: 1%;
        left: 50%;
        width: 40%;
    }
  
    .texte_histoire_2 {
        position: absolute;
        top: 28.5%;
        left: 55%;
        width: 33%;
    }
    
    
    .texte_histoire_3 {
        position: absolute;
        top: 51.3%;
        left: 50%;
        width: 33%;
    }

    .texte_histoire_4 {
        position: absolute;
        top: 51%;
        left: 17%;
        width: 34%;
    }

    .texte_histoire_5 {
        position: absolute;
        top: 76%;
        left: 54%;
        width: 42%;
    }
    
    .texte_histoire_6 {
        position: absolute;
        top: 93%;
        left: 54%;
        width: 43%;
    }


}


  /* Style pour les écrans extra grands (xl), supérieurs ou égaux à 1200px */
  @media only screen and (max-width: 1179px) {


    .input_rdj {
        outline: none;
        appearance: none;
        width: 335px;
        border: 0px;
        padding: 23px 20px 19px 20px;
        font-family: 'gooddog';
        font-size: 22px;
        background: #fff url(../../images/input_rdj_mobile.png) no-repeat top left;
    }

    .custom-select select, .custom-input {
        outline : none;
        appearance: none;
        width: 335px;
        border: 0px;
        padding: 23px 20px 19px 20px;
        background: #fff url("../../images/input_rdj_mobile.png") no-repeat top left;
    }

    #menu_home {
        display:none;
    }

    #liserai-droite, #liserai-gauche {
        display:none; 
    }

    #menu_mobile {
        display:block;
    }

    #header {
        display:none; 
    }

    #footer {
        display:none; 
    }

    #arbre {
        width: 227%;
    }

    #couleur_mobile_menu, #switch_mobile, #splash_mobile_couleur {
        display:block;
    }

    #tache_couleur_mobile {
        display:flex;
    }

    #couleur_desktop_menu, #coul_cat_desktop, #switch_desktop, #tache_couleur_desktop {
        display:none;
    }

    .fade_top {
        top: 0px;
    }

    .fade_bottom {
        bottom: 0px;
    }

    body {
        overflow:auto!important;
        overflow-x:hidden!important;
    }

    #contenu {
        margin-top:40px;
    }

    #header_couleur {
        margin-top:50px!important;
    }

    .qualite {
        font-size: 20px!important;
    }

    .ecoconception {
        font-size: 20px!important;
    }

    .humain {
        font-size: 20px!important;
        
    }

    .categorieTxtCarrou {
        text-decoration:none;
        font-size:0.8em!important;
        line-height:0.8em;
        font-family: 'Poppins'!important;
        color: #6423b6;        
    }

    .copyLink {
        position: absolute;
        top: -69px;
        left: 25%;
        font-size: 16px;
        cursor:pointer;
        width:100px;
        text-align: center;
    }
    
    .wishClass {
        cursor: pointer;
        position: absolute;
        top: -60px;
        right: 25%;
        width: 59px;
        overflow: hidden;
    }
   
  }
  
  /* Style pour les écrans très grands (xxl), supérieurs ou égaux à 1400px */
  @media only screen and (min-width: 1460px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
    }


  }
  
  /* Style pour les écrans très grands (xxl), supérieurs ou égaux à 1400px */
  @media only screen and (min-width: 1610px) {

    .texte_histoire {
        font-family: 'Poppins', sans-serif;
        font-size: 16px;
    }


  }
  
  /* Style pour les écrans très grands (xxl), supérieurs ou égaux à 1400px */
  @media only screen and (min-width: 2200px) {

    #menu_home {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 12%;
        z-index: 3;
        width: 360px;
        padding-left: 80px;
    }


  }
  
  /* Style pour les écrans très grands (xxl), supérieurs ou égaux à 1400px */
  @media only screen and (max-width: 1800px) {

    #menu_home {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: 2%;
        z-index: 3;
        width: 360px;
        padding-left: 80px;
    }


  }

  
  
  /* Style pour les écrans très grands (xxl), supérieurs ou égaux à 1400px */
  @media only screen and (max-width: 1460px) {

    
    #histoire_desktop {
        display:none;
    }


  }