/* RESPONSIVE */





/*---------------------------------------------------*/
/*     ENTRE 1025 et 1440 = LAPTOPS                  */
/*---------------------------------------------------*/
/*
@media screen and (min-width: 1025px) and (max-width: 1440px) {
    
    
}
*/

/*---------------------------------------------------*/
/*     ENTRE 1025 et 1280 = LAPTOPS                  */
/*---------------------------------------------------*/

/*@media screen and (min-width: 1025px) and (max-width: 1280px) {
    
    
}*/

/*---------------------------------------------------*/
/*     IPAD                                  */
/*---------------------------------------------------*/
/*
@media screen and (min-width: 761px) and (max-width: 1024px) {
    

}*/

/*---------------------------------------------------*/
/*     < 860 = SMALL                       */
/*---------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 860px) {
    

    #accueil-fonds, #accueil-colonnes { display:none; }
    #accueil-resp { display: block; }

   .page-fond { height: calc(100vh - 160px); }
   
   .case,  .case-unit { width:50%;height:auto; }
}
/*---------------------------------------------------*/
/*     < 640 = SMALL                       */
/*---------------------------------------------------*/

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

    #accueil-fonds, #accueil-colonnes { display:none; }
    #accueil-resp { display: block; }

    .page-fond { height: calc(100vh - 90px); }

    .case,  .case-unit { width:100%;height:auto; }
    
}