@media (min-width: 1700px) {
    .popup_pub {
        border-radius: var(--medium-radius);
        padding: var(--medium-margin) 118px;
        height: fit-content;
        margin-bottom: var(--bigspace);
    }
}

@media (min-width: 1500px) {

    .section_accueil_1 > video{
        height: 100lvh;
        max-height: 1400px;
    }

    .section_accueil_1 > div.pelouse {
        margin-top: -280px;
    }
}

@media (min-width: 2080px) {

    .section_accueil_1 > video{
        height: 1400px;
        max-height: 100lvh;
    }

    .section_accueil_1 > div.pelouse {
        margin-top: -350px;
    }
}

@media (min-width: 3100px) {

    .section_accueil_1 > video{
        max-height: 1400px;
    }

    .section_accueil_1 > div.pelouse {
        margin-top: -350px;
        background: linear-gradient(180deg, rgba(53, 148, 52, 0) 0%, var(--Vert-Fonce) 14px);

    }

}

@media (max-width: 1603px) {

    .section_accueil_1>div.pelouse{
        margin-top: -20vw;
    }


    .fake_table tbody>tr>td{
        padding: 26px 0.8vw 25px 0.8vw;

    }

    .fake_table thead>tr>th {
        padding-left: 1vw;
    }

    .fake_table tbody>tr>td:first-child, .fake_table thead>tr>th:first-child{
        padding-left: 1.2vw;
    }

    .fake_table tbody>tr>td:last-child{
        padding-right: 1.2vw;
        max-width: 128px;
    }

    .fake_table .resultat_ligne, .fake_table .resultat_ligne span {
        font-size: 16px;
    }

    .fake_table .duree_abo>div label{
        font-size: 16px;
    }

    .fake_table .nb_colabo {
        padding: 12px 15px;
        font-size: 16px;
    }

    .fake_table .select_calc select{
        padding: 9px 24px 13px 15px;
        font-size: 16px;
    }


    .popup_pub h2{
        font-size: 40px;
    }


}

@media (max-width: 1530px) {

    h1{
        font-size: 44px;
    }

    #menu .menu>li>a {
        font-size: 18px;
    }

    .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table tr > th:first-child {
        padding: 14px 22px;
    }

    .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table th span, .calculateur_jobabo .dynamic_table td span, .calculateur_jobabo .dynamic_table td span.text-before{
        font-size: 14px;
    }



    .fake_table tbody>tr>td{
        padding: 26px 0.8vw 25px 0.8vw;

    }

    .fake_table thead>tr>th {
        padding-left: 1vw;
    }

    .fake_table tbody>tr>td:last-child{
        padding-right: 1.2vw;
        max-width: 128px;
    }

    .fake_table tr>th, .fake_table .resultat_ligne, .fake_table .resultat_ligne span {
        font-size: 14px;
    }

    .fake_table .duree_abo>div label{
        font-size: 14px;
    }

    .fake_table .nb_colabo {
        padding: 12px 15px;
        font-size: 14px;
    }

    .fake_table .select_calc select{
        padding: 9px 24px 13px 15px;
        font-size: 14px;
    }

    .section_accueil_1 h1{
        font-size: 45px;
    }

}

@media (max-width: 1500px) {
    .calculateur_jobabo .colonnes_2{
        flex-direction: column;
    }

    .calculateur_jobabo .colonnes_2 .gauche{
        padding: 0 0 calc(var(--minspace) / 2);
        margin-bottom: calc(var(--minspace) / 2);
        border: unset;
        border-bottom: 1px solid rgba(36, 36, 32, 0.4);
    }

    .calculateur_jobabo .colonnes_2 .gauche .jobabo_mobile{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    .calculateur_jobabo .colonnes_2 .droit{
        padding: 0 ;
        overflow: visible;
    }

    .calculateur_jobabo:first-of-type .droit .contain_table{
        overflow-x: visible;
    }

    .fake_table .duree_abo>div label{
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    #menu .menu>li>a {
        font-size: 16px;
    }

    .tab-btn {
        padding: 20px 30px 22px;
    }

    #footer #copyright {
        grid-area: 1 span / 3 span ;
        justify-content: flex-start;
    }

    #footer .liens_footer{
        grid-area: 1 span / 3 span;

    }


    .calculateur_jobabo .gauche {
        padding-right: 40px;
    }

    .calculateur_jobabo .droit {
        padding-left: 40px;
    }

    .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table tr > th:first-child {
        padding: 14px 14px;
    }

    .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table th span, .calculateur_jobabo .dynamic_table td span, .calculateur_jobabo .dynamic_table td span.text-before{
        font-size: 14px;
    }


    .section_accueil_1 h1{
        font-size: 42px;
    }

}



@media (max-width: 1487px) {
    .simple_table th, .simple_table td, .simple_table tr > th:first-child {
        padding: 10px 12px;
    }

    .simple_table th span, .simple_table td span, .simple_table td span.text-before {
        font-size: 14px;
    }
}

@media (max-width: 1350px) {


    /*********************************/


        /*********************************/



    .big_mrg_right {
        padding-right: var(--side-base);
    }

    .big_mrg_left {
        padding-left: var(--side-base);
    }

    .single-offres .col_40_60>div.gauche {
        width: 50%;
    }

    .lien_accroche{
        position: static;
        margin-top: var(--medium-margin);
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: auto;
        max-width: 570px;
    }

    .lien_accroche a.btn.out_txt{
        margin-right: 0;
        width: 100%;
    }

    .lien_accroche .btn>span{
        max-width: 180px;
        width: auto;
    }


    /* action de promo */

    .page-template-page-action-promo .big_mrg_left {
        padding-left: calc(var(--side-base)* 2);
    }



    #jobabo .dynamic_table td, #jobabo .dynamic_table th, #jobabo .dynamic_table tr > th:first-child {
        padding: 14px 26px;
    }

    #jobabo .dynamic_table th, #jobabo .dynamic_table td, #jobabo .dynamic_table th span, #jobabo .dynamic_table td span, #jobabo .dynamic_table td span.text-before {
        font-size: 16px;
    }


    .tab-panel>svg.illu_depasse{
        bottom: calc((var(--side-base)* -1) - var(--htr-space-tab));
        right: calc((var(--side-base)* -0.4) - var(--lrg-space-tab));
        width: calc(var(--side-base)* 3.2);
    }


    .section_accueil_1 h1{
        font-size: 39px;
    }

}


@media (min-width: 1250px) AND (max-width: 1350px){
    #header #branding a svg {
        height: 28.7px;
        width: 127.4px;
        margin-top: 9px;
    }

    #menu .menu>li {
        margin-left: 20px;
    }

}


