@media (min-width: 1800px) {
    .module.colonne_2.big_marge_left {
        overflow-x: unset;
    }
}

@media (min-width: 1500px) {

    .home .accueil_1 .contenu_on_semi h1{
        font-size: 60px;
        width: 80%;
    }

    .materiaux-list{
        padding-left:  calc(var(--side-base) + 14% - 20px);
        justify-content: flex-start;
    }
}

@media (max-width: 1500px) {
    .other-tutos {
        display: block;
    }

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

    .svg_footer{
        display: none;
    }

}

@media (min-width: 1390px) {
    #footer .info_contact_footer {
        grid-template-columns: auto 1fr 1fr 1fr;
    }
}


@media (min-width: 1390px) and (max-width: 1630px) {
    #menu .menu {
        gap: 15px;
    }

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

@media (max-width: 1390px) {
    #header {
        padding: 20px var(--side-base);
        height: fit-content;
        position: absolute;
    }

    #menu>#main-menu-container {
        background: var(--MW-Bleu);
        overflow: hidden;
    }

    #menu .menu-toggle{
        margin-bottom: 4px;
    }

    .has_submenu:hover > .sub-menu,  .has_submenu > .sub-menu  {
        opacity: 0;
        pointer-events: none;
        margin: 0;
        height: 0;
        overflow-y: hidden;
    }

    .has_submenu.is-open > .sub-menu {
        opacity: 1;
        pointer-events: auto;
        margin: 0;
        height: fit-content;
    }

    #menu .menu>li.menu-item{
        padding: 10px 0;
        height: fit-content;
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-menu::after {
        display: none;
    }

    #menu .menu>li:hover>a{
        color: var(--Blanc);
    }

    #menu .menu>li:hover>a path{
        stroke: var(--Blanc);
    }

    .has_submenu.is-open>a>.submenu-arrow{
        transform: rotate(180deg);
    }

    #menu .menu {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
        overflow-x: auto;
    }

    #menu.toggled>#main-menu-container {
        height: 100svh;
    }

    .menu-menu-1-container{
        height: 100%;
        width: 100%;
        padding: 78px var(--side-base);
    }

    .menu-separator{
        display: none !important;
    }

    .has_submenu>a {
        pointer-events: auto;
    }

    .sub-menu {
        position: static;
        height: 0px;
        padding: 0;
        background-color: var(--MW-Bleu);
        border: 0px solid var(--MW-Bleu);
    }

    .sub-menu .mega-menu-left{
        display: none;
    }


    #menu .menu::-webkit-scrollbar-track {
        background: var(--MW-Bleu); /* couleur du fond */
    }

    #menu .menu::-webkit-scrollbar-thumb {
        background-color: var(--MW-Bleu-Clair); /* couleur principale */
    }

    #menu .menu::-webkit-scrollbar-thumb:hover {
        background-color:  var(--MW-Bleu-Clair);
    }

    #menu .menu {
        scrollbar-color: var(--MW-Bleu-Clair) var(--MW-Bleu);
    }


    .accueil_1 .contenu_on_semi h1{
        font-size: 45px;
        width: 70%;
    }

    .entreprise_1 .contenu_on_semi {
        width: 50%;
    }

    .entreprise_1{
        overflow-x: hidden;
    }

    .entreprise_1 .img_vdo {
        transform: translateX(25%);
    }

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

    #footer .info_contact_footer{
        grid-template-columns: auto auto;
    }
}

@media (max-width: 1300px){


    .accueil_5 .article_en_avant a .categorie{
        font-size: 16px;
    }

    .accueil_5 .article_en_avant a h3{
        font-size: 18px;
        margin-top: 16px;
    }

    .accueil_5 .article_en_avant a p{
        font-size: 16px;
        margin-bottom: 24px;
    }

    .accueil_5 .article_en_avant a .date_event{
    }

    .accueil_5>.img_vdo{
        transform: translateX(-30%);
    }

    .accueil_5 .article_en_avant a{
        margin-left: calc(((86svh * 44) / 100) * 1.04);
    }


    .accueil_5 .article_en_avant a:last-child{
        margin-left: calc(((86svh * 44) / 100) * 0.48);
    }

    .accueil_5 .article_en_avant a:first-child{
        margin-left: calc(((86svh * 44) / 100) * 1.60);
    }

    .entreprises-partenaires-wrapper{
        grid-template-columns: repeat(4, 1fr);
    }

    .section_formation_entreprise .contenu_on_semi {
        width: 70%;
    }

}


