/*//////////HEADER//////////*/

/*HEADER PHONE*/
.topnav {
    background-color: #ec6230;
    display: none;
    overflow: hidden;
    position: relative;
}





.header {
    background-color: #ec6230;
    min-height: 100%;
    position: fixed;
    width: 300px;
    z-index: 9;
}

ul.menu {
    border-color: #b7bec7;
    border-left: none;
    border-right: none;
    border-style: solid;
    border-width: 1px;
    list-style-type: none;
    margin-top: 40px;
    padding-bottom: 30px;
    padding-top: 30px;
}

li.menu a {
    border-bottom: 1px #b7bec7 solid;
    color: #000000;
    display: block;
    font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-right: 50px;
    padding-bottom: 5px;
    text-decoration: inherit;
}



.logo {
    height: 220px;
    margin-left: 40px;
    margin-top: 40px;
    width: 220px;
}

/*//////////FIN HEADER//////////*/

/*//////////ACCUEIL//////////*/

#div-promo {
    display: none;
}

#div-actu {
    display: none;
}

#div-produit {
    display: none;
}

#div-nproduit {
    display: none;
}

.cadre-iframe {
    display: flex;
    justify-content: center;
}

.cadre-iframe iframe {
    border: 8px solid black;
}

.fermer-iframe {
    background-color: black;
    border: 0 solid #ec6230;
    border-radius: 9999px;
    margin-left: 79%;
    margin-top: 36px;
    position: fixed;
    z-index: 11;
}

.fermer-iframe a {
    color: #ec6230;
    text-decoration: none;

}

.fermer-iframe:hover a {
    color: black;
    transition-duration: 0.2s;
}

.fermer-iframe:hover {
    background-color: #ec6230;
    border: 5px solid #ec6230;
    border-radius: 100px;
    transition-duration: 0.2s;
}



.custom-iframe {
    background-color: white;
    height: 80%;
    margin-top: 50px;
    position: fixed;
    width: 80%;
    z-index: 10;
}



.text_image_accueil {
    background-color: grey;
    background-color: rgba(20, 20, 20, 0.5);
    color: #f27b48;
    left: 600px;
    padding: 20px;
    position: absolute;
    top: 450px;
    z-index: 8;

}

/*//////////CARROUSEL//////////*/

.carrousel_accueil {
    margin-left: 300px;
    max-height: 950px;
    max-width: 100%;
    overflow: hidden;
}

.carrousel_accueil figure {
    animation: 30s slidy infinite;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 500%;
    z-index: 7;
}

.carrousel_accueil figure img {
    float: left;
    height: auto;
    width: 20%;
}

@keyframes slidy {
    0% {
        left: 0;
    }

    20% {
        left: 0;
    }

    25% {
        left: -100%;
    }

    45% {
        left: -100%;
    }

    50% {
        left: 0;
    }

    70% {
        left: 0;
    }

    75% {
        left: -100%;
    }

    95% {
        left: -100%;
    }

    100% {
        left: 0;
    }
}

/*//////////FIN CARROUSEL//////////*/

.contactez_nous {
    background-color: #000000;
    height: 150px;
    margin-left: 300px;
}

.bouton_contactez {
    padding-top: 60px;
    text-align: center;
}

.bouton_contactez a {
    background-color: white;
    border: 0.1px solid #ec6230;
    border-radius: 4px;
    color: #ec6230;
    padding: 20px 50px;
    text-align: center;
}


.bouton_contactez a:hover {
    background-color: #dfdfdf;
    color: #ec6230;
    text-decoration: inherit;
}


.la_societe {
    background: url(medias/image/soudetech/corporate-buildings-white-80.jpg) no-repeat;
    background-color: white;
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}


.hr_custom {
    width: 200px;
}

.texte_la_societe {
    font-size: 16px;
    padding-bottom: 100px;
    padding-left: 200px;
    padding-right: 200px;
    text-align: center;
}

.texte_la_societe strong {
    color: steelblue;
}

.texte_la_societe a {
    color: steelblue;
}




.accueil_gauche {
    float: left;
    margin-left: 200px;
}

.accueil_gauche2 {
    float: left;
    margin-left: 100px;
}

.accueil_droite {
    float: right;
    margin-right: 200px;
}

.accueil_droite2 {
    float: right;
    margin-right: 100px;
}

.accueil_competences,
.accueil_competences2,
.accueil_competences3,
.accueil_competences4 {
    background-color: #222;
    border-radius: 4px;
    color: white;
    height: 100px;
    text-align: center;
    width: 220px;
}

.accueil_competences span,
.accueil_competences2 span,
.accueil_competences3 span,
.accueil_competences4 span {
    margin: 100px;
    text-align: center;
}

.icon_conseils,
.icon_sav,
.icon_location,
.icon_demonstration {
    background-color: #f27b48;
    border-radius: 9999px;
    margin: -25px 85px 0 85px;
    padding: 10px;
    position: absolute;
}

/*//////////FIN ACCUEIL//////////*/

/*//////////COMPETENCES//////////*/

.competences1 {
    background: url(medias/image/soudetech/corporate-buildings-white-80.jpg) no-repeat;
    background-color: white;
    background-size: cover;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}


.image1_competences {
    height: 400px;
    margin-left: 100px;
    width: 550px;
}

.competences1_conseils_icon {
    background-color: #f27b48;
    border-radius: 9999px;
    float: right;
    margin: 0 460px 0 0;
    padding: 30px;
    top: 2600px;
}

.competences1_conseils_titre {
    float: right;
    margin: 60px -140px 0 0;
    padding: 30px;
}

.competences1_conseil_texte {
    float: right;
    font-size: 20px;
    margin: -220px 200px 0 820px;
}

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

.image2_competences {
    height: 400px;
    margin: -20px 120px 0 820px;
    width: 550px;
}

.competences1_sav_icon {
    background-color: #f27b48;
    border-radius: 9999px;
    float: left;
    margin: -300px 0 0 400px;
    padding: 30px;
}

.competences1_sav_titre {
    float: left;
    margin: -240px 0 0 380px;
    padding: 30px;
}

.competences1_sav_texte {
    float: left;
    font-size: 20px;
    margin: -160px 820px 0 100px;
    padding: 30px;
}


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


.competences2 {
    background-color: white;
    background-image: url(medias/image/soudetech/corporate-buildings-white-60.jpg);
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}

.image3_competences {
    height: 400px;
    margin-left: 100px;
    margin-top: 100px;
    width: 550px;
}

.competences2_location_icon {
    background-color: #f27b48;
    border-radius: 9999px;
    float: right;
    margin: 100px 460px 0 0;
    padding: 30px;
}

