/* RESPONSIVE */



/*---------------------------------------------------*/
/*     ENTRE 1025 et 1366 = LAPTOPS                  */
/*---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1440px) {
      /*#logo, #logo-noir { font-size:28px; } */
      #about, #shop { font-size:20px; }


      #menu-conteneur { right:-50%;width:50%; }
      #menu-image { right:50%;width:50%; }
      .menu-filtre { font-size:15px; }
      #filtres li.menu-item a, #filtres li.current-menu-item a { font-size:15px; }
   	.menu-element { font-size: 16px; }

      .case,  .case-unit { width:25%; }

      /* accueil diaporama */
      .projet-colonneGauche { width: calc( 100% - 150px ); }

      .project-sheet-text-fixed { display:block; }
      .project-sheet-text-resp { display:none; }

      #cartel { left:-33%;width:33%; }
      #cartel-titre, #conteneur-titre { font-size:32px; }
      #cartel-contenu, #conteneur { font-size:16px; }
      
}


/*---------------------------------------------------*/
/*     IPAD                                          */
/*---------------------------------------------------*/
@media screen and (min-width: 761px) and (max-width: 1024px) {
      /*#logo, #logo-noir { font-size:28px; }*/
      #about, #shop { font-size:20px; }

      #menu-conteneur { right:-66%;width:66%; }
      #menu-image { right:66%;width:34%; }
   	.menu-filtre { font-size:14px; }
      #filtres li.menu-item a, #filtres li.current-menu-item a { font-size:14px; }
      .menu-element { font-size: 18px; }

      .case,  .case-unit { width:33.33%; }

      .projet-colonneGauche { width: calc( 100% - 125px ); }

      .project-sheet-text-fixed { display:none; }
    .project-sheet-text-resp { width:400px;display:block; }
    #project-sheet-scroll { top:135px;height:calc( 100% - 160px );padding-left:0px;align-items: flex-start; }
    #project-sheet { padding: 0 70px 0px 0px; }

      #cartel { left:-50%;width:50%; }
      #cartel-titre, #conteneur-titre { font-size:24px; }
      #cartel-contenu, #conteneur { font-size:16px; }
}


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

@media screen and (max-width: 760px) {
      /* #logo, #logo-noir { font-size:28px; } */
      #logo { font-size:32px; }
      .logo-nom { font-size:21px; }
      #about, #shop { font-size:20px; }

      #menu-conteneur { right:-90%;width:90%; }
      #menu-image { display:none; }
      .menu-filtre { font-size:14px; }
      #filtres li.menu-item a, #filtres li.current-menu-item a { font-size:14px; }
      .menu-element { font-size: 18px; }

      .case,  .case-unit { width:50%; }

      .projet-colonneGauche { width: calc( 100% - 100px ); }

      .project-sheet-text-fixed { display:none; }
    .project-sheet-text-resp { width:400px;display:block; }
    #project-sheet-scroll { top:135px;height:calc( 100% - 160px );padding-left:0px;align-items: flex-start; }
    #project-sheet { padding: 0 70px 0px 0px; }

      #cartel { left:-66%;width:66%; }
      #cartel-titre, #conteneur-titre { font-size:21px; }
      #cartel-contenu, #conteneur { font-size:16px; }
}