@media (min-width: 1250px) {
    .popup_contenu .textes {
        width: 70%;
    }
}

@media (max-width: 1250px) {

    .materiau-link{
        font-size: 100px;
    }

    .accueil_1{
        margin-bottom: -1px;
    }

    .galerie>svg {
        width: 45px;
        height: 60px;
    }

    .galerie.img_count_3>svg, .galerie.img_count_3>svg:nth-of-type(2) {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .galerie>.img_vdo:nth-of-type(2) {
        margin-bottom: 100px;
    }

    .big_marge_left, .big_marge_right {
        gap: 20px 90px;
    }

    .big_marge_left {
        padding-left: calc(var(--side-base) + 5%);
    }

    .big_marge_right {
        padding-right: calc(var(--side-base) + 5%);
    }

    .ligne_deco.gauche {
        right: calc(100vw - 2vw - var(--side-base));
    }

    .ligne_deco.droite {
        right: -5vw;
    }

    .bloc_etapes .depart_arrive svg, .bloc_etapes .numero svg{
        display: none;
    }

    .bloc_etapes .depart_arrive, .bloc_etapes h3 {
        width: auto;
        max-width: unset;
    }

    .bloc_etapes {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        /*background-color: #ff5500;*/
    }

    .liste_etapes {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    .liste_etapes .etape{
        display: grid;
        grid-template-columns: auto auto 1fr auto;
        align-items: center;
        gap: 0 7px;
    }

    .liste_etapes .etape p{
        display: none;
    }

    .bloc_etapes .numero {
        font-size: 16px;
    }


    .ligne_slide {
        grid-area: 1/1;
        width: 1px;
        height: 100%;
        background: rgba(255,255,255,0.2);
        margin-top: 0;
        overflow: hidden;
    }

    .ligne_slide .progress {
        transform: scaleX(100%) scaleY(0%);
        transform-origin: center top;
    }

    .active .ligne_slide .progress {
        transform: scaleX(100%) scaleY(100%);
        transition: 5.8s linear;
    }

    .bloc_etapes h3 {
        margin: 8px 0;
        font-size: 16px;
    }

    .bloc_etapes .active h3 {
        font-weight: 300;
    }

    .section_contact{
        flex-direction: column;
    }

    .section_contact>div{
        width: 100%;
    }

    .page-template-page-contact .mange_haut_gauche{
        height: 60svh;
    }

    .colonnes_4{
        gap: 28px 20px;
    }

    .bloc-titre-texte-bouton, .intro_doc_tuto {
        width: 70%;
    }

    .point_personne_1{
        right: 5%;
        top: 40%;
    }

}

@media (min-width: 1150px) and (max-width: 1600px) {
    .acf_extended_table tr td, .acf_extended_table th span {
        padding-left: 40px;
    }
}

@media (max-width: 1000px) {

    :root, .mange_bas_gauche_news, .big_bleu, .page-template-page-contact .mange_haut_gauche {
        --lrg-right-column: 30vw;
        --htr-angle: 63px;
        --lrg-angle: 47.4px;
        --marge-bloc: 120px;
    }

    #header{
        align-items: center;
    }

    #branding{
        height :18px;
    }

    .home #header #logo{
        height: auto;
        width: auto;
    }

    #header #logo-container svg{
        height: 22px;
        width: auto ;
        transform: translateY(-2px);
    }

    .chronologie_entreprise {
        --htr-angle: 63px;
        --lrg-angle: 47.4px;
        --lrg-right-column: 20vw;
    }

    .super-pose{
        overflow: hidden;
    }

    .accueil_1{
        height: 100svh;
    }

    .accueil_1 .img_vdo {
        height: auto;
        width: auto;
        max-width: 146vw;
        margin: -100px 0 0 -46vw;
    }

    .accueil_1 .contenu_on_semi {
        width: auto;
        background-color: var(--Noir);
        margin: auto 0 0 0;
        padding: 30px var(--side-base) 0px;
    }

    .accueil_1.entreprise_1 .contenu_on_semi {
        background-color: var(--Beige);
    }

    .accueil_1 .contenu_on_semi h1{
        width: 100%;
    }

    .accueil_4 {
        flex-direction: column;
    }


    .colonne_2{
        flex-direction: column;
    }

    .accueil_2{
        padding: 60px var(--side-base) 30px;
    }

    .accueil_4 {
        padding: 30px var(--side-base);
    }

    .accueil_5 .article_en_avant, .accueil_5>.img_vdo{
        display: none;
    }

    .accueil_5 .article_avant_modile{
        display: block;
        grid-area: 2 / 1;
        margin: 0 var(--side-base);
    }

    .accueil_5 h2{
        color: var(--Noir);
    }

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

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

    .cote_droit {
         width: 100%;
    }

    .texte_en_avant{
        margin-left: 0;
    }


    .ligne_deco{
        display: none;
    }

    .galerie{
        margin: 50px 0 70px;
    }

    .produit_chapeau {
        margin-bottom: 80px;
    }

    .contenu_chapeau_produit>div{
        width: auto;
    }


    .contenu_chapeau_produit>.to_bottom{
        display: none;
    }

    .single-services .produit_chapeau>.img_vdo {
        height: calc(100svh - 78px - var(--side-base) - var(--side-base));
        margin: calc(78px +  var(--side-base) + var(--side-base)) 0 0 0;
    }

    .bloc_bleu {
        padding-top: 100px;
        padding-bottom: var(--side-base);
    }

    .img_top_news{
        height: 60svh;
    }

    .entreprise_1{
        padding-top: 77px;
    }

    .entreprise_1 .img_vdo {
        transform: translateX(0%);
    }

    .active .ligne_slide .progress {
        transition: 2s linear;
    }


    .titre_news_single .cote_droit .base_btn{
        margin-top: 0px;
        margin-bottom: 40px;
    }



    /* service */

    .contenu_chapeau_service {
        padding: 100px var(--side-base) 90px;
    }


    .section_contact>div{
        grid-template-columns: 1fr;
    }


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


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

    .dev_spe{
        gap: 20px;
    }

    .popup_contenu {
        --lrg-right-column: 120px;
        --htr-angle: 82px;
        --lrg-angle: 62px;
        --marge-bloc: 20px;

        position: relative;
        overflow-y: auto;
        height: calc(100svh - 70px);
        margin: 50px var(--side-base) 20px;
    }

    .popup_contenu>svg {
        top: 20px;
        right: 20px;
        height: 50px;
        width: 50px;
    }

    #contenu-popup{
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .popup_contenu>div section {
        padding-right: var(--side-base);
        padding-left: var(--side-base);
    }

    .bloc-image-video {
        margin: 30px 0;
    }

    #contenu-popup h2{
        margin-bottom: 30px;
        margin-right: var(--lrg-right-column);
    }

    .deco_titre_news{
        --lrg-right-column: 40vw;
        --lrg-angle: 168px;
        --htr-angle: 225px;
    }

    .titre_doc_tuto .deco_titre_news {
        --lrg-right-column: 30vw;
    }

    .titre_doc_tuto_dedie .deco_titre_news {
        --lrg-right-column: 16vw;
    }

    .titre_doc_tuto_dedie>div:last-child {
        width: 74vw;
    }


    .doc-content {
        padding: 25px 30px 24px 23px;
        --htr-angle: 21.5px;
        --lrg-angle: 16.5px;
        --lrg-right-column: 50px;
    }

    .docs-tutos-page form{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .docs-filter-form .custom-select {
        width: auto;

    }


    .entreprise_1 + section, .chronologie_entreprise + section {
        margin: 60px 0 60px;
    }

    .section_offre_emploie .cote_droit{
        padding-top: 10px;
    }

    .chronologie_entreprise .carrousel {
        width: auto;
    }

    .lien_flottant{
        position: static;
        padding-bottom: 30px;
    }

    .module:has(>.module.bloc_noir.mange_haut_gauche) {
        display: grid;
    }

    .with_share>div:first-child, .module>.module.bloc_noir.mange_haut_gauche{
        grid-area: 2/1;
    }

    .module>.module.bloc_noir.mange_haut_gauche{
        width: 100vw;
    }

    .with_share>div:nth-child(2){
        margin-bottom: 20px;
    }

    .share-buttons {
       justify-content: left;
        gap: 10px;
    }

    .titre_news_single{

    }

    .swiper_slide_dev_spe>div.swiper-button-next {
        margin-top: 0;
    }

    .swiper_dev_slide {
         margin-top: 30px;
    }


    .slider-avis {
        box-sizing: border-box;
        width: calc(100% - (2 * var(--side-base)));
        max-width: 400px;
        min-width: 100px;
    }

    .avis{
        margin-top: 0;
    }

    .avis>.img_vdo{
        display: block;
    }


    .aligne_bas {
        margin-top: 19px;
        margin-bottom: 44px;
    }

    .marge_top_page_small {
        padding-top: 46px;
    }

    .accueil_2>svg{
        display: none;
    }


}