.competences2_location_titre {
    float: right;
    margin: -320px 410px 0 0;
    padding: 30px;
}

.competences2_location_texte {
    float: right;
    font-size: 20px;
    margin: -250px 120px 0 720px;
    padding: 30px;
}

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


.image4_competences {
    height: 400px;
    margin: -20px 120px 0 820px;
    width: 550px;
}

.competences2_demonstration_icon {
    background-color: #f27b48;
    border-radius: 9999px;
    float: left;
    margin: -300px 0 0 400px;
    padding: 30px;
}

.competences2_demonstration_titre {
    float: left;
    margin: -240px 0 0 300px;
    padding: 30px;
}

.competences2_demonstration_texte {
    float: left;
    font-size: 20px;
    margin: -160px 820px 0 100px;
    padding: 30px;
}

/*//////////FIN COMPETENCES//////////*/

/*//////////PRODUITS//////////*/

.produits {
    background-color: white;
    background-image: url(medias/image/soudetech/corporate-buildings-white-40.jpg);
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}


.menus-wrapper {
    display: flex;
    justify-content: center;
}

.navigation li {
    list-style: none;
}

.navigation {
    color: #ec6230;
    font: 1.7em "Trebuchet MS", sans-serif;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 600px;
}

.navigation a,
.navigation span {
    background: #222222 url(menu-item.png) left bottom no-repeat;
    border: 1px solid #ec6230;
    color: #ec6230;
    display: block;
    padding: 4px 10px;
    text-decoration: none;
}

.navigation .toggleSubMenu a,
.navigation .toggleSubMenu span {
    background-image: url(menu-item-deroule.png);
}

.navigation .open a,
.navigation .open span {
    background-image: url(menu-item-enroule.png);
}

.navigation a:hover,
.navigation a:active {
    background: none;
    color: #ec6230;
    text-decoration: none;
}

.navigation .subMenu {
    border-bottom: 1px solid #666;
    font-size: .8em;
    font-size: .9em;
    margin: 0;
    padding: 0;
}

.navigation ul.subMenu a {
    background: none;
    padding: 3px 20px;
}


.galerie_produits {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.produits_image {
    border: 1px solid #ec6230;
}

.produits_image img {
    height: 90px;
}

/*//////////FIN PRODUITS//////////*/

/*//////////PARTENAIRES//////////*/

.partenaires {
    justify-content: center;
    background-image: url(medias/image/soudetech/corporate-buildings-white-20.jpg);
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}


.carrousel_partenaires {
    order: 10;
    height: 100px;
    margin-bottom: 20px;
    margin-left: 27%;
    overflow: hidden;
    width: 800px;
}

.carrousel_partenaires ul {
/* 1 images = 100% */
    display:flex;
    align-items: center;
    order:10;
    height: 100px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 400%;
}

.carrousel_partenaires li {
    order: 10;
    float: left;
}

/*//////////FIN PARTENAIRES//////////*/

/*//////////GALERIE//////////*/
.galerie_image {
    background-color: black;
    margin-left: 300px;
    padding-bottom: 100px;
}

.galerie_pres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.galerie_pres img,
.galerie_pres video {
    max-height: 200px;
    max-width: 350px;
    height: auto;
    width: auto;
}

.galerie_pres a {
    border: 2px solid #ec6230;
}

/*//////////FIN GALERIE//////////*/

/*//////////CONTACT//////////*/

.contact {
    background-color: white;
    background-image: url(medias/image/soudetech/corporate-buildings-white-80.jpg);
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}

.contact_gauche {
    margin-left: 200px;
}

.form_contact input,
select,
textarea {
    background: none;
    border: 2px solid black;
    border-radius: 2px;
    padding: 10px 210px 10px 10px;

}

.form_contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 20px;

}

.bouton_envoyer {
    transition-duration: 0.5s;
}

.bouton_envoyer:hover {
    background-color: #ec6230;
}

.contact_droite {
    margin: -670px 0 200px 700px;
}

.text_image_contact_droite {
    margin-left: 170px;
    margin-top: -150px;
}

.hr_contact_droite {
    background-color: #ec6230;
    margin-right: 200px;

}

.contact_droite_a {
    color: black;
}

.contact_droite_a:hover {
    color: #ec6230;
}

/*//////////FIN CONTACT//////////*/

/*//////////CARTE//////////*/

.carte {
    background-color: white;
    background-image: url(medias/image/soudetech/corporate-buildings-white-80.jpg);
    background-size: 100% auto;
    border-bottom: 2px solid #dfdfdf;
    margin-left: 300px;
}

.carte iframe {
    height: 450px;
    margin-left: 220px;
    margin-top: 20px;
    width: 1200px;
}

/*//////////FIN CARTE//////////*/

/*//////////FOOTER//////////*/

.footer {
    background-color: black;
    height: 522px;
    margin-left: 300px;
}

/*//////////FOOTER GAUCHE//////////*/

div.footer_gauche {
    float: left;
    height: 350px;
    margin-left: 150px;
    margin-top: 20px;
    width: 350px;
}

.menu_gauche_footer {
    border-bottom: 1px #ec6230 solid;
    list-style-type: none;
    padding-left: 0;
}

.menu_gauche_footer li a {
    border-top: 1px #ec6230 solid;
    color: #FFFFFF;
    display: block;
    font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    text-decoration: inherit;
}

li:hover.menu_gauche_footer {
    background-color: grey;
}

.select_menu_gauche_footer a {
    border-top: 1px #ec6230 solid;
    color: #FFFFFF;
    display: block;
    font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
    text-decoration: inherit;
}

li.select_menu_gauche_footer {
    background-color: grey;
    opacity: 0.8;
}

li:hover.select_menu_gauche_footer {
    background-color: grey;
    opacity: 1;
}

/*//////////FIN FOOTER GAUCHE//////////*/

/*//////////FOOTER CENTRE//////////*/

div.footer_centre {
    float: left;
    height: 350px;
    margin-left: 130px;
    margin-top: 20px;
    width: 350px;

}

.titre_texte_footer {
    color: white;
}

.liste_footer li {
    margin-left: -25px;
}

.bouton_contactez_footer {
    text-align: center;
}

.bouton_contactez_footer a {
    background-color: white;
    border: 0.1px solid #ec6230;
    border-radius: 4px;
    color: #ec6230;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;


}

.bouton_contactez_footer a:hover {
    background-color: #dfdfdf;
    color: #ec6230;
    text-decoration: inherit;
}