@media (max-width: 1250px) {

    :root {
        --htr-menu: 100px;

        /*--small-margin: 25px;*/
        /*--medium-margin: 60px;*/
        /*--minspace: 40px;*/
        /*--ltspace: 70px;*/
        /*--mdspace: 80px;*/
        /*--bigspace: 180px;*/
        /*--side-base: 6vw;*/
        --htr-space-tab: 85px;
        --lrg-space-tab: 107px;

        /*--big-radius: 25px;*/
        /*--medium-radius: 33px;*/
        /*--inter-radius: 15px;*/
        /*--table-radius: 20px;*/
        /*--small-radius: 15px;*/
        /*--very-small-radius: 12px;*/
    }


    /* header */

    #header{
        align-items: center;
        background-color: var(--Blanc);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #header.desktop_top:after {
        background-color: var(--Blanc);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
    }

    #header.top_head_general{
        padding-top: 14px;
    }

    #header.top_head{

        background-color: var(--Blanc);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
    }

    #header #branding a svg {
        margin-top: 9px;
    }

    #menu>#main-menu-container {
        background-color: var(--Blanc);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
    }

    #menu>#main-menu-container {
        background-color: var(--Blanc);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0.12);
    }

    #menu::after {
        content: '';
        position: fixed;
        inset: 0;
        background-color: var(--color_filtre);
        z-index: -5;
        pointer-events: none;
        opacity: 0;
        transition: 0.4s;
    }


    #menu>#main-menu-container {
        overflow: hidden;
        display: flex;
        justify-content: flex-start;

        height: 0;
        /*min-height: 96svh;*/
        /*height: fit-content;*/
        /*max-height: 100svh;*/
        padding-top: 69px;
        padding-bottom: 0px;
        /*justify-content: flex-start;*/
        box-shadow: 0 0 20px 0 rgba(38, 0, 11, 0);
    }

    .home #header.top_head #menu>#main-menu-container{
        padding-top: 74px;
    }

    #menu.toggled>#main-menu-container {
        min-height: 96svh;
        height: fit-content;
        max-height: 100svh;
        padding-top: var(--htr-menu);
        padding-bottom: 30px;
        justify-content: flex-start;
    }

    #menu.toggled::after {
        opacity: 1;
    }

    #menu .menu-menu-1-container {
        width: 100%;
        margin: 0;
        overflow: auto;
    }

    #menu .menu {
        align-items: flex-start;
        margin: auto var(--side-base);
        justify-content: flex-start;
    }

    #menu .menu>li, #menu .menu>li:first-of-type, #menu .menu>li:nth-of-type(2) {
        margin-left: 0px;
        padding: 0;
    }


    .home #container {
        padding-top: calc(60px);
    }

    .home #header.top_head {
        padding-top: 19px;
    }

    #menu .menu>li, #menu .menu>li:first-of-type, #menu .menu>li:nth-of-type(2){
        width: 100%;
        border-top: 2px dotted #D3D3D2;
    }

    #menu .menu>li>a, #menu .menu>li:first-of-type>a, #menu .menu>li:nth-of-type(2)>a{
        /*border-top: 2px dotted #D3D3D2;*/
        font-size: 20px;
        padding: 23px 0 23px 0;
        width: fit-content;
        background-color: var(--Blanc);
        border-radius: 0;
    }

    #menu .menu>li:first-of-type{
        border-top: 0 solid rgba(255, 255, 255, 0);
    }

    #menu .menu>li:first-of-type>a{
        padding-top: 0;
    }

    #menu .menu>li.menu-item-has-children>a {
        position: relative;
        padding-right: 20px; /* espace pour le SVG */
        font-size: 20px;
    }

    #menu .menu>li.menu-item-has-children>a::after {
        content: "";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 11px;
        height: 12px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Cpath d='M4.5 2L8.99926 6.49926L4.49926 10.9993' stroke='%23DE0040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
        transition: 0.2s;
    }

    #menu .menu>li:first-of-type.menu-item-has-children>a::after {
        content: "";
        position: absolute;
        right: 5px;
        top: calc(50% - 11px);
        transform: translateY(-50%);
        width: 11px;
        height: 12px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Cpath d='M4.5 2L8.99926 6.49926L4.49926 10.9993' stroke='%23DE0040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
    }

    #menu .menu>li.menu-item-has-children.open>a::after {
        transform: translateY(-50%) rotate(90deg);
    }

    body:has(.with_sommaire) #menu .menu>li:first-of-type>a:hover,  body:has(.with_sommaire) #menu .menu>li:nth-of-type(2)>a:hover,
    body:has(.with_sommaire) #menu .menu>li:first-of-type.open>a,  body:has(.with_sommaire) #menu .menu>li:nth-of-type(2).open>a,
    body:has(.with_unique_color) #menu .menu>li:first-of-type.open>a,
    body:has(.with_unique_color) #menu .menu>li:nth-of-type(2).open>a,
    #menu .menu>li:first-of-type>a:hover, #menu .menu>li:nth-of-type(2)>a:hover, body:has(.with_unique_color) #menu .menu>li:first-of-type>a:hover, body:has(.with_unique_color) #menu .menu>li:nth-of-type(2)>a:hover, body:has(.with_unique_color) #menu .menu>li:first-of-type.current-menu-ancestor>a, #menu .menu>li:first-of-type.current-menu-ancestor>a, #menu .menu>li:nth-of-type(2).current-menu-item >a, #menu .menu>li:nth-of-type(2).current-menu-item >a, .home .top_head_general #menu .menu>li:first-of-type>a:hover, .home .top_head_general #menu .menu>li:nth-of-type(2)>a:hover {
        background-color: var(--Blanc);
        color: var(--Rouge);
    }

    #menu.toggled .menu>li.open {
        display: block;
    }

    #menu .menu>li.menu-item-has-children > .sub-menu, .submenu-open #menu .menu>li.menu-item-has-children> a:hover ~ .sub-menu {
        display: flex;
        flex-direction: column;
        opacity: 0;
        position: static;
        height: 0px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        border-radius: 0;
        transition: 0.4s;
        gap: 10px;
    }


    #menu .menu>li.menu-item-has-children.open > .sub-menu, .submenu-open #menu .menu>li.menu-item-has-children.open> a:hover ~ .sub-menu{
        height: auto;
        padding-bottom: 22px;
        opacity: 1;
    }

    #menu .menu>li>.sub-menu>li{
        border: 0 solid rgba(255, 255, 255, 0);
        padding: 0;
    }

    #menu .menu>li>.sub-menu>li>a{
        font-size: 16px;
    }

    #header::before, #menu .menu>li>.sub-menu>li>a::after {
        content: unset;
        display: none;
    }

    .home #menu .menu>li.menu-li-svg, .home .top_head #menu .menu>li.menu-li-svg, #menu .menu>li.menu-li-svg{
        position: static;
        border: 0;
        padding: 22px 0 0 0;
        z-index: 0;
        flex-direction: row;
        justify-content: flex-start;
        border-top: 2px dotted #D3D3D2;
    }

    #search_general, #menu .menu>li.menu-li-svg>a {
        display: none;
    }

    .home #menu .menu>li.menu-li-svg>.sub-menu,  .home .top_head #menu .menu>li.menu-li-svg>.sub-menu,  #menu .menu>li.menu-li-svg>.sub-menu{
        height: auto;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        text-align: left;
        gap: 0;
        pointer-events: all;
        opacity: 1;
    }

    .home #menu .menu>li.menu-li-svg>.sub-menu>li>a, .home .top_head #menu .menu>li.menu-li-svg>.sub-menu>li>a, #menu .menu>li.menu-li-svg>.sub-menu>li>a {
        padding: 4px 0;
        font-size: 16px;
    }


    #menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu{
        position: static;
        margin-top: 0px;
        padding: 20px 10px;
    }

    #menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu li a{
        font-size: 14px;
    }

    #menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu li a::before {
        top: 4px;
        width: 12px;
        height: 10px;
    }


    #search_general_mobile{
        display: block;
        width: 100%;
        padding: 8px var(--side-base) 20px;
    }

    #menu .faq_search input {
         background-color: #f6f6f6;
    }

    #menu .menu>li:first-of-type>a {
        padding-top: 20px;
    }

    #menu .menu>li:first-of-type.menu-item-has-children>a::after {
        top: calc(50% - 2px);

    }


    /***************/

    .grid_4 {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }


    .colonnes_2>div.droit>svg { /* train_svg */
        width: 100%;
    }



    .temoignage.img_1 .bull_rouge{
        padding-left: 20px;
        padding-right: 20px;
        max-width: 207px;
        bottom: -60px;
    }

    .temoignage.img_2 .bull_rouge{
        padding-left: 20px;
        padding-right: 22px;
        bottom: -60px;
        max-width: 242px;
    }

    .temoignage.img_3 .bull_rouge{
        right: auto;
        left: 45px;
    }

    .bull_rouge{
        padding: 27px 15px;
    }

    .bull_rouge span {
        font-size: 14px;
        line-height: 110%;
    }

    .bull_rouge span.temoin {
        font-size: 12px;
    }




    /*.calculateur_jobabo .colonnes_2{*/
    /*    flex-direction: column;*/
    /*}*/

    /*.calculateur_jobabo .colonnes_2 .gauche{*/
    /*    padding: 0 0 var(--minspace);*/
    /*    border: unset;*/
    /*}*/

    /*.calculateur_jobabo .colonnes_2 .gauche .jobabo_mobile{*/
    /*    display: grid;*/
    /*    grid-template-columns: 1fr 1fr;*/
    /*}*/


    /*.calculateur_jobabo .colonnes_2 .droit{*/
    /*    padding: 0 ;*/
    /*    overflow: visible;*/
    /*}*/

    .calculateur_jobabo .colonnes_2 .droit .fake_table thead{
        display: none;
    }


    .calculateur_jobabo .colonnes_2 .droit .fake_table tbody{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .calculateur_jobabo .colonnes_2 .droit .fake_table tbody tr{
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .fake_table tbody>tr>td:first-child, .fake_table thead>tr>th:first-child, .fake_table tbody>tr>td:nth-last-child(2){
        grid-area: 1 span / 2 span;
    }

    .titre_job_mob{
        display: block;
        color: var(--Noir);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        height: fit-content;
        margin-bottom: 10px;
        margin-top: 18px;
    }

    .fake_table tbody>tr>td {
        background-color: var(--Rose);
        padding: 0 5vw 0 5vw;
        vertical-align: middle;
        text-align: left;
    }

    .fake_table tbody>tr>td:first-child, .fake_table thead>tr>th:first-child {
        border-radius: 15px 15px 0 0;
        padding-top: 25px;
        padding-left: 5vw;
        position: relative;
    }

    .fake_table tbody>tr>td:nth-last-child(2) {
        border-radius: 0 0 15px 15px;
        padding-bottom: 25px;
        min-width: 140px;
    }

    .fake_table tbody>tr>td:first-child .titre_job_mob{
        margin-top: 0px;
    }

    .fake_table .nb_colabo{
        width: 100%;
    }

    .fake_table tbody>tr>td:last-child {
       display: none;
    }

    .calculateur_jobabo .colonnes_2 .droit .fake_table tfoot{
        display: flex;
    }

    .calculateur_jobabo .colonnes_2 .droit .fake_table tfoot tr{
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
    }

    .calculateur_jobabo .colonnes_2 .droit .fake_table tfoot tr td:first-of-type{
        padding-top: 0;
        margin: 0 auto auto 0;
    }

    .fake_table .cout_annuel, .fake_table .titre_cout_annuel{
        padding: 0;
    }





    .dynamic_table th, .dynamic_table tr > th:first-child {
        padding: 14px 26px;
    }

    .dynamic_table th, .dynamic_table td, .dynamic_table th span, .dynamic_table td span, .dynamic_table td span.text-before {
        font-size: 16px;
    }



    #jobabo .dynamic_table td, #jobabo .dynamic_table th, #jobabo .dynamic_table tr > th:first-child {
        padding: 12px 24px;
    }

    #jobabo .dynamic_table th, #jobabo .dynamic_table td, #jobabo .dynamic_table th span, #jobabo .dynamic_table td span, #jobabo .dynamic_table td span.text-before {
        font-size: 14px;
    }




    #footer .message_footer{
        font-size: 18px;
        max-width: 450px;
    }


    .section_accueil_1 h1{
        font-size: 35px;
    }

}


