@media screen and (max-width:1600px) {
    .actu_entreprise::after {
        right: -60px;
    }
}

@media screen and (max-width:1460px) {
    .actu_entreprise::after {
        display: none;
    }
}

@media screen and (max-width:1279px) {

    /* Classe génériques */
    .Content,
    .texte-content {
        width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

    .not_mobile {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .flexHalf:not(.notCent),
    .flexParent:not(.notCent) {
        width: 100%;
    }

    .flexParent:not(.notColumn) {
        flex-direction: column !important;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    /*=========================================================================================================*/

    /* Tableaux */
    div:not(.notTable) > table,
    div:not(.notTable) > table > tbody,
    div:not(.notTable) > table > tbody > tr,
    div:not(.notTable) > table > tbody > tr > td {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    table td img {
        max-width: 100%;
    }

    /*=========================================================================================================*/

    /* Menu */
    #HeaderMenu ul.mobile {
        background-color: var(--main-color-header);
        list-style-type: none;
        padding: 0px;
        padding-top: 15px;
        margin: 0px;
        top: 50px;
        z-index: 39;
        display: block;
        position: fixed;
        height: 100vh;
        width: 100%;
        transition: all 0.3s ease;
        left: -200%;
        height: 90vh;
        max-height: 90vh;
        overflow: scroll;
    }

    #HeaderMenu ul.mobile.open {
        left: 0;
        padding-top: 35px;
        top: 50px;
    }

    #HeaderMenu ul.mobile li {
        display: block;
        max-width: 275px;
        margin: 0 auto;
        text-align: center;
    }

    #HeaderMenu ul.mobile li:not(:last-child) {
        border-bottom: 0.5px solid var(--main-rose-second);
    }

    #HeaderMenu ul.mobile li:not(.btnLangue) a {
        font-size: 20px;
        text-align: left;
    }

    #HeaderMenu ul.mobile .aMenu{
        padding: 15px 0;
    }

    #Header .Content {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
    }

    #HeaderMenu {
        height: 100%;
        position: absolute;
        left: 0;
        display: flex;
        flex-direction: row-reverse;
    }

    #HeaderMenu .ico_mobile {
        display: none;
    }

    #ouvreMenu {
        height: 100%;
        width: 100%;
        display: flex !important;
        cursor: pointer;
        margin-left: 10px;
        z-index: 40;
    }

    #ouvreMenu .contenuBouton {
        width: 30px;
        height: 30px;
        margin: auto;
    }

    #ouvreMenu .traitBlanc {
        border-radius: 4px;
        width: 100%;
        margin: 4px 0;
        background: white;
        height: 4px;
        overflow: hidden;
    }

    #ouvreMenu .traitBlanc .couleur {
        background: var(--main-color);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        transition: 0.2s;
    }

    #ouvreMenu .traitOrange {
        border-radius: 4px;
        width: 50%;
        margin: 4px 0;
        background: var(--main-color);
        height: 4px;
        transition: 0.2s;
        overflow: hidden
    }

    #ouvreMenu .traitOrange .couleur {
        background: white;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        transition: 0.2s;
    }

    #ouvreMenu.open .traitOrange {
        width: 100%;
    }

    #ouvreMenu.open .traitBlanc .couleur {
        width: 80%;
    }

    #ouvreMenu.open .traitOrange .couleur {
        width: 20%;
    }

    #Header {
        height: 50px;
        position: fixed;
    }

    #InfoHeader {
        left: unset;
        top: unset;
        height: 100%;
        min-width: unset;
        margin-right: 0;

    }

    #InfoHeader #Logo {
        margin: 0;
    }

    #HeaderMenu ul.mobile {
        padding: 0px;
        transition: all ease 0.3s;
    }

    #HeaderMenu ul.mobile ul.SSMenu {
        height: auto;
        max-height: 0;
        background-color: var(--main-color-header);
        overflow: hidden;
        transition: all 0.3s ease;
    } 

    #InfoHeader #Logo img{
        margin-top: 5px;
        height: 40px;
    }

    /*=========================================================================================================*/

    /* Css supplémentaire */
    #ouvreMenu .traitBlanc {
        background: var(--color-red);
    }

    .bandeau-page {
        margin-top: 50px;
    }

    .presentation .img {
        height: 450px;
    }

    .flexThird {
        max-width: 100%;
    }

    .contenu_triple_detail {
        row-gap: 15px;
        padding: 0 40px;
    }

    .contenu_triple_detail .tripleDetail {
        padding: 15px 20px 5px;
    }

    .contenu_triple_detail .img {
        padding: 22px;
        margin-bottom: 10px;
    }

    .contenu_triple_detail .img img {
        height: 50px;
    }

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

    .contenu_triple_detail .contenu {
        font-size: 16px;
    }

    .article-contenu-triple::after {
        display: none;
    }

    .nos_projets .headline {
        row-gap: 30px;
    }

    .nos_projets .img_pneu {
        display: none;
    }

    .actu_entreprise::after {
        display: none;
    }

    .actu_entreprise .image {
        width: 60%;
    }

    .actu_entreprise > .flexParent {
        flex-direction: column-reverse !important;
        row-gap: 30px;
    }

    .actu_entreprise .texte {
        padding: 0 15px;
        width: 100%;
    }

    .nos_projets {
        margin-bottom: 90px;
    }

    #Footer::after {
        display: none;
    }

    .confiance h2 span {
        font-size: 24px;
        background: none;
        color: var(--color-blue);
        padding: 0;
    }

    .presentation .logo_milieu {
        min-width: 240px;
    }

    .page_accueil .contenu_basique .title h2 {
        padding-left: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .page_accueil .contenu_basique .title h2 span {
        font-size: 26px;
    }

    .presentation a.btn::before {
        width: 156px;
    }

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

    .actu_entreprise {
        margin-bottom: 60px;
    }

    .projet_idee::after {
        opacity: 0.1;
    }

    .projet_idee .image {
        padding-left: 0;
        width: 30%;
    }

    .projet_idee h2 {
        padding-top: 15px; 
        font-size: 24px;
    }

    .projet_idee .texte .contenu {
        font-size: 22px;
    }

    .projet_idee .texte .btn {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .page_accueil #Footer::before {
        display: none;
    }

    .article-confiance {
        margin-bottom: 60px;
    }

    .projet_idee {
        margin-bottom: 60px;
    }

    #Footer {
        margin-top: 60px;
        padding-bottom: 20px;
    }

    #Footer .BlocNetwork {
        background: none;
        min-height: 100px;
    }

    #Footer .Content .BlocNetwork a {
        background: var(--color-red);
        height: 50px;
        width: 50px;
        text-align: center;
        align-content: center;
    }

    #Footer .footerMenu {
        padding: 0;
        text-align: center;
    }

    .presentation a.btn {
        font-size: 18px;
    }

    #ouvreMenu .traitOrange .couleur {
        background: var(--color-red);
    }

    #HeaderMenu ul.mobile li {
        max-width: 300px;
        text-align: left;
    }

    #HeaderMenu ul li a, #HeaderMenu ul li .spanMenu {
        line-height: inherit;
    }

    #HeaderMenu ul.mobile ul.SSMenu img {
        height: 40px;
        width: auto;
    }

    #HeaderMenu ul.mobile li:not(.btnLangue) a {
        font-size: 17px;
    }

    #HeaderMenu ul.mobile .SSMenu li a span {
        line-height: 40px;
        vertical-align: top;
        padding-left: 10px;
    }

    #HeaderMenu ul.mobile .SSMenu li a  {
        padding-left: 20px;
    }

    h1 span {
        padding: 1px 30px 1px 0px;
        font-size: 24px;
        margin-left: 0;
        background: none;
        color: var(--main-color);
    }

    #FilAriane::after {
        opacity: 0.25;
    }

    .actu_basique .texte {
        width: 100%;
        padding: 0 20px;
        font-size: 17px;
    }

    .actu_basique .image {
        width: 100%;
        padding: 0px 40px;
    }

    .actu_basique {
        row-gap: 30px;
    }

    .nos_valeurs h2 span {
        background-size: contain;
        background-position: center;
        padding: 1px 30px 1px 30px;
        font-size: 24px;
        margin-left: 0;
        background: none;
        color: var(--color-blue);
        padding: 0;
    }

    .nos_valeurs_detail {
        row-gap: 45px;
        margin-bottom: 60px;
    }

    .nos_valeurs_detail .flexThird:not(:last-child) .tripleDetail::after {
        display: none;
    }

    .nos_valeurs_detail .tripleDetail {
        margin-top: 60px;
    }

    .nos_valeurs_detail .tripleDetail > .img {
        padding: 28px;
        padding-bottom: 16px;
        width: 120px;
        margin-top: -70px;
    }

    .nos_valeurs_detail .tripleDetail > h3 {
        font-size: 22px;
    }

    .actu-item {
        width: 100%;
        height: 400px;
    }

    .pageActualites {
        padding: 0 15px;
    }

    .actu_galerie .texte {
        width: 100%;
        padding: 0 15px;
    }

    .actu_galerie .image {
        width: 100%;
        padding: 0 30px;
    }

    .contact_form .Col1 {
        width: 100%;
    }

    .contact_form .Col2 {
        width: 100%;
    }

    .contact_form .p_8 {
        width: 100%;
        left: 0;
    }

    .contact_contenu {
        row-gap: 1px;
        flex-direction: column;
    }

    .contact_contenu p:first-child,
    .contact_contenu p:nth-child(2)::before,
    .contact_contenu p:nth-child(n+2):not(:last-child)::after,
    .contact_contenu p:last-child::after {
        display: none;
    }

    .contact_contenu p:not(:first-child) {
        width: 100%;
        padding: 0px 50px;
    }

    .contact_form {
        margin-bottom: 60px;
    }

    #FilAriane.bandeau_ariane {
        left: inherit;
        transform: none;
    }

    .bandeau-page h1 {
        left: inherit;
        top: calc(36% - 15px);
        transform: translate(0, -50%);
    }

    .bandeau-page .subtitle {
        left: 0;
        right: 0;
        top: calc(66% - 15px);
        padding: 0 30px;
        font-size: 21px;
        z-index: 1;
    }

    .bandeau-page h1 .picto_titre img {
        height: 40px;
    }

    .bandeau-page h1 .picto_titre {
        width: 75px;
        height: 75px;
        right: -65px;
    }

    .bandeau-page h1 span::before {
        width: 95px;
        height: 95px;
        right: -75px;
    }

    .bandeau-page .img::after {
        opacity: 0.25;
    }

    .contenu_basique h2 span {
        font-size: 24px;
        background-size: contain;
        background-position: center;
        padding: 1px 20px 1px 0px;
        margin-left: 0;
        background: none;
        color: var(--color-blue);
    }

    .contenu_basique .title h2 {
        max-width: 300px;
    }

    .contenu_basique .title h2:not(.noImg)::after {
        display: none;
    }

    .contenu_basique .img {
        right: -75px;
    }

    .contenu_basique h2::after {
        right: -75px;
    }

    .nos_projets h2 span {
        font-size: 21px;
        background: none;
        padding-left: 0;
        padding-right: 0;
        color: #fff;
    }

    .page_accueil .nos_projets h2 span {
        font-size: 24px;
    }

    .nos_projets .img img {
        filter: brightness(0.8);
    }

    .nos_etapes h3 {
        font-size: 18px;
    }

    .nos_etapes .item .contenu {
        font-size: 16px;
    }

    .actu_entreprise h2 span {
        background: none;
        color: var(--color-blue);
        padding: 0;
    }

    #HeaderMenu ul li.selected::after { 
        display: none !important;
    }

    .page_accueil h1 {
        font-size: 24px;
    }

    /*=========================================================================================================*/
}

/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
    @media {

        .parallax {
            background-attachment: scroll;
        }
    }
}