/*//////////FIN FOOTER CENTRE//////////*/

/*//////////FOOTER DROITE//////////*/

div.footer_droite {
    float: right;
    height: 350px;
    margin-right: 150px;
    margin-top: 20px;
    width: 350px;
}

.footer_image {
    border: 1px solid #ec6230;
    padding-bottom: 42px;
    padding-top: 27px;
}

.footer_image img {
    height: 90px;
    margin-top: 10px;
    width: 110px;
}

/*//////////FIN FOOTER DROITE//////////*/

/*//////////RETOUR HAUT//////////*/
#cRetour {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgb(0, 0, 0, 0.5);
    border: 1px solid #ec6230;
    border-radius: 3px;
    color: #ec6230;
    font-size: 15px;
    opacity: 1;
    padding: 15px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    transition: all ease-in 0.2s;
    z-index: 9;
}

#cRetour:before {
    content: "\25b2";
}

#cRetour:hover {
    background: rgb(0, 0, 0, 1);
    transition: all ease-in 0.2s;
}

#cRetour.cInvisible {
    bottom: -35px;
    opacity: 0;
    transition: all ease-in 0.1s;
}

#cRetour.cVisible {
    bottom: 20px;
    opacity: 1;
}

/*//////////FIN RETOUR HAUT//////////*/

/*//////////FIN FOOTER//////////*/

/*//////////AUTRE//////////*/

.copyright_tag {
    color: white;
    font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-left: 750px;
    padding-top: 480px;
}

/*//////////FLECHE VERS LE BAS//////////*/
@-webkit-keyframes bounce {

    0%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes bounce {

    0%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.scroll_bas_competences,
.scroll_bas_competences2,
.scroll_bas_produits {
    text-align: center;
}

.scroll_bas_competences i,
.scroll_bas_competences2 i,
.scroll_bas_produits i {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: bounce;
    color: #000;
    margin-top: 40px;
}

/*//////////FIN FLECHE VERS LE BAS//////////*/


.titre {
    order: 1;
    color: #ec6230;
    font-size: 50px;
    padding-top: 100px;
    text-align: center;
}




/*████████████████████████████████████████RESPONSIVE████████████████████████████████████████*/

/*████████████████TELEPHONE████████████████*/

@media (max-width: 469px) {

    .wrap_all {
        max-width: 100%;
    }

    /*//////////HEADER//////////*/
    .header {
        background-color: #ec6230;
        border-bottom: 1px #FFF solid;
        display: none;
        min-height: 80px;
        position: inherit;
        width: 100%;
    }

    .block {
        height: 109px;
    }

    .topnav {
        background-color: #ec6230;
        display: block;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 9
    }

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: #FFF;
        display: block;
        font-size: 17px;
        padding: 14px 16px;
        position: relative;
        text-decoration: none;
    }

    .topnav a.icon {
        background: #ec6230;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav a:hover {
        background-color: #ddd;
        color: #ec6230;
    }

    .logo_phone {
        height: 80px;
        margin-top: 0;
    }


    /*//////////FIN HEADER//////////*/


    /*//////////ACCUEIL//////////*/

    .fermer-promotions {
        background-color: black;
        border: 0 solid #ec6230;
        border-radius: 9999px;
        margin-left: 79%;
        margin-top: -40px;
        position: fixed;
        z-index: 11;
    }

    .promotions {
        background-color: white;
        height: 80%;
        margin-top: -20px;
        position: fixed;
        width: 80%;
        z-index: 10;
    }


    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 20px;
        left: 0;
        padding: 20px;
        position: absolute;
        top: 200px;
    }

    /*//////////CARROUSEL//////////*/

    div.carrousel_accueil {
        margin-left: 0;
        max-height: 950px;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }


    /*//////////FIN CARROUSEL//////////*/

    .contactez_nous {
        background-color: #000;
        height: 150px;
        margin-left: 0;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
        max-width: 100%;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 30px;
        text-align: center;
    }

    .accueil_gauche {
        float: none;
        margin-left: 20px;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: none;
        margin-left: 20px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: none;
        margin-left: 20px;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: none;
        margin-left: 20px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 320px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 140px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences,
    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 140px;
    }

    .scroll_bas_competences2 i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: -10px;
    }

    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 50px;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image1_competences {
        float: none;
        height: 200px;
        margin-left: 30px;
        width: 300px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 40% 0 40%;
    }

    .competences1_conseils_titre {
        float: none;
        margin: 0 0 0 90px;
        padding: 30px;
    }

    .competences1_conseil_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
        padding: 30px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 40% 0 40%;
    }

    .competences1_sav_titre {
        float: none;
        margin: 0 0 0 120px;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
        padding: 30px;
    }

    .image2_competences {
        float: none;
        height: 200px;
        margin: 0 0 0 30px;
        padding-right: 0;
        width: 300px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image3_competences {
        float: none;
        height: 200px;
        margin-left: 30px;
        margin-top: 40px;
        width: 300px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 40% 0 40%;
    }

    .competences2_location_titre {
        float: none;
        margin: 0 0 0 90px;
    }

    .competences2_location_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 40% 0 40%;
    }

    .competences2_demonstration_titre {
        float: none;
        margin: 0 0 0 40px;
    }

    .competences2_demonstration_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
    }

    .image4_competences {
        float: none;
        height: 200px;
        margin: 0 0 0 30px;
        width: 300px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .menus-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 300px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }


    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }


    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carrousel_partenaires {
        height: 100px;
        margin-left: 90px;
        overflow: hidden;
        width: 200px;
    }


    /*//////////FIN PARTENAIRES//////////*/

    /*//////////GALERIE//////////*/

    .galerie_image {
        margin-left: 0;
    }

    /*//////////FIN GALERIE//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .contact_gauche {
        margin-left: 20px;
    }

    .form_contact input,
    select {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 100px 10px 10px;

    }

    .form_contact textarea {
        padding: 10px 100px 10px 29px;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 19px;

    }



    .contact_droite {
        margin-left: 20px;
        margin-top: 50px;
    }


    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carte iframe {
        height: 400px;
        margin-left: 40px;
        margin-top: 40px;
        width: 300px;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: #000;
        height: 1040px;
        margin-left: 0;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 350px;
        margin-left: 30px;
        margin-top: 40px;
        width: 300px;
    }

    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: left;
        height: 350px;
        margin-left: 10px;
        margin-top: -60px;
        width: 350px;

    }

    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 0;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 350px;

    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        display: none;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    .copyright_tag {
        color: #FFF;
        font-family: arial, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        margin-top: 0;
        padding-top: 1010px;
        text-align: center;
    }

    /*//////////FIN FOOTER//////////*/


}