@media (max-width: 1110px) {

    .tab-btn {
        padding: 16px 24px 18px;
        font-size: 20px;
    }

    .unique_tab>div:first-child {
        margin-right: 0;
    }

    .acces_rapide .liens_rapide a {
        font-size: 25px;
    }



    /* action de promo */

    .sommaire {
        padding: 58px 40px 56px 38px;
        min-width: 250px;
        width: 27vw;
    }

    .sommaire .btn{
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }

    .sommaire .btn svg{
        width: 12px;
    }



    .simple_table th, .simple_table tr > th:first-child {
        padding: 10px 10px;
    }

    .simple_table th span, .simple_table td span, .simple_table td span.text-before {
        font-size: 12px;
    }

    .simple_table td span>span.text-after{
        font-size: 10px;
    }



    .dynamic_table th, .dynamic_table tr > th:first-child {
        padding: 12px 22px;
    }

    .dynamic_table th, .dynamic_table td, .dynamic_table th span, .dynamic_table td span, .dynamic_table td span.text-before {
        font-size: 14px;
    }


    #jobabo .dynamic_table td, #jobabo .dynamic_table th, #jobabo .dynamic_table tr > th:first-child {
        padding: 12px 20px;
    }




    #footer .partenaires{
        grid-area: 2 / 1 / 1 span / 3 span;
        /*display: flex;*/

        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 22px;
        padding-top: 28px;
        padding-bottom: 28px;
        margin-top: 8px;
        margin-bottom: 8px;
        border-top: 1px solid #D3D3D2;
        border-bottom: 1px solid #D3D3D2;
    }

    #footer .partenaires a{
        justify-content: center;
    }

    #footer .partenaires .separateur{
        display: none;
    }

    #footer .message_footer{
        display: none;
    }

    #footer .liens_footer {
        grid-area: 3 / 1 / 1 span / 3 span;
    }

    #footer .rs_footer{
        grid-area: 4 / 1 / 1 span / 2 span;
        justify-content: flex-start;
        margin: 0 auto auto 0;
    }

    #footer .swiss_pass img{
        height: 36px;
        width: 36px;
        border-radius: 7px;
    }

    #footer .rs_footer a{
        height: 36px;
        width: 36px;
    }


    .footer_contact{
        grid-area: 1 / 3 / 1 span / 1 span;
        margin: 0 0 auto auto;
    }

    .section_accueil_1 h1{
        font-size: 34px;
    }

}



@media (max-width: 1000px) {

    *, .btn>span, .generale_page_content pre a {
        font-size: 20px; /* 22px */
    }

    h1{
        font-size: 40px; /* 60px */
    }

    h2, .popup_pub h2{
        font-size: 38px; /* 46px */
    }

    h3{
        font-size: 28px; /* 34px */
    }

    h4{
        font-size: 22px; /* 26px */
        margin: 40px 0 15px;
    }

    .tab-btn {
        padding: 16px 16px 18px;
        font-size: 18px;
    }


    .section_module_plan_zone .panel_point_vente{
        width: 400px;
        overflow: hidden;
    }

    .autre_offres>a>div p{
        display: none;
    }


    .tab-panel>svg.illu_depasse{
        display: none;
    }

    .with_illu_depasse>div{
        margin: 0;
    }

    /* pub */

    .bloc_pub .colonnes_2{
        flex-direction: column-reverse;
        gap: 0;
    }

    .popup_pub {
        margin-bottom: 0;
        position: relative;
        z-index: 0;
        min-height: 300px;
    }

    .bloc_pub .colonnes_2 .gauche{
        width: auto;
        margin-top: -80px;
        pointer-events: none;

        position: relative;
        z-index: 2;
    }

    .bloc_pub .colonnes_2 .gauche svg{
        min-height: 260px;

        height: 50vw;
    }

    .popup_pub h2 {
        margin-bottom: 8px;
    }

    .popup_pub p {
        font-size: 16px;
    }

    .popup_pub .btn_rond{
        height: 36px;
        width: 36px;
    }

    .popup_pub .btn_rond svg{
        transform: scale(0.8);
    }

    .fond_pub_svg{
        top: auto;
        bottom: var(--side-base);
    }


    .contain_table th .msg_info>svg{
        height: 16px;
        width: 16px;
        margin-top: 4px;
    }

}

