.m1-2 {width:50%;}
.m1-3 {width:calc(100% / 3);}
.m1-4 {width:25%;}
.m2-3 {width:calc(100% / 3 * 2);}
.m3-4 {width:75%;}
.m1-5 {width:20%;}
.m2-5 {width:40%;}
.m3-5 {width:60%;}
.m4-5 {width:80%;}
.m1-6 {width:calc(100%  / 6);}
.m5-6 {width:calc(100%  / 6 * 5);}

@media (min-width:961px) and (max-width: 1024px) {
    .sousligne > :not(.icone):not(.bouton):not(:last-child):not(.action) {
        margin-right: 10px;
    }
    .dashboard-intranet.projets.modification .conteneur-titre-projet {
        margin-right: 0px;
    }
    .section.intranet .bouton.ajouter, .section.intranet .bouton.retourL{
        padding-left: 15px;
        padding-right: 15px;
    }

}
@media (max-width: 810px) {
    .formulaire-surmesure .d1-2{
        width: 100%
    }

}
@media (max-width: 960px) {
    .choix-tarif .radio input[type=radio] {
        display: none;
    }
    .input-checkbox {
        -webkit-appearance: none;
        border-radius: 0;
    }


    /*----------PANIER----------*/
    .panier-colone-item > div {
        margin-left:0;
    }
    .panier .panier-colone-item .precision{
        margin-left:15px;
    }
    .panier-colone-item span {
        font-size: 24px;
    }
    .panier .panier-total {
        font-size: 32px;
    }
    .panier .panier-taxes div, .panier .panier-item > div:not(.entete.mobile).panier-colone-prix {
        font-size: 22px;
    }
    .panier .entete.desktop{
        display:none;
    }
    .panier .entete.mobile{
        display:block;
        padding-bottom: 0;
        padding-left: 0;
    }
    .panier .panier-item {
        display:flex;
    }
    .panier .panier-table .panier-item > div.panier-colone-item {
        display:flex;
        flex-wrap: wrap;
    }
    .panier .panier-table .panier-item > div.panier-colone-item span, .panier .panier-colone-spacing{
        width: 96%;
    }
    .panier .panier-colone-item .rabais{
        margin-top: 0;
    }
    #conteneur-totaux-case, .panier .panier-item, .panier .flex.h-end.v-center {
        flex-direction: column;
    }
    #conteneur-case{
        flex-direction: row;
        margin: auto;
        width: 100%;
    }
    #conteneur-case.mobile-only {
        display: flex;
        margin: 20px 0px;
    }
    #conteneur-case.desktop-only {
        display: none;
    }
    .paiement .section.margin_1.padding_4 {
        padding: 0;
    }
    .paiement .entete-image .entete-slider-container {
        display: none;
    }
    .paiement .entete-image{
        height: auto;
        min-height: 170px;
        display: flex;
    }
    .paiement .entete-image .wrap{
        margin: 0 0 15px;
        align-self: flex-end;
    }
    .paiement .boite-conteneur.conteneur-panier {
        margin-bottom: 20px;
    }

    #panier-table > div.panier-item > div.entete.mobile > div.panier-colone-spacing{
        display: none;
    }
    .panier .entete.mobile .panier-colone-prix, .panier .panier-total{
        text-align: start;
    }
    .panier .panier-item > div:not(.entete.mobile).panier-colone-prix{
        text-align: left;
        width: 100%;
    }
    #conteneur-totaux, .panier .btn-container{
        width:100%;
    }
    .panier .panier-taxes{
        align-items: flex-start;
    }
    .panier #conteneur-totaux-case{
        padding-left: 10px;
    }
    .panier .bouton {
        padding : 25px 0px;
        font-size: 20px;
    }
    .panier .etapes .actif, .panier .etapes > div{
        border: none;
    }

    .panier .etapes > div, .intranet .etapes > div{
        font-size: 13px;
    }

    .panier .etapes .actif:nth-child(1)::after{
        width: 33%;
    }
    .panier .etapes .actif:nth-child(2)::after{
        width: 67%;
    }
    .panier .etapes .actif:nth-child(3)::after{
        background-color: #2A92AB;
        width: 100%;
    }
    /*----------FIN PANIER----------*/

    /*.wrap{padding-left: 20px;padding-right: 20px;}*/
    .section .wrap .paragraphe0,
    .section .wrap .paragraphe1,
    .section .wrap .paragraphe2,
    .section .wrap .paragraphe3,
    .section .wrap .paragraphe4,
    .section .wrap .paragraphe5,
    .section .wrap.h-aucun .paragraphe0,
    .section .wrap.h-aucun .paragraphe1,
    .section .wrap.h-aucun .paragraphe2,
    .section .wrap.h-aucun .paragraphe3,
    .section .wrap.h-aucun .paragraphe4,
    .section .wrap.h-aucun .paragraphe5,
    .d-full,.d1-2,.d1-3,.d1-4,.d2-3,.d3-4,.d1-5,.d2-5,.d3-5,.d4-5,.d1-6,.d5-6,
    .t1-2,.t1-3,.t1-4,.t2-3,.t3-4,.t1-5,.t2-5,.t3-5,.t4-5,.t1-6,.t5-6,
    .m1-2,.m1-3,.m1-4,.m2-3,.m3-4,.m1-5,.m2-5,.m3-5,.m4-5,.m1-6,.m5-6, .a-propos-page .a-propos-section .d1-2.a-propos-pourqui, .a-propos-page .a-propos-section .d1-2.a-propos-genese, .a-propos-page .a-propos-section .d1-2.a-propos-debuter, .a-propos-page .a-propos-section .d1-2.a-propos-image{width: 100%;box-sizing:border-box;margin:10px 0;}

    .a-propos-page .a-propos-section .a-propos-debuter{
        padding-right: 20px;
    }

    .a-propos-page .a-propos-section .a-propos-image img{
        border-radius: 20px;
    }

    .a-propos-page .a-propos-section .wrap{
        padding-left: 10px!important;
        padding-right: 10px;
    }

    .a-propos-page .a-propos-section .a-propos-image img{
        border-radius: 20px;
    }

    .a-propos-section div:last-child:not(.texte):not(.img):not(.img div):not(.contenu):not(.btn-call-conteneur):not(.a-propos-debuter){
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .a-propos-title{
        padding: 20px 0!important;
    }

    .std.a-propos-pourqui .btn-call-conteneur:not(:first-child){ text-align: center; }

    .formulaire-surmesure, .admin-preview{
        margin: 10px!important;
    }
    .cta-container {flex-direction:column-reverse;}
    .cta-container > .cta {width:100%;padding:40px;}
    .navigation .wrap {padding:0;}
    .navigation .menu, .section.intranet .menu {
        width:60px;height:60px;
    }
    .navigation .menu:before, .navigation .menu:after, .navigation .menu span,
    .section.intranet .menu:before, .section.intranet .menu:after, .section.intranet .menu span{
        width: 40px;
        left: 10px;
    }

    .std .titre {
        width: 90%;
    }
    .navigation .menu:before, .section.intranet .menu:before {
        top: 16px;
    }

    .navigation .menu:after, .section.intranet .menu:after {
        bottom: 16px;
    }

    .navigation {
        height: 60px;
    }

    .navigation .titre-site img {
        height: 50px;

    }
    .navigation .menu {
        display: block;
        margin-right: 25px;
    }
    .navigation .menu.ouvert:before {
        top:0px;
        bottom:0px;
        transform:rotate(45deg);
        margin: auto;
    }
    .navigation .menu.ouvert:after {
        top:0px;
        bottom:0px;
        transform:rotate(-45deg);
        margin: auto;

    }
    .navigation .menu.ouvert > span {
        width: 0;
    }
    .navigation .menu:before, .navigation .menu:after{
        transition:all 0.4s ease;
    }


    .section.intranet .menu.ouvert:after {
        top:0px;
        bottom:0px;
        transform:rotate(-45deg);
        margin: auto;

    }
    .section.intranet .menu.ouvert > span {
        width: 0;
    }
    .section.intranet .menu:before, .section.intranet .menu:after{
        transition:all 0.4s ease;
    }

    .section.intranet .menu.ouvert:before {
        top:0px;
        bottom:0px;
        transform:rotate(45deg);
        margin: auto;
    }




    .section.intranet .menu {
        display: block;
        margin-right: 25px;
    }

    .section.intranet .nav-intranet-container {display: inline-flex;position: fixed;top: 60px;left: 0px;right: unset;transform: translateX(-100%);width: auto;margin-right: auto;box-sizing: border-box;max-width: 100%;bottom: 0px;transition: transform 0.4s ease;}

    .section.intranet .nav-intranet-container > div {
        display: inline-flex;
        flex-direction: column;
        margin-bottom: auto;
        overflow-y: auto;
        padding: 20px;
    }

    .section.intranet .menu.ouvert + .nav-intranet-container {
        transform: translateY(0%);
    }
    .nav-intranet-container {
        z-index: 1000;
        min-width: 50%;
    }
    .section.intranet {
        display: block;
    }
    .liste-projets > .wrap > .d-full > .flex {
        flex-direction: column;
    }
    .ajout-projet-section {
        order:-1;
        flex-direction: column-reverse;
        display: flex;
        margin : 10px 0;
    }
    .ajout-projet-section > :not(:first-child) {margin-bottom:10px;}

    .ligne-intranet a{
        display: flex;
        flex-direction: column;
    }
    .mon-compte > .wrap > .d-full > .d-auto > .nom-forfait {
        font-size: 18px;
    }
    .utilisateurs > .wrap > .liste-intranet > .ligne-intranet {
        display: flex;
        flex-wrap: wrap;
        padding: 5px 5px 5px 5px;
    }
    .groupe-actions {
        display: flex;
        flex-direction: column;
    }

    .ligne-intranet .creation , .ligne-intranet .role {
        width: auto;
    }
    .utilisateurs > .wrap > .d-full > .flex > .d-auto {
        margin-right: 0px;
    }
    .section.intranet .utilisateurs .bouton.ajouter {
        padding-left: 20px;
        padding-right: 20px;
    }
    .groupe-actions > :not(:last-child) {

        margin-right: 0px;
        margin-bottom:10px
    }
    .utilisateurs > .wrap > .d-full > .ligne-intranet {
        display: grid !important;
        grid-auto-flow: column;
        grid-template-columns: 25px 1fr 30px;
        grid-column-gap: 10px;
    }



    .utilisateurs > .wrap > .d-full > .ligne-intranet > :not(:last-child) {
        margin: 0px;
    }
    .utilisateurs > .wrap > .d-full > .ligne-intranet {
        min-height: 70px;
        height : auto;
        padding : 15px 5px 10px 15px;
    }


    .utilisateurs > .wrap > .d-full > .ligne-intranet .icone {
        grid-row-end: span 3;
    }

    .groupe-actions {
        grid-column-start: 3;
        grid-row-end: span 3;
    }

    .utilisateurs > .wrap > .d-full > .ligne-intranet > :not(.icone):not(.groupe-actions) {
        grid-column-start: 2;
    }

    .contenu > .section.intranet {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
    .icone.compte {
        align-self: start;
    }

    .navigation .menu.ouvert + .titre-site + nav {
        transform: translateY(0%);
    }

    .navigation .titre-site a {
        display: block;
        text-align: center;
    }

    .connexion.flex {
        flex-direction: column;
        min-width: 100%;
    }
    .navigation nav ul {margin-bottom:0px;}

    .cta-container > div {
        width: 100%;
    }
    .wrap .flex-wrap, .wrap .flex {
        margin: 0;
        width: 100%;
    }


    .cta-container img {width:100%;}

    .contenu > .section {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }

    .margin_1, .margin_2, .margin_3, .margin_4 {
        margin-top:20px;
        margin-bottom:20px;
    }
    .quick-nav {
        margin-right: 13px;
    }

    .navigation .menu {
        margin-right: 25px;
    }

    .section .wrap.h-aucun {padding:0px;}

    .section .paragraphe.ctae {text-align:center;padding:50px 20px;}

    .ctae .titre {font-size:28px;}

    /*.having-bg {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}*/

    .ctai .cta .titre {
        font-size:48px;
    }
    #nous-joindre-formulaire h2 {
        font-size: 60px;
        max-width: 340px;
        margin: auto;
    }

    #nous-joindre-formulaire .bouton {border-width:1px;}

    #nous-joindre-formulaire .btn-container .bouton {
        width: 100%;
    }

    .cta.paragraphe1 {display:flex;}

    .cta .bouton {width:100%;}

    .contenu > .section.having-bg {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .page-nous-joindre .contenu > .section.having-bg{
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

    .section.equipe {
        width: 100%;
        margin: 0px;
    }

    .paragraphe.cta .btn-call-conteneur {
        width: 100%;
    }

    .cta.paragraphe1 .bouton {width:100%;}

    .equipe-container .infos {
        padding: 30px 10%;
    }

    .map-container {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        display: flex;
        flex-direction: column-reverse;
    }

    .map-container #map {
        position: relative;
        top: unset;
        min-height: 300px;
        height: 70vh;
        left: unset;
        right: unset;
        bottom: unset;
    }

    .infos-bureaux {
        width: 100%;
        max-width: none;
        padding: 0px;
    }

    .infos-bureaux .bureau {
        width: 100%;
        box-sizing: border-box;
        padding: 80px 20px;
    }

    .infos-bureaux .bureau > :not(:last-child) {
        margin-bottom: 30px;
    }

    .categorie-realisation-container .infos {
        padding: 45px 90px;
    }

    .titre-page {padding:0px 30px;}

    .fiche-realisation {
        flex-direction:column-reverse;
    }

    .liste-alliage-single {
        flex-direction: column;
    }

    .liste-alliage-single .image {
        width: 100%;
    }

    .liste-alliage-single .infos {
        width: 100%;
    }

    .liste-alliage-single .image img {
        width: 100%;
    }

    .contenu > .section.liens-section {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .slideshow-alliages:before {
        left: 0px;
    }

    .slideshow-alliages:after {
        right: 0px;
    }

    .slideshow-alliages:before, .slideshow-alliages:after {
        position: absolute;
        top: 0px;
        bottom: 0px;
        background: rgb(233 234 236 / 50%);
        width: 9%;
        content: "";
        display: block;
        z-index: 10;
    }

    .slideshow-alliages .slick-track {
        display: flex;
    }

    .slideshow-alliages .slick-track .liste-alliage-single {
        height: 100%;
        display: flex !important;
        margin: 0px;
    }

    .slideshow-alliages .slick-slide > div {
        height: 100%;
    }

    .slideshow-alliages .slick-slide {
        height: inherit !important;
        padding: 0px 10px;
    }

    .liste-alliage-single .infos {
        flex-grow:1;
        justify-content:space-between;
    }

    .slideshow-alliages .slick-track {
        display: flex;
    }

    .slideshow-alliages .slick-track .liste-alliage-single {
        height: 100%;
        display: flex !important;
        margin: 0px;
    }

    .slideshow-alliages .slick-slide > div {
        height: 100%;
    }

    .slideshow-alliages .slick-slide {
        height: inherit !important;
        padding: 0px 10px;
    }

    .liste-alliage-single .infos {
        flex-grow:1;
        justify-content:space-between;
    }

    .liens-section .entete-liens .titre {
        font-size: 36px;
        width: calc(82% - 20px);
        margin:auto;
    }

    .contenu > .section.liens-section {
        /* padding-top: 180px; */
        padding-bottom: 160px;
    }

    .liens-section .entete-liens {
        /* margin: 0px; */
        /* position: absolute; */
        /* top: 80px; */
        /* bottom: 80px; */
        /* display: flex; */
        /* flex-direction: column; */
        /* align-items: center; */
        /* justify-content: space-between; */
        /* z-index: 1; */
        /* padding-left: 0px; */
        /* padding-right: 0px; */
        position: initial;
    }

    .slideshow-realisations, .slideshow-alliages {
        z-index: 10;
    }

    .liens-section .entete-liens .bouton {
        width: calc(82% - 20px);
        font-size: 14px;
        padding: 11px 4px;
        box-sizing: border-box;
        background: white;
        position: absolute;
        bottom: 80px;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .liens-section .liste-alliage-single {
        padding: 0px;
    }

    .liste-realisation-single .titre, .liste-alliage-single .infos .titre {
        font-size:26px;
    }

    .liste-realisation-single img {width:100%;}

    .liste-realisation-single .texte, .liste-alliage-single p, .liste-alliage-single .texte {
        font-size: 16px;
        line-height: 1.5em;
    }

    .liste-realisation-single .infos, .liste-alliage-single .infos {padding:40px;}

    .liste-alliage-single .infos .ligne-1 {margin-bottom:30px;}

    .liste-alliage-single .bouton {
        font-size: 14px;
        padding: 11px 4px;
        width: 100%;
    }

    .fiche .bouton {
        font-size: 14px;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .btn-categorie.bouton {
        padding: 10px;
    }

    .btn-categorie.bouton:hover {
        background:black;color:white
    }
    .action.more.ouvert + .actions-modifier, .profil.ouvert .sous-menu, .navigation .choix-langue.ouvert .liste-lg{
        transform: scaleY(1);
    }

    .btn-categorie.bouton:after {border-width: 12px 10px 0px 10px;width: 0px;height: 0px;border-style: solid;content: "";margin: auto;display: inline-block;margin-left: 10px;border-color: white transparent transparent transparent;}

    .section .wrap.choix-categorie {
        display:block;
        border: 2px solid black;
        padding: 10px;
        margin-bottom:0px;
    }

    .choix-categorie .single-categorie:not(:last-child) {
        margin-bottom: 10px;
    }

    .choix-categorie .single-categorie {
        width: 100%;
    }

    .choix-categorie .bouton:not(:last-child) {
        margin-right: 0px;
    }

    .section .wrap.choix-categorie {
        display: none;
    }

    .btn-categorie {display:block;}

    .selecteur-categorie {margin-bottom:30px;}

    .filtres {
        margin-bottom: 40px;
    }

    .liste-blogue .afficher-plus {margin-top:20px;margin-bottom:0px;}

    .fiche-blogue {
        flex-direction: column-reverse;
    }

    .fiche-blogue img {
        width:100%;
    }

    .fiche-blogue .bouton {width:100%;}

    .fiche-blogue {
        padding-bottom: 60px;
        position: relative;
    }

    .fiche-blogue .infos .bouton {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .titre-page h1 {
        font-size:45px;
    }

    .page-accueil .titre-page h1 {font-size:55px;}
    .titre-page h2 {font-size:42px;}

    .page-accueil .entete-slider-container, .page-accueil .entete-image { padding: 0 30px; height:calc(100vh - 60px)}

    .titre-page h1 {
        font-size: 34px;
    }
    .titre-page .soustitre {font-size:24px;}

    .std .bouton {
        min-width: 100%;
    }
    .std .texte {
        font-size: 24px;
    }
    .std .titre {
        font-size: 36px;
    }
    .std .contenu:only-child .titre, .page-nous-joindre .section .contenu:only-child .titre {
        /* font-size: 30px; */
        font-size: 20px;
    }

    .std .contenu:only-child .texte {
        /* font-size: 18px; */
        font-size: 16px;
    }
    .navigation .menu, .section.intranet .menu {
        display: block;
    }



    .liste-projets > .wrap > .liste-intranet > .ligne-intranet {
        display: flex;
        flex-wrap: wrap;
        min-height: 70px;
        height : auto;
        padding : 15px 5px 20px 15px;
    }


    .liste-projets > .wrap > .d-full > .flex > .d-auto {
        margin-right: 0px;
    }
    .section.intranet .liste-projets .bouton.ajouter {
        padding-left: 20px;
        padding-right: 20px;
    }

    .liste-projets > .wrap > .d-full > .ligne-intranet > :not(:last-child) {
        margin: 0px 10px 0px 0px;
    }


    .liste-projets > .wrap > .d-full > .ligne-intranet > .groupe-actions {
        grid-column-start: 2;
        grid-row-end: span 2;
    }
    .liste-projets > .wrap > .d-full > .ligne-intranet > .groupe-actions > :not(:last-child){
        margin-bottom: 20px;
    }

    .liste-projets > .wrap > .d-full > .ligne-intranet > :not(.icone):not(.groupe-actions) {
        grid-column-start: 1;
    }

    .liste-projets > .wrap > .d-full > .ligne-intranet {
        display: grid !important;
        grid-auto-flow: column;
        grid-template-columns:1fr 30px;
        grid-column-gap: 10px;
    }
    .transactions > .wrap > .liste-intranet > .ligne-intranet {
        padding-left : 15px;
    }

    .presentation > .wrap > .d-full > .ligne-intranet > :not(.checkbox-container) {
        grid-column-start: 2;
    }

    .presentation > .wrap > .d-full > .ligne-intranet {
        display: grid !important;
        grid-auto-flow: column;
        grid-template-columns:30px 1fr;
        grid-column-gap: 10px;
        min-height: 70px;
        height: auto;
    }
    .presentation > .wrap > .d-full > .ligne-intranet > .checkbox-container {
        grid-column-start: 1;
        grid-row-end: span 1;
    }
    .presentation > .wrap > .d-full > .h-end > .btn-container, .presentation > .wrap > .d-full >  .h-end > .btn-container > .continuer{
        width: 100%;
        margin : auto;
    }

    .presentation > .wrap > .d-full > .h-space-between > .btn-container {
        display: none;
    }

    .intranet .etapes > div {
        width: 0px;
        flex-grow: 0;
        flex-shrink: 1;
        white-space: nowrap;
        text-align: left;
        transition: all 0.4s ease;
        display: flex;
    }

    .intranet .etapes > div.actif-mobile {
        flex-grow: 1;
    }

    .intranet .etapes > div , .intranet .etapes > .actif {
        border-bottom-width: 0px;
    }

    .intranet .etapes > div span {
        display: inline-block;
        width: 100%;
        overflow:hidden;
    }
    .etapes:after,.etapes > div:after {
        margin-top: 10px;
        content:"";
        position:absolute;
        top:100%;
        height:10px;
        border-radius:10px;
        background:#c0c2c1;
        display:inline-block;
    }
    .etapes:after {
        width:100%;
        left:0;
    }

    .etapes > div:after {
        width:0px;
        z-index:10;
        left:0;
        transition:width 0.4s ease;
    }

    .etapes > div:nth-child(1).actif-mobile:after {
        width:calc(100% / 3);
    }

    .etapes > div:nth-child(2).actif-mobile:after {
        width:calc(100% / 3 * 2);
    }

    .etapes > div:nth-child(3).actif-mobile:after {
        width:100%;
    }

    .modification > .wrap > .d-full > .h-end > .d-auto, .modification > .wrap > .d-full >  .h-end > .d-auto > .ajouter, .modification > .wrap > .d-full >  .h-end > .d-auto > .retourL{
        width: 100%;
        margin : auto;
    }

    .modification > .wrap > .liste-intranet > .ligne-intranet-container > .ligne-intranet {
        padding-left : 10px;
    }

    .projets.modification .ligne-intranet {
        grid-template-columns: 40px 1fr;
        grid-template-areas:
        "icone contenu";
        display: grid;
        grid-column-gap: 10px;
        min-height: 70px;
        height: auto;
        align-items: start;
    }

    .projets.modification .ligne-intranet .icone.image, .projets.modification .ligne-intranet .icone.video, .projets.modification .ligne-intranet .icone.pdf, .projets.modification .ligne-intranet .icone.url, .projets.modification .ligne-intranet .icone.model, .projets.modification .ligne-intranet .icone.audio, .projets.modification .ligne-intranet .icone.media {
        grid-area: icone;
    }

    .projets.modification .ligne-intranet > .description {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        align-self: start;
    }

    .projets.modification .ligne-intranet .sousligne {
        display: grid;
        grid-template-columns: 40px 1fr 90px;
        grid-column-gap: 10px;
        grid-template-rows: minmax(40px, auto) 1fr;
        grid-template-areas:
        "logo titre actions"
        "telechargement telechargement actions";
        align-items: center;
    }

    .projets.modification .ligne-intranet .sousligne .description {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-area: titre;
    }

    .projets.modification .ligne-intranet .sousligne .groupe-action {
        align-self:center;
        grid-area:actions;
        position: relative;
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
    }



    .projets.modification .ligne-intranet .fichier.transfert {
        grid-area: telechargement;
        margin: 0px;
        align-self: start;
    }

    .ligne-intranet .fichier.transfert .upload {
        max-width: 360px;
        width: 100%;
    }

    .groupe-action .actions-modifier {
        display: flex;
        background: #D3D3D3;
        padding: 5px 20px;
        position: absolute;
        border: solid #0e0e0e 2px;
        right: 0px;
        top: 100%;
        transform: scaleY(0);
        transform-origin: center top;
        transition: transform 0.4s ease;
        z-index: 1000;
    }

    .groupe-action .actions-modifier a{
        margin: 5px;
    }
    .info > .groupe-action > .action.more {
        -webkit-mask-image: url(/images/dots-vertical.svg);
        mask: url(/images/dots-vertical.svg);
        display: inline-block;
    }
    .projets.modification .ligne-intranet:last-of-type .sousligne.info{
        grid-template-columns: 40px 1fr 60px;
    }
    .projets.modification .ligne-intranet:last-of-type .sousligne.info .actions-modifier{
        right: 0px;
    }


    /*.modification > .wrap > .liste-intranet > .ligne-intranet-container > .ligne-intranet > .description > .sousligne > .description {
        grid-area: titre;
    }

    .modification > .wrap > .liste-intranet > .ligne-intranet-container > .ligne-intranet .action {
        grid-area: actions;
    }
    .modification > .wrap > .liste-intranet > .ligne-intranet-container > .ligne-intranet {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
             "titre actions"
             "barre actions";
        grid-column-gap: 10px;
        min-height: 70px;
        height: auto;
    }
    .modification > .wrap > .liste-intranet > .ligne-intranet-container > .ligne-intranet > .icone {
        grid-area: titre;
    }*/

    .projets.modification .ligne-intranet .sousligne.modifier {
        grid-template-columns: 40px 1fr;
    }
    .projets.modification .ligne-intranet .sousligne.modifier .description, .projets.modification .ligne-intranet .sousligne.modifier .input-fichier{
        grid-column-start: 2;

        /*grid-row-start: 1;
        grid-area: titre;*/

    }
    .projets.modification .ligne-intranet .sousligne.modifier .input-fichier{
        margin-bottom: 5px;
    }
    .projets.modification .ligne-intranet .sousligne.modifier .description{

    }
    .projets.modification .ligne-intranet .sousligne.modifier .input-fichier .fake-input{
        display: none;

    }
    .section.intranet .sousligne .bouton.enregistrer {
        grid-column-start: 2;
    }
    .sousligne > :not(.icone):not(.bouton):not(:last-child):not(.action) {
        margin-right: 0px;
    }

    .section.intranet .input-fichier {
        width: 100%;
    }
    .navigation .profil > .sous-menu {
        font-size: 18px;
    }
    .forfaits-liste .titre-container {
        grid-column-end: span 2;
        grid-row-start: 1;
    }
    .forfaits-liste .gratuit.ouvert-mobile {
        padding: 0;
    }
    .forfaits-liste .gratuit.ouvert-mobile .sous-titre{
        margin-top: 0;
    }

    .forfaits-liste .categories {
        grid-row-start: 3;
        grid-row-end: span 1;
        grid-column-start: 1;
        grid-column-end: span 2;
    }

    .forfaits-liste {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }

    .forfaits-liste .titre-container {
        grid-column-end: span 2;
        grid-row-start: 1;
        margin-bottom:20px;

    }

    .forfaits-liste .categories {
        grid-row-start: 3;
        grid-row-end: span 1;
        grid-column-start: 1;
        grid-column-end: span 2;
    }

    .forfaits-liste {
        grid-template-columns: repeat(2, calc(50% - 5px));
        grid-column-gap: 10px;
    }

    .forfaits-liste .entetes > div.ouvert-mobile, .forfaits-liste .options-forfait > div.ouvert-mobile {
        width: 100%;
    }

    .forfaits-liste .entetes, .forfaits-liste .options-forfait {
        display: flex;
    }

    .forfaits-liste .entetes > div, .forfaits-liste .options-forfait > div {
        width: 0px;
        overflow: hidden;
        transition: width 0.4s ease;
    }

    .forfaits-liste .entetes {
        height: 70px;
    }

    .forfaits-liste .options-forfait > div > div, .forfaits-liste .entetes > div > span {
        min-width: calc(50vw - 35px);
    }

    .forfaits-liste .entetes.ouvert {flex-direction: column;}
    .forfaits-liste .entetes.ouvert .ouvert-mobile {order:-1;}
    .forfaits-liste .entetes.ouvert > div {transition:unset;}

    .forfaits-liste .entetes > div {
        height: 70px;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .forfaits-liste .entetes.ouvert > div {
        width: 100%;
        position: relative;
        z-index: 10;
    }

    .forfaits-liste .options-forfait .option:after, .forfaits-liste .column-forfait.first .option:after, .forfaits-liste .column-forfait.last .option:after {
        left: 20px;
        right: 20px;
    }

    .options-forfait .column-forfait .choix-tarif {
        position: absolute;
        left: 100%;
        bottom: 0px;
        height: 180px;
        box-sizing: border-box;
        width: calc(100vw - 40px);
        transition: left 0.4s ease;
    }
    .liste-intranet .options-forfait .column-forfait .choix-tarif {
        width: calc(100vw - 20px);

    }

    .forfaits-liste .options-forfait > div {
        padding-bottom: 180px;
    }

    .forfaits-liste {
        position: relative;
    }

    .options-forfait .column-forfait.ouvert-mobile .choix-tarif {
        left: 0;
    }

    /*.section.intranet .liste-intranet .forfaits-liste > .categories .bouton, .forfaits-liste .categories .bouton{
        width: auto;
        min-width: calc(100% - 20px);
        justify-self: center;
        margin: 0px 20px;
    }
    .forfaits-liste .categories {
        grid-column-gap: 0px;
    }*/
    .section.intranet .titre-container > .titre {
        font-weight: 600;
        margin-bottom: 40px;
    }
    .forfaits-liste > .entetes {
        font-weight: 400;
        cursor: pointer;
    }
    .forfaits-liste > .entetes .ouvert-mobile{
        background-image: url(/images/triangle.svg);
        background-repeat: no-repeat;
        background-position: center right 10px;
        background-size : 0.9em;
    }
    .forfaits-liste > .entetes.ouvert .ouvert-mobile{
        background-image: url(/images/triangle-inverted.svg);
    }
    .forfaits-liste > .categories {
        padding-bottom : 40px;
        grid-template-columns: repeat( auto-fit, minmax(60px, 1fr) );
    }
    .navigation .wrap .titre-site a{
        font-size: 18px;
    }

    .forfaits-liste .options .option{
        font-size: 15px;
    }

    .dashboard-intranet {
        padding-top: 0px;
    }
    .safari .dashboard-intranet.utilisateurs .ligne-intranet .bouton:not(.annuler) {
        margin: 0px;
    }

    .safari .forfaits-liste .entetes, .safari .forfaits-liste .options-forfait {
        width: 100%;
    }

    .dashboard-intranet.transactions .desabonnement .message-ajax {padding:10px;font-size:18px;}
    .dashboard-intranet.transactions .desabonnement .titre {width:100%;}
    .dashboard-intranet.transactions .desabonnement .message {width:100%;}
    .dashboard-intranet.transactions .desabonnement .container1 {flex-wrap:wrap;}
    .dashboard-intranet.transactions .desabonnement .container2 {margin-top:20px;}

    .forfaits-liste .categories .bouton, .forfaits-liste .categories .bouton {
        font-size: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .forfaits-liste > .entetes span{
        font-size: 18px;
    }
    .forfaits-liste > .entetes > div:not(.ouvert-mobile) .sous-titre{
        display:none;
    }
    .forfaits-liste > .entetes .ouvert-mobile >span:not(.sous-titre){
        margin-bottom: -7px;
    }
    .forfaits-liste .entetes .votre-forfait{
        margin-top:0;
    }

    a.bouton.forfait-sur-mesure {
        width: 100%;
    }
}
@media (max-width: 479px)
{
    .dashboard-intranet.projets.modification .nom-projet {
        margin: 10px 0px;
    }
    .dashboard-intranet.projets.modification .d1-2 > .flex.v-center {
        flex-flow: wrap;
    }

    .dashboard-intranet.projets.modification .bouton.retourL {
        margin-bottom: 10px;
    }

    .forfaits-liste .options .option {
        font-size: 14px;
    }
    .forfaits-liste .options-forfait .option {
        font-size: 13px;
    }

    .forfaits-liste > .titre-container .titre{
        font-size: 40px;
    }
    .liste-intranet .forfaits-liste > .titre-container .titre {
        font-size: 30px;
    }

    .projets.modification .ligne-intranet .sousligne.info .soustitre{
        display: none;
    }
    .projets.modification .ligne-intranet .sousligne.info .titre-image {
        display: none;
    }
    .projets.modification .wrap .d1-2 h3{
        font-size: 14px;
        margin-top: 14px;
    }

    h2 {
        font-size: 2.8em;
    }

    .page-accueil .titre-page h1 {
        font-size: 50px;
    }

    .titre-page .ctas .bouton {font-size:16px;padding:8px;/*width:calc(50% - 5px);*/}

    .std .texte p {
        line-height: 1.2em;
    }

    .ctai .cta .titre {
        font-size: 36px;
    }

    .cta-container > .cta {padding:20px;}

    .cta .btn-call-conteneur a {
        padding: 8px;
        font-size: 16px;
    }

    .navigation nav a {
        font-size: 20px;
    }

    .navigation nav li:not(:last-child) {
        margin-bottom: 6px;
    }

    .navigation nav ul {
        margin-bottom: 0px;
    }

    .ctae .bouton {
        padding: 10px;
        width: 100%;
    }

    .categorie-realisation-container .infos {
        padding: 30px 20px;
    }

    .cta, .ctae {
        padding: 20px;
    }

    .liste-realisation-single .infos, .liste-alliage-single .infos {
        padding: 20px;
    }

    .liste-realisation-single .infos .ligne-1 > :not(:last-child) {
        margin-bottom: 10px;
    }

    .liste-realisation-single .infos .ligne-1 {
        margin-bottom: 20px;
    }

    .fiche .bouton {
        width: 100%;
    }

    .slideshow-vignettes .slick-slide {
        padding: 0px 5px;
    }


    .slideshow-alliages .slick-slide, .slideshow-realisations .slick-slide {
        padding: 0px 5px;
    }

    .liens-section .entete-liens .bouton {
        width: calc(100% - 40px);
    }

    .liens-section .entete-liens .titre {
        width: 100%;
        padding: 0px 10px;
    }

    #nous-joindre-formulaire h2 {
        font-size: 2.8em;
    }

    #nous-joindre-formulaire .bouton {
        padding: 6px 10px;
        line-height: 20px;
        font-size: 16px;
    }

    .infos-bureaux .bureau {
        padding: 30px 20px;
    }

    #popup-desabonnement h3 {font-size:24px;line-height:1em;}
    .dashboard-intranet.transactions .desabonnement .titre {
        font-size: 36px;
        line-height: 1em;
        margin-bottom: 10px;
    }
    .boutons-desabo {flex-wrap:wrap;}
    #popup-desabonnement .texte-container .boutons-desabo a {width:100%;margin:0px;max-width:unset;}
    #popup-desabonnement .texte-container .boutons-desabo a:not(:last-child) {margin-bottom:10px;}
    #popup-desabonnement .texte-container .boutons-desabo .se-desabonner1 {margin-right:0px;}
    #popup-desabonnement .texte-container .boutons-desabo .se-desabonner2 {margin-left:0px;}
    .contenu > .section {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
}
@media (max-width: 360px) {




    .dashboard-intranet.liste-projets .d1-3 >.flex {
        flex-direction: column;
    }

    .forfaits-liste .categories .bouton, .forfaits-liste .categories .bouton, .forfaits-liste .options-forfait .option {
        font-size: 10px;
    }
    .page-accueil .titre-page h1{
        font-size: 35px;
    }
    .forfaits-liste > .entetes > .ouvert-mobile:not(.gratuit) span:not(.sous-titre){
        /*text-align: left;*/
    }
    .forfaits-liste .options .option {
        font-size: 12px;
    }
    .forfaits-liste > .entetes .sous-titre{
        font-size: 12px;
    }
}