/*████████████████TELEPHONE 2████████████████*/

@media (min-width: 470px) and (max-width: 599px) {

    .wrap_all {
        max-width: 100%;
    }

    /*//////////HEADER//////////*/
    .header {
        background-color: #ec6230;
        border-bottom: 1px #FFF solid;
        display: none;
        min-height: 80px;
        position: inherit;
        width: 100%;
    }

    .block {
        height: 109px;
    }

    .topnav {
        background-color: #ec6230;
        display: block;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: #FFF;
        display: block;
        font-size: 17px;
        padding: 14px 16px;
        position: relative;
        text-decoration: none;
    }

    .topnav a.icon {
        background: #ec6230;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav a:hover {
        background-color: #ddd;
        color: #ec6230;
    }

    .logo_phone {
        height: 80px;
        margin-top: 0;
    }


    /*//////////FIN HEADER//////////*/


    /*//////////ACCUEIL//////////*/

    .fermer-promotions {
        background-color: black;
        border: 0 solid #ec6230;
        border-radius: 9999px;
        margin-left: 79%;
        margin-top: -40px;
        position: fixed;
        z-index: 11;
    }

    .promotions {
        background-color: white;
        height: 80%;
        margin-top: -20px;
        position: fixed;
        width: 80%;
        z-index: 10;
    }


    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 20px;
        left: 0;
        padding: 20px;
        position: absolute;
        top: 200px;
    }

    /*//////////CARROUSEL//////////*/

    div.carrousel_accueil {
        margin-left: 0;
        max-height: 950px;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }


    /*//////////FIN CARROUSEL//////////*/

    .contactez_nous {
        background-color: #000;
        height: 150px;
        margin-left: 0;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
        max-width: 100%;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .accueil_gauche {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
        ;
    }

    .accueil_gauche2 {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 400px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 180px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences,
    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 140px;
    }

    .scroll_bas_competences2 i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: -10px;
    }

    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 50px;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image1_competences {
        float: none;
        height: 330px;
        margin-left: 20px;
        width: 440px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 190px 0 200px;
    }

    .competences1_conseils_titre {
        float: none;
        margin: 0 0 0 150px;
        padding: 30px;
    }

    .competences1_conseil_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
        padding: 30px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 200px 0 200px;
    }

    .competences1_sav_titre {
        float: none;
        margin: 0 0 0 180px;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
        padding: 30px;
    }

    .image2_competences {
        float: none;
        height: 330px;
        margin: 0 0 0 20px;
        width: 440px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image3_competences {
        float: none;
        height: 330px;
        margin-left: 20px;
        margin-top: 40px;
        width: 440px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 50px 190px 0 200px;
    }

    .competences2_location_titre {
        float: none;
        margin: 0 0 0 150px;
    }

    .competences2_location_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 50px 190px 0 200px;
    }

    .competences2_demonstration_titre {
        float: none;
        margin: 0 0 0 100px;
    }

    .competences2_demonstration_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 0 0 20px;
    }

    .image4_competences {
        float: none;
        height: 330px;
        margin: 10px 0 0 20px;
        width: 440px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .menus-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 400px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }

    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carrousel_partenaires {
        height: 100px;
        margin-left: 40px;
        overflow: hidden;
        width: 400px;
    }


    /*//////////FIN PARTENAIRES//////////*/

    /*//////////GALERIE//////////*/

    .galerie_image {
        margin-left: 0;
    }

    /*//////////FIN GALERIE//////////*/


    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .contact_gauche {
        margin-left: 20px;
    }

    .form_contact input,
    select {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 210px 10px 10px;

    }

    .form_contact textarea {
        padding: 10px 210px 10px 29px;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 19px;

    }



    .contact_droite {
        margin-left: 20px;
        margin-top: 50px;
    }


    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carte iframe {
        height: 400px;
        margin-left: 40px;
        margin-top: 40px;
        width: 400px;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: #000;
        height: 1040px;
        margin-left: 0;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 350px;
        margin-left: 30px;
        margin-top: 40px;
        width: 420px;
    }

    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: left;
        height: 350px;
        margin-left: 70px;
        margin-top: -60px;
        width: 350px;

    }

    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 0;
        margin-right: 60px;
        margin-top: 20px;
        width: 350px;

    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        display: none;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    .copyright_tag {
        color: #FFF;
        font-family: arial, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 1010px;
        text-align: center;
    }

    /*//////////FIN FOOTER//////////*/


}


/*████████████████TABLETTE████████████████*/

