@media (min-width:999px) {
    html {
        font-size: .6517333333333333vw;
    }
}

@media (max-width:998px) {
    html {
        /* font-size: 1.302083333333333vw; */
        /* font-size: 2.602083333333333vw; */
        font-size: 2.452083333333333vw;
    }
    .body {
        overflow: hidden;
    }
    .desk {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
    /* header */
    /* header {
        position: absolute;
        top: 0;
        left: 0;
    } */
    .conteneur_header {
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }
    /* .txt_btn_ddon,
    .new_donation_actions,
    .form-wrapper,
    .blockLinkDon {
        display: none;
    } */
    /* .block_socialMedia {
        width: 85%;
        margin: 0 auto
    } */
    .conteneurLogo {
        width: 7.5rem;
        position: relative;
        left: unset;
        top: unset;
    }
    .conteneur_right_logo {
        padding-left: 0;
        padding-right: 1.6rem;
        width: 31rem;
    }
    .undr_logo {
        display: block;
        font-size: 1.2rem;
    }
    .nameLp {
        font-size: 1.7rem;
        line-height: 1.2;
        font-weight: 500;
        width: auto;
    }
    .btn_ddon {
        /* font-size: 1.6rem; */
        font-size: 2rem;
        padding: 1.5rem 2rem;
    }
    .conteneur_right_logo .blc_btn {
        width: 13.6rem;
    }
    .conteneur_right_logo .btn_ddon {
        font-size: 1.6rem;
    }
    .under_txt_btn {
        display: none;
    }
    /* .content_block_socialMedia {
        width: auto;
    }
    .content_block_socialMedia a {
        width: 8rem;
        height: 8rem;
        font-size: 4.3rem;
    } */
    .jumpToSection {
        width: 4.104rem;
        bottom: 1.5rem;
    }
    /* fin header */
    /* DEBUT vignettes */
    /* .vignettes {
        display: none;
    } */
    /* fin vignettes */
    /* debut sectionAccroche */
    .sectionAccroche {
        padding-top: 0;
        height: calc(100vh - 6rem);
        /* height: calc(100vh - 3.1rem); */
    }
    .logged-in .sectionAccroche {
        /* height: calc(100vh - 9.2rem); */
        height: calc(100vh - 4rem);
    }
    .image_humain {
        width: 42.2vh;
    }
    .backSlider {
        height: 100%;
        object-fit: cover;
        width: 100%;
        /* left: 0; */
    }
    #backVid {
        display: none;
    }
    .video-wrapper {
        height: 100%;
    }
    .imgVid_back_mb {
        height: 100%;
        width: auto;
        object-fit: cover;
    }
    .accroche {
        /* position: absolute; */
        /* right: unset; */
        /* left: 50%; */
        /* top: unset; */
        /* bottom: 21rem; */
        transform: translateX(-50%) translateY(-42%);
        width: 37.4rem;
        text-align: left;
    }
    .accroche p {
        padding: 0;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 1rem 0 0;
    }
    .labelH1 {
        font-size: 1.6rem;
        font-weight: 500;
        /* padding: 0.5rem 1.3rem; */
    }
    h1 {
        font-size: 3rem;
        font-weight: 500;
        line-height: 1;
        margin: 2.3rem 0 0rem 0;
    }
    .calque {
        display: none;
    }
    .blc_media {
        display: none;
    }
    /* .btn_accroche {
        font-size: 2.5rem;
        width: 22.7rem;
        padding: 1.5rem 2.9rem;
    } */
    /* fin sectionAccroche */
    /* debut citation */
    .citation {
        padding: 4rem 0 3rem 0;
    }
    .cadre_citation {
        width: 37.4rem;
    }
    .header_citation {
        width: 85%;
        margin: 0 auto 2rem auto;
    }
    .header_citation h2 {
        font-size: 3rem;
        /* padding: 0 1rem; */
        margin-bottom: 2.4rem;
    }
    .block_parrainage h3,
    .block_soutien h3,
    .block_chiffre h3 {
        font-size: 3rem;
    }
    .block_chiffre h3 {
        font-family: 'Maitree';
        font-size: 2.4rem;
        color: #C10A25;
    }
    .bloc_motPresident {
        flex-direction: column;
        height: auto;
    }
    .bloc_txt_citation {
        width: 100%;
        margin: 0 auto;
        padding: 3.2rem 3rem;
    }
    @keyframes bouger {
        25% {
            opacity: 1;
        }
        33% {
            opacity: 1;
            transform: translateY(1rem);
        }
        67% {
            opacity: 1;
            transform: translateY(2rem);
        }
        100% {
            opacity: 0;
            transform: translateY(3rem);
        }
    }
    .groupChevron {
        width: 2rem;
        height: 4rem;
    }
    .dbl_cottes {
        width: 5.2rem;
    }
    .img_president {
        border: none;
        width: 7.7rem;
    }
    .txt_citation {
        font-size: 1.8rem;
    }
    .txt_citation p {
        margin: 0rem 0 4rem 0;
    }
    .blc_img_auteur {
        flex-direction: column;
    }
    .info_auteur {
        width: 86%;
        margin-top: 1.9rem;
    }
    .name_citateur,
    .profession_citateur {
        font-size: 1.8rem;
        text-align: center;
    }
    .bloc_visuel_citation {
        width: 100%;
        margin: 4rem auto 0 auto
    }
    .iframe_video_citation {
        height: 21.1rem;
        border-radius: 0.8rem;
    }
    .bloc_visuel_citation h3 {
        margin-top: 2.4rem;
        font-size: 2rem;
    }
    .bloc_visuel_citation h3+p {
        padding: 0 1.6rem;
        /* margin-top: 0.8rem; */
        text-align: left;
        margin-top: 2rem;
        padding-left: 1.5rem;
    }
    .btn_citation {
        width: 47%;
        font-size: 3.5rem;
        line-height: 1.2;
        padding: 2rem 4.8rem;
    }
    .visuel_de_citation {
        margin-bottom: 4rem;
    }
    /* fin citation */
    /* debut parrainage */
    .parrainage {
        padding: 4rem 0;
    }
    .cadre_parrainage,
    .cadre_soutien,
    .cadre_chiffre {
        width: 37.4rem;
    }
    .block_parrainage,
    .block_soutien,
    .block_chiffre {
        width: 35rem;
    }
    .block_parrainage p,
    .block_chiffre p {
        text-align: left;
        margin-top: 0;
        line-height: 1.2;
    }
    .blc_item_parrainage {
        width: 35rem;
        margin: 3rem auto 5rem auto;
        gap: 2rem 2rem;
    }
    .item_parrainage {
        width: 35rem;
        /* height: 17.3rem; */
        height: auto;
    }
    /* fin parrainage */
    /* debut soutien */
    .soutien {
        padding: 5.6rem 0;
    }
    .block_soutien h3 {
        padding: 0;
        font-size: 3rem;
    }
    .blc_item_soutien {
        width: 35rem;
    }
    .blc_map {
        flex-direction: column;
    }
    .map {
        display: none;
    }
    .blc_item_slide_temoin {
        width: 35rem;
        /* overflow: hidden; */
        border-radius: 0.8rem;
        margin-bottom: 3.2rem;
        box-shadow: 0rem 0.4rem 0.3rem 0rem rgba(0, 0, 0, 0.33);
        -webkit-box-shadow: 0rem 0.4rem 0.3rem 0rem rgba(0, 0, 0, 0.33);
        -moz-box-shadow: 0rem 0.4rem 0.3rem 0rem rgba(0, 0, 0, 0.33);
    }
    /* .item_slide_temoin {} */
    .item_slide_temoin .img_slide_temoin {
        border-radius: 0.8rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        max-height: 11.4rem;
        overflow: hidden;
    }
    .blc_temoin {
        width: 100%;
        position: relative;
        right: unset;
        top: unset;
        transform: none;
        padding: 2rem;
        border-radius: 0;
        border-bottom-right-radius: 0.8rem;
        border-bottom-left-radius: 0.8rem;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .occupation {
        margin-bottom: 2rem;
    }
    .txt_temoin {
        width: auto;
    }
    .txt_temoin p {
        overflow: hidden;
        margin-top: 0;
        position: relative;
        max-height: 25.2rem;
    }
    .txt_temoin p::after {
        content: '';
        width: 100%;
        height: 0.65rem;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ffffff;
        display: block;
    }
    .txt_temoin.lp_clicked p::after {
        content: none
    }
    .txt_temoin p .name_temoin {
        margin-top: 3rem;
    }
    /* fin soutien */
    /* debut temoignages */
    .temoignages h4 {
        font-size: 6rem;
        line-height: 1.27;
        width: 60rem;
        margin: 4rem auto 6rem auto;
    }
    .blockTemoignages {
        flex-direction: column;
        width: 95%;
    }
    .block_txt_temoignages {
        width: 88%;
    }
    .dbl_cotes {
        width: 9%;
    }
    .item_temoignages {
        padding: 4.5rem 2.5rem;
        border-radius: 3rem;
        width: 100%;
        margin-bottom: 5rem;
    }
    .block_txt_temoignages .p_temoignages {
        font-size: 3.2rem;
        height: auto;
    }
    .bloc_client img {
        width: 13.9rem;
    }
    .bloc_name_client {
        font-size: 3.5rem;
    }
    .bloc_client img {
        margin-right: 2rem;
    }
    /* fin temoignages */
    /* debut chiffres */
    .blc_chiffre {
        padding: 4rem 0;
    }
    .chiffres {
        width: 95%;
        margin: 0 auto;
        background-color: transparent;
        box-shadow: none;
        flex-direction: column;
        padding: 0 7rem;
    }
    .headChiffres {
        font-size: 4.2rem;
    }
    .bodyChiffres {
        font-size: 1.8rem;
        height: 5.2rem;
    }
    .item_chiffres {
        width: auto;
    }
    .blc_label {
        width: 37rem;
        flex-direction: column;
        position: relative;
    }
    .text_label {
        width: auto;
    }
    .text_label span {
        display: block;
        width: 72%;
        margin-top: 1rem;
    }
    .image_label {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* fin .chiffres */
    /* debut .share */
    /* .content_share {
        width: 67.6rem;
    }
    .content_share h5 {
        font-size: 6.5rem;
    }
    .content_share p {
        font-size: 3.5rem;
        padding: 0 4rem;
    }
    .cadreSocialMedia a {
        width: 9.8rem;
        height: 9.8rem;
        font-size: 5.5rem;
    } */
    /* fin .share */
    /* debut .footer */
    .cadreFooter {
        width: auto;
    }
    .logo_footer {
        position: relative;
        transform: none;
        top: unset;
        left: unset;
        width: 12rem;
    }
    .headerFooter {
        justify-content: space-between;
        align-items: center;
        width: 41rem;
        margin: 0 auto;
        padding-top: 33.6rem;
    }
    .headerFooter h4 {
        font-size: 8.4rem;
        font-weight: 500;
    }
    .headerFooter h4 span {
        font-size: 2.2rem;
    }
    .headerFooter .don_deconfiance_footer {
        width: 16.2rem;
    }
    .bodyFooter {
        margin-top: 9rem;
        padding: 0 3rem 0 3rem;
        flex-direction: column-reverse;
    }
    .group_parts {
        flex-direction: column;
        align-items: center;
    }
    .bodyFooter .part2 {
        width: auto;
        margin-left: 0;
        text-align: center;
    }
    .bodyFooter .cadreSocialMedia {
        width: 16.526rem;
        margin: 0 auto;
    }
    .bodyFooter .cadreSocialMedia a {
        width: 4.042rem;
        height: 4.042rem;
    }
    .part2 p {
        padding-right: 0;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .part2 h5 {
        font-size: 2.4rem;
    }
    .part3 {
        width: auto;
        text-align: center;
        margin: 3rem auto 4rem auto;
    }
    .cadreMenuFooter {
        width: 95%;
        margin: 0 auto;
    }
    .imag_back_footer {
        height: auto;
    }
    .cadreMenuFooter .menu ul li a {
        font-size: 2.5rem;
    }
    .cadreMenuFooter .menu ul li::after {
        right: -3rem;
    }
    .headerFooter .btn_ddon {
        width: 29.7rem;
    }
    .creditPhotos {
        font-size: 2.5rem;
        margin-top: 1.5rem;
        text-align: center;
    }
    .copyright {
        width: 73%;
        margin: 0 auto;
    }
    .copyright a {
        width: 15.501rem;
    }
    .copyright span {
        width: auto;
        font-size: 2.5rem;
    }
    /* fin .footer */
}

@media (min-width:999px) and (min-height:436px) {
    #backVid {
        scale: 1.5;
    }
}