/* media query */

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

@media (max-width:768px) {
    /* :root {
            --orangeColor: #EA6548;
            --blueColor: #005291;
        } */
    html {
        /* font-size: 2.68083333333333vw; */
        font-size: 2.42083333333333vw;
    }
    .desk {
        display: none !important;
    }
    .mob {
        display: block !important;
    }
    .centerPadding_5 {
        margin: 0 4%;
    }
    .centerPadding_12_5,
    .centerPadding_15_5 {
        margin: 0 1.5rem;
    }
    /* HEADER */
    header {
        /* background-color: #ffffff; */
        padding: 0 0.4rem;
        height: 7.2rem;
    }
    .blc_header {
        justify-content: flex-end;
        align-items: center;
        height: 100%;
        padding-top: 0;
    }
    .logo {
        width: 5.672rem;
        left: 0.4rem;
        top: 50%;
        transform: translateY(-50%);
    }
    header.active .logo {
        width: 5.672rem;
        top: 50%;
        left: 0.4rem;
    }
    .burger_menu {
        width: 4rem;
        margin-right: 1.2rem;
        cursor: pointer;
    }
    .burger_menu img {
        width: 100%;
        display: block;
    }
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        margin-left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: .3s;
    }
    .menu.active {
        opacity: 1;
        visibility: visible;
        z-index: 9995;
    }
    .menu ul {
        width: 100%;
        background-color: var(--blueColor);
        padding: 2rem 2rem;
        margin-top: 7.2rem;
        position: relative;
        flex-direction: column;
        height: auto;
    }
    .menu ul::before {
        content: '';
        position: absolute;
        right: 1.6rem;
        top: -2rem;
        width: 4rem;
        height: 2rem;
        background-color: var(--blueColor);
    }
    .menu ul li {
        margin: 3rem;
    }
    .menu ul li a {
        font-size: 2.8rem;
    }
    .menu ul li a:hover {
        font-size: 2.8rem;
    }
    header.active .menu ul li a {
        color: #ffffff;
    }
    .menu ul .closeMenu {
        position: absolute;
        right: 1.6rem;
        top: -5.6rem;
        width: 4rem;
        height: 4rem;
        background-color: var(--blueColor);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 2.5rem;
        cursor: pointer;
    }
    /* FIN HEADER */
    /* accroche */
    .accroche {
        background-image: url(../images/back_accroche-mb.jpg);
        height: calc(100vh - 7.2rem);
        /* margin-top: 7.2rem; */
    }
    .blc_accroche {
        width: 32.9rem;
        margin: 0 auto;
        align-items: center;
    }
    .text_accroche {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    h1 {
        font-size: 1.8rem;
        margin-top: 12.9rem;
    }
    h1 .name_donat {
        font-size: 4rem;
        height: 4rem;
        margin-left: -0.4rem;
    }
    h1 .big_merci {
        font-size: 10.5rem;
        margin-left: -0.6rem;
    }
    .parag_accroche {
        padding: 1.2rem 1.6rem;
        margin-top: 0;
        margin-bottom: 8rem;
        width: 31.5rem;
    }
    .parag_accroche p {
        font-size: 1.6rem;
    }
    .jump_to_section {
        height: 3.9rem;
        bottom: 3rem;
    }
    .jump_to_section:hover {
        background-color: transparent;
        color: #ffffff;
    }
    .jump_to_section i {
        animation: moveUpDown 1.5s ease-in-out infinite;
    }
    @keyframes moveUpDown {
        0%,
        100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(8px);
            /* Ajuste la distance du mouvement */
        }
    }
    /* FIN accroche */
    /* temoignages */
    .temoignages {
        padding: 6.4rem 0;
    }
    .conainer_temoignages {
        width: 100%;
    }
    .head_sec {
        margin-bottom: 4rem;
    }
    .head_sec h2 {
        font-size: 4.8rem;
    }
    .blc_temoignages .item_temoignages {
        transform: scale(1);
        /* transform: scale(0.75); */
        background-color: #005291;
        color: #ffffff;
        margin: 0 auto;
        width: 33rem;
        /* height: 64rem; */
        height: auto;
        padding: 2.4rem;
    }
    .blc_temoignages .owl-item.center .item_temoignages {
        transform: scale(0.75);
    }
    .item_temoignages p {
        font-size: 2rem;
    }
    .owl-carousel .owl-item img.letterine {
        width: 2.952rem !important;
    }
    .owl-carousel .owl-item img.letterine_end {
        width: 2rem !important;
        position: relative;
    }
    .info_testateur {
        font-size: 2rem;
    }
    /* FIN temoignages */
    /* paral */
    .paral {
        height: 41.4rem;
        background-image: url(../images/back_paral-mb.jpg);
    }
    .content_paral {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 29.9rem;
    }
    .content_paral h3 {
        font-size: 2rem;
    }
    .content_paral p {
        font-size: 1.4rem;
    }
    /* FIN paral */
    /* .blc_temoignages2 */
    .temoignages2 {
        padding: 6.4rem 0 4rem;
    }
    .conainer_temoignages2 {
        position: relative;
    }
    .blc_temoignages2 {
        width: 36.8rem;
        height: auto;
    }
    .text_temoignages2 {
        font-size: 1.8rem;
    }
    .blc_txt_temoignages2 p {
        font-size: 1.8rem;
    }
    .p_withBorder::after {
        width: 100%;
        height: 0.1rem;
    }
    .blc_txt_temoignages2 p.under_txt {
        font-size: 1.6rem;
    }
    .item_temoignages2 {
        flex-direction: column;
    }
    .blc_txt_temoignages2 {
        width: 100%;
        margin-right: 0;
        border-radius: 1.6rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
    }
    .blc_merci {
        width: 100%;
    }
    .blc_temoignages2 .slick-slide {
        margin: 0 1rem;
    }
    .blc_merci h3 {
        font-size: 3.2rem;
    }
    .big_merci_tem {
        font-size: 8.8rem;
    }
    .blc_merci p {
        font-size: 2.2rem;
    }
    .text_temoignages2 .letterine {
        width: 2.952rem !important;
    }
    .blc_arrow {
        width: 98%;
        position: absolute;
        left: 50%;
        top: 37%;
        transform: translate(-50%, -50%);
    }
    .slick-arrow {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        width: 1.6rem;
    }
    .slick-arrow:hover {
        transform: scale(1);
    }
    .owl-nav {
        width: 94%;
        left: 50%;
    }
    .owl-prev,
    .owl-next {
        height: auto;
        width: 2rem;
        background-color: transparent !important;
        box-shadow: none;
    }
    .owl-prev img,
    .owl-next img {
        width: 100%;
        display: block;
    }
    /* FIN .blc_temoignages2 */
    /* right_paral */
    .paral {
        height: 40.4rem;
    }
    .paral.right_paral {
        background-image: url(../images/back_paral2-mb.jpg);
    }
    .paral.right_paral .content_paral {
        right: unset;
        left: 50%;
        width: 30rem;
        text-align: left;
    }
    .paral3 {
        background-image: url(../images/back_paral-3-mb.jpg);
        background-size: cover;
    }
    /* right_paral */
    /* equipe_infos */
    .equipe_infos {
        flex-direction: column;
        width: 36.6rem;
    }
    .text_equipe::after {
        content: '';
        width: 100%;
        height: 0.2rem;
        background-color: #ffffff;
        position: absolute;
        left: 50%;
        display: block;
        top: 0;
        transform: translateX(-50%);
    }
    .text_equipe::before {
        content: '';
        width: 100%;
        height: 0.2rem;
        background-color: #ffffff;
        position: absolute;
        left: 50%;
        display: block;
        bottom: 0;
        transform: translateX(-50%);
    }
    .text_equipe {
        width: 33.4rem;
        font-size: 2rem;
        padding: 2.5rem 0 4rem;
        position: relative;
    }
    .text_equipe p {
        margin: 2rem 0;
    }
    .details_equipe {
        width: 33.4rem;
        margin-top: 4rem;
    }
    .blc_details_equipe {
        flex-direction: column;
    }
    .head_det_equipe {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }
    .image_equipe {
        width: 12.8rem;
        /* height: 12.8rem;
            overflow: hidden;
            border-radius: 1.6rem;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            overflow: hidden; */
    }
    .image_equipe img {
        /* height: 100%;
            object-fit: cover; */
    }
    .nm_equipe {
        width: 19rem;
    }
    .name_equipe {
        font-size: 3.4rem;
    }
    .metier {
        font-size: 1.8rem;
        margin: 0;
        line-height: 1.3;
    }
    .txt_detail_equipe {
        font-size: 2rem;
        width: 100%;
    }
    .txt_detail_equipe p img {
        width: 2.4rem;
    }
    .blc_centerBtn {
        margin-top: 0;
    }
    .centerBtn {
        font-size: 2.4rem;
        margin-left: 0;
        margin-top: 3rem;
    }
    .centerBtn:first-child {
        margin-top: 0;
    }
    /* equipe_infos */
    /* blc_mot */
    .blc_mot {
        flex-direction: column;
        width: auto;
    }
    .content_mot {
        width: 33.4rem;
        font-size: 2rem;
    }
    .pic_mot {
        height: 37rem;
    }
    .name_pere {
        margin-top: 4rem;
    }
    /* blc_mot */
    /* footer */
    footer {
        padding: 6.4rem;
        flex-direction: column;
    }
    .logo_text {
        width: 100%;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        position: relative;
    }
    .logo_text p {
        margin-top: 1rem;
        width: auto;
    }
    .blc_socialMedia {
        width: 100%;
        margin: 4rem 0;
    }
    .label {
        position: absolute;
        right: 0;
        top: 0.6rem;
        width: 8rem;
    }
    /* footer */
    .modal {
        height: calc(100vh - 7.2rem);
        margin-top: 7.2rem;
    }
    .modal-dialog {
        width: 34rem;
    }
    .modal.modal-open {
        height: calc(100% - 7.2rem);
        top: 0;
    }
}

@media only screen and (min-width:998px) and (min-height:600px) {}

@media only screen and (min-device-width: 414px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}