@media (min-width: 600px) and (max-width: 729px) {


    /*//////////HEADER//////////*/
    .header {
        background-color: #ec6230;
        border-bottom: 1px #FFF solid;
        display: none;
        min-height: 80px;
        position: inherit;
        width: 100%;
    }

    .block {
        height: 109px;
    }

    .topnav {
        background-color: #ec6230;
        display: block;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: #FFF;
        display: block;
        font-size: 17px;
        padding: 14px 16px;
        position: relative;
        text-decoration: none;
    }

    .topnav a.icon {
        background: #ec6230;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav a:hover {
        background-color: #ddd;
        color: #ec6230;
    }

    .logo_phone {
        height: 80px;
        margin-top: 0;
    }


    /*//////////FIN HEADER//////////*/


    /*//////////ACCUEIL//////////*/

    .fermer-promotions {
        background-color: black;
        border: 0 solid #ec6230;
        border-radius: 9999px;
        margin-left: 79%;
        margin-top: -40px;
        position: fixed;
        z-index: 11;
    }

    .promotions {
        background-color: white;
        height: 80%;
        margin-top: -20px;
        position: fixed;
        width: 80%;
        z-index: 10;
    }


    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 26px;
        left: 0;
        position: absolute;
        top: 300px;
        width: 100%;
    }

    /*//////////CARROUSEL//////////*/

    div.carrousel_accueil {
        margin-left: 0;
        max-height: 950px;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    /*//////////FIN CARROUSEL//////////*/

    .contactez_nous {
        background-color: #000;
        height: 150px;
        margin-left: 0;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
        max-width: 100%;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .accueil_gauche {
        float: none;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: none;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: none;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: none;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 500px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 230px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////FLECHE VERS LE BAS//////////*/
    .scroll_bas_competences,
    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 140px;
    }

    .scroll_bas_competences2 i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: -10px;
    }

    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 50px;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image1_competences {
        float: none;
        height: 400px;
        margin-left: 8%;
        width: 540px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 43% 0 43%;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: none;
        margin: -20px 0 0 35%;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 50px 0 90px;
        padding: 30px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 43% 0 43%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: none;
        margin: -20px 0 0 40%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 50px 0 90px;
        padding: 30px;
    }

    .image2_competences {
        float: none;
        height: 400px;
        margin: 0 0 0 8%;
        width: 540px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image3_competences {
        float: none;
        height: 400px;
        margin-left: 8%;
        margin-top: 40px;
        width: 540px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 43% 0 43%;
        padding: 30px;
    }

    .competences2_location_titre {
        float: none;
        margin: -20px 0 0 35%;
    }

    .competences2_location_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 50px 0 90px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 43% 0 43%;
    }

    .competences2_demonstration_titre {
        float: none;
        margin: -20px 0 0 30%;
    }

    .competences2_demonstration_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 50px 0 90px;
    }

    .image4_competences {
        float: none;
        height: 400px;
        margin: 0 0 0 8%;
        width: 540px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 300px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }


    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/
    .partenaires {
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carrousel_partenaires {
        height: 18%;
        margin-left: 11%;
        overflow: hidden;
        width: 79%;
    }


    /*//////////FIN PARTENAIRES//////////*/

    /*//////////GALERIE//////////*/

    .galerie_image {
        margin-left: 0;
    }

    /*//////////FIN GALERIE//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .contact_gauche {
        margin-left: 5%;
    }

    .form_contact input,
    select {
        background: none;
        border: 2px solid #000;
        border-radius: 2px;
        padding: 10px 60% 10px 10px;
    }

    .form_contact textarea {
        padding: 10px 60% 10px 29px;
    }

    .form_contact select {
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-left: 19px;
    }

    .contact_droite {
        margin-left: 20px;
        margin-top: 50px;
    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carte iframe {
        height: 90%;
        margin-left: 5%;
        margin-top: 3%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 1140px;
        margin-left: 0;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        margin-left: 10%;
        margin-top: 40px;
        width: 80%;
    }

    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        margin-left: 28%;

    }

    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        margin-right: 6%;
        text-align: center;
        width: 90%;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #000;
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        display: none;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 42%;
        margin-top: 0;
        padding-top: 1100px;
        position: absolute;
    }

    /*//////////FIN FOOTER//////////*/


}


/*████████████████TABLETTE 2████████████████*/

@media (min-width:730px) and (max-width: 829px) {


    /*//////////HEADER//////////*/
    .header {
        background-color: #ec6230;
        border-bottom: 1px #FFF solid;
        display: none;
        min-height: 80px;
        position: inherit;
        width: 100%;
    }

    .block {
        height: 109px;
    }

    .topnav {
        background-color: #ec6230;
        display: block;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 9;
    }

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: #FFF;
        display: block;
        font-size: 17px;
        padding: 14px 16px;
        position: relative;
        text-decoration: none;
    }

    .topnav a.icon {
        background: #ec6230;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav a:hover {
        background-color: #ddd;
        color: #ec6230;
    }

    .logo_phone {
        height: 80px;
        margin-top: 0;
    }


    /*//////////FIN HEADER//////////*/


    /*//////////ACCUEIL//////////*/

    .fermer-promotions {
        background-color: black;
        border: 0 solid #ec6230;
        border-radius: 9999px;
        margin-left: 79%;
        margin-top: -40px;
        position: fixed;
        z-index: 11;
    }

    .promotions {
        background-color: white;
        height: 80%;
        margin-top: -20px;
        position: fixed;
        width: 80%;
        z-index: 10;
    }


    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 26px;
        left: 0;
        position: absolute;
        top: 300px;
        width: 100%;
    }

    /*//////////CARROUSEL//////////*/

    div.carrousel_accueil {
        margin-left: 0;
        max-height: 950px;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
    }

    /*//////////FIN CARROUSEL//////////*/

    .contactez_nous {
        background-color: #000;
        height: 150px;
        margin-left: 0;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
        max-width: 100%;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .accueil_gauche {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: none;
        margin-left: 40px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 700px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 330px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////FLECHE VERS LE BAS//////////*/
    .scroll_bas_competences,
    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 10px;
    }

    .scroll_bas_competences2 i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: -10px;
    }

    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 50px;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image1_competences {
        float: none;
        height: 500px;
        margin-left: 70px;
        width: 640px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 340px 0 340px;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: none;
        margin: -20px 0 0 290px;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 100px 0 100px;
        padding: 30px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 340px 0 340px;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: none;
        margin: -20px 0 0 320px;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 100px 0 100px;
        padding: 30px;
    }

    .image2_competences {
        float: none;
        height: 500px;
        margin: 0 0 0 70px;
        width: 640px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .image3_competences {
        float: none;
        height: 500px;
        margin-left: 70px;
        margin-top: 40px;
        width: 640px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 340px 0 340px;
        padding: 30px;
    }

    .competences2_location_titre {
        float: none;
        margin: -20px 0 0 290px;
    }

    .competences2_location_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 100px 0 100px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: none;
        margin: 60px 340px 0 340px;
    }

    .competences2_demonstration_titre {
        float: none;
        margin: -20px 0 0 240px;
    }

    .competences2_demonstration_texte {
        float: none;
        font-size: 16.5px;
        margin: -50px 100px 0 100px;
    }

    .image4_competences {
        float: none;
        height: 500px;
        margin: 0 0 0 70px;
        width: 640px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 400px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }

    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/
    .partenaires {
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carrousel_partenaires {
        height: 18%;
        margin-left: 11%;
        overflow: hidden;
        width: 79%;
    }


    /*//////////FIN PARTENAIRES//////////*/

    /*//////////GALERIE//////////*/

    .galerie_image {
        margin-left: 0;
    }

    /*//////////FIN GALERIE//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .contact_gauche {
        margin-left: 5%;
    }

    .form_contact input,
    select {
        background: none;
        border: 2px solid #000;
        border-radius: 2px;
        padding: 10px 60% 10px 10px;
    }

    .form_contact textarea {
        padding: 10px 60% 10px 29px;
    }

    .form_contact select {
        -moz-appearance: none;
        -webkit-appearance: none;
        padding-left: 19px;
    }

    .contact_droite {
        margin-left: 20px;
        margin-top: 50px;
    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 0;
    }

    .carte iframe {
        height: 90%;
        margin-left: 5%;
        margin-top: 3%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 1140px;
        margin-left: 0;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        margin-left: 10%;
        margin-top: 40px;
        width: 80%;
    }

    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        margin-left: 28%;

    }

    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        margin-right: 6%;
        text-align: center;
        width: 90%;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #000;
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        display: none;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 42%;
        margin-top: 0;
        padding-top: 1100px;
        position: absolute;
    }

    /*//////////FIN FOOTER//////////*/


}


