body.landing-dupe {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background-color: #376E78;
    color: #111;
}

.o-ctn {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}

.landing-dupe h1, 
.landing-dupe h2, 
.landing-dupe h3 {
    font-family: 'Unbounded', cursive;
}

/* .landing-dupe-header {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #376E78;
    padding: 30px 0;
    position: fixed;
    z-index: 3;
    width: -webkit-fill-available;
} */

.landing-dupe-header img {
    max-width: 210px;
    /* align-self: center; */
}

.logo-link {
    align-self: center;
}

.dupe-nav {
    display: flex;
    list-style: none;
    padding: 20px 30px;
    background: white;
    border-radius: 80px;
    justify-content: space-between;
    margin: 25px 40px 0 40px;
    flex-wrap: wrap;
    row-gap: 12px;
}

.dupe-nav--item {
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    color: #45525C;
    cursor: pointer;
}

.dupe-nav--item a {
    position: relative;
    text-decoration: none;
    color: #45525C;
    transition: all 0.3s ease;
    padding-bottom: 5px;
}

.dupe-nav--item a::after {
    content: ''; 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #45525C;
    transition: width 0.3s ease;
}


.dupe-nav--item a:hover::after {
    width: 100%;
}

.logo-mobile {
    display: none;
}

.logo-desktop {
    display: block;
} 

.header--ctn {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #376E78;
    padding: 30px 0;
    position: fixed;
    z-index: 3;
    width: -webkit-fill-available;
}

@media (max-width: 768px) { 

    .logo-link-desktop {
        display: none;
    }
    .logo-desktop {
        display: none;
    }

    .logo-mobile {
        display: block;
    }

    .landing-dupe-header {
        height: 72.91px;
        width: 100%;
        position: fixed;
        z-index: 4;
        background: #376E78;
        padding: 0;
    }

    .header--ctn {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: -webkit-fill-available;
        margin: 20px;
        background: white;
        padding: 10px 20px;
        border-radius: 80px;
    }

    .landing-dupe-header img {
        max-width: 96px;
        height: 18px;
    }
}

.landing-dupe-hero {
    background-color: #376E78;
    display: flex;
    justify-content: center;
    padding-top: 185px;
}

.landing-dupe-hero img {
    max-width: 1277px;
    width: 100%;
}

.landing-dupe-chapo {
    background-color: #FFF281;
    /* padding: 120px 243px; */
}


.landing-dupe-chapo p {
    color: #376E78;
    text-align: center;
    font-size: 20px;
}

@media (max-width: 768px) { 
    .landing-dupe-hero {
        padding-top: 70px;
    }

    .landing-dupe-chapo {
        padding: 40px 20px;
    }
    .landing-dupe-chapo p {
        font-size: 16px;
    }
}

.landing-dupe-intro {
    position: relative;
    background-color: #376E78;
    display: flex;
    align-items: center;
}

.landing-dupe-intro--txt {
    max-width: 549px;
    padding: 115px 0 115px 156px;
}

.landing-dupe-intro--txt p {
    color: white;
    font-size: 16px;
}

.landing-dupe-intro--img {
    position: absolute;
    right: 5rem;
    top: -5rem;
}


.landing-dupe-intro--img img {
    max-width: 545px;
}

@media (max-width: 768px) { 
    .landing-dupe-intro {
        flex-direction: column-reverse;
    }
    .landing-dupe-intro--img {
        position: initial;
    }
    .landing-dupe-intro--txt {
        max-width: fit-content;
        padding: 30px 20px;
    }
    .landing-dupe-intro--img img {
        padding-top: 30px;
        max-width: 400px;
        width: 100%;
    }
}

.landing-dupe-explications {
    background-color: white;
    /* padding: 120px; */
}

.landing-dupe-explications p {
    text-align: center;
    font-size: 16px;
    color: #376E78;
}

@media (max-width: 768px) { 
    .landing-dupe-explications {
        padding: 30px 20px;
    }
}

/* ---------- BLOCS TEXT IMAGE --------- */

/* BACKGROUNDS */
.landing-dupe-horlogerie {
    background-color: #20274E;
}

.landing-dupe-electro {
    background-color: #3F885D;
}