@media (max-width: 900px) {

    :root {
        /*--htr-menu: 120px;*/

        --small-margin: 25px;
        /*--medium-margin: 60px;*/
        /*--minspace: 40px;*/
        /*--ltspace: 70px;*/
        /*--mdspace: 80px;*/
        /*--bigspace: 50px;*/
        /*--side-base: 6vw;*/
        --htr-space-tab: 61px;
        --lrg-space-tab: 77px;

        /*--big-radius: 25px;*/
        /*--medium-radius: 33px;*/
        /*--inter-radius: 15px;*/
        /*--table-radius: 20px;*/
        /*--small-radius: 15px;*/
        /*--very-small-radius: 12px;*/
    }

    .grid_4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Accueil */

    .very_big_mrg_right {
        padding-right: calc(var(--side-base)* 2);
    }
    .very_big_mrg_left {
        padding-left: calc(var(--side-base)* 2);
    }

    .svg_pers_right {
        right: calc(var(--side-base)* 1);
        min-height: 350px;
    }

    .acces_rapide {
        padding-bottom: 260px;
        overflow: hidden;
        padding-top: var(--htr-space-tab);
        margin-top: var(--minspace);
    }

    .svg_pers_left {
        min-height: 321px;
        min-width: 180px;
        height: 40vw;
        max-width:22vw;
        left: calc(var(--side-base)* 0.2);
    }



    /* action de promo */

    .position_sommaire{
        display: none;
    }

    .page-template-page-action-promo .big_mrg_left {
        padding-left: var(--side-base);
    }

    .with_sommaire .sections {
        padding-left: var(--side-base);
    }

    .with_sommaire section#jobabo, .with_sommaire section#presentiel  {
        overflow: visible;
    }

    .vignette {
        font-size: 14px;
        top: 5px;
        right: -5px;

    }

    /* Footer */

    #footer .liens_footer {
        grid-area: 3 / 1 / 1 span / 3 span;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 8px;
        gap: 10px;
    }

    .liste_partenaire>div .img_logo_part {
        width: 150px;
    }

    .liste_partenaire>div .img_logo_part img{
        max-height: 45px;
    }


    #footer .logo_footer svg{
        height: 39px;
    }

    #footer .footer_contact{
        font-size: 14px;
        line-height: 80%;
    }

    #footer .rs_footer a>svg{
        height: auto;
    }

}