/*████████████████PETIT ECRAN████████████████*/

@media (min-width: 830px) and (max-width: 949px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 40px;
        left: 300px;
        padding: 20px;
        position: absolute;
        top: 10%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        text-align: center;
    }

    .accueil_articles {
        height: 300px;
    }

    .accueil_gauche {
        float: left;
        margin-left: 2%;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: left;
        margin-left: 2%;
        margin-top: 40px;
    }

    .accueil_droite {
        float: right;
        margin-right: 2%;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 2%;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 250px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 100px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px;
    }

    .image1_competences {
        float: left;
        height: 200px;
        margin-left: 2%;
        width: 250px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 0 10% 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 1% 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -80px 0 0 300px;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 0 0 0 15%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 10%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 300px 0 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 200px;
        margin: 0 2% 0 70px;
        width: 250px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px;
    }

    .image3_competences {
        float: left;
        height: 200px;
        margin-left: 2%;
        margin-top: 40px;
        width: 250px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 15% 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 5% 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -80px 0 0 300px;
    }

    .competences2_demonstration {
        height: 200px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 0 0 0 20%;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: -140px 0 0 1%;
        padding: 30px
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 300px 0 0;
    }

    .image4_competences {
        float: right;
        height: 200px;
        margin: 0 2% 0 70px;
        width: 250px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 260px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }


    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 55%;
        margin-top: -120%;
    }


    .text_image_contact_droite {
        margin-left: 1%;
        margin-top: 10%;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 80%;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 10%;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 50%;
        margin-left: 0;
        margin-right: 10%;
        margin-top: 5%;
        width: 40%;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 2%;
        text-align: center;
        width: 100%;

    }


    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 40%;
        padding-top: 775px;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences,
    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }


    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/



}


/*████████████████PETIT ECRAN 2████████████████*/

@media (min-width: 950px) and (max-width: 979px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 40px;
        left: 300px;
        padding: 20px;
        position: absolute;
        top: 20%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 100px;
        padding-right: 100px;
        text-align: center;
    }

    .accueil_articles {
        height: 200px;
    }

    .accueil_gauche {
        float: left;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: left;
        margin-left: 50px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: right;
        margin-right: 75px;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 50px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 250px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 100px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px;
    }

    .image1_competences {
        float: left;
        height: 250px;
        margin-left: 20px;
        width: 300px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 0 150px 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 100px 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -120px 0 0 300px;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 0 0 0 150px;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 130px;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 300px 0 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 250px;
        margin: 0 20px 0 70px;
        width: 300px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px;
    }

    .image3_competences {
        float: left;
        height: 250px;
        margin-left: 20px;
        margin-top: 40px;
        width: 300px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 150px 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 100px 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -120px 0 0 300px;
    }

    .competences2_demonstration {
        height: 300px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 0 0 0 150px;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: -180px 0 0 50px;
        padding: 30px
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 300px 0 0;
    }

    .image4_competences {
        float: right;
        height: 250px;
        margin: 0 20px 0 70px;
        width: 300px;
    }

    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 300px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -95%;
    }


    .text_image_contact_droite {
        margin-left: 46%;
        margin-top: -40%;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 80%;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 10%;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 50%;
        margin-left: 100%;
        margin-top: -60%;
        width: 40%;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 10%;
        text-align: center;
        width: 100%;

    }


    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 40%;
        padding-top: 114%;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences {
        margin-top: 0;
    }

    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/



}


/*████████████████ECRAN MOYEN████████████████*/

@media (min-width: 980px) and (max-width: 1079px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 35px;
        left: 300px;
        padding: 20px;
        position: absolute;
        text-align: center;
        top: 30%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .accueil_articles {
        height: 200px;
    }

    .accueil_gauche {
        float: left;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: right;
        margin-left: 0;
        margin-right: 2%;
        margin-top: 40px;
    }

    .accueil_droite {
        float: left;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 2%;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 300px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 13%;
        padding: 10px;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px;
    }

    .image1_competences {
        float: left;
        height: 250px;
        margin-left: 2%;
        width: 350px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 10px 16% 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 9% 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -80px 0 0 55%;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 20px 0 0 16%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 13%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 55% 0 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 250px;
        margin: 0 20px 0 70px;
        width: 350px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px;
    }

    .image3_competences {
        float: left;
        height: 250px;
        margin-left: 20px;
        margin-top: 40px;
        width: 350px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 16% 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 9% 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -100px 0 0 55%;
    }

    .competences2_demonstration {
        height: 300px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 20px 0 0 16%;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: 0 0 0 2%;
        padding: 0;
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 55% 0 0;
    }

    .image4_competences {
        float: right;
        height: 250px;
        margin: 0 20px 0 70px;
        width: 350px;
    }


    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 300px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -650px;
    }


    .text_image_contact_droite {
        margin-left: 180px;
        margin-top: -150px;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 500px;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 50px;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 100px;
        margin-left: 0;
        margin-right: 2%;
        margin-top: 0;
        width: 400px;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;

    }

    .footer_image_a {
        border: 1px solid #ec6230;
        padding-bottom: 42px;
        padding-top: 27px;

    }

    .footer_image {
        height: 90px;
        margin-top: 10px;
        width: 110px;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 700px;
        text-align: center;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences {
        margin-top: 0;
    }


    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    .titre {
        color: #ec6230;
        font-size: 50px;
        opacity: 1;
        padding-top: 100px;
        text-align: center;
    }

}


/*████████████████ECRAN MOYEN████████████████*/

@media (min-width: 1080px) and (max-width: 1349px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 35px;
        left: 300px;
        padding: 6%;
        text-align: center;
        top: 30%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .accueil_articles {
        height: 200px
    }

    .accueil_gauche {
        float: left;
        margin-left: 40px;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: right;
        margin-left: 0;
        margin-right: 40px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: left;
        margin-left: 40px;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 40px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 350px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 150px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px;
    }

    .image1_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        width: 400px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 80px 200px 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 150px 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -80px 0 0 450px;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 80px 0 0 180px;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 160px;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 450px 100px 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px;
    }

    .image3_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        margin-top: 40px;
        width: 400px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 80px 200px 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 150px 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -80px 0 0 450px;
    }

    .competences2_demonstration {
        height: 300px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 80px 0 0 140px;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: 10px 0 0 60px;
        padding: 0;
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -80px 450px 0 0;
    }

    .image4_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }


    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 350px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }


    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -650px;
    }


    .text_image_contact_droite {
        margin-left: 180px;
        margin-top: -150px;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 500px;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 50px;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 100px;
        margin-left: 0;
        margin-right: 100px;
        margin-top: 50px;
        width: 400px;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;

    }

    .footer_image_a {
        border: 1px solid #ec6230;
        padding-bottom: 42px;
        padding-top: 27px;

    }

    .footer_image {
        height: 90px;
        margin-top: 10px;
        width: 110px;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 700px;
        text-align: center;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;

    }



    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    .titre {
        color: #ec6230;
        font-size: 50px;
        opacity: 1;
        padding-top: 100px;
        text-align: center;
    }

}


