@media only screen and (min-width : 1124px) {

    h1 {
        font-size: 65px;
        letter-spacing: 2px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 31px
    }


    .stitle,
    .parag {
        font-size: 18px;
    }

    .parag {
        font-size: 20px;
    }

    .scontainer {
        padding: 100px 0px;
        max-width: 1124px;
    }



    /* Container 1 ( slider du début ) */


    .container1 {
        height: 100vh;
    }

    .slide {
        height: 100vh;
    }

    .slide_title {
        max-width: 1124px;
    }

    .slide_title h1 {
        width: 100%;
    }



    .slide_title p {
        font-size: 20px;
        width: 100%;
    }



    /* Fake header */
    .fake_header {
        height: 86vh;
        z-index: -2;
    }



    /* Image separator */
    .image_separateur {
        height: 350px;
    }


    /* Container 3 ( Nos services ) */
    .scontainer3 {
        max-width: inherit;
    }

    .services {
        justify-content: center;
        align-items: center;
    }

    .service {
        height: 400px;
        width: 45%;
        margin: 5px
    }

    .service:nth-child(1),
    .service:nth-child(2) {
        border: none;
    }

    .service:nth-child(3),
    .service:nth-child(4) {
        margin-bottom: 0px;
        border: none;
    }




    /* Container 4 ( Pour quoi nous choisir ) */
    .container4 {
        background: #ecf0f1;
    }

    .scontainer4 .rubrique_title_left {
        text-align: left;
    }

    .scontainer4 .stitle {
        margin-left: 0px;
    }

    .scontainer4 hr {
        margin-left: 0px;
    }

    .scontainer4 .parag {
        text-align: left;
        margin-left: 0px;
    }

    .compassContainer {
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .compassContainer svg {
        height: 100%;
        position: absolute;
        top: 30%;
        right: -10%;
        -webkit-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        -moz-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        -o-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        -ms-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        opacity: .6;
        transition: all linear .28s;
    }

    .container4:hover svg {
        opacity: 1;
    }

    .container4:hover svg:nth-child(2) {
        animation: compassMouve 2s linear infinite;
    }

    @keyframes compassMouve {
        from {
            -webkit-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -moz-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -o-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -ms-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        }

        30% {
            -webkit-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-25deg);
            -moz-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-25deg);
            -o-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-25deg);
            -ms-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-25deg);
            transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-25deg);
        }

        80% {
            -webkit-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-17deg);
            -moz-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-17deg);
            -o-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-17deg);
            -ms-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-17deg);
            transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-17deg);
        }

        to {
            -webkit-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -moz-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -o-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            -ms-transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
            transform: rotateX(-35deg) rotateY(-5deg) rotateZ(-20deg);
        }
    }

    #NordSud,
    #carrer,
    #consthaut,
    #constbas,
    #constgauche,
    #constdroite,
    #cerclext,
    #cercleinter,
    #point,
    #cerclext,
    #cercleinter,
    #point {
        transition: all linear .28s;
        fill: #6A6A6A;
    }

    .container4:hover #consthaut,
    .container4:hover #constbas,
    .container4:hover #constgauche,
    .container4:hover #constdroite {
        fill: #DC9E28;
    }

    .container4:hover #cerclext,
    .container4:hover #cercleinter,
    .container4:hover #point {
        fill: #8A8A8A;
    }




    /* Container 5 ( Nos clients ) */
    .container5 {
        height: 600px;
    }

    .partener {
        height: 160px;
    }



    /* Container 7 ( footer ) */
    .scontainer7 {
        justify-content: space-between;
        flex-direction: row;
    }

    .container7 .rubrique_title_left {
        text-align: left;
    }

    .container7 .rubrique_title_left hr {
        margin: 0px;
    }

    .footertext {
        width: 35%;
    }

    .footerform {
        width: 55%;
    }

    .footertext .coordones {
        margin-bottom: 15px;
    }

    .coordones,
    .social_medias {
        display: inline-block;
    }

    .footertext .coord {
        margin-bottom: 15px;
        color: #6b6b6b;
    }

    .footertext .coord2 {
        display: flex;
    }

    .footertext .coord2 a {
        color: #6b6b6b;
        transition: all linear 0.28s;
    }

    .footertext .coord2 a:hover {
        color: #DC9E28;
    }

    .footertext .coord2 a:visited {
        color: none;
    }

    .footertext .coord i {
        color: #DC9E28;
        margin-right: 5px;
        font-size: 17px;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
    }

    .footertext .social_medias a {
        height: 30px;
        width: 30px;
        font-size: 20px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        margin-right: 20px;
        outline: none;
    }

    .footertext .social_medias a:active,
    .footertext .social_medias a:visited {
        color: none;
    }

    .footertext .social_medias i {
        color: #6b6b6b;
        transition: all linear .28s;
    }

    .footertext .social_medias a:hover i {
        color: #DC9E28;
    }


    .footerlogo {
        height: 80px;
        display: flex;
        margin-top: 15px;
    }

    .logo_footer img {
        height: 100%;
    }


    .form_part1 {
        margin-bottom: 15px;
    }

    .form_part1 input {
        height: 50px;
    }

    .projet_type_container label {
        margin-bottom: 10px;
    }

    .form_button {
        max-width: 180px;
        height: 50px;
    }



    /* separator du footer */
    .image_separateur2 {
        height: 300px;
    }




    /* Header mobile */
    .header_mobile {
        display: none;
    }


    /* Nav mobile */

    .close_nav,
    .rs_mobile,
    .link_mobile hr {
        display: none;
    }

    .nav_mobile {
        height: inherit;
        display: inherit;
        background-color: inherit;
        transform: translateX(0%);
    }

    .links_mobile {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        padding: 20px;
        max-width: 1124px;
        margin: 0 auto;
        padding: 10px 0;
        height: 70pt;
        transition: all linear .28s;
    }

    .links_mobile div {
        width: 65%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .logo_laptop {
        display: inline-block;
        max-height: 90px;
    }

    .logo_laptop img {
        height: 100%;
        transition: all linear .28s;
    }

    .link_mobile,.links_mobile a {
        margin: 0px;
    }

    .link_mobile span,.links_mobile a span {
        font-size: 15px;
        height: 100%;
        margin-bottom: 0px;
        line-height: 72pt;
        position: relative;
        font-weight: 500;
    }

    .link_mobile span:after,.links_mobile a span:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #DC9E28;
        height: 1px;
        transition: all linear .28s;
    }

    .link_mobile:hover>span:after {
        width: 100%;
    }

    .nav_mobile_actif_laptop {
        background: rgba(0, 0, 0, 0.7);
    }

    .nav_mobile_actif_laptop .links_mobile {
        height: 55pt;
    }

    .nav_mobile_actif_laptop .link_mobile span {
        font-size: 14px;
        line-height: 50pt;
    }

    .link_mobile_actif span {
        color: #DC9E28;
    }

    .link_mobile_actif span:after {
        width: 100%;
    }
    
/*   link mobile service */
    .link_mobile_service,.links_mobile a {
        margin: 0px;
    }

    .link_mobile_service span,.links_mobile_service a span {
        font-size: 15px;
        height: 100%;
        margin-bottom: 0px;
        line-height: 72pt;
        position: relative;
        font-weight: 500;
    }

    .link_mobile_service span:after,.links_mobile_service a span:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #DC9E28;
        height: 1px;
        transition: all linear .28s;
    }

    .link_mobile_service:hover>span:after {
        width: 100%;
    }




    /* Thanks container */
    .thanks {
        width: 1140px;
    }

    .thanks .close_nav {
        display: block;
        font-size: 20px;
    }


    /* Scroll to top button */
    .scrollToTop {
        bottom: 30px;
        right: 30px;
        width: 50px;
        height: 50px;
    }


}