@media (max-width: 800px) {

    :root {
        /*--htr-menu: 120px;*/

        /*--small-margin: 25px;*/
        --medium-margin: 31px;
        /*--minspace: 40px;*/
        /*--ltspace: 70px;*/
        --mdspace: 70px;
        --bigspace: 50px;
        /*--side-base: 6vw;*/
        /*--htr-space-tab: 61px;*/
        /*--lrg-space-tab: 77px;*/

        /*--big-radius: 25px;*/
        --medium-radius: 18px;
        /*--inter-radius: 15px;*/
        /*--table-radius: 20px;*/
        --small-radius: 10px;
        /*--very-small-radius: 12px;*/
    }


    *, .btn > span, .generale_page_content pre a  {
        font-size: 18px; /* 22px */
    }

    h1 {
        font-size: 40px; /* 60px */
        max-width: 80vw;
    }

    h2, .popup_pub h2 {
        font-size: 30px; /* 46px */
    }

    h3, .page-template-page-faq-php .bloc_faq details h3, .page-template-page-faq-flexi-abo-php .bloc_faq details h3{
        font-size: 24px; /* 34px */
    }

    h4 {
        font-size: 22px; /* 26px */
        margin: 40px 0 15px;
    }

    .btn, .btn > span, .lien_accroche .btn>span>strong{
        font-weight: 500;
    }

    .colonnes_2 > div.droit > svg, .train_svg {
        display: none;
    }

    .page-template-page-a-propos .colonnes_2 > div.droit:has(svg),
    .page-template-page-abo .colonnes_2 > div.droit:has(svg),
    .page-template-page-jobabo .colonnes_2 > div.droit:has(svg),
    .page-template-page-acheter .colonnes_2 > div.droit:has(svg),
    .single-offres .colonnes_2 > div.droit:has(svg),
    .page-template-page-manifestations .colonnes_2 > div.droit:has(svg),
    .page-template-page-ecole .colonnes_2 > div.droit:has(svg){
        display: none;
    }

    .colonnes_2 {
        flex-direction: column;
    }

    .colonnes_2 > div,
    .single-offres .col_40_60 > div.gauche,
    .col_40_60 > div.gauche {
        width: auto;
    }

    .grid_4 {
        gap: 26px;
    }

    .img_actu_avant {
        aspect-ratio: 16/10;
        border-radius: var(--medium-radius);
    }

    .droit.temoin_offre {
        display: none;
    }

    #header #branding a svg {
        height: 34px;
        width: 153px;
        margin-top: 7px;
    }


    .dynamic_table thead th {
        font-size: 14px;
        padding: 12px 15px;
    }

    .dynamic_table td {
        font-size: 14px;
        padding: 12px 15px;
    }

    .header-edit-link {
        display: none;
    }


    /* Accueil */
    .section_accueil_1 > div.pelouse {
        flex-direction: column;
        padding-bottom: 0;
        margin-top: -136px;
    }

    .section_accueil_1 .actu_accueil {
        width: auto;
        margin: 0 var(--side-base) -40px;
    }

    .home .minia_actu div {
        min-height: unset;
        padding-top: 30px;
    }

    .home .minia_actu div img, .home .minia_actu div picture, .home .minia_actu div p {
        display: none !important;
    }

    .home .minia_actu div span {
        font-size: 12px;
    }

    .home .minia_actu div h3 {
        font-size: 16px;
    }

    .section_accueil_1 .actu_accueil > div {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .section_accueil_1 .actu_accueil a {
        border-radius: var(--inter-radius);
    }


    .acces_rapide .liens_rapide a {
        font-size: 20px;
    }

    .acces_rapide .liens_rapide {
        padding: 45px 65px;
    }


    .temoignages {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .temoignages > div {
        justify-content: space-evenly;
        height: fit-content;
        max-height: 1000px;
    }

    .temoignage.img_0 img, .temoignage.img_1 img, .temoignage.img_2 img, .temoignage.img_3 img {
        width: 30vw;
        max-width: 345px !important;
    }

    .temoignage:last-of-type, .temoignage:first-of-type {
        margin-top: 50px;
    }

    .temoignage.img_1 .bull_rouge {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 207px;
        bottom: -60px;
    }

    .temoignage.img_2 .bull_rouge {
        padding-left: 20px;
        padding-right: 22px;
        bottom: -60px;
        max-width: 242px;
    }

    .temoignage.img_3 .bull_rouge {
        right: auto;
        left: 45px;
    }

    .bull_rouge {
        padding: 27px 15px;
    }

    .bull_rouge span {
        font-size: 12px;
    }

    .bull_rouge span.temoin {
        font-size: 12px;
    }


    /* Plan zone */
    .section_module_plan_zone h2.h2_mobile {
        display: block;
        margin: var(--side-base) var(--side-base) 30px;
    }

    .h2_desk {
        display: none;
    }


    .home .section_module_plan_zone {
        flex-direction: column-reverse;
    }

    .home .section_module_plan_zone .droit {
        padding: 0 var(--side-base);
    }

    .home .section_module_plan_zone.col_34_66 > div.gauche {
        width: auto;
        max-width: unset;
        box-sizing: initial;

        margin: 0 var(--side-base) 0;
        border-radius: var(--big-radius);
        padding: var(--minspace) var(--side-base) var(--minspace) var(--side-base);
        background-color: var(--Rose);
    }

    .home .section_module_plan_zone.col_34_66 > div.gauche h2 {
        margin-top: 0px;
    }

    .section_module_plan_zone div.droit {
        width: 100%;
        max-width: unset;
    }

    .page_plan_zones .panel_cote {
        width: auto;
        max-width: unset;
        margin: 0 var(--side-base) 0;
        border-radius: var(--big-radius);
        padding: var(--minspace) var(--side-base) var(--minspace) var(--side-base);
    }


    .page-template-page-points-de-vente .panel_point_vente {
        width: auto;
        max-width: unset;
        margin: 60vw var(--side-base) 0;
        border-radius: var(--big-radius);
        padding: var(--minspace) var(--side-base) var(--minspace) var(--side-base);
    }

    .with_maps #map {
        margin-top: 50px;
        z-index: 1;
        display: block;
        grid-area: 1 / 1;
        height: 83vw;
        min-height: 370px;
        width: 100%;
    }

    .home .page_plan_zones {
        margin-bottom: 0;
    }

    .map-controls {
        display: none;
    }


    .popup .map-controls {
        display: block;
        height: fit-content;
        bottom: 18px;
        padding: 0;
        overflow: visible;
    }

    .popup .map-controls .zooms button {
        height: 46px;
        width: 46px;
        border: 1px solid rgba(36, 36, 32, 0.2);
    }

    .map-controls .zooms button:last-child {
        border-radius: 0 0 18px 18px;
        border-top: solid 0px rgba(36, 36, 32, 0);
    }



    .depasse_cote{
        padding: 0;
    }

    .depasse_cote h2{
        padding: 0 var(--side-base);
    }

    /*.grid_3_oveflow{*/
    /*    overflow-x: scroll;*/
    /*    margin: 0 var(--side-base) 36px ;*/
    /*}*/

    .grid_3{
        width: auto;
        gap: 20px;
        overflow-x: scroll;
        margin: 0 var(--side-base);
        padding: 0 0 36px;
    }


    .grid_3>a{
        width: 50vw;
    }



    .with_maps{
        height: fit-content;
    }

    .section_module_plan_zone .panel_point_vente {
        min-height: 300px;
    }


        /* FAQ */

    .bloc_faq details h2 {
        font-size: 24px;
        margin-right: 18px;
    }

    .bloc_faq details h3 {
        margin-bottom: 2px;
    }

    .bloc_faq details svg {
        transform: scale(0.9);
    }

    /* Maps */

    .btns_points_interet{
        position: static;
    }

    /* pub */

    /*.bloc_pub .colonnes_2{*/
    /*    flex-direction: column-reverse;*/
    /*    gap: 0;*/
    /*}*/

    /*.popup_pub {*/
    /*    margin-bottom: 0;*/
    /*    position: relative;*/
    /*    z-index: 0;*/
    /*}*/

    /*.bloc_pub .colonnes_2 .gauche{*/
    /*    width: auto;*/
    /*    margin-top: -80px;*/
    /*    pointer-events: none;*/

    /*    position: relative;*/
    /*    z-index: 2;*/
    /*}*/

    /*.bloc_pub .colonnes_2 .gauche svg{*/
    /*    min-height: 260px;*/

    /*    height: 50vw;*/
    /*}*/

    /*.popup_pub h2 {*/
    /*    margin-bottom: 8px;*/
    /*}*/

    /*.popup_pub p {*/
    /*    font-size: 16px;*/
    /*}*/

    /*.popup_pub .btn_rond{*/
    /*    height: 36px;*/
    /*    width: 36px;*/
    /*}*/

    /*.popup_pub .btn_rond svg{*/
    /*    transform: scale(0.8);*/
    /*}*/

    .fond_pub_svg{
        top: auto;
        bottom: 40px;
    }


    .tab-panel>svg:last-of-type{
        display: flex;
        margin: 50px 0 0 auto ;
        max-height: 100vw;
    }

    .tab-panel>svg.illu_depasse {
        display: none;
    }

    .bloc_faq details .contenu p, .bloc_faq details .contenu ol, .bloc_faq details .contenu ul {
        margin: 15px 0 10px;
        width: calc(100% - 20px);
    }

    .no_pad_right{
        padding-right: var(--side-base);
    }

    /* Actu */

    .actu_une{
        flex-direction: column-reverse;
    }


    .actu_une>div:last-child{
        min-height: 30vw;
    }

    .actu_en_avant {
        padding: 35px 36px;
    }

    .minia_actu div{
        min-height: 220px;
    }

    .selected_bar {
        position: absolute;
        top: 0;
        right: auto;
        left: 0px;
        width: 6px;

        border-radius: 0 6px 6px 0;
    }

    .single-actu .en_tete{
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    .single-actu .en_tete .textes{
        flex: 0 0 calc(100% - 64px); /* 50px */
    }

    .single-actu h2.actu_h2 {
        margin-bottom: 6px;
    }


    .single-actu .date_actu{
        margin-top: auto;
        margin-left: 64px;
    }


    .single-actu .en_tete>a:first-child{
        width: auto;
    }

    .single-actu .en_tete {
        gap: 10px 20px;
    }

    .single-actu h1{
        max-width: unset;
    }

    .autre_actus, .telecharge_img{
        margin: 0;
    }

    .telecharge_img{
        margin-top: 20px;
    }


    #filter-form, .btns_points_interet {
        display: none; /* cache radios */
    }

    .custom-select-actu, .custom-select-poi {
        display: block;
        position: relative;
        margin-bottom: 35px;
    }

    .mobile_btn_carte{
        display: block;
    }

    .select-selected, .custom-select-poi .select-selected  {
        background: var(--Rouge);
        color: var(--Blanc);
        padding: 11px 11px 12px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 123px;
    }

    .select-selected span {
        color: var(--Blanc);
        font-size: 12px;
        font-weight: 500;
    }

    .custom-select-actu.open .select-selected svg, .custom-select-poi.open .select-selected svg {
        transform: rotate(180deg);
    }

    .select-items {
        margin-top: 3px;
        display: none;
        position: absolute;
        background: var(--Noir);
        border-radius: 10px;
        color: var(--Blanc);
        z-index: 10;
        width: fit-content;
        min-width: 123px;
        padding: 8px 0px;
    }

    .select-items div {
        padding: 8px 12px;
        cursor: pointer;
        color: var(--Blanc);
        font-size: 12px;
    }

    .select-items div:hover {
        background: #f0f0f0;
    }

    .custom-select-actu.open .select-items, .custom-select-poi.open .select-items, .custom-select-sommaire.open .select-items {
        display: block;
    }


    .page-template-default h2 {
        font-size: 34px;
    }



    .pagination .page-numbers{
        padding: 10px 15px;

        font-size: 15px;
    }

    .pagination .page-numbers svg{
        transform: scale(0.9) ;
    }

    .pagination .page-numbers:first-child:hover svg{
        transform: translateX(-4px) scale(0.9);
    }

    .pagination .page-numbers:last-child:hover svg{
        transform: translateX(4px) scale(0.9);
    }

    /* Carte */

    .colonnes_2>div>.lasagne_map>svg{
        pointer-events: none;
    }

    .lasagne_map.svg_en_pose .svg_carte>g { /* .lasagne_map .svg_carte>g */
        opacity: 1;
    }

    .custom-select-poi{
        margin-bottom: 3px;
    }


    .colonnes_2.section_module_plan_zone{
        gap: 0;
    }

    .colonnes_2.section_module_plan_zone>div.has_map{
        padding: 0 var(--side-base) 0;
    }

    .mobile_btn_carte{
        margin: 0 var(--side-base);
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 10px;
        transform: translateY(-40px);
        position: relative;
        z-index: 10;
    }

    .btn_rond {
        height: fit-content;
        width: fit-content;
    }

    /* Contact */

    .colonnes_2>div.droit{
        max-width: 100%;
    }


        /* toggle */

    .toggle-switch .toggle-label {
        padding: 9px 10px 10px;
        font-size: 12px;
    }

    .home .trajet label {
        border: solid 1px var(--Rose);
    }

    /* Manifestation */

    .page-template-page-manifestations section:first-of-type {
        padding-right: var(--side-base);
        padding-left: var(--side-base);
    }

    .page-template-page-manifestations section:first-of-type .droit {
        display: none;
    }

    .page-template-page-manifestations .partenaires_manif h3{
        font-size: 18px;
        margin-top: 20px;

    }

    .page-template-page-manifestations .partenaires_manif p, .textes ol li, .textes ul li,  .textes a,
    .bloc_faq details .contenu p, .textes p, .lien_accroche .btn>span>strong, .asterisque,
    .list_options>div>p, .btn-retour>h3{
        font-size: 16px;
    }

    .list_options>div>svg {
        height: 18px;
        width: 18px;
    }

    .btn-retour>svg{
        height: 30px;
        width: 30px;
    }

    .panel_content h2, h2.titre_indication {
        font-size: 24px;
    }

    .home span.titre_indication{
        font-size: 24px;
        color: var(--Rouge);
        font-style: normal;
        font-weight: 900;
        text-transform: uppercase;
        /*text-wrap: pretty;*/
    }

    /* Calculator JobAbo */

    .calculateur_jobabo .colonnes_2 .droit .fake_table tbody tr{
        display: flex;
        flex-direction: column;
    }


    /* action de promo */

    .with_sommaire .sections section>svg:last-of-type {
        max-width: 90%;
        height: auto;
        max-height: 300px;
    }

    .with_sommaire .sections svg:first-of-type {
        max-width: 100%;
        height: auto;
        max-height: unset;
    }

    .sommaire-mobile {
        display: block;
        position: fixed;
        top: 78px;
        z-index: 10;
        width: 100%;
        padding: 0 var(--side-base);
    }

    .sommaire-mobile>div,  .sommaire-mobile .select-selected{
        width: 100%;
    }

    .sommaire-mobile .select-items{
        width: calc(100% - var(--side-base) - var(--side-base));
    }

    .sommaire-mobile.hide {
        transform: translateY(-160px);
    }


    /* svg */

    .gestion_svg.bottom_svg,  .gestion_svg.sol_svg {
         display: none;
    }

    /* Popup */

    .popup{
        padding: 0 var(--side-base);
    }

    .popup>div {
        padding: var(--medium-margin) var(--side-base) var(--medium-margin) var(--side-base);
        width: 100%;
    }

    .faq_search {
        max-width: unset;
    }

    .popup>div>div {
        border-radius: 2px;
    }

    .close_popup {
        height: 45px;
        width: 45px;
        right: -15px;
    }



    /* Zoom maps */

    .map_zoom_overlay>div{
        padding: 0px !important;
        height: 80svh;
    }

    .map_zoom_content{
        transform-origin: 0 0;
        will-change: transform;
        transform: translate3d(0,0,0);
        min-height: 100%;
        min-width: 100%;
    }

    /* empêche le zoom page */
    .map_zoom_overlay{
        touch-action: none;
    }

    body.zoom-active {
        position: fixed;
        width: 100%;
    }

    .map_zoom_content svg g{
        opacity: 1;
    }

    .map_zoom_overlay .svg_cartes{
        max-height: unset;
        width: unset;
    }


    .map_zoom_outer {
        overflow: scroll;          /* scrollable si contenu plus grand */
        -webkit-overflow-scrolling: touch; /* scroll fluide sur iOS */
        position: relative;
        /*background-color: rgba(255, 85, 0, 0.22);*/
        padding: 10px;
    }

    .popup>div>div.map_zoom_inner {
        transform-origin: 0 0;     /* zoom à partir du coin haut-gauche */
        width: 100%;
        height: 100%;
        /*background-color: rgba(87, 199, 225, 0.22);*/
        margin: 0;
        padding: 0;
        overflow: auto; /* important pour scroll */
        -webkit-overflow-scrolling: touch;
        touch-action: none; /* clé sur iOS */
        border-radius: var(--medium-radius);

    }

    .popup>div>div.map_zoom_inner::-webkit-scrollbar-track {
        background: var(--Rose);
    }


    .map_zoom_content .lasagne,  .map_zoom_content svg, .map_zoom_content svg g{
        pointer-events: none;
    }

    .map_zoom_inner {
        cursor: grab;
    }

    .map_zoom_inner.dragging {
        cursor: grabbing;
    }

    .page-template-page-points-de-vente .color_englobe.with_unique_color{
        padding-bottom: var(--mdspace);
    }

    .color_englobe.big_mrg_left, .color_englobe.big_mrg_right{
        padding-left:0;
        padding-right: 0;
    }

    .generale_page .colonnes_2 .gauche.textes {
        padding-bottom: 0px;
    }

    .plan_zone_selection{
        font-size: 24px;
        color: var(--Rouge);
        font-style: normal;
        font-weight: 900;
        text-transform: uppercase;
    }


    .textes ul {
        padding-left: 20px;
    }


    .textes .pom_fleche {
        padding-left: 25px;
    }

    .textes .pom_fleche::before {
        top: 6px;
        width: 14px;
        height: 11px;
    }


}