.landing-dupe-medicaments {
    background-color: #00539B;
}

.landing-dupe-equipements {
    background-color: #B00270;
}

.landing-dupe-vetements {
    background-color: #E6007E;
}

.landing-dupe-parfums {
    background-color: #F5A8A1;
}

.landing-dupe-maroquinerie {
    background-color: #312783;
}

.landing-dupe-automobile {
    background-color: #006E7B;
}

.landing-dupe-baskets{
    background-color: #1B4533;
}

.landing-dupe-jeux {
    background-color: #65B6D6;
}

/* GENERAL */
.bloc-align-left--ctn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 120px 128px 60px 128px;
}

.bloc-align-right--ctn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 120px 128px 60px 128px;
}

.bloc--txt {
    color: white;
    font-size: 20px;
    max-width: 576px;
}

.bloc-align-right--txt {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.bloc-align-right--txt p {
    text-align: right;
}

@media (max-width: 768px) { 
    .bloc-align-left--ctn,
    .bloc-align-right--ctn {
        padding: 40px 20px;
        flex-direction: column;
    }
    .bloc--txt {
        font-size: 15px;
    }

}
/* TITRE SURLIGNES */

.landing-dupe-medicaments--txt img {
    max-width: 518px;
    width: 100%;
}

.landing-dupe-horlogerie--txt img {
    max-width: 386px;
    width: 100%;
}


.landing-dupe-equipements--txt img {
    max-width: 498px;
    width: 100%;
}

.landing-dupe-electro--txt img {
    max-width: 556px;
    width: 100%;
}

.landing-dupe-vetements--txt img {
    max-width: 424px;
    width: 100%;
}

.landing-dupe-parfums--txt img {
    max-width: 446px;
    width: 100%;
}

.landing-dupe-maroquinerie--txt img {
    max-width: 496px;
    width: 100%;
}

.landing-dupe-automobile--txt img {
    max-width: 624px;
    width: 100%;
}

.landing-dupe-baskets--txt img {
    max-width: 343px;
    width: 100%;
}

.landing-dupe-jeux--txt img {
    max-width: 377px;
    width: 100%;
}

/* IMAGE */


.landing-dupe-electro--img img{
    max-width: 500px;
    width: 100%;
}

.landing-dupe-horlogerie--img img{
    max-width: 315px;
    width: 100%;
}

.landing-dupe-vetements--img img{
    max-width: 500px;
    width: 100%;
}

.landing-dupe-medicaments--img img {
    max-width: 600px;
    width: 100%;
}

.landing-dupe-equipements--img img {
    max-width: 500px;
    width: 100%;
}

.landing-dupe-automobile--img img {
    max-width: 350px;
    width: 100%;
}

.landing-dupe-parfums--img img {
    max-width: 400px;
    width: 100%;
}

.landing-dupe-maroquinerie--img img {
    max-width: 400px;
    width: 100%;
}

.landing-dupe-baskets--img img {
    max-width: 550px;
    width: 100%;
}

.landing-dupe-jeux--img img{
    max-width: 400px;
    width: 100%;
}

@media (max-width: 768px) { 

    .landing-dupe-horlogerie--img img {
        max-width: 220px;
    }

    .landing-dupe-medicaments--img img,
    .landing-dupe-equipements--img img,
    .landing-dupe-parfums--img img,
    .landing-dupe-maroquinerie--img img,
    .landing-dupe-baskets--img img {
        max-width: 300px;
    }

    .landing-dupe-automobile--img img {
        max-width: 200px;
    }

    .landing-dupe-electro--img img{
        max-width: 300px;
    }

    .landing-dupe-jeux--img img{
        max-width: 260px;
    }
}

/* TEXTES AVEC COULEURS DIFFERENTES */
.landing-dupe-parfums--txt {
    color: #6F2970;
}


/* ----------- BANNIERE + BANDEAU DUPE ------------ */


.banner-padding {
    padding: 80px 156px;
}

.banner-ttl {
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.banner-txt {
    text-align: center;
    font-size: 16px;
}

@media (max-width: 768px) { 
    .banner-padding {
        padding: 40px 20px;
    }

    .banner-ttl {
        font-size: 20px;
    }

    .banner-txt {
        font-size: 15px;
    }
}

/* BANNER BACKGROUNDS */

.landing-dupe-lacontrefacondupe {
    background-color: #F5F83C;
}

.landing-dupe-lacontrefacondupe-2 {
    background-color: #BCD9A1;
}

.landing-dupe-lacontrefacondupe-3,
.landing-dupe-lacontrefacondupe-5,
.landing-dupe-lacontrefacondupe-7 {
    background-color: #FFF281;
}

.landing-dupe-lacontrefacondupe-4 {
    background-color: #F1E476;
}

.landing-dupe-lacontrefacondupe-6 {
    background-color: #6F2970;
}

.landing-dupe-lacontrefacondupe-8 {
    background-color: #CEE6D8;
}

.landing-dupe-lacontrefacondupe-9 {
    background-color: #F2D1E1;
}

.landing-dupe-lacontrefacondupe-10 {
    background-color: #F084A0;
}

/* BANNER TITLE + TXT COLOR */

.landing-dupe-lacontrefacondupe h2,
.landing-dupe-lacontrefacondupe-2 p {
    color: #20274E;
}

.landing-dupe-lacontrefacondupe-2 h2,
.landing-dupe-lacontrefacondupe-2 p {
    color: #3F885D;
}

.landing-dupe-lacontrefacondupe-3 h2,
.landing-dupe-lacontrefacondupe-3 p {
    color: #00539B;
}

.landing-dupe-lacontrefacondupe-4 h2,
.landing-dupe-lacontrefacondupe-4 p {
    color: #B00270;
}

.landing-dupe-lacontrefacondupe-5 h2,
.landing-dupe-lacontrefacondupe-5 p {
    color: #E6007E;
}

.landing-dupe-lacontrefacondupe-6 h2,
.landing-dupe-lacontrefacondupe-6 p {
    color: #F5A8A1;
}


.landing-dupe-lacontrefacondupe-7 h2,
.landing-dupe-lacontrefacondupe-7 p {
    color: #312783;
}

.landing-dupe-lacontrefacondupe-8 h2,
.landing-dupe-lacontrefacondupe-8 p {
    color: #006E7B;
}

.landing-dupe-lacontrefacondupe-9 h2,
.landing-dupe-lacontrefacondupe-9 p {
    color: #1B4533;
}

.landing-dupe-lacontrefacondupe-10 h2,
.landing-dupe-lacontrefacondupe-10 p {
    color: #FFFFFF;
}

/* BANDEAU */

.bandeau {
    padding: 10px 40px;
}

.bandeau-mobile {
    display: none;
}

.bandeau-ctn {
    display: flex;
    justify-content: space-between;
}

.bandeau-ctn span {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

@media (max-width: 768px) { 
    .bandeau {
        display: none;
    }
    
    .bandeau-mobile {
        display: block;
        padding: 10px 20px;
    }
    .bandeau-ctn span {
        font-size: 12px;
    }
}

/* BANDEAU BACKGROUNDS */

.dupe-bandeau {
    background-color: #20274E;
}

.dupe-bandeau-2 {
    background-color: #3F885D;
}

.dupe-bandeau-3 {
    background-color: #00539B;
}

.dupe-bandeau-4 {
    background-color: #B00270;
}

.dupe-bandeau-5 {
    background-color: #E6007E;
}

.dupe-bandeau-6 {
    background-color: #F5A8A1;
}

.dupe-bandeau-7 {
    background-color: #312783;
}

.dupe-bandeau-8 {
    background-color: #006E7B;
}

.dupe-bandeau-9 {
    background-color: #1B4533;
}

.dupe-bandeau-10 {
    background-color: #65B6D6;
}

/* BANDEAU TXT */

.dupe-bandeau-ctn span {
    color: #F5F83C;
}

.dupe-bandeau-2-ctn span {
    color: #BCD9A1;
}

.dupe-bandeau-3-ctn span,
.dupe-bandeau-5-ctn span,
.dupe-bandeau-7-ctn span {
    color: #FFF281;
}

.dupe-bandeau-4-ctn span {
    color: #F1E476;
}

.dupe-bandeau-6-ctn span {
    color: #6F2970;
}

.dupe-bandeau-8-ctn span {
    color: #CEE6D8;
}

.dupe-bandeau-9-ctn span {
    color: #F2D1E1;
}

.dupe-bandeau-10-ctn span {
    color: #FFFFFF;
}

/*------- CONCLUSION -------*/

.landing-dupe-conclusion {
    background-color: #376E78;
}

.landing-dupe-conclusion--padding {
    padding: 120px 116px;
}

.landing-dupe-conclusion--ctn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 60px;
}

.landing-dupe-conclusion--card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    max-width: 300px;
    border-radius: 20px;
    border: 1px solid #FFF281;
}

.landing-dupe-conclusion--card h4 {
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    text-align: center;
}

.landing-dupe-conclusion--card p {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: white;
}

.landing-dupe-conclusion--card img {
    max-width: 73px;
}

@media (max-width: 768px) { 
    .landing-dupe-conclusion--padding {
        padding: 30px 20px;
    }
    .landing-dupe-conclusion--ctn {
        justify-content: center;
        row-gap: 30px;
    }
}

footer {
    background-color: #35565C;
}

.footer--ctn {
    padding: 40px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo,
.socials img {
    max-width: 238px;
    height: 100%;
}

.footer--partners {
    padding: 80px 0;
    margin: 0 100px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: solid 1px #FFF281;
}

.footer--partners h3 {
    font-size: 30px;
    color: #FFFFFF;
}

.logo-partners {
    display: flex;
    justify-content: space-between;
}

.logo-partners img {
    width: 120px;
    height: 60px;
}

.footer-landing-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 2rem;
}

.footer-landing-nav ul li {
    display: flex;
}

.footer-landing-nav ul li a {
    text-decoration: none;
    color: #FFF281;
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.socials {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.socials-picto {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.socials-picto a {
    width: 14px;
    height: 14px;
}

@media (max-width: 768px) { 

    footer img {
        max-width: 180px;
        height: 100%;
    } 

    .footer-logo {
        height: 33px;
    }

    .footer--ctn {
        flex-direction: column;
        padding: 30px;
    }

    .footer-landing-nav ul {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        margin-top: 25px;
    }

    .socials {
        margin-top: 5px;
    }

    .footer--partners {
        margin: 0 30px;
        padding: 30px 0;
    }

    .footer--partners h3{
        font-size: 14px;
    }

    .logo-partners {
        flex-wrap: wrap;
        row-gap: 25px;
        padding-bottom: 2rem;
    }
}
/* ----------- BLOC ONGLETS ---------- */

.tab-container {
    padding: 0 116px 120px 116px;
}

.tabs {
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    position: relative;
    padding: 0;
    margin: 0;
}

.tab {
    position: relative;
    padding: 10px 20px;
    border-radius: 100px;
    cursor: pointer;
    background-color: transparent;
    margin-right: 5px;
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    z-index: 2;
}

.tab.active {
    color: white;
}


.tab-content {
    margin-top: 20px;
}

.tab-item {
    display: none;
    padding: 30px;
    border-radius: 20px;
    margin-top: 25px;
}

.tab-item p {
    color: white;
    font-size: 14px;
    margin: 0;
}

.tab-item.active {
    display: block;
}

.tabs::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 99%;
    height: 2px;
    background: transparent;
    transform: translateY(-50%);
}

.landing-dupe-horlogerie .tabs::after {
    border-top: 2px dotted #F5F83C;
}

.landing-dupe-horlogerie .tab.active {
    background-color: #F5F83C;
    color: #20274E;
}

.landing-dupe-horlogerie .tab {
    background-color: #20274E;
    color: #F5F83C;
    border: 1px solid #F5F83C;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-horlogerie .tab:hover {
    background-color: #F5F83C;
    color: #20274E;
    border: 1px solid #20274E;
}

.landing-dupe-horlogerie .tab-item {
    border: 1px solid #F5F83C;
}



.landing-dupe-electro .tabs::after {
    border-top: 2px dotted #BCD9A1;
}

.landing-dupe-electro .tab.active {
    background-color: #BCD9A1;
    color: #FFFFFF;
}

.landing-dupe-electro .tab {
    background-color: #3F885D;
    color: #BCD9A1;
    border: 1px solid #BCD9A1;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-electro .tab:hover {
    background-color: #BCD9A1;
    color: #3F885D;
    border: 1px solid #3F885D;
}

.landing-dupe-electro .tab-item {
    border: 1px solid #BCD9A1;
}



.landing-dupe-medicaments .tabs::after {
    border-top: 2px dotted #FFE322;
}

.landing-dupe-medicaments .tab.active {
    background-color: #FFE322;
    color: #00539B;
}

.landing-dupe-medicaments .tab {
    background-color: #00539B;
    color: #FFE322;
    border: 1px solid #FFE322;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-medicaments .tab:hover {
    background-color: #FFE322;
    color: #00539B;
    border: 1px solid #00539B;
}

.landing-dupe-medicaments .tab-item {
    border: 1px solid #FFE322;
}


.landing-dupe-equipements .tabs::after {
    border-top: 2px dotted #F1E476;
}

.landing-dupe-equipements .tab.active {
    background-color: #F1E476;
    color: #B00270;
}

.landing-dupe-equipements .tab {
    background-color: #B00270;
    color: #F1E476;
    border: 1px solid #F1E476;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-equipements .tab:hover {
    background-color: #F1E476;
    color: #B00270;
    border: 1px solid #B00270;
}

.landing-dupe-equipements .tab-item {
    border: 1px solid #F1E476;
}


.landing-dupe-vetements .tabs::after {
    border-top: 2px dotted #FFF281;
}

.landing-dupe-vetements .tab.active {
    background-color: #FFF281;
    color: #E6007E;
}

.landing-dupe-vetements .tab {
    background-color: #E6007E;
    color: #FFF281;
    border: 1px solid #FFF281;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-vetements .tab:hover {
    background-color: #FFF281;
    color: #E6007E;
    border: 1px solid #E6007E;
}

.landing-dupe-vetements .tab-item {
    border: 1px solid #FFF281;
}



.landing-dupe-maroquinerie .tabs::after {
    border-top: 2px dotted #FFF281;
}

.landing-dupe-maroquinerie .tab.active {
    background-color: #FFF281;
    color: #312783;
}

.landing-dupe-maroquinerie .tab {
    background-color: #312783;
    color: #FFF281;
    border: 1px solid #FFF281;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-maroquinerie .tab:hover {
    background-color: #FFF281;
    color: #312783;
    border: 1px solid #312783;
}

.landing-dupe-maroquinerie .tab-item {
    border: 1px solid #FFF281;
}




.landing-dupe-automobile .tabs::after {
    border-top: 2px dotted #CEE6D8;
}

.landing-dupe-automobile .tab.active {
    background-color: #CEE6D8;
    color: #006E7B;
}

.landing-dupe-automobile .tab {
    background-color: #006E7B;
    color: #CEE6D8;
    border: 1px solid #CEE6D8;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-automobile .tab:hover {
    background-color: #CEE6D8;
    color: #006E7B;
    border: 1px solid #006E7B;
}

.landing-dupe-automobile .tab-item {
    border: 1px solid #CEE6D8;
}



.landing-dupe-baskets .tabs::after {
    border-top: 2px dotted #F2D1E1;
}

.landing-dupe-baskets .tab.active {
    background-color: #F2D1E1;
    color: #1B4533;
}

.landing-dupe-baskets .tab {
    background-color: #1B4533;
    color: #F2D1E1;
    border: 1px solid #F2D1E1;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-baskets .tab:hover {
    background-color:#F2D1E1;
    color: #1B4533;
    border: 1px solid #1B4533;
}

.landing-dupe-baskets .tab-item {
    border: 1px solid #F2D1E1;
}



.landing-dupe-jeux .tabs::after {
    border-top: 2px dotted #FFFFFF;
}

.landing-dupe-jeux .tab.active {
    background-color: #F084A0;
    color: #FFFFFF;
    border: 1px solid #F084A0;
}

.landing-dupe-jeux .tab {
    background-color: #65B6D6;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.landing-dupe-jeux .tab:hover {
    background-color: #F084A0;
    color: #FFFFFF;
    border: 1px solid #F084A0;
}

.landing-dupe-jeux .tab-item {
    border: 1px solid #FFFFFF;
}



@media (max-width: 768px) { 
    .tabs {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .tab {
        width: fit-content;
        font-size: 12px;
    }
    .tabs::after {
        display: none;/* à modifier après */
    }
    .tab-container {
        padding: 0 30px 40px 30px;
    }
}

/* ------------ BLOC ACCORDEON ------------ */

.accordeon-container {
    /* width: 100%;
    max-width: 1130px;
    margin: auto; */
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    padding: 0 116px 120px 116px;
}

.accordeon-item {
    margin-bottom: 10px;
}

.accordeon-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0 30px 0;
    cursor: pointer;
    border-bottom: 1px solid #6F2970;
}

.header-parfums {
    padding: 0 0 30px 0;
}

.header-cosmetiques {
    padding: 30px 0 30px 0;
}

.accordeon-title {
    font-family: 'Unbounded', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 20px;
    background-color: #6F2970;
    border-radius: 100px;
}

.accordeon-toggle {
    font-size: 24px;
    font-weight: 300;
    color: #6F2970;
    transition: transform 0.3s ease;
}

.accordeon-content {
    display: none;
    padding: 10px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}

.accordeon-content p {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6F2970;
}

.accordeon-item.open .accordeon-content {
    display: block;
    max-height: 200px;
}

.accordeon-item.open .accordeon-toggle {
    transform: rotate(45deg);
}

.accordeon-item.open {
    border-bottom: none;
}

@media (max-width: 768px) { 
    .accordeon-container {
        max-width: initial;
        width: initial;
        padding: 0 30px 40px 30px;
    }
    .accordeon-title {
        font-size: 11px;
    }
}

/*--------------------- MOBILE ------------------*/

/* MENU MOBILE */


/* Cacher le burger menu sur les grands écrans */
.burger-menu {
    display: none;
}

/* Version responsive mobile */
@media (max-width: 768px) {

    /* Masquer le menu de navigation sur mobile par défaut */
    .dupe-nav {
        display: none; /* Le menu est caché */
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 60px;
        height: 100%;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: translateY(-100%);
        margin: 72px 0 0 0;
        border-radius: 0;
    }

    /* Lorsque le menu est ouvert */
    .dupe-nav.open {
        display: flex;
        opacity: 1;
        transform: translateY(0);
    }

    .dupe-nav--item {
        margin: 20px 0;
        font-size: 10px;
    }

    /* Menu burger (visible sur mobile) */
    .burger-menu {
        display: block;
        cursor: pointer;
        z-index: 15;
    }

    /* Barres du menu burger */
    .burger-bar {
        width: 30px;
        height: 2px;
        border-radius: 100px;
        background-color: #376E78;
        margin: 4px 0;
        transition: all 0.3s ease;
    }

    .bar-1 {
        margin-top: 0;
    }
    .bar-3 {
        margin-bottom: 0;
    }

    /* Lorsque le menu est ouvert, transformer les barres en croix */
    .burger-menu.open .bar-1 {
        transform: translateY(8px) rotate(45deg);
    }

    .burger-menu.open .bar-2 {
        opacity: 0;
    }

    .burger-menu.open .bar-3 {
        transform: translateY(-5px) rotate(-45deg);
    }

    /* Cacher le menu burger sur les écrans larges */
    @media (min-width: 769px) {
        .burger-menu {
            display: none;
        }
    }
}


/* QUICKFIX MAX_WIDTH GRANDS ECRANS */

.landing-dupe-chapo .o-ctn p {
    padding: 120px 243px;
}

.landing-dupe-explications--ctn {
    padding: 120px;
}

@media (max-width: 768px) { 
    .landing-dupe-chapo .o-ctn p,
    .landing-dupe-explications--ctn {
        padding: 0;
    }
}

.bandeau-nav-mobile {
    background-color: white;
    padding: 10px;
    display: none;
}

@media (max-width: 768px) { 
    .bandeau-nav-mobile {
        display: block;
    }
}

.dupe-nav-bandeau {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 1rem;
    column-gap: 1rem;
}

.dupe-nav-bandeau li {
    margin: 0;
    padding: 10px;
    border: solid 1px;
    border-radius: 80px;
    font-size: 9px;
}