/* media query */

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

@media (max-width:768px) {
    html {
        scroll-behavior: unset;
        font-size: 1.7vw;
        /* font-size: 1.70083333333333vw; */
    }
    .desk {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
    /* header */
    header {
        height: 14rem;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 9995;
    }
    .header_desk {
        display: none;
    }
    .header_mob {
        display: flex;
    }
    header.active {
        background-color: transparent;
        height: 14rem;
    }
    .cadreHeader {
        width: 90%;
        margin: 0 auto;
    }
    .logo {
        opacity: 0;
        visibility: hidden;
        height: 14rem;
        top: 2rem;
    }
    header.active .logo {
        height: 14rem;
        top: 2rem;
        transform: none;
    }
    /* header */
    /* accroche */
    .accroche {
        background-image: url(../images/back-accroche-mb.jpg);
        height: calc(100vh - 6.2rem);
    }
    .container_text {
        /* margin-left: 0; */
        width: 90%;
        height: 100%;
        margin: 0 auto;
        bottom: 5rem;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
    }
    .seq_1 {
        margin-bottom: 11.5rem;
    }
    .seq_2 {
        top: unset;
        bottom: 20.5rem;
        transform: none;
        text-align: center;
    }
    .accroche .ded_phrase {
        position: fixed;
        left: 50%;
        bottom: 2rem;
        transform: translateX(-50%);
        margin-right: 0;
        width: max-content;
        font-size: 2.3rem;
        color: #ffffff;
        text-shadow: 0 0 2px #000000;
        z-index: 3;
    }
    .voir_film {
        flex-direction: row-reverse;
        right: unset;
        left: 5%;
        /* transform: translateX(-50%); */
        bottom: 42rem;
    }
    .container_text {
        /* font-size: 6.8rem; */
    }
    .container_text p {
        font-size: 5.7rem;
        text-align: left;
    }
    .btnDon {
        padding: 2.7rem 0;
        font-size: 3.4rem;
        border-radius: 5.1rem;
    }
    .container_text .btnDon {
        position: fixed;
        bottom: 6.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 40rem;
        align-items: center;
        flex-direction: column;
        box-shadow: 0 0 0.7rem 0 rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 0 0 0.7rem 0 rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 0.7rem 0 rgba(0, 0, 0, 0.75);
    }
    .container_text .btnDon.visible {
        z-index: 9995;
    }
    .container_text .btnDon.bounce,
    .container_text .btnDon:hover {
        animation: bounceEffectAccroche 1.2s ease;
    }
    @keyframes bounceEffectAccroche {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateX(-50%) translateY(0);
        }
        40% {
            transform: translateX(-50%) translateY(-2rem);
        }
        60% {
            transform: translateX(-50%) translateY(-0.8rem);
        }
    }
    /* fin accroche */
    /* chiffres_cles */
    .blc_chiffes {
        width: 46.3rem;
        padding: 2.2rem 3.6rem 1rem;
    }
    .blc_chiffes h3 {
        font-size: 3.39rem;
    }
    .flex::after {
        width: 33%;
    }
    .flex {
        flex-direction: column;
    }
    .blc_divs {
        width: 90%;
        flex-direction: column;
    }
    .content_action {
        width: 100%;
        text-align: center;
        text-align: left;
    }
    .content_action p {
        width: 100%;
        font-size: 2.7rem;
    }
    .content_chiffres {
        width: 100%;
    }
    .content_chiffres p {
        margin-top: 0;
    }
    .txt_explicatif {
        font-size: 1.8rem;
    }
    .actions_fads {
        height: auto;
    }
    .actions_fads .blc_divs {
        margin-top: 21rem;
    }
    .content_action h3 {
        text-align: left;
    }
    .content_action p {
        text-align: left;
    }
    .under_p_content {
        text-align: left;
        margin-bottom: 0;
    }
    .visuel_actions {
        position: relative;
        left: unset;
        top: unset;
        object-fit: contain;
    }
    /* fin chiffres_cles */
    /*  projets */
    .head_divs {
        width: 90%;
    }
    .projets .blc_divs .left_divs,
    .projets .blc_divs .right_divs {
        width: 100%;
        text-align: center;
    }
    .left_divs h3 {
        font-size: 4.2rem;
        text-align: left;
    }
    .head_divs p {
        font-size: 2.70rem;
    }
    .left_divs p {
        font-size: 2.70rem;
        text-align: left;
    }
    .head_divs h3 .small_h3 {
        margin-bottom: -1rem;
    }
    .projets .left_divs .btnDon {
        display: none;
    }
    .projets .blc_divs .right_divs {
        gap: 1.4rem;
    }
    .item_projets {
        width: 25.7rem;
        height: 31rem;
        padding: 0 0.7rem;
    }
    .icone_item {
        width: 9.692rem;
    }
    .item_projets p {
        font-size: 2.1rem;
        line-height: 1.4;
    }
    .item_projets h3 {
        font-size: 2.7rem;
    }
    /* fin projets */
    /* debut group_sect */
    .group_sect {
        /* background-image: url(../images/back-accroche-mb.jpg); */
        z-index: 9994;
    }
    .group_sect.decalage {
        z-index: 1;
    }
    .content_defisc {
        width: 100%;
        padding-left: 0;
    }
    .text_graph {
        width: 100%;
        font-size: 3.3rem;
    }
    .graph {
        width: 25.875rem;
        height: 25.875rem;
        margin: 5rem auto;
    }
    .under_graph {
        font-size: 2.7rem;
    }
    .perCent {
        font-size: 8.5rem;
    }
    .symb {
        font-size: 7rem;
    }
    .txt_percent {
        font-size: 2.4rem;
    }
    .formulaire {
        width: 100%;
    }
    .formulaire img,
    .formulaire iframe {
        min-width: 100% !important;
    }
    .video_action {
        width: 100%;
        /* height: 78.9rem; */
        height: 93.9rem;
        overflow: hidden;
    }
    .play_vid {
        width: 12.841rem;
    }
    .content_txt_video {
        width: 100%;
        height: auto;
        padding: 5.3rem 3rem 3.5rem;
        text-align: left;
    }
    .defiscalisation {
        position: relative;
        z-index: 99;
    }
    .defiscalisation h3 {
        font-size: 5.4rem;
    }
    .temoignages .btnDon {
        display: none;
    }
    .content_txt_video h3 {
        font-size: 3.95rem;
    }
    .content_txt_video p {
        font-size: 2.7rem;
    }
    /* fin group_sect */
    /*  missions */
    .missions .blc_divs {
        width: 90%;
    }
    .missions .head_divs h3 {
        line-height: 1;
    }
    .missions h3 .big_h3 {
        font-size: 6rem;
    }
    .head_divs h3 .small_h3 {
        font-size: 3.7rem;
        margin-top: 2rem;
        margin-bottom: 0;
    }
    .item_mission {
        width: 48.5rem;
        height: 59.747rem;
        margin-bottom: 4rem;
    }
    .title_mission {
        bottom: 7.53rem;
        font-size: 5.5rem;
        font-size: 4.5rem;
        padding: 0.5rem 3rem;
    }
    .btn_mission,
    .close_mission {
        right: 1.4rem;
        top: 1.7rem;
        width: 9.6rem;
    }
    .content_missions_hover p {
        width: 39.95rem;
        font-size: 3rem;
    }
    /* fin missions */
    /*  reassurance */
    .reassurance {
        background-image: url(../images/visuel-merci-mb.jpg);
        height: 79.1rem;
    }
    .content_reassurance {
        width: 90%;
        margin: 0 auto;
    }
    /* fin reassurance */
    /*  footer */
    footer {
        padding: 3.6rem 3.6rem 20rem;
    }
    .cadreFooter {
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }
    .blockSocialMedia {
        width: 23.5rem;
    }
    .logoFooter {
        width: 14.9rem;
    }
    .socialMedia {
        text-align: center;
    }
    .textSocialMedia {
        font-size: 2.9rem;
        display: inline-block;
    }
    .iconeSocialMedia {
        width: 100%;
    }
    .ico_fix {
        width: 4.415rem;
    }
    .right_footer {
        width: 100%;
        margin-top: 3rem;
        font-size: 1.8rem;
        line-height: 1.5;
    }
    .description {
        margin-bottom: 5rem;
    }
    .label_ideas {
        flex-direction: column;
        padding: 3rem 0;
    }
    .label_ideas img {
        width: 26.6rem;
    }
    .label_ideas p {
        width: 100%;
    }
    .menuFooter,
    .menuFooter a {
        font-size: 1.8rem;
    }
    .menuFooter {
        text-align: center;
        margin-top: 5rem;
    }
    .pipe {
        display: none;
    }
    /* fin footer */
}