@media (max-width: 700px) {
    .with_lien_accroche > div:first-child {
        margin-right: 0px;
    }

    .lien_accroche {
        display: flex;
        flex-direction: column;
        width: auto;
    }

    .list_icone > div {
        gap: 28px;
    }

    .list_icone > div > svg {
        max-width: 50px;
        max-height: 60px;
    }
}




    @media (max-width: 600px) {

        :root {
            --htr-menu: 100px;

            --small-margin: 25px;
            --medium-margin: 31px;
            --minspace: 40px;
            --ltspace: 50px;
            --mdspace: 50px;
            /*--bigspace: 180px;*/
            --side-base: 6vw;
            --htr-space-tab: 32px;
            --lrg-space-tab: 36px;

            --big-radius: 25px;
            /*--medium-radius: 33px;*/
            --inter-radius: 15px;
            /*--table-radius: 20px;*/
            /*--small-radius: 15px;*/
            /*--very-small-radius: 12px;*/
        }

        *,   .loc-suggestions .item .texts .main {
            font-size: 18px; /* 22px */
        }

        h1 {
            font-size: 32px; /* 60px */
            margin-bottom: 25px;
        }

        .unique_tab h1 {
            font-size: 28px;
        }

        h2{
            font-size: 24px; /* 46px */
            margin: 40px 0 20px;
        }

        h2.titre_indication, .calculateur_jobabo h2, .single-actu h2.actu_h2, .popup_pub h2 {
            font-size: 24px;
        }

        .calculateur_jobabo h2{
            margin-bottom: 12px;
        }

        .single-actu h2.actu_h2{
            margin-bottom: 18px;
        }

        h3, .page-template-page-faq-php .bloc_faq details h3, .page-template-page-faq-flexi-abo-php .bloc_faq details h3 {
            font-size: 20px; /* 34px */
            margin-bottom: 20px;
        }

        .page-template-page-faq-php .bloc_faq details h3, .page-template-page-faq-flexi-abo-php .bloc_faq details h3 {
            margin-bottom: 0px;
            font-size: 18px;
            line-height: 22px;
        }

        h4 {
            font-size: 18px; /* 26px */
            margin: 34px 0 15px;
        }

        p {
            margin: 10px 0;
        }

        .with_sommaire section h4{
            font-size: 24px;
        }

        .telecharge_fichier>a h5{
            font-size: 18px;
        }

        details .contenu .telecharge_fichier>a p, .telecharge_img h5{
            font-size: 16px;
        }

            /** Header ***********/
        #menu .menu > li.menu-item-has-children > a,  #menu .menu>li>a, #menu .menu>li:first-of-type>a, #menu .menu>li:nth-of-type(2)>a{
            font-size: 16px;
        }

        #menu .menu > li > .sub-menu > li > a {
            font-size: 14px;
        }

        .home #menu .menu > li.menu-li-svg > .sub-menu > li > a, .home .top_head #menu .menu > li.menu-li-svg > .sub-menu > li > a, #menu .menu > li.menu-li-svg > .sub-menu > li > a {
            font-size: 14px;
        }

        #menu .menu > li.menu-li-svg > .sub-menu > li > a{
            font-weight: 400;
        }

        #menu .menu>li>.sub-menu>li>.sub-menu li a{
            line-height: 100%;
        }

    /*********************/

    .section_accueil_1 h1 {
        font-size: 32px;
    }

    .section_accueil_1 p{
        font-size: 18px;
    }


    .unique_tab p, #inscription-newsletter-form .pomform input{
        font-size: 16px;
    }

    .tab-btn, .btn>span, .generale_page_content pre a, #inscription-newsletter-form .pomform button, .big_link_popup>span>span,
    .page_plan_zones .btn_large,
    .btn_form input, .lien_accroche .btn>span>strong,
    .textes .has_btn>a{

        font-size: 14px; /* 22px */
    }

    .markers-buttons>.btn-lieu{
        font-size: 16px;
        font-weight: 500;
    }


    .markers-buttons>.btn-lieu>svg{
        height: 30px;
        width: 30px;
    }

    .grid_4 {
        grid-template-columns: repeat(1, 1fr);
    }

    /* Accueil */

    .home .minia_actu div{
        padding: 18px;
    }

    .home .minia_actu div span{
        font-size: 8px;
    }

    .home .minia_actu div h3{
        font-size: 12px;
    }

    .svg_pers_right, .svg_pers_left {
        display: none;
    }

    .acces_rapide {
        padding-bottom: 260px;
        overflow: hidden;
        padding-top: var(--htr-space-tab);
        margin-top: var(--minspace);
    }

    .svg_pers_left {
        min-height: 321px;
        min-width: 180px;
        height: 40vw;
        max-width:22vw;
        left: calc(var(--side-base)* 0.2);
    }


    .acces_rapide .liens_rapide a {
        font-size: 20px;
    }

    .acces_rapide .liens_rapide{
        padding: 35px 52px;
    }

    .acces_rapide .liens_rapide a {
        font-size: 18px;
    }

    .very_big_mrg_right {
        padding-right: var(--side-base);
    }
    .very_big_mrg_left {
        padding-left: var(--side-base);
    }

    .acces_rapide .liens_rapide a svg{
        height: 30px;
        width: 30px;
        flex: 0 0 auto;
    }


    .temoignages>div{
        flex-direction: column;
    }

    .temoignages{
        margin-top: 0;
        padding-top: 0px;
        padding-bottom: 40px;
    }


    .titre_centre{
        margin: var(--side-base);
    }

    .temoignage{
        width: fit-content;
    }

    .temoignages>div{
        justify-content: space-evenly;
        height: fit-content;
        max-height: unset;
        align-items: center;
        gap: 80px;
    }

    .temoignage.img_0 img, .temoignage.img_1 img, .temoignage.img_2 img, .temoignage.img_3 img{
        width: 70vw;
        max-width: 345px !important;
    }

    .temoignages .temoignage{
        margin-top: 0px;
    }

    .liens_3_colones{
        flex-direction: column;
        gap: 10px;
    }

    .liens_3_colones .btn svg{
        height: 13px;
        width: 18px;
    }


    .bloc_faq details .contenu p {
        width: 100%;
        padding-right: 10px;
    }

    /* contact */
        .formulaire_contact .input_col {
            display: flex;
            gap: 20px;
            width: 100%;
            flex-direction: column;
        }

        .page-template-page-contact .colonnes_2 .droit {
            padding: var(--minspace) var(--side-base) var(--minspace);
        }

        .btn_form p{
            width: 100%;
        }


        .page-template-default h2 {
            font-size: 24px;
        }

    /* FAQ */

        .bloc_faq details {
            padding: 17px 0;
        }

        .bloc_faq details h2 {
            font-size: 18px;
            margin-bottom: 4px;
            margin-right: 18px;
        }

        .bloc_faq details h3 {
            margin-bottom: 2px;
        }

        .bloc_faq details svg {
            height: 37px;
            width: 37px;
        }


        /* Popup */

        .faq_search {
            max-width: unset;
        }

        .faq_search>input {
            border-radius: 15px 0 0 15px;
            padding: 11px 20px 12px;
            font-size: 16px;
        }

        .faq_search>div {
            width: 70px;
            height: 50px;
            border-radius: 0 15px 15px 0;
            background-color: #f6f6f6;
        }

        .faq_search>div svg {
            width: 16px;
            height: 16px;
        }

        .faq_search>div svg path {
            stroke: var(--Rouge);
        }

        .info_between_line .popup_search_item{
            padding: 16px 0 18px 0px;
        }

        .popup_search_item>a{
            font-size: 16px;
            font-weight: 500;
        }

        .popup h2{
            font-size: 26px;
        }

        .popup h2{
            font-size: 26px;
        }

        /* JobAbo calculator */

        .calculateur_jobabo .colonnes_2 .droit .fake_table tfoot tr{
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;
            width: 100%;
            gap: 24px 5px;
        }

        .calculateur_jobabo .colonnes_2 .droit .fake_table tfoot tr td:first-of-type{
            grid-area: 1 span / 2 span;
        }

        .fake_table .cout_annuel>div{
            width: fit-content;
            margin: 0 0 auto auto ;
        }

        .fake_table .titre_cout_annuel{
            display: flex;
        }

        .calculateur_jobabo h3{
            font-size: 20px;
        }

        .alculateur_jobabo h4{
            font-size: 16px;
        }

        .calculateur_jobabo .gauche .pourcentage_rabais {
            font-size: 18px;
        }

        .calculateur_jobabo .gauche input.pourcentage_employeur {
            font-size: 14px;
        }

        .calculateur_jobabo .gauche .jobabo_mobile>div:first-of-type{
            margin-right: 8px;
        }

        .calculateur_jobabo .gauche .jobabo_mobile>div h4{
            font-size: 16px;
        }

        .titre_job_mob, .fake_table .nb_colabo, .select_calc select {
            font-size: 14px;
        }

        .calculateur_jobabo .gauche input.pourcentage_employeur {
            min-width: 128px;
            width: 128px !important;
        }

        .duree_abo .msg_info svg {
            height: 15px;
            width: 15px;
        }

        .duree_abo .msg_info{
            padding-top: 3px;
        }

        /* Carte */

        .msg_info>div {
            /*position: fixed;*/
            /*top: 50%;*/
            /*left: 50%;*/
            /*transform: translate(-50%, -50%);*/
            position: absolute;
            top: 120%;
            left: auto;
            right: -6px;
            /*margin-left: 10px;*/
            /*padding: 8px 16px 10px;*/
            /*background-color: var(--Noir);*/
            /*color: var(--Blanc);*/
            /*font-size: 14px;*/
            /*border-radius: 6px;*/
            /*width: 140px;*/
            /*opacity: 0;*/
            /*pointer-events: none;*/
            /*z-index: 5;*/
        }

        .msg_notif{
            display: none;
        }

        .single-actu .msg_notif{
            display: block;
        }

        .duree_abo>div, .trajet label input {
            font-size: 16px;
        }

        .infos_supp {
            font-size: 10px;
            margin: 0 0 36px;
        }

        .page_plan_zones .dynamic_table {
            margin-bottom: 8px;
        }

        .panel_cote .contain_table {
            margin: 25px 0 10px 0;
        }

        .page_plan_zones .panel_cote .section_tableau .toggle-switch label {
            font-size: 12px;
            padding: 11px 10px 12px;
        }

        .page-template-page-plan-zone .colonnes_2.section_module_plan_zone{
            margin-bottom: 50px;
        }

        .big_link_popup {
            padding: 16px 26px;
        }

        /*  A propos */

        .partenaire_propos h3 {
            font-size: 22px;
        }

        .liste_partenaire>div {
            flex-direction: column;
        }

        .liste_partenaire>div:last-of-type {
            /*border-bottom: 1px solid rgba(36, 36, 32, 0);*/
        }

        .liste_partenaire{
            margin-bottom: 10px;
        }




        /* Action de promo */

        .vignette {
            font-size: 12px;
            top: -5px;
            right: -9px;
            min-width: 100px;
            max-width: 120px;
        }

        .with_sommaire .sections section>svg:last-of-type {
            max-height: 200px;
        }

        .with_sommaire .sections svg:first-of-type {
            max-width: 100%;
            height: auto;
            max-height: unset;
        }

        .with_sommaire .sections #intro {
            overflow: hidden;
        }

        .with_sommaire .sections #intro svg {
            max-width: 130%;
            width: 130%;
            margin-left: -30%;
        }

        .with_sommaire section p, .with_sommaire section ul {
            margin-right: 0;
        }

        /* Actu */

        .single-actu h1 {
            font-size: 28px;
        }

        .single-actu .en_tete>a:first-child>svg{
            height: 30px;
            width: 30px;
        }

        .share-copy-link, .share-buttons a {
            height: 36px;
            width: 36px;
        }


        .color_englobe .faq_search>input, .color_englobe .faq_search>div{
            background-color: var(--Blanc);
        }

        .color_englobe .faq_search, .color_englobe .faq_search{
            position: static;
        }


        .btn_form input {
            text-align: center;
            justify-content: center
        }


        .single-actu .en_tete .textes{
            flex: 0 0 calc(100% - 50px);
        }

        .single-actu h2.actu_h2 {
            margin-bottom: 0;
        }

        .single-actu .en_tete {
            margin-bottom: 40px;
        }

        .single-actu .date_actu{
            margin-top: auto;
            margin-left: 50px;
        }


        /* Pub */

        .fond_pub_svg{
            bottom: 36px;
        }

        /* page générale */

        .generale_page .colonnes_2 h1 {
            margin-bottom: 10px;
        }


        #tab-1.calculateur_jobabo td .msg_info>div {
            top: -5px;
            left: 100%;
            right: unset;
        }

        .tabs{
            margin-bottom: 50px;
        }


        .with_sommaire section h2 {
            max-width: 350px;
        }

        #jobabo .vignette{
            top: -20px;
        }

        .actu_en_avant>a>div>span, .minia_actu span {
            font-size: 11px;
        }

        .actu_en_avant>a>div>h3, .minia_actu h3 {
            font-size: 18px;
        }

        .minia_actu p {
            font-size: 16px;
        }


        .second-visible.temoignage  .bull_rouge {
            left: -19px;
            right: auto;
            bottom: -60px;
        }

        #footer .liens_footer a, #footer .liens_footer .lien_foot,
        #copyright{
            font-size: 12px;
        }

        #footer #copyright .realisation-break a {
            margin-left: 2px;
        }

        #footer #copyright .realisation-break a>svg {
            height: 13px;
            width: auto;
        }


        .tabs-content .bloc_faq{
            margin-bottom: 20px;
        }


        .btn, .textes .has_btn>a, .btn_form input, .generale_page_content pre a, .textes a.btn{
            padding-top: 8px;
            padding-bottom: 12px;
            min-height: 38px;
        }

        .btn.btn_rond{
            min-height: unset;
            padding: unset;
        }

        .color_englobe section:first-child h1:first-child, .color_englobe section:first-child h2:first-child{
            margin-top: 0;
        }

        .textes .lien_accroche .btn.out_txt{
            margin-top: 0;
        }

        .color_englobe {
            padding-top: 50px ;
        }

        .tabs-content {
            padding-bottom: 40px;
        }

        .with_unique_color {
            padding-top: calc(var(--htr-menu) + 20px);
        }


        .tabs-nav {
            display: flex;
            gap: 0;
        }


        .lien_accroche{
            width: auto;
        }

        .textes .lien_accroche a{
            width: auto;
            margin: 0;
        }

        #footer {
            padding-top: 50px;
        }

        .liste_partenaire>div {
            gap: 12px;
            padding: 20px 0px 20px 0;
        }

        .img_shema{
            /*padding: 15px;*/
            height: fit-content;
            display: flex;
            padding: 0;
            /*background-color: rgba(255, 255, 255, 0);*/
            border-radius: 3vw;
        }

        .img_shema a{
            height: fit-content;
            display: flex;

        }

        .pagination {
            margin-top: 22px;
        }

        .minia_actu div {
             min-height: 180px;
        }

        .calculateur_jobabo h4 {
            margin-top: 12px;
        }

        .calculateur_jobabo .jobabo_mobile div:last-of-type h4 {
            margin-top: 17px;
        }

        .formulaire_contact input, .formulaire_contact textarea, #inscription-newsletter-form .pomform input {
            font-size: 14px;
            /*margin: 0 0 0 0 !important;*/
            padding: 15px 20px;
        }

        .formulaire_contact {
            margin-top: 25px;
        }

        .titre_seul {
            padding-bottom: 50px;
            gap: 0;
        }

        .titre_seul h1:last-child, .titre_seul p:last-child  {
            margin-bottom: 0;
        }

        .page-template-page-docs-utiles .bloc_faq {
            margin-top: 48px;
        }

        .telecharge_img {
            grid-template-columns: 1fr;
            overflow-x: hidden;
        }

        .telecharge_img a{
            width: auto;
            max-width: 350px;
        }

        .page-template-page-action-promo .msg_info>div {
            left: -14px;
            right: auto;
            width: 50vw;
            max-width: 200px;
        }

        .contain_table th .msg_info>svg{
            margin-top: 0px;
        }

        #menu .menu>li:first-of-type>.sub-menu>li:last-of-type>.sub-menu {
            position: static;
            margin-top: 0px;
            padding: 26px 10px 20px 0;
        }

        .unique_tab .bloc_faq details {
            padding: 20px 0;
        }

        .page-template-page-points-de-vente .colonnes_2.section_module_plan_zone {
            margin-bottom: 0;
        }

        .page-template-page-points-de-vente .colonnes_2.section_module_plan_zone .panel_content {
            min-height: 700px;
        }
    }



