/* RESPONSIVE */



/*---------------------------------------------------*/
/*     > 1366 = LARGE                                */
/*---------------------------------------------------*/
/*
@media screen and (min-width: 1367px) {
    
    
}
*/

/*---------------------------------------------------*/
/*     ENTRE 1025 et 1366 = LAPTOPS                  */
/*---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1366px) {
    #fond {
        top:0vh;
        width:90vw;
    }

    #grille, #pied, #contenu { width:95%; }
    #menu-hamburger, #menu-close { display:none; }

    #contenu-texte-resp { display:none; }
    #contenu-texte { display:block; }
    #contenu-image { width:60%; }

     .projet-galerie { height: 620px; }
    .projet-galerie-resp { display:none; }


    .case, .case-unit { width:33.33%;padding:2%;border:solid 0px red; }
    .case.main { width:50%;padding:2%;border:solid 0px red; }
    .case img { width:100%;height:auto; }
}


/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
    #fond {
        top:2vh;
        width:100vw;
    }
    /* #menu { display:none; } */
    #grille, #contenu { margin-top:150px; }
    #grille, #pied, #contenu { width:95%; }
    #menu-hamburger { display:none; }
    #grille-accueil .case, #grille-accueil .case-unit { width:33.33%; }
    #grille-accueil .case img, #grille-accueil .case-unit img { width:100%;margin:0; }
    .case, .case-unit { width:50%;padding:2%;border:solid 0px red; }
    .case.main { width:50%;padding:2%;border:solid 0px red; }
    .case img { width:100%;height:auto; }
    
    /*
    #projection { display:none; }
    #diapos_smartphone { display:block; }
    .diapo_smartphone, .diapo_smartphone-unit {
        width:38%;margin:30px 6%;
    }
    */
    .diapo { width:22%; }

    #contenu-texte-resp { display:block; }
    #contenu-texte { display:none; }
    #contenu-image { width:100%;margin-right:0; }

    .projet-galerie { height: 550px; }
    .projet-galerie-resp { display:none; }

}


/*---------------------------------------------------*/
/*     < 760 = SMALL                                 */
/*---------------------------------------------------*/

@media screen and (max-width: 760px) {
    #fond {
        top:10vh;
        width:100vw;
    }

    #titre {
        text-align:left;padding-left:30px;
        font-size:40px;
    }
    #bandeau { top:80px; }
    #projection { display:none; }
    #diapos_smartphone { display:block; }

    .diapo_smartphone, .diapo_smartphone-unit {
        width:38%;margin:30px 6%;
    }


    #menu { bottom:-100px; }
    #menu-smartphone {
        top:100px;padding-top:50px;
    }
    #grille { width:90%; }
    #contenu { left:5%;width:90%;margin-top:100px; }
    #pied { left:5%;width:90%; }
    #menu-hamburger { display:block; }
    #menu-hamburger, #menu-close { right:5%; }
    #grille-accueil .case, #grille-accueil .case-unit { width:50%; }
    #grille-accueil .case img, #grille-accueil .case-unit img { width:100%;margin:0; }
    .case, .case-unit { width:100%;padding:2%;border:solid 0px blue;margin:0 0 10px 0; }
    .case.main { width:100%;padding:2%;max-width:640px;height:auto; }
    .case img { width:42%;margin:30px 4%;border:solid 0px red; }


    #contenu-texte-resp { display:block; }
    #contenu-texte { display:none; }
    #contenu-image { width:100%;margin-right:0; }

    .projet-galerie { display:none; }
    .projet-galerie-resp { display:block; }
    #owl-legend { font-size: 12px; }
    
}


/*---------------------------------------------------*/
/*     < 640 = SMALL                                 */
/*---------------------------------------------------*/

@media screen and (max-width: 640px) {
    #projection { display:none; }
    #diapos_smartphone { display:block; }

    .diapo_smartphone, .diapo_smartphone-unit {
        width:55%;margin:30px 22.5%;
    }
}