@media (min-width: 830px) {

    .accueil_1 .contenu_on_semi .produits_list .produit_item:hover span{
        color: var(--MW-Bleu-Clair);
    }

    .accueil_1 .contenu_on_semi .produits_list .produit_item:hover path{
        fill: var(--MW-Bleu-Clair) !important;
    }


    #footer{
        grid-template-columns: auto 1fr auto auto;
    }

    #footer .info_contact_footer{
        grid-area: 1/2 / 2 span / 3 span;
        padding-top: 0px;
    }


    #footer>.liens_footer{
        grid-area: 3/3;
        margin-top: auto;
    }

    #footer .rs{
        grid-area: 3/2;
    }

    #footer .liens_sites{
        grid-area:  2 / 1;
        display: block;
        gap: 18px;
        padding: 0;
        border-top: 0px solid var(--Gris);
        border-bottom: 0px solid var(--Gris);
        margin-top: 20px;
    }

    .elt_select_langue{
        grid-area: 3/4;
        margin-top: auto;
        margin-bottom: 2px;
    }

    #copyright{
        grid-area: 3/1;
        margin: auto 10vw 0 0;
    }

}

@media (max-width: 830px) {
    .entreprises-partenaires-wrapper{
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 40px;
    }

    /* Cacher les 6 premiers éléments SVG */
    .entreprises-partenaires-wrapper .entreprise-item.svg-placeholder:nth-last-of-type(-n+9) {
        display: none;
    }

    /* Si moins de 6 SVG, cacher ensuite des div normales (non SVG) pour compléter */
    .entreprises-partenaires-wrapper .entreprise-item:not(.svg-placeholder):nth-last-of-type(-n+9) {
        display: none;
    }

    /* Cacher les 6 premiers éléments SVG */
    .entreprises-partenaires-wrapper.view_all .entreprise-item.svg-placeholder:nth-last-of-type(-n+9) {
        display: block;
    }

    /* Si moins de 6 SVG, cacher ensuite des div normales (non SVG) pour compléter */
    .entreprises-partenaires-wrapper.view_all .entreprise-item:not(.svg-placeholder):nth-last-of-type(-n+9) {
        display: block;
    }

    .view_all_part{
        display: block;
    }

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



    .big_marge_right, .formations.big_marge_right {
        padding-right: var(--side-base);
    }

    .big_marge_left, .formations.big_marge_left {
        padding-left: var(--side-base);
    }

    .formations>li {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 12px 22px;
        padding: 24px 0;
    }

    .formations>li svg{
       grid-area: 1 / 2 / 2 span / 1 span;
    }

    .formations>li>p:nth-child(2){
        grid-area: 2 / 1 / 1 span / 1 span;
    }

    .formations ul p:first-child {
        width: auto;
    }


    #footer .info_contact_footer{
        grid-template-columns: 1fr;
    }

    .liens_footer{
        flex-direction: column;
    }

    .svg_footer{
        display: none;
    }

    #footer .info_contact_footer{
        gap: 24px 40px;
    }

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

    .section_formation_entreprise .contenu_on_semi {
        width: calc( 100% - (2 * var(--side-base)) );
        padding-bottom: var(--htr-angle);
        padding-top: 20px;
        margin: auto var(--side-base);
    }

    .section_offre_emploie .cote_gauche {
        padding-top: 128px;
    }



    .titre_doc_tuto_dedie .deco_titre_news {
        --lrg-right-column: 6vw;
    }

    .titre_doc_tuto_dedie>div:last-child {
        width: 84vw;
    }

    .single-news .big_bleu>div:first-child {
        width: auto;
    }


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

    .swiper_temps_fort .swiper.temps_fort {
        width: auto;
    }

    .swiper_temps_fort .voile{
        display: none;
    }

    .module.big_marge_left.colonne_2 + .formations{
        margin-top: 50px;
    }

    .swiper_slide_dev_spe {
        gap: 20px;
    }

    .bloc-titre-texte-bouton, .intro_doc_tuto {
        width: 100%;
    }

}