@media (max-width: 500px) {
    :root{
        --side-base: 24px;
    }

    .marge_cote, #footer, .page-template-page-manifestations section:first-of-type {
        padding-left: 30px;
        padding-right: 30px;
    }

    .home .section_module_plan_zone .droit, .with_sommaire .sections,
    .sommaire-mobile{
        padding: 0 10px;
    }

    .home .section_module_plan_zone.col_34_66 > div.gauche{
        margin: 0 10px 0;
    }


    .page_plan_zones .panel_cote, .section_accueil_1 .actu_accueil{
        margin-left: 10px;
        margin-right: 10px;
    }

    .tabs, .liens_rapide, .unique_tab,
    .page-template-page-contact .colonnes_2 .droit,
    .actu_une,
    .single-actu picture.miniature, .popup_pub, .img_shema {
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
    }

    .page-template-page-contact .colonnes_2 .droit{
        max-width: unset;
    }

    .depasse_cote .grid_3{
        margin-left: 0;
        margin-right: 0;
    }

    .depasse_cote h2 {
        padding: 0;
    }

    .vignette {
        right: -2px;
    }

    .single-actu .en_tete{
        padding-left: 10px;
    }

    /*.popup{*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px;*/
    /*}*/

    /*.close_popup {*/
    /*    height: 40px;*/
    /*    width: 40px;*/
    /*    right: -7px;*/
    /*}*/

    .actu_une {
        gap: 10px;
    }


    .home .section_module_plan_zone.col_34_66 > div.gauche, .tabs-content,
    .popup_pub, .page_plan_zones .panel_cote, .unique_tab,
    .page-template-page-action-promo .marge_cote,
    .page-template-page-contact .colonnes_2 .droit,
    .acces_rapide .liens_rapide{
        padding-right: 36px;
        padding-left: 36px;
    }

    #footer .partenaires a img {
        max-height: 38px;
        max-width: 87px;
        /*filter: brightness(0.4);*/
        filter: brightness(70%) contrast(230%);
        -webkit-filter: brightness(70%) contrast(230%);
}

