<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width:600px) {
    /**---navigation--*/
    #menu {
        display: block !important;
        opacity: 0.5;
    }
    #menu img:nth-of-type(2) {
        display: none;
    }
    #menuActiv {
        border-bottom: none;
    }
    header&gt;nav:nth-of-type(1) ul {
        display: none;
        margin: 0 auto;
        width: 106%;
        right: 50%;
        top: -2px;
        transform: translate(50%);
        height: 120px;
        box-sizing: border-box;
    }
    header&gt;nav:nth-of-type(1) li {
        margin: 0 auto;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        opacity: 1 !important;
        background: #323b44;
        height: 170px !important;
        line-height: 170px !important;
    }



    section:first-of-type header nav:first-of-type ul li:nth-of-type(n+2) {
        border-top: 1px solid #e2e2e2;
    }

    #logo {
        float: right;
        padding: 5px 5px 0 0;
        width: 45px;
        height: 45px;
        box-sizing: border-box;
    }
    header.accroche {
        height: 50px;
    }
    header.accroche nav:nth-of-type(1) img {
        height: 40px;
        padding: 0px;
    }
    header.accroche nav:nth-of-type(1) {
        height: 50px;
    }
.reseauxSociauxFirstHome:nth-of-type(3), .reseauxSociauxFirstHome:nth-of-type(4) {
        display: none !important;
    }


    /** INDEX.HTML **/
    .menuPartoutPareil&gt;div:first-of-type {
        opacity: 0.5;
    }
    .menuPartoutPareil&gt;div&gt;h1 {
        font-size: 60px;
    }
    .reseauxSociauxFirstHome a img {
        width: 10% !important;
        height: auto !important;
        margin: 3% !important;
    }
/****titreEcran1 et titreEcran1Contact**************************************/
.titreEcran1, .titreEcran1Contact {
    margin: 57px auto 40px auto;
}



/** reseau sociaux bas***/
.reseauxSociaux&gt;a&gt;img {
    width: 12%;
    height: auto;
    margin: 20px 10px;
}


    /**second ecran************************************************/
    /**second ecran**/
    /**second ecran**/
    /**second ecran**/
    #homeIdSecond&gt;div&gt;ul, #profil&gt;div&gt;ul {
        margin: 30px auto 40px auto;
    }
    /**rPage realisation**************************************************************/
    .realisationIdSecond {
        padding-bottom: 0;
    }
    #realisationTimelapse&gt;div&gt;ul, .realisationIdSecond&gt;div&gt;ul {
        margin: 25px auto 20px auto;
    }
    .realisationIdSecond&gt;div&gt;ul:nth-of-type(2) {
        width: 100%;
    }
    .pasCacher {
        display: block;
    }
    .blancMotif {
        padding-top: 70px;
        margin-top: 90px;
    }
    .blancMotif h3 {
    font-size: 33px;
}
    #btn, #btn2, #btn3, #btn4 {
        width: 60% !important;
    }

    .twoColumns {
    columns: 1 !important !;
}
    /**---Page contact----*/
    .input--haruki {
        margin: 1em 1em 0;
    }
    .formulaire1, .formulaire2 {
        display: block;
        width: 90%;
    }

    .video-wrapper {
    display: none !important;
}

.vimPetit {
    width: 275px;
overflow: hidden;
    margin: 0 0 30px 0;
}



iframe.pasCacher {
    width: 100%;
    height: auto;
}

/**barre de navigation PAGE MATERIEL **/
.navPasCacher{
  display: none;
}

.navCacher{
  display: inline-block !important;
}










}








@media screen and (max-width:385px) {
    /**---titre ecran 1--*/

    .menuPartoutPareil&gt;div&gt;h1 {
        font-size: 55px;
    }


    .titreEcran1&gt;hr, .titreEcran1Contact {
    width: 60%;
}

.titreEcran1&gt;h2, .titreEcran1Contact&gt;h2 {
    font-size: 14px;
}


    .blancMotif h3 {
        font-size: 30px;
    }

    .blancMotif img {
    width: 55px;
    margin: 15px 15px;
}


}
</pre></body></html>