/* media query */

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

@media (max-width:768px) {
    html {
        scroll-behavior: unset;
        font-size: 2.325581395348837vw;
    }
    .desk {
        display: none;
    }
    .mob {
        display: block;
    }
    .centerPadding_5 {
        margin: 0 4%;
    }
    .centerPadding_8 {
        margin: 0 4%;
    }
    /* Debut  header */
    .blocHeader {
        background-image: url(../images/back-header-mb.jpg);
        background-position-y: 70%;
        flex-direction: column;
        justify-content: flex-end;
        touch-action: none;
    }
    #header {
        position: fixed;
        height: 9.3rem;
    }
    #header.on_scroll {
        background-color: #ffffff;
        color: var(--color-bleufonce);
    }
    .logo {
        width: 13.25rem;
        height: 4.4rem;
    }
    .logo a {
        height: 100%;
    }
    .logo img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /* height: 100%; */
    }
    .logo img.jpg_logo {
        display: block;
        visibility: hidden;
        opacity: 0;
    }
    #header.on_scroll .logo img.png_logo {
        visibility: hidden;
        opacity: 0;
    }
    #header.on_scroll .logo img.jpg_logo {
        visibility: visible;
        opacity: 1;
    }
    .cadreHeader {
        padding-top: 2.5rem;
        width: 90%;
        margin: 0 auto;
        align-items: center;
    }
    .cont_header_left {
        width: 29.5rem;
    }
    .indicat_logo {
        font-size: 1.153rem;
    }
    .indicat_logo::before {
        height: 85%;
        top: 50%;
        transform: translateY(-50%);
        left: -1.5rem;
    }
    .header.on_scroll .indicat_logo::before {
        background-color: var(--color-bleufonce);
    }
    /*  header */
    .corpsDePage {
        overflow-x: hidden;
    }
    .page-projet .blc {
        width: 37rem;
    }
    /* debut form don */
    .blockFormDon {
        /* height: calc(100vh - 8.2rem); */
        height: 100%;
        background-color: #004D74;
        z-index: 998;
        display: none;
        justify-content: space-between;
        flex-direction: column;
        right: -100%;
        transition: .6s;
    }
    .blockFormDon.openFrm {
        right: 0;
    }
    .blockMontant_dons {
        flex-direction: column;
        min-height: 80%;
        position: absolute;
        bottom: 0;
        width: 95%;
        padding-bottom: 2rem;
        margin-left: 2.5% !important;
        border-radius: 0;
    }
    .blockFormDon .centerPadding_15 {
        margin: 0 3.32%;
    }
    .itemMontantDons {
        width: 100%;
    }
    .headerOnPopup {
        margin-left: 2.5%;
        padding-top: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute;
        top: 0;
        left: 0;
        width: 95%;
        z-index: 9999;
    }
    .logoOnPopup {
        width: 10rem;
    }
    .logoOnPopup a,
    .logoOnPopup a img {
        display: block;
    }
    .closePopup {
        width: 6.4rem;
        height: 6.4rem;
        cursor: pointer;
        transition: .3s;
    }
    .closePopup img {
        width: 100%;
    }
    .btnDon {
        height: 8rem;
        width: 36rem;
    }
    .btnDon a {
        font-size: 3.4rem;
    }
    .montantDdons {
        font-size: 5rem;
    }
    .itemMontantDons {
        height: auto;
        padding: 1.5rem 0 1.5rem 7rem;
    }
    .bloc_deduction {
        font-size: 3rem;
    }
    .bloc_deduction span {
        display: inline-block;
    }
    .textDeduction {
        font-size: 2.5rem;
    }
    .radioDots {
        width: 3.4rem;
        height: 3.4rem;
        left: 2.3rem;
        box-shadow: 0rem 0rem 0rem 0.65rem rgba(255, 255, 255, 1) inset;
        -webkit-box-shadow: 0rem 0rem 0rem 0.65rem rgba(255, 255, 255, 1) inset;
        -moz-box-shadow: 0rem 0rem 0rem 0.65rem rgba(255, 255, 255, 1) inset;
    }
    .montantLibre {
        width: 100%;
    }
    .champMontantLibre {
        font-size: 5.2rem;
        height: 8.3rem;
        width: 100%;
    }
    .euroSymb {
        font-size: 5.2rem;
    }
    .placeHolder {
        padding: 0 0 0 2.5rem;
        font-size: 3.2rem;
    }
    .btnDonForm {
        margin-top: 5vh;
    }
    /* fin calculatrice_popup */
    /*  header */
    .ico_calc {
        width: 5.6rem;
        height: 4.8rem;
    }
    .ico_calc img {
        width: 2rem;
        margin-left: 2.15rem;
    }
    .btn_cta a {
        font-size: 1.8rem;
    }
    .btn_cta a span {
        width: 22.5rem;
        padding-left: 2.2rem;
    }
    .btn_FAQ.btn_cta .ico_calc img {
        width: 2.3rem;
    }
    .blc_cta.viewed a span {
        background-color: #ffffff;
    }
    .blc_cta:not(.blc_cta.viewed) .btn_cta:hover a span {
        font-size: 1.8rem;
    }
    .container_radio {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 2rem;
        padding-right: 2rem;
    }
    .radio-group {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        /* border: 2px solid #000; */
        width: 13rem;
    }
    .radio-group input {
        display: none;
    }
    .radio-group label {
        width: 6rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        /* padding: 0.5rem 0; */
        border-radius: 3rem;
        cursor: pointer;
        font-size: 1.4rem;
        line-height: 3rem;
        padding-top: 0.25rem;
        text-align: center;
        background: #ffffff;
        color: #000000;
        box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
        transition: all 0.3s ease;
    }
    .radio-group label span {
        display: inline-block;
    }
    /* état sélectionné */
    .radio-group input:checked+label {
        background: var(--color-violet);
        color: #fff;
    }
    body.overflowed {
        overflow: hidden;
    }
    /* fin header */
    /* debut accroche */
    .accroche {
        background-image: url(../images/back_header_mb.jpg);
        justify-content: flex-end;
        height: calc(100vh - 10.2rem);
    }
    .contentAccroche {
        width: 35.4rem;
        padding-bottom: 7rem;
        margin: 0 auto;
        text-align: center;
    }
    [lang="en"] .contentAccroche {
        width: 41.4rem;
    }
    [lang="en"] .contentAccroche p {
        width: 41.4rem;
    }
    h1 {
        font-size: 3.2rem;
    }
    .contentAccroche p {
        font-size: 2rem;
        width: 32.203rem;
        height: 5.8rem;
        margin: 2.5rem auto 2rem;
    }
    .cta_projets img {
        width: 2.8rem;
    }
    .cta_projets {
        font-size: 1.8rem;
    }
    .blc_cta {
        opacity: 0;
        visibility: hidden;
        right: -100%;
        width: 26.7rem;
        top: 32vh;
    }
    .page-projet .blc_cta {
        top: 18vh;
        width: 15rem;
        height: 3rem;
    }
    .blc_cta.affiched {
        opacity: 1;
        visibility: visible;
        right: 0rem;
    }
    .blc_cta.viewed {
        right: 0rem;
    }
    .blc_cta.viewed .btn_cta:hover {
        margin-right: 0;
    }
    .btn_cta {
        margin-bottom: 1rem;
    }
    .form-select {
        position: absolute;
        right: 0;
        top: 0;
    }
    .burger {
        margin: auto;
        width: 3.4rem;
        height: 2.3rem;
        cursor: pointer;
        position: relative;
    }
    .burger .line {
        background-color: #ffffff;
        height: 0.3rem;
        position: absolute;
        width: 3.4rem;
        left: 0;
        transition: all 0.3s ease;
        border-radius: 1rem;
    }
    #header.on_scroll .burger .line {
        background-color: var(--color-bleufonce);
    }
    /* Position initiale */
    .line:nth-child(1) {
        top: 0;
    }
    .line:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }
    .line:nth-child(3) {
        bottom: 0;
    }
    /* ===== ETAT CLICKED ===== */
    .burger.clicked .line:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .burger.clicked .line:nth-child(2) {
        opacity: 0;
    }
    .burger.clicked .line:nth-child(3) {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    .sticky_bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 10rem;
        z-index: 9993;
    }
    .cadre_sticky_bottom {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .open_calc_mob {
        background-color: var(--color-bleuciel);
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 15rem;
        height: 100%;
        cursor: pointer;
    }
    .open_calc_mob img {
        width: 3.042rem;
    }
    .open_calc_mob span {
        font-size: 1.014rem;
        font-weight: 400;
        line-height: 1.2;
        color: #ffffff;
        margin-top: 0.5rem;
    }
    .cta_don_mob {
        width: calc(100% - 15rem);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        background-color: var(--color-orange);
        font-size: 2.4rem;
        color: #000000;
        text-decoration: none;
    }
    /* fin accroche */
    /* debut mot_president */
    .mot_president {}
    .blc_mot_president {
        width: 36.8rem;
        height: auto;
        flex-direction: column;
    }
    .pic_president {
        position: relative;
        width: 100%;
    }
    .text_mot_president {
        width: 100%;
        padding: 8rem 4rem 1rem;
        margin-top: -8rem;
        border-radius: 0;
    }
    .text_mot_president p {
        font-size: 1.8rem;
    }
    .guillemets,
    .guillemets_last {
        width: 3.5rem;
    }
    .text_mot_president p span {
        font-size: 1.8rem;
    }
    /* fin mot_president */
    /* debut nos projets */
    .projet_card {
        padding: 5rem 0;
    }
    .projet_card .blc {
        width: 37.8rem;
    }
    .blc h2 {
        font-size: 2.8rem;
    }
    .under_h2 {
        font-size: 1.8rem;
        text-align: left;
        width: 100%;
    }
    .projet_card .under_h2 {
        text-align: center;
    }
    [lang="en"] .page-projet .projet_card .under_h2 {
        width: 100%;
    }
    .card_alterner {
        flex-direction: column;
        width: 100%;
        margin-bottom: 0;
    }
    .item_card {
        width: 100%;
        height: 13rem;
        margin-bottom: 2rem;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
    }
    .item_card:hover {
        transform: scale(1) !important;
    }
    .item_card:nth-child(odd) {
        margin-top: 0;
    }
    .item_card img {
        width: 11.2rem;
        height: auto;
        /* object-fit: none; */
    }
    .page-projet .item_card:nth-child(even) {
        margin-top: 0;
    }
    .txt_card {
        position: relative;
        left: unset;
        top: unset;
        transform: none;
        width: calc(100% - 11.2rem);
        height: 100%;
        font-size: 1.8rem;
        line-height: 1.3;
        padding: 0rem 3.4rem 0 3rem;
        text-transform: none;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    .card1 .txt_card,
    .card2 .txt_card,
    .card3 .txt_card,
    .card4 .txt_card {
        top: unset;
    }
    .pls {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 4.5rem;
        height: 4.5rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 10rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0rem;
        font-size: 3rem;
        padding-left: 0.5rem;
        z-index: 5;
    }
    .card1 .txt_card .pls:not(.card1 .txt_card) {
        background-color: #948167;
    }
    .card2 .txt_card .pls:not(.card2 .txt_card) {
        background-color: #C56C71;
    }
    .card3 .txt_card .pls:not(.card3 .txt_card) {
        background-color: #5D63A7;
    }
    .card4 .txt_card .pls:not(.card4 .txt_card) {
        background-color: #D96931;
    }
    /* fin nos projets */
    /* DEBUT .deduction_fiscale */
    .deduction_fiscale {
        padding: 5rem 0;
    }
    .blc {
        width: 39rem
    }
    .with_gradian_color .under_h2 {
        text-align: center;
    }
    .graph_container {
        flex-direction: column;
    }
    .container_graph {
        width: 31.6rem;
        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        border-radius: 1rem;
        padding: 2rem 0;
        margin-bottom: 3rem;
    }
    .container_graph:nth-child(1) {
        order: 1;
    }
    .container_graph:nth-child(2) {
        order: 2;
    }
    .container_graph:nth-child(3) {
        order: 3;
    }
    .container_graph p {
        width: 29.8rem;
        margin: 2rem auto 0;
        font-size: 1.8rem;
    }
    .cta_skewed {
        width: 26rem;
        height: 5.974rem;
        font-size: 1.8rem;
        margin-top: 2.5rem;
    }
    .chartO {
        width: 14rem;
        height: 14rem;
    }
    .cta_download {
        display: none;
    }
    /* fin deduction_fiscale */
    /* debut  table_infos */
    .table_infos::before,
    .table_infos::after {
        /* content: none; */
    }
    .table_infos .blc h2 {
        font-size: 2rem;
    }
    .table_infos .table-wrapper,
    .body_faq .copy_here {
        border: 0;
    }
    .copy_here {
        margin: 5rem auto 5rem auto;
        width: 100%;
    }
    /* Les onglets */
    .table_infos .custom-table thead,
    .body_faq .custom-table thead {
        display: block;
        /* margin-bottom: 2rem; */
        background-color: transparent;
    }
    .table_infos .custom-table thead tr,
    .body_faq .custom-table thead tr {
        display: flex;
    }
    .table_infos .custom-table thead th,
    .body_faq .custom-table thead th {
        flex: 1;
        padding: 1.5rem 0.2rem;
        border-radius: 1rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        font-size: 1.6rem;
        background: linear-gradient( 90deg, rgba(99, 166, 183, 1) 0%, rgba(83, 137, 151, 1) 100%);
        /* background: var(--color-bleuciel); */
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        /* border: 0.1rem solid var(--color-bleuciel); */
        width: 12.3rem;
        height: 9.4rem;
        position: relative;
    }
    .table_infos .custom-table thead th .text_onglet,
    .body_faq .custom-table thead th .text_onglet {
        font-size: 1.2rem;
    }
    .bottom_th {
        font-size: 1.05rem;
    }
    .table_infos .custom-table thead th.active,
    .body_faq .custom-table thead th.active {
        background: #ffffff;
        color: var(--color-bleuciel);
    }
    .table_infos .custom-table thead th.active::before,
    .body_faq .custom-table thead th.active::before {
        content: '\f0d7';
        font-family: "Font Awesome 7 Free";
        font-weight: 900;
        /* IMPORTANT pour solid */
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 2.5rem;
        height: 2.5rem;
        font-size: 3.6rem;
        color: var(--color-bleuciel);
        z-index: 1;
    }
    .table_infos .custom-table th:not(:last-child)::after,
    .body_faq .custom-table th:not(:last-child)::after {
        content: none;
    }
    .center_th {
        font-family: var(--font-Styrene-a-web);
        font-size: 2rem;
        font-weight: 700;
        display: block;
    }
    /* Structure verticale */
    .table_infos .custom-table,
    .table_infos .custom-table tbody,
    .table_infos .custom-table tr,
    .table_infos .custom-table td,
    .body_faq .custom-table,
    .body_faq .custom-table tbody,
    .body_faq .custom-table tr,
    .body_faq .custom-table td {
        display: block;
        width: 100%;
    }
    .table_infos .custom-table tbody,
    .body_faq .custom-table tbody {
        border-radius: 1rem;
    }
    .table_infos .custom-table tbody tr,
    .body_faq .custom-table tbody tr {
        padding: 1.5rem 2.3rem;
        background: #fff;
        position: relative;
    }
    .table_infos .custom-table tbody tr::after,
    .body_faq .custom-table tbody tr::after {
        content: '';
        position: absolute;
        bottom: 0rem;
        left: 50%;
        transform: translateX(-50%);
        width: 10.4rem;
        height: 0.4rem;
        border-radius: 3rem;
        background: var(--color-bleuciel);
        background: linear-gradient(260deg, rgba(105, 171, 222, 1) 50%, rgba(0, 166, 150, 1) 100%, rgba(0, 166, 150, 1) 0%);
    }
    .table_infos .custom-table tbody tr:nth-child(2)::after,
    .body_faq .custom-table tbody tr:nth-child(2)::after {
        content: none;
    }
    /* On masque toutes les colonnes */
    .table_infos .custom-table tbody td,
    .body_faq .custom-table tbody td {
        display: none;
        font-size: 1.8rem;
        padding: 0.5rem 0;
    }
    .custom-table tbody td:nth-child(2),
    .custom-table tbody td:nth-child(3) {
        text-align: left;
    }
    /* Colonne active visible */
    .table_infos .custom-table tbody td.show-col,
    .body_faq .custom-table tbody td.show-col {
        display: block;
    }
    .table_infos .custom-table tbody tr.hide_Onmobile,
    .body_faq .custom-table tbody tr.hide_Onmobile {
        display: none;
    }
    .custom-table tbody td:first-child {
        padding-left: 0;
    }
    /* fin table_infos */
    /* DEBUT .contact */
    .contact {
        padding: 7rem 0 3rem 0;
        overflow: hidden;
    }
    .contact .headerSection h2 .labled {
        padding: 0.2rem 0.5rem;
    }
    .back_itemProfile {
        right: -11rem;
        top: -14rem;
    }
    .itemProfile {
        flex-direction: column;
    }
    .profile {
        width: 23rem;
        height: 23rem;
    }
    .infoProfile {
        width: 50rem;
    }
    /* fin .contact */
    /* fin .la_fondation */
    .content_soutenir {
        width: 100%;
        margin: 0 auto 0.5rem auto;
    }
    .block_soutenir img {
        width: 100%;
    }
    .text_soutenir {
        width: 93%;
        right: 50%;
        transform: translate(50%, 0);
        top: initial;
        bottom: 0;
        padding: 1rem 3rem;
    }
    .block_soutenir {
        padding: 0 0 50rem 0;
    }
    .groupeItemValeu {
        margin-bottom: 5rem;
    }
    .valeurs {
        width: 100%;
        flex-direction: column;
    }
    .frstGr {
        width: calc(18rem *3);
    }
    .lastGr {
        width: calc(18rem *2);
    }
    /* fin .la_fondation */
    /* FAQ */
    .head_Faq {
        padding: 2rem 1.5rem;
        height: 13.6rem;
        font-size: 1.7rem;
    }
    .titleFaq {
        padding-left: 0rem;
        width: 31rem;
    }
    .itemFaq {
        height: 14.6rem;
    }
    .head_Faq {
        height: 14.6rem;
    }
    .body_faq {
        width: auto;
        font-size: 1.8rem;
        /* font-weight: 400; */
        padding: 0 1rem;
        margin-top: -1rem;
    }
    .body_faq ul {
        padding-left: 3.8rem;
    }
    .chevron {
        width: 4.4rem;
        height: 4.4rem;
    }
    .tableau {
        display: block;
    }
    .tableau th:last-child {
        display: none;
    }
    .tableau tbody::after {
        content: none;
    }
    .tableau tbody tr {
        border: 0.1rem solid var(--color-bleuciel);
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
    .tableau th {
        font-size: 1.8rem;
        text-align: center;
    }
    .tableau th:first-child {
        text-align: center;
    }
    .tableau th:not(:last-child)::after {
        content: none;
    }
    .tableau tbody tr:last-child {
        border: 0;
    }
    .tableau tbody td {
        padding: 1rem 0rem 1rem 1rem;
    }
    .mCSB_scrollTools {
        opacity: 1 !important;
    }
    .mCS-my-bleu-theme.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        height: 2.9rem;
    }
    .mCS-my-bleu-theme.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: #C3D4E0 !important;
        border-radius: 3rem;
        height: 3rem;
    }
    .mCS-my-bleu-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #004D74 !important;
        margin: auto;
        height: 2.9rem;
        opacity: 1;
    }
    .mCS-my-bleu-theme.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #004D74 !important;
    }
    /* FAQ */
    /* .opportunite */
    .opportunite {
        padding: 5rem 0;
    }
    .opportunite .under_h2 {
        font-size: 1.8rem;
        width: 100%;
        /* text-align: left; */
    }
    .opportunite_container {
        flex-direction: column;
    }
    .item_opportunite {
        width: 100%;
        position: relative;
        margin-bottom: 2.5rem;
    }
    .pic_opp {
        height: 15rem;
    }
    .confiance {
        width: 6.5rem;
    }
    .content_opp,
    [lang="en"] .content_opp {
        height: auto;
    }
    .content_opp h3 {
        font-size: 2rem;
        cursor: pointer;
    }
    .content_opp p {
        display: none;
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .collapse {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 4.5rem;
        height: 4.5rem;
        background-color: var(--color-bleuciel);
        color: #ffffff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: 10rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0rem;
        font-size: 3rem;
        padding-left: 0.5rem;
    }
    /* [lang="en"] .opportunite .cta_skewed {
        font-size: 1.9rem;
    } */
    /* fin .opportunite */
    /* .contact_section */
    .contact_section {
        padding: 0 0 5rem;
    }
    .contact_section .blc {
        width: 100%;
    }
    .container_contact {
        flex-direction: column;
    }
    .pic_contact {
        width: 100%;
    }
    .pic_contact img {
        width: 100%;
    }
    .content_contact {
        width: 37rem;
        margin: 0 auto;
    }
    .content_contact h3 {
        font-size: 3.2rem;
        line-height: 1.2;
    }
    .content_contact p {
        font-size: 1.8rem;
    }
    .name_responsable,
    .profession,
    .link_contact a {
        font-size: 1.8rem;
    }
    /* fin .contact_section */
    /* fin .footer */
    .footer {
        padding: 5rem 0 15rem 0;
    }
    .container_footer,
    .left_container,
    .right_container {
        flex-direction: column;
        position: relative;
    }
    .left_container,
    .right_container {
        width: 37rem;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    .right_container {
        position: relative;
    }
    .right_container::after,
    .right_container::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 0.2rem;
        width: 100%;
        background-color: #ffffff;
    }
    .right_container::before {
        top: unset;
        bottom: 0;
    }
    .logo_footer {
        width: 16.8rem;
        margin-right: 9rem;
    }
    .socialMedia_footer {
        margin-left: 0;
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 28.941rem;
    }
    .link_footer a {
        text-align: center;
        display: block;
        margin: 2.5rem 0;
    }
    .pipe {
        display: none;
    }
    .don_confiances {
        position: absolute;
        right: 5rem;
        top: 0;
        width: 5.6rem;
    }
    /* fin .footer */
    /* */
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
    #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
        font: 1.4rem 'Barlow' !important;
    }
    #tarteaucitronRoot div#tarteaucitronAlertBig {
        padding: 0rem !important;
        width: 52rem !important;
        max-width: 50rem !important;
    }
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
        font-size: 2.4rem !important;
    }
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
        margin: 2rem 0 4rem !important;
    }
    #tarteaucitronAlertBig #tarteaucitronCloseAlert,
    #tarteaucitronAlertBig #tarteaucitronPersonalize,
    #tarteaucitronAlertBig #tarteaucitronPersonalize2,
    .tarteaucitronCTAButton,
    #tarteaucitron #tarteaucitronPrivacyUrl,
    #tarteaucitron #tarteaucitronPrivacyUrlDialog,
    #tarteaucitronRoot .tarteaucitronDeny,
    #tarteaucitronRoot .tarteaucitronAllow {
        font-size: 2.4rem !important;
        padding: 0.5rem 1rem !important;
    }
    /* page projets */
    .page-projet .accroche {
        height: 43rem;
    }
    .pediatrie_page .accroche {
        background-image: url(../images/back_pediatrie_mb.webp);
    }
    .endometriose_page .accroche {
        background-image: url(../images/back_endometriose_mb.webp);
    }
    .clinique_page .accroche {
        background-image: url(../images/back_clinique_mb.webp);
    }
    .scanner_page .accroche {
        background-image: url(../images/back_scanner_mb.webp);
    }
    .page-projet .cont_header_right {
        width: 3.4rem;
    }
    /* .breadcrum_title */
    .breadcrum_title .blc {
        position: relative;
        padding: 3.5rem 2rem 3rem;
        margin-top: -14.5rem;
    }
    .cont_header_right .prev_page {
        display: none;
    }
    .blc_prev_page {
        position: absolute;
        left: 0;
        top: -5rem;
    }
    /* fin .breadcrum_title */
    .breadcrum_title .blc h1 {
        font-size: 2rem;
    }
    .breadcrum_title .blc h2 {
        font-size: 1.8rem;
    }
    .breadcrum_title .blc h3 {
        font-size: 2rem;
    }
    .prev_page {
        font-size: 1.4rem;
    }
    .cont_header_right .dropdown-el {
        display: none;
    }
    .blc_cta .dropdown-el {
        display: inline-block;
    }
    .breadcrum_title .blc h2::after {
        top: -3rem;
        width: 10rem;
    }
    .detail_projet {
        padding-bottom: 4rem;
    }
    .detail_projet .blc {
        flex-direction: column;
        padding-top: 4rem;
    }
    .descript_projet,
    .objectifs_projet ul li {
        font-size: 1.8rem;
        width: 100%;
    }
    .descript_projet p {
        margin-bottom: 0;
    }
    .text_projet {
        height: 26rem;
        overflow: hidden;
        transition: .5s;
    }
    .text_projet.lire {
        height: 100%;
    }
    .lire_pls {
        font-family: var(--font-Styrene-a-web);
        font-weight: 300;
        font-size: 1.6rem;
        cursor: pointer;
        text-decoration: underline;
        text-align: left;
    }
    .pediatrie_page .lire_pls {
        color: #A39177;
    }
    .clinique_page .lire_pls {
        color: #CF7C81;
    }
    .scanner_page .lire_pls {
        color: #E0793D;
    }
    .endometriose_page .lire_pls {
        color: #6D73B5;
    }
    .descript_projet .cta_skewed {
        width: auto;
        padding: 1rem;
    }
    .objectifs_projet h4 {
        font-size: 2rem;
        text-align: center;
    }
    .calendar_projet {
        width: 100%;
        margin-top: 5rem;
    }
    .pic_cal_projet {
        width: 100%;
    }
    .pic_cal_projet img {
        width: 100%;
    }
    .popup iframe {
        width: 35.5REM;
        height: 20REM;
    }
    .detail_calendar {
        font-family: var(--font-Styrene-a);
        font-size: 1.8rem;
    }
    .title_detail_calendar {
        font-size: 2rem;
        font-family: var(--font-Styrene-a-web);
    }
    .budjet_projet {
        font-size: 1.6rem;
        padding: 1.5rem 3.2rem;
    }
    .head_budjet {
        font-size: 2rem;
        text-align: center;
    }
    .chifr_budg {
        font-size: 3.2rem;
    }
    .temoignages {
        background-color: #ffffff !important;
        padding: 0 0 5rem;
    }
    .container_temoignages {
        flex-direction: column-reverse;
    }
    .text_temoignages {
        width: 100%;
        font-size: 1.8rem;
        padding: 2rem 3rem;
        border-radius: 1rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: relative;
    }
    .pediatrie_page .text_temoignages {
        background-color: #FCF2EC;
    }
    .clinique_page .text_temoignages {
        background-color: #FFF4F5;
    }
    .scanner_page .text_temoignages {
        background-color: #FCF2EC;
    }
    .endometriose_page .text_temoignages {
        background-color: #EFF3FF;
    }
    .text_temoignages p:first-child {
        height: 33rem;
        overflow: hidden;
        transition: .3s;
    }
    .text_temoignages p.lire {
        height: auto;
    }
    .text_temoignages .temoigneur {
        position: absolute;
        top: -9rem;
        left: 0;
        width: 100%;
        color: #ffffff;
        padding: 2rem 0.7rem;
        font-size: 1.6rem;
        z-index: 1;
    }
    .temoigneur .name_t {
        font-size: 1.8rem;
    }
    .text_temoignages p img {
        width: 3.621rem;
    }
    .lire_temoignages {
        font-family: var(--font-Styrene-a-web);
        font-weight: 300;
        font-size: 1.6rem;
        cursor: pointer;
        text-decoration: underline;
        text-align: left;
    }
    .pediatrie_page .lire_temoignages {
        color: #A39177;
    }
    .clinique_page .lire_temoignages {
        color: #CF7C81;
    }
    .scanner_page .lire_temoignages {
        color: #E0793D;
    }
    .endometriose_page .lire_temoignages {
        color: #6D73B5;
    }
    .pic_temoignages {
        width: 100%;
        border-radius: 1rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .jump_to_sec {
        width: 8.5rem;
        height: 8.5rem;
        bottom: 11rem;
        font-size: 2.5rem;
        padding-right: 3.5rem;
    }
    .jump_to_sec.active {
        right: -4.2rem;
    }
    .homePage .jump_to_sec {
        display: flex;
    }
    /* --- fin page projets --- */
    /* Abdel CSS Start */
    .container,
    .tabs-content,
    .calc-tabs .tabs-content .tab .form>div.formBox,
    .calc-tabs .tabs-content .tab {
        width: 100%;
    }
    .calc-tabs::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    .calc-tabs::-webkit-scrollbar-thumb {
        background: #cccccc;
        border-radius: 1rem;
        margin-left: 2rem;
        left: 2rem;
    }
    .calc-tabs::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
    .titleForm {
        font-size: 2.8rem;
        line-height: 1.2;
        margin-bottom: 3rem;
    }
    .calc-tabs .tabs-switcher,
    .calc-tabs .tabs-content .tab .form::after {
        display: none;
    }
    .calc-tabs .tabs-content .tab,
    .calc-tabs .tabs-content .tab.active {
        padding: 4rem 3rem;
        display: none;
    }
    .calc-tabs .tabs-content .tab .form {
        height: auto;
        flex-direction: column;
    }
    .calc-tabs .tabs-content .tab .form .input-container {
        margin-bottom: 2rem;
    }
    .calc-tabs .tabs-content .tab .form .input-container div {
        flex-direction: column-reverse;
    }
    .calc-tabs .tabs-content .tab .form .input-container label {
        width: 100%;
        margin-bottom: 0.5rem;
        font-size: 1.8rem;
        line-height: 120%;
    }
    .calc-tabs .tabs-content .tab .form .input-container input {
        width: 100%;
    }
    .calc-tabs .tabs-content .tab .form .input-container p {
        bottom: 1.25rem;
    }
    .calc-tabs .tabs-content .tab .form .input-container label br {
        /* display: none; */
    }
    .calc-tabs .tabs-content .tab .form .input-container:nth-child(6) {
        margin-bottom: 4rem;
    }
    .tabOpener {
        width: 100%;
        height: 10rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 1rem;
        background-color: #63A6B7;
        color: #ffffff;
        font-family: 'Styrene A Web';
        font-weight: 500;
        text-align: center;
        font-size: 2rem;
        line-height: 3rem;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5);
    }
    .tabOpener::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 4.5rem;
        height: 4.5rem;
        background-color: #5A949F;
        background-image: url(../images/tabOpener1.svg);
        background-size: 1.547rem;
        background-repeat: no-repeat;
        background-position: top 1.85rem right 1rem;
        border-top-left-radius: 10rem;
        border-bottom-right-radius: 1rem;
    }
    .tabOpener2::after {
        background-color: #48767F;
    }
    .tabOpener2 {
        margin-top: 2rem;
        background-color: #4F8592;
    }
    .tabOpener.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .tabOpener.active::after {
        background-position: top 2.5rem right 1rem;
        background-image: url(../images/tabOpener2.svg);
    }
    .calc-tabs .tabs-content .tab.tab2 .form .input-container:last-child {
        margin-bottom: 4rem;
    }
    .calc-tabs .tabs-content .tab.tab2 .form .secondForm .input-container:last-child {
        margin-bottom: 0;
    }
    .calculatrice_popup,
    .calendrier_popup,
    .credits_popup {
        width: 100%;
        padding: 0 5.7rem 6rem 5.7rem;
        border-radius: 5rem 5rem 0 0;
        right: initial;
        bottom: -100%;
        top: initial;
        transform: initial;
        transition: bottom 0.6s ease-in-out;
    }
    .calendrier_popup,
    .credits_popup {
        padding-bottom: 0;
        z-index: -1;
        transition: .3s;
    }
    .calendrier_popup {
        display: none;
    }
    .table-wrapper {
        margin-bottom: 0;
    }
    .calculatrice_popup.openCalc,
    .calendrier_popup.openCalendar,
    .credits_popup.openCredit {
        bottom: 0;
        right: initial;
        transform: initial;
    }
    .calendrier_popup.openCalendar,
    .credits_popup.openCredit {
        z-index: 9994;
    }
    .closeClac {
        left: 50%;
        right: initial;
        align-items: center;
        z-index: 10;
    }
    .calculatrice_popup .calc-tabs {
        max-height: 56rem;
        overflow-y: scroll;
        /* scrollbar-width: auto; */
    }
    .calculatrice_popup .calc-tabs::-webkit-scrollbar {
        width: 8px;
    }
    .credits_popup .closeClac {
        right: 3rem;
        left: unset;
    }
    .mobile-popup-header .closeClac {
        position: static;
        transform: none;
        margin: 0 auto;
        width: 6.7rem;
    }
    .mobile-popup-header .refresh-btn {
        position: absolute;
        right: 2.3rem;
        top: 2.1rem;
        cursor: pointer;
        width: 3rem;
    }
    .mobile-popup-header .refresh-btn img {
        width: 100%;
    }
    .mobile-popup-intro {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
        margin-top: 3rem;
    }
    .btn-intro {
        width: 100%;
        padding: 2rem;
        background-color: #63A6B7;
        color: white;
        border: none;
        border-radius: 1rem;
        font-size: 2.2rem;
        font-family: 'Styrene A';
        font-weight: 400;
        cursor: pointer;
        text-align: center;
        height: 8rem;
    }
    .btn-intro:nth-child(2) {
        /* background-color: #4F8592; */
    }
    .step-title {
        background-color: #63A6B7;
        color: white;
        padding: 1.5rem;
        text-align: center;
        border-radius: 1rem;
        font-size: 1.8rem;
        margin-bottom: 2rem;
        font-family: 'Styrene A Web';
        line-height: 1.2;
    }
    .tab2 .step-title {
        background-color: #63A6B7;
        width: 31.6rem !important;
    }
    .btn-next-step {
        width: 100%;
        padding: 1.5rem;
        background-color: transparent;
        border: 2px solid #63A6B7;
        color: #63A6B7;
        border-radius: 3rem;
        font-size: 1.8rem;
        font-family: 'Styrene A Web';
        font-weight: 500;
        cursor: pointer;
        margin-top: 2rem;
        text-align: center;
    }
    /* Helper classes for JS toggling */
    .d-none {
        display: none !important;
    }
    /* Adjust specific mobile form spacing */
    .calc-tabs .tabs-content .tab .form .input-container input {
        border: 1px solid #707070;
        /* Ensure borders are visible */
    }
    .calculatrice_popup .calc-tabs .tabs-content .tab.active {
        display: block;
    }
    .calculatrice_popup .calc-tabs .tabs-content .tab,
    .calculatrice_popup .calc-tabs .tabs-content .tab.active {
        padding: 0;
    }
    .calculatrice_popup .titleForm {
        display: none;
    }
    .calculatrice_popup .calc-tabs .tabs-content .tab {
        background-color: transparent;
        box-shadow: none;
    }
    /* Hide IFI button initially in popup */
    .calculatrice_popup .tab1 .bigBtn {
        display: none;
    }
    /* Abdel CSS End */
}