/*████████████████ECRAN MOYEN 2████████████████*/

@media (min-width: 1350px) and (max-width: 1450px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 35px;
        left: 380px;
        padding: 2%;
        position: absolute;
        text-align: center;
        top: 40%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .accueil_articles {
        height: 200px;
    }

    .accueil_gauche {
        float: left;
        margin-left: 40px;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: right;
        margin-left: 0;
        margin-right: 40px;
        margin-top: 40px;
    }

    .accueil_droite {
        float: left;
        margin-left: 40px;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 40px;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 350px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 150px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px;
    }

    .image1_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        width: 400px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 30% 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 25% 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -120px 0 0 450px;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 23%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 450px 0 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px;
    }

    .image3_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        margin-top: 40px;
        width: 400px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 30% 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 25% 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -120px 0 0 450px;
    }

    .competences2_demonstration {
        height: 300px;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: -20px 0 0 16%;
        padding: 30px
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 450px 0 0;
    }

    .image4_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }


    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 500px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -650px;
    }


    .text_image_contact_droite {
        margin-left: 180px;
        margin-top: -150px;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 500px;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 50px;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 100px;
        margin-left: 0;
        margin-right: 100px;
        margin-top: 50px;
        width: 400px;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;

    }

    .footer_image_a {
        border: 1px solid #ec6230;
        padding-bottom: 42px;
        padding-top: 27px;

    }

    .footer_image {
        height: 90px;
        margin-top: 10px;
        width: 110px;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 700px;
        text-align: center;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences {
        margin-top: 0;
    }


    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    .titre {
        color: #ec6230;
        font-size: 50px;
        opacity: 1;
        padding-top: 100px;
        text-align: center;
    }

}


/*████████████████ECRAN MOYEN 3████████████████*/

@media (min-width: 1451px) and (max-width: 1650px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 35px;
        left: 28%;
        padding: 2%;
        position: absolute;
        text-align: center;
        top: 40%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .accueil_articles {
        height: 200px;
    }

    .accueil_gauche {
        float: left;
        margin-left: 10%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: right;
        margin-left: 0;
        margin-right: 10%;
        margin-top: 40px;
    }

    .accueil_droite {
        float: left;
        margin-left: 10%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 10%;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 450px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 205px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .competences1_conseils {
        height: 400px
    }

    .image1_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        width: 400px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 30% 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 25% 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -120px 0 0 450px;
        padding: 30px;
    }

    .competences1_sav {
        height: 400px
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 23%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 450px 0 0;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .competences2_location {
        height: 400px
    }

    .image3_competences {
        float: left;
        height: 300px;
        margin-left: 20px;
        margin-top: 40px;
        width: 400px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 30% 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 25% 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -180px 0 0 45%;
    }

    .competences2_demonstration {
        height: 300px
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: -20px 0 0 16%;
        padding: 30px
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -120px 45% 0 0;
    }

    .image4_competences {
        float: right;
        height: 300px;
        margin: 0 20px 0 70px;
        width: 400px;
    }


    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 500px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }

    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -650px;
    }


    .text_image_contact_droite {
        margin-left: 180px;
        margin-top: -150px;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 500px;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 50px;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 100px;
        margin-left: 0;
        margin-right: 100px;
        margin-top: 50px;
        width: 400px;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;

    }

    .footer_image_a {
        border: 1px solid #ec6230;
        padding-bottom: 42px;
        padding-top: 27px;

    }

    .footer_image {
        height: 90px;
        margin-top: 10px;
        width: 110px;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 700px;
        text-align: center;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }


    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 0;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    .titre {
        color: #ec6230;
        font-size: 50px;
        opacity: 1;
        padding-top: 100px;
        text-align: center;
    }

}

/*████████████████GRAND ECRAN████████████████*/