.generale_page_content h3{
margin-top: 36px;
margin-bottom: 12px;
}

.unique_tab h3:first-child, .unique_tab h2:first-child {
margin-top: 0;
}

.calculateur_jobabo .colonnes_2 .gauche .jobabo_mobile{
grid-template-columns: 1fr;
}

.calculateur_jobabo .colonnes_2 .gauche .jobabo_mobile>div{
display: flex;
align-items: baseline;
justify-content: space-between;
margin: 0;
}

.page_contact section.colonnes_2 {
gap: 0;
}


.formulaire_contact textarea {
height: 150px;
}

.generale_page .col_40_60>div.gauche {
width: auto;
}

.page-template-page-points-de-vente .colonnes_2.section_module_plan_zone .panel_content {
min-height: 730px;
}


}



@media (min-width: 2000px) {

h1{
font-size: 60px;
}
}


@media (min-width: 1730px) {
.simple_table th, .simple_table td, .simple_table tr > th:first-child {
padding: 16px 20px;
}

.simple_table th span, .simple_table td span, .simple_table td span.text-before{
font-size: 18px;
}

.simple_table td span>span.text-after{
font-size: 12px;
}
}

@media (min-width: 1680px) {
.calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table th, .calculateur_jobabo .dynamic_table td, .calculateur_jobabo .dynamic_table tr > th:first-child {
padding: 16px 30px;
}

.calculateur_jobabo .dynamic_table th span, .calculateur_jobabo .dynamic_table td span, .calculateur_jobabo .dynamic_table td span.text-before{
font-size: 18px;
}

.calculateur_jobabo .dynamic_table td span>span.text-after{
font-size: 12px;
}
}


@media (min-width: 1250px) {
.home #header.top_head #branding a svg {
height: 46px;
width: 206px;
}
}