@media (max-width: 700px) {
    .galerie{
        flex-direction: column;
        margin: 20px 0 30px;
        gap: 10px;
    }

    .galerie>svg {
       display: none;
    }

    .galerie>.img_vdo {
    }

    .contenu_chapeau_service{
        padding-bottom: var(--side-base);
    }

    .produit_chapeau .big_item_service {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .produit_chapeau .contenu_chapeau_service .produit_item .icone_service {
        height: 80px;
        width: 80px;
        margin-top: 14px;
        border: 0px rgba(0, 0, 0, 0);
    }

    .produit_chapeau .contenu_chapeau_service .produit_item .icone_service svg {
        width: 74px;
        height: 74px;
    }

    div:has(table){
        overflow-x: auto;
    }

    .colonnes_4 {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .collaborateurs-wrapper .colonnes_4 {
        gap: 20px 20px;
    }

    .dev_spe svg{
        height: 40px;
        width: 40px;
    }

    .deco_titre_news{
        --lrg-right-column: 10vw;
        height: 50px;
    }

    .titre_news{
        margin-bottom: 60px;
    }

    .titre_doc_tuto .deco_titre_news {
        --lrg-right-column: 10vw;
    }


    .docs-tutos-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .reverse_sens_img .galerie.img_count_3{
        flex-direction: column;
    }


    .point_personne{
        display: none;
    }


    .titre_doc_tuto_dedie .deco_titre_news {
        --lrg-right-column: 35vw;
        padding: 0;
        height: 30px;
        --lrg-angle: 22px;
        --htr-angle: 30px;
    }

    .titre_doc_tuto_dedie>div:last-child {
        width: auto;
        grid-area: 2/1;
    }

    .accueil_5 h2{
        margin: 30px var(--side-base);
    }


    .module.no_marge_cote + .module.avis{
        padding-top: 0;
    }

    .avis .img_vdo{
        transform: translateX(0);
        clip-path: none;
        margin-bottom: 80px;
        height: 40svh;
    }

    .avis .slider-avis{
        grid-area: 2 / 1;
        margin: auto;
    }

}




@media (max-width: 600px) {

    :root, .mange_bas_gauche_news, .big_bleu, .page-template-page-contact .mange_haut_gauche {
        --marge-bloc: 64px;
    }

    h1, .accueil_1 .contenu_on_semi h1, .materiau-link{
        font-size: 30px;
    }

    h2, .accueil_2>div h2, .accueil_3 h2, .accueil_4>div:first-child h2, .accueil_5 h2{
        font-size: 22px;
    }

    h3, .base_btn p, .base_btn a{
        font-size: 20px;
    }

    .textes h3.pom-s-title{
        font-size: 20px !important;
    }

    p, a, li, .info_contact_footer .duo_titre_contenu p, .champ_mail_newsletter input, .info_contact_footer .duo_titre_contenu a, .swiper_news h3, .swiper_news p, .docs-filter-form select   {
        font-size: 16px;
    }

    .textes p, .textes a,.textes li{
        font-size: 16px !important;
    }


    .elt_select_langue, .liens_footer a, .select_langues select {
        font-size: 13px;
    }

    .base_btn span, .liens_sites .point_carre_noir span, .info_contact_footer .duo_titre_contenu span, p.categorie_news{
        font-size: 14px;
    }

    .info_contact_footer .duo_titre_contenu span{
        margin-bottom: 4px;
    }

    .bloc_noir.mange_haut_gauche p{
        font-size: 16px !important;
    }

    .bloc_noir th{
        font-size: 16px !important;
    }

    .bloc_noir.mange_haut_gauche th span, .bloc_noir.mange_haut_gauche th span>p{
        font-size: 18px !important;
    }

    .swiper_news .point_carre_noir>span{
        font-size: 12px;
    }

    .textes li::before {
        top: 0.2em;
    }

    .produit_chapeau {
        margin-bottom: 64px;
    }

    .module.big_marge_left.colonne_2 + .module.big_marge_left.colonne_2 {
        margin-top: 20px;
    }

    .accueil_4 .list_services li a .texte_lien_accueil{
        font-size: 14px;
    }

    .accueil_1 .contenu_on_semi .produits_list .produit_title{
        font-size: 12px;
    }

    .accueil_1 .contenu_on_semi .produits_list{
        gap: 23px 18px;
        margin-top: 30px;
    }

    .accueil_1 .contenu_on_semi .produits_list svg{
        max-width: 33px;
        max-height: 32px;
    }


    .accueil_1 .contenu_on_semi .produits_list svg{
        max-width: 22px;
        max-height: 21px;
    }

    .accueil_1 .contenu_on_semi .produits_list .produit_item {
        gap: 10px;
    }


    .accueil_4 .list_services li a {
        padding: 14px 0;
        gap: 15px;
    }

    .accueil_4 .list_services li a .texte_lien_accueil {
        padding-right: 7%;
    }

    .accueil_4 .list_services li a svg {
        height: 38px;
        width: 38px;
    }

    .accueil_4 .list_services li a svg:last-of-type {
        height: 28px;
        width: 17px;
    }

    .accueil_4 .list_services li a svg:last-of-type path {
        stroke: var(--MW-Bleu);
        stroke-width: 4px;
    }

    .accueil_1 .contenu_on_semi {
        padding: 30px var(--side-base) 20px;
    }


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

    /* Cacher les 6 premiers éléments SVG */
    .entreprises-partenaires-wrapper .entreprise-item.svg-placeholder:nth-last-of-type(-n+14) {
        display: none;
    }

    /* Si moins de 6 SVG, cacher ensuite des div normales (non SVG) pour compléter */
    .entreprises-partenaires-wrapper .entreprise-item:not(.svg-placeholder):nth-last-of-type(-n+14) {
        display: none;
    }

    /* Cacher les 6 premiers éléments SVG */
    .entreprises-partenaires-wrapper.view_all .entreprise-item.svg-placeholder:nth-last-of-type(-n+14) {
        display: block;
    }

    /* Si moins de 6 SVG, cacher ensuite des div normales (non SVG) pour compléter */
    .entreprises-partenaires-wrapper.view_all .entreprise-item:not(.svg-placeholder):nth-last-of-type(-n+14) {
        display: block;
    }

    .colonnes_4 span{
        font-size: 14px;
    }

    .etape_avec_image h2 {
        width: 100%;
        margin-bottom: 0px;
    }

    .etape_avec_image ul{
        margin-top: 9px;
    }

    .etape_avec_image li {
        padding: 26px 0;
    }


    .galerie>.img_vdo:nth-of-type(2) {
        margin-bottom: 20px;
    }


    .etape_avec_image {
        margin-bottom: 50px;
    }


    .titre_doc_tuto_dedie a svg{
        margin-top: 0px;
    }

    .module.bloc_noir.mange_haut_gauche h3 {
        margin-top: 40px;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .module .cote_droit a.base_btn{
        margin-top: 0px;
    }

    .avant_mange_haut_gauche.etape_avec_image {
        margin-bottom: calc(var(--htr-angle) + 20px);
    }

    .popup_contenu {
        --lrg-right-column: 65px;
    }

    #contenu-popup {
        padding-top: var(--side-base);
    }

    #contenu-popup h2 {
        margin-right: calc( var(--lrg-right-column) + 8px);
    }

    #contenu-popup .textes h3{
        margin-top: 30px !important;
    }

    #contenu-popup .textes p{
        margin: 20px 0;
    }

    .popup_contenu>svg {
        height: 40px;
        width: 40px;
    }

    .formations>li svg {
       height: 50px;
        width: 50px;
    }

    .module.big_marge_left.big_marge_right.avant_mange_haut_droit {
        padding-bottom: calc(60px + var(--htr-angle));
    }

    .img_footer {
        margin-top: 60px;
        height: 50svh;
    }

    .liste_grille {
        grid-template-columns: repeat(1, 1fr);
        margin: 35px 0;
    }

    .liste_grille>div>svg {
        width: 26px;
        height: 34px;
    }

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

    .swiper_slide_dev_spe{
        display: flex;
        align-items: center;
        gap: 80px;
        margin-bottom: 64px;
    }


    .docs-tutos-page form{
        grid-template-columns: 1fr;
    }

    .docs-filter-form .custom-select {
        max-width: unset;
    }


    .entreprise_1 + section, .chronologie_entreprise + section {
        margin: 30px 0;
    }

    .chronologie_entreprise {
        margin-top: calc(var(--htr-angle)* -1);
        padding-top: 80px;
    }

    .chronologie_entreprise .carrousel {
        flex-direction: column;
        gap: 0;
    }

    .chronologie_entreprise .fleche_swp {
        padding-top: 30px;
    }


    .share-buttons a, .share-buttons button{
        height: 50px;
        width: 50px;
    }

    .share-buttons button{
        padding: 0;
    }

    .swiper_temps_fort .swiper-slide {
        padding: 30px 22px;
    }

    .swiper_dev_slide {
        margin-top: 10px;
    }

    .swiper_slide_dev_spe{
        display: grid;
        grid-template-columns:  1fr 1fr;
        justify-items: center
    }

    .swiper_dev_slide .swiper-slide {
        padding-top: 0;
    }

    .swiper_slide_dev_spe .swiper_dev_slide{
        grid-area: 1 / 1 / 1 span / 2 span;
    }

    .swiper_slide_dev_spe .swiper-button-prev{
    margin-top: 0;
    }

    .swiper_news p{
        margin: 4px 0;
    }

    p.categorie_news{
        margin: 20px 0 9px;
    }

    .swiper_news .swiper-slide>a {
        padding-bottom: 20px;
    }

    .swiper_news .fleche_swp {
        inset: auto 0px 20px auto;
    }

    .swiper_news .fleche_swp .to_right:hover svg, .swiper_news .fleche_swp .to_left:hover svg {
        transform: translateX(0%);
    }

    .accueil_5{
        margin-bottom: 60px;
    }

    .bloc_etapes {
        margin-bottom: 64px;
    }

    .swiper_news .point_carre_noir>div {
        margin-top: 5px;
    }

    .cote_droit .base_btn:last-of-type{
        margin-bottom: 0 !important;
    }

    .titre_news_single .cote_droit .base_btn{
        margin-bottom: 40px !important;
    }

    .textes ul>li {
        padding-left: 28px;
    }

    .textes ul>li::before {
        top: 0.3em;
    }

    .galerie{
        margin-bottom: 64px;
    }

    .chronologie_entreprise h3 {
        margin-top: 24px;
    }

    .module.bloc_noir.mange_haut_gauche h2{
        margin: 60px 0 0px;
    }

    .other-tutos .base_btn .point_carre_noir>div:first-child {
        margin-top: 4px;
    }

    #footer{
        padding-top: var(--side-base);
    }

    #footer .for_news_letter{
        display: none;
    }

    #footer .lien_newsletter{
        display: block;
    }

    #footer a{
        color: var(--Blanc);
    }

}

@media (max-width: 480px) {

    .titre_news {
        margin-bottom: 20px;
    }

    .titre_doc_tuto_dedie>div:last-child {
        flex-wrap: wrap;
        margin: 25px 0;
        gap: 10px 20px;
    }

    .titre_doc_tuto_dedie>div:last-child p{
        margin: 0;
    }

    .accueil_5 h2{
        margin: 0px var(--side-base) 30px;
    }


}

@media (max-width: 350px) {
    #footer .rs {
        margin-top: 20px;
        grid-area: 5 / 1 / 1 span / 1 span;
    }
}