@media (min-width: 1651px) and (max-width: 1780px) {


    /*//////////ACCUEIL//////////*/

    .text_image_accueil {
        background-color: grey;
        background-color: rgba(20, 20, 20, 0.5);
        color: #f27b48;
        font-size: 35px;
        left: 28%;
        padding: 2%;
        position: absolute;
        text-align: center;
        top: 40%;
    }

    .la_societe {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .texte_la_societe {
        font-size: 16px;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .accueil_gauche {
        float: left;
        margin-left: 10%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_gauche2 {
        float: right;
        margin-left: 0;
        margin-right: 10%;
        margin-top: 40px;
    }

    .accueil_droite {
        float: left;
        margin-left: 10%;
        margin-right: 0;
        margin-top: 40px;
    }

    .accueil_droite2 {
        float: right;
        margin-right: 10%;
        margin-top: 40px;
    }

    .accueil_competences,
    .accueil_competences2,
    .accueil_competences3,
    .accueil_competences4 {
        background-color: #222;
        border-radius: 4px;
        color: white;
        height: 100px;
        text-align: center;
        width: 450px;
    }

    .accueil_competences span,
    .accueil_competences2 span,
    .accueil_competences3 span,
    .accueil_competences4 span {
        margin: 100px;
        text-align: center;
    }

    .icon_conseils,
    .icon_sav,
    .icon_location,
    .icon_demonstration {
        background-color: #f27b48;
        border-radius: 9999px;
        margin: -25px 85px 0 205px;
        padding: 10px;
        position: absolute;
    }

    /*//////////FIN ACCUEIL//////////*/

    /*//////////COMPETENCES//////////*/

    .competences1 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300;
    }

    .image1_competences {
        float: left;
        height: 400px;
        margin-left: 20px;
        width: 500px;
    }

    .competences1_conseils_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 40px 30% 0 0;
        padding: 30px;
    }

    .competences1_conseils_titre {
        float: right;
        margin: -20px 26% 0 0;
        padding: 35px;
    }

    .competences1_conseil_texte {
        float: right;
        font-size: 16.5px;
        margin: -200px 10% 0 45%;
        padding: 30px;
    }

    .competences1_sav_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
        padding: 30px;
    }

    .competences1_sav_titre {
        float: left;
        margin: -20px 0 0 23%;
        padding: 30px;
    }

    .competences1_sav_texte {
        float: left;
        font-size: 16.5px;
        margin: -200px 45% 0 7%;
        padding: 30px;
    }

    .image2_competences {
        float: right;
        height: 400px;
        margin: 0 20px 0 70px;
        width: 500px;
    }

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

    .competences2 {
        background-color: #FFF;
        background-size: auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .image3_competences {
        float: left;
        height: 400px;
        margin-left: 20px;
        margin-top: 40px;
        width: 500px;
    }

    .competences2_location_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: right;
        margin: 50px 30% 0 0;
        padding: 30px;
    }

    .competences2_location_titre {
        float: right;
        margin: -20px 27% 0 0;
    }

    .competences2_location_texte {
        float: right;
        font-size: 16.5px;
        margin: -200px 15% 0 50%;
    }

    .competences2_demonstration_icon {
        background-color: #f27b48;
        border-radius: 9999px;
        float: left;
        margin: 40px 0 0 25%;
    }

    .competences2_demonstration_titre {
        float: left;
        margin: -20px 0 0 16%;
        padding: 30px
    }

    .competences2_demonstration_texte {
        float: left;
        font-size: 16.5px;
        margin: -200px 45% 0 0;
    }

    .image4_competences {
        float: right;
        height: 400px;
        margin: 0 20px 0 70px;
        width: 500px;
    }


    /*//////////FIN COMPETENCES//////////*/

    /*//////////PRODUITS//////////*/

    .produits {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .menus-wrapper {
        display: flex;
        justify-content: center;
    }

    .navigation li {
        list-style: none;
    }

    .navigation {
        color: #ec6230;
        font: 1.7em "Trebuchet MS", sans-serif;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 600px;
    }

    .navigation a,
    .navigation span {
        border: 1px solid #ec6230;
        color: #ec6230;
        display: block;
        padding: 4px 10px;
        text-decoration: none;
    }


    .navigation a:hover,
    .navigation a:active {
        background: none;
        color: #ec6230;
        text-decoration: none;
    }

    .navigation .subMenu {
        border-bottom: 1px solid #666;
        font-size: .8em;
        font-size: .9em;
        margin: 0;
        padding: 0;
    }

    .navigation ul.subMenu a {
        background: none;
        padding: 3px 20px;
    }



    .galerie_produits {
        display: flex;
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .produits_image {
        border: 1px solid #ec6230;
    }

    .produits_image img {
        height: 90px;
    }


    .galerie_produits {
        margin-left: 0;
        text-align: center;
    }



    /*//////////FIN PRODUITS//////////*/

    /*//////////PARTENAIRES//////////*/

    .partenaires {
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }


    .carrousel_partenaires {
        height: 100px;
        margin-left: 20%;
        overflow: hidden;
        width: 60%;
    }

    /*//////////FIN PARTENAIRES//////////*/

    /*//////////CONTACT//////////*/

    .contact {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .contact_gauche {
        margin-left: 8%;
    }

    .form_contact input,
    select,
    textarea {
        background: none;
        border: 2px solid black;
        border-radius: 2px;
        padding: 10px 5% 10px 10px;

    }

    .form_contact textarea {
        padding-right: 7.5%;
    }

    .form_contact select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 3%;

    }



    .contact_droite {
        margin-left: 46%;
        margin-top: -650px;
    }


    .text_image_contact_droite {
        margin-left: 180px;
        margin-top: -150px;
    }


    .hr_contact_droite {
        background-color: #ec6230;
        margin-right: 10%;

    }

    /*//////////FIN CONTACT//////////*/

    /*//////////CARTE//////////*/

    .carte {
        background-color: white;
        background-size: 100% auto;
        border-bottom: 2px solid #dfdfdf;
        margin-left: 300px;
    }

    .carte iframe {
        height: 500px;
        margin-left: 5%;
        margin-top: 8%;
        width: 90%;
    }

    /*//////////FIN CARTE//////////*/

    /*//////////FOOTER//////////*/

    .footer {
        background-color: black;
        height: 800px;
        margin-left: 300px;
    }

    /*//////////FOOTER GAUCHE//////////*/

    div.footer_gauche {
        float: left;
        height: 50%;
        margin-left: 5%;
        margin-top: 50px;
        width: 30%;
    }


    /*//////////FIN FOOTER GAUCHE//////////*/

    /*//////////FOOTER CENTRE//////////*/

    div.footer_centre {
        float: right;
        height: 100px;
        margin-left: 0;
        margin-right: 100px;
        margin-top: 50px;
        width: 400px;

    }


    /*//////////FIN FOOTER CENTRE//////////*/

    /*//////////FOOTER DROITE//////////*/

    div.footer_droite {
        float: right;
        height: 10%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 100%;

    }

    .footer_image_a {
        border: 1px solid #ec6230;
        padding-bottom: 42px;
        padding-top: 27px;

    }

    .footer_image {
        height: 90px;
        margin-top: 10px;
        width: 110px;
    }

    /*//////////FIN FOOTER DROITE//////////*/

    /*//////////RETOUR HAUT//////////*/
    a.cRetour {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgb(0, 0, 0, 0.5);
        border: 1px solid #ec6230;
        border-radius: 3px;
        color: #ec6230;
        font-size: 15px;
        opacity: 1;
        padding: 15px;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none;
        transition: all ease-in .2s;
    }

    /*//////////FIN RETOUR HAUT//////////*/

    /*//////////FIN FOOTER//////////*/

    /*//////////AUTRE//////////*/

    .copyright_tag {
        color: white;
        font-family: 'arial', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin-left: 0;
        padding-top: 700px;
        text-align: center;
    }

    /*//////////FLECHE VERS LE BAS//////////*/

    .scroll_bas_competences2,
    .scroll_bas_produits {
        text-align: center;
    }

    .scroll_bas_competences {
        margin-top: -40%;
    }

    .scroll_bas_produits {
        margin-top: -5%;
    }

    .scroll_bac_competences2 {
        margin-top: 100%;
    }


    .scroll_bas_competences i,
    .scroll_bas_competences2 i,
    .scroll_bas_produits i {
        animation-duration: 1.5s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-name: bounce;
        color: #000;
        margin-top: 60%;
    }

    /*//////////FIN FLECHE VERS LE BAS//////////*/


    .titre {
        color: #ec6230;
        font-size: 50px;
        opacity: 1;
        padding-top: 100px;
        text-align: center;
    }

}