/***************HOMEPAGE GRID **********/
/***************************************/


.gd-0 { display: none; }   
.gd-3x1  { grid-column: span 3;  grid-row: span 1; }
.gd-4x2  { grid-column: span 4;  grid-row: span 2; }
.gd-4x3  { grid-column: span 4;  grid-row: span 3; }
.gd-4x4  { grid-column: span 4;  grid-row: span 4; }
.gd-8x2  { grid-column: span 8;  grid-row: span 2; }
.gd-8x3  { grid-column: span 8;  grid-row: span 3; }
.gd-8x4  { grid-column: span 8;  grid-row: span 4; }
.gd-9x3  { grid-column: span 9;  grid-row: span 3; }
.gd-12x2 { grid-column: span 12; grid-row: span 2; }
.gd-12x4 { grid-column: span 12; grid-row: span 4; }
/* Comportement d’image */
.full img { object-fit: contain; }

/* Pour les rares images devant recadrer en cover (ex: ENSA) */
img.cover { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.full-page-image{
    height: 100%;
    max-height: 100vh;
    overflow: scroll;
    display: flex;
    padding: 2%;
    /*align-items: center;
  justify-content: center;
  */
}

.full-page-image a img{
object-fit: contain;}




.return-btn{
   font-family: "Zen Loop";
  font-size: 1.5em;
}


.legende-projet {
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 2s ease, transform 0.6s ease;
}

.legende-projet.visible {
  opacity: 1;
  transform: translateY(0);
}

.project-text{
    text-wrap: balance;
    line-height: 1em;
}

h4 .page-projet{
    padding-left: 0;
}

.grid-projet{
    overflow: scroll;
}

.small-bubikon{
grid-column: span 3;
grid-row: span 1;
}



/****************** PAGES PROJETS ****************/



.item1 { grid-column: span 9; grid-row: span 3; } .bright { grid-column: span 3; grid-row: span 1; } .horizontals8x3 { grid-column: span 8; grid-row: span 3; } .verticals4x3 { grid-column: span 4; grid-row: span 3; } .item8, .item9, .item10{ grid-column: span 4; grid-row: span 2; } .halfimg{grid-column: span 6; grid-row: span 2;} .item11{grid-column: span 7; grid-row: span 2;} .item12{grid-column: span 5; grid-row: span 2;} .item13{grid-column: span 12; grid-row: span 2;} .tiersimg{grid-column: span 4; grid-row: span 3;} .tiers4x2{grid-column: span 4; grid-row: span 2;} .full img{ object-fit: contain; } .full-bubikon{ grid-column: span 12; grid-row: span 4; } .small-bubikon{ grid-column: span 3; grid-row: span 1; }







@media (max-width: 768px) {

  [class*="gd-"] { display: none; }
  [class*="gm-"] { display: block; }






    .contained{
        object-fit: contain;
    }

 .gm-0 { display: none; }   

  .gm-3x2  { grid-column: span 3;  grid-row: span 2; }
  .gm-4x1  { grid-column: span 4;  grid-row: span 1; }
  .gm-4x2  { grid-column: span 4;  grid-row: span 2; }
  .gm-4x3  { grid-column: span 4;  grid-row: span 3; }
  .gm-8x3  { grid-column: span 8;  grid-row: span 3; }
  .gm-6x3  { grid-column: span 6;  grid-row: span 3; }
  .gm-5x2  { grid-column: span 5;  grid-row: span 2; }
  .gm-7x2  { grid-column: span 7;  grid-row: span 2; }
  .gm-8x2  { grid-column: span 8;  grid-row: span 2; }
  .gm-12x2 { grid-column: span 12; grid-row: span 2; }
  .gm-12x4 { grid-column: span 12; grid-row: span 4; }



  /*************** PAGES PROJETS ***************/

.item1 { grid-column: span 12; grid-row: span 4; } .bright { grid-column: span 3; grid-row: span 2; } .horizontals8x3 { grid-column: span 8; grid-row: span 2; } .verticals4x3 { grid-column: span 4; grid-row: span 2; } .item8, .item9, .item10{ grid-column: span 4; grid-row: span 1; } .tiersimg { grid-column: span 6; grid-row: span 3; }

}