.section {
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
  
  /*media-query*/
  display: grid;
  grid-template-columns: repeat(40, 2.5vw [col-start]);
}

.images-projet, .image-intro-page {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

/*makyma*/
#inte-page-makyma {grid-template-rows: repeat(116, 2.5vw [row-start]);}
#image-titre-projet-makyma {grid-area: 1 / 13 / span 17 / span 10;}
#titre-projet-makyma {grid-area: 14 / 25 / span 3 / span 12;}
#texte-section-makyma {grid-area: 22 / 13 / span 15 / 36;}
#section-makyma {grid-area: 22 / 9 / span 1 / span 2;}
#lien-makyma {grid-area: 27 / 13 / span 1 / span 10;}
#makyma-etoile {grid-area: 27 / 12 / span 1 / span 1; transform: translateX(1vw);}
#makyma-image-etoile {opacity: 0;}
#img-makyma-1 {grid-area: 32 / 4 / span 17 / span 17; z-index: -1;}
#img-makyma-2 {grid-area: 44 / 17 / span 14 / 38;}
#section-2-makyma {grid-area: 62 / 9 / span 1 / span 2;}
#texte-section-2-makyma {grid-area: 62 / 13 / span 2 / 36;}
#img-makyma-3 {grid-area: 66 / 25 / span 20 / span 12;}
#img-makyma-4 {grid-area: 73 / 15 / span 20 / span 12; z-index: 10;}
#img-makyma-5 {grid-area: 80 / 4 / span 20 / span 12;}
#img-makyma-6 {grid-area: 103 / 9 / span 14 / 33;}

/*kaolin et barbotine*/
#inte-page-kb {grid-template-rows: repeat(73, 2.5vw [row-start]);}
#image-titre-projet-kb {grid-area: 2 / 14 / span 12 / span 20;}
#titre-projet-kb {grid-area: 12 / 6 / span 7 / span 15;}
#section-kb {grid-area: 24 / 7 / span 1 / span 2;}
#texte-section-kb {grid-area: 24 / 10 / span 3 / 33;}
#img-kb-1 {grid-area: 30 / 4 / span 20 / span 30;}
#img-kb-2 {grid-area: 45 / 26 / span 10 / span 10; transform: rotate(-15deg);}
#img-kb-3 {grid-area: 55 / 11 / span 18 / 31;}

/*insight*/
#inte-page-insight {grid-template-rows: repeat(91, 2.5vw [row-start]);}
#image-titre-projet-insight {grid-area: 5 / 7 / span 12 / span 20;}
#titre-projet-insight {grid-area: 1 / 21 / span 3 / span 15;}
#section-insight {grid-area: 20 / 15 / span 1 / span 2;}
#texte-section-insight {grid-area: 20 / 18 / span 2 / span 20;}
#img-insight-1 {grid-area: 26 / 24 / span 11 / 37; z-index: 10;}
#img-insight-2 {grid-area: 32 / 5 / span 16 / span 23;}
#img-insight-3 {grid-area: 46 / 13 / span 14 / span 20;}
#img-insight-4 {grid-area: 64 / 10 / span 26 / span 18;}

/*webradio*/
#inte-page-webradio {grid-template-rows: repeat(120, 2.5vw [row-start]);}
#image-titre-projet-webradio {grid-area: 1 / 14 / span 12 / span 20;}
#titre-projet-webradio {grid-area: 14 / 6 / span 7 / span 15;}
#section-webradio {grid-area: 19 / 20 / span 1 / span 2;}
#texte-section-webradio {grid-area: 19 / 23 / span 3 / 34;}
#img-webradio-1 {grid-area: 25 / 6 / span 13 / span 13; z-index: 5;}
#img-webradio-2 {grid-area: 33 / 16 / span 16 / 36; z-index: -2;}
#img-webradio-3 {grid-area: 52 / 5 / span 19 / span 14;}
#img-webradio-4 {grid-area: 52 / 23 / span 19 / span 14;}
#img-webradio-6 {grid-area: 75 / 5 / span 19 / span 14;}
#img-webradio-5 {grid-area: 75 / 23 / span 19 / span 14;}
#img-webradio-7 {grid-area: 98 / 6 / span 20 / span 29;}

/*high Cream*/
#inte-page-hc {grid-template-rows: repeat(128, 2.5vw [row-start]);}
#image-titre-projet-hc {grid-area: 2 / 15 / span 12/ span 13;}
#titre-projet-hc {grid-area: 9 / 8 / span 7 / span 9;}
#section-1-hc {grid-area: 19 / 18 / span 1 / span 2;}
#texte-section-1-hc {grid-area: 19 / 21 / span 3 / 34;}
#lien-1-hc {grid-area: 22 / 21 / span 1 / span 6;}
#hc-1-etoile {grid-area: 22 / 20 / span 1 / span 1; transform: translateX(1vw);}
#hc-1-image-etoile {opacity: 0;}
#img-hc-1 {grid-area: 27 / 12 / span 10 / span 15;}
#img-hc-2 {grid-area: 37 / 6 / span 2 / span 10;}
#img-hc-3 {grid-area: 43 / 15 / span 15 / span 20}
#section-2-hc {grid-area: 60 / 8 / span 1 / span 2;}
#texte-section-2-hc {grid-area: 60 / 11 / span 3 / 34;}
#lien-2-hc {grid-area: 63 / 11 / span 1 / span 7;}
#hc-2-etoile {grid-area: 63 / 10 / span 1 / span 1; transform: translateX(1vw);}
#hc-2-image-etoile {opacity: 0;}
#img-hc-4 {grid-area: 66 / 7 / span 11 / span 12;}
#img-hc-5 {grid-area: 78 / 7 / span 11 / span 12;}
#img-hc-6 {grid-area: 66 / 21 / span 11 / span 12;}
#img-hc-7 {grid-area: 78 / 21 / span 11 / span 12;}
#img-hc-8 {grid-area: 92 / 10 / span 14 / span 20}
#img-hc-9 {grid-area: 108 / 6 / span 11 / span 19; z-index: 5;}
#img-hc-10 {grid-area: 116 / 21 / span 12 / 36; z-index: -2;}

/*isométries*/
#inte-page-iso {grid-template-rows: repeat(75, 2.5vw [row-start]);}
#image-titre-projet-iso {grid-area: 1 / 13 / span 17 / span 10;}
#titre-projet-iso {grid-area: 14 / 25 / span 3 / span 12;}
#section-1-iso {grid-area: 22 / 6 / span 1 / span 2;}
#texte-section-1-iso {grid-area: 22 / 10 / span 3 / 36;}
#img-iso-1 {grid-area: 26 / 6 / span 18 / span 12;}
#img-iso-2 {grid-area: 37 / 23 / span 14 / span 13;}
#img-iso-4 {grid-area: 56 / 5 / span 19 / span 13;}
#img-iso-5 {grid-area: 56 / 23 / span 19 / span 13;}

/*clair-obscure*/
#inte-page-archi {grid-template-rows: repeat(123, 2.5vw [row-start]);}
#image-titre-projet-archi {grid-area: 1 / 21 / span 17 / span 10;}
#titre-projet-archi {grid-area: 14 / 13 / span 3 / span 12;}
#section-archi {grid-area: 22 / 17 / span 1 / span 2;}
#texte-section-archi {grid-area: 22 / 21 / span 3 / 36;}
#img-archi-1 {grid-area: 26 / 6 / span 22 / span 15; z-index: 2;}
#img-archi-2 {grid-area: 42 / 19 / span 14 / 36; z-index: -2;}
#img-archi-3 {grid-area: 60 / 5 / span 18 / span 14;}
#img-archi-4 {grid-area: 60 / 22 / span 18 / span 14;}
#img-archi-5 {grid-area: 82 / 5 / span 18 / span 14;}
#img-archi-6 {grid-area: 82 / 22 / span 18 / span 14;}
#img-archi-7 {grid-area: 104 / 5 / span 18 / span 14;}
#img-archi-8 {grid-area: 104 / 22 / span 18 / span 14;}

/*mariage*/
#inte-page-mariage {grid-template-rows: repeat(90, 2.5vw [row-start]);}
#image-titre-projet-mariage {grid-area: 5 / 10 / span 12 / span 20;}
#titre-projet-mariage {grid-area: 1 / 20 / span 3 / span 15;}
#section-mariage {grid-area: 20 / 15 / span 1 / span 2;}
#texte-section-mariage {grid-area: 20 / 18 / span 2 / span 20;}
#img-mariage-1 {grid-area: 23 / 6 / span 12 / span 18; z-index: 2;}
#img-mariage-2 {grid-area: 31 / 21 / span 12 / 36; z-index: -2;}
#img-mariage-3 {grid-area: 47 / 5 / span 18 / span 13;}
#img-mariage-4 {grid-area: 47 / 23 / span 18 / span 13;}
#img-mariage-5 {grid-area: 70 / 5 / span 18 / span 13;}
#img-mariage-6 {grid-area: 70 / 23 / span 18 / span 13;}

/*campus-19*/
#inte-page-c19 {grid-template-rows: repeat(150, 2.5vw [row-start]);}
#image-titre-projet-c19 {grid-area: 1 / 9 / span 12 / span 20;}
#titre-projet-c19 {grid-area: 13 / 6 / span 3 / span 14;}
#section-c19 {grid-area: 20 / 17 / span 1 / span 2;}
#texte-section-c19{grid-area: 20 / 20 / span 2 / span 20;}
#lien-c19{grid-area: 22 / 20 / span 1 / span 8;}
#c19-etoile {grid-area: 22 / 19 / span 1 / span 1; transform: translateX(1vw);}
#c19-image-etoile {opacity: 0;}
#img-c19-1 {grid-area: 39 / 20 / span 11 / span 13; z-index: 10;}
#img-c19-2 {grid-area: 24 / 7 / span 23 / span 18;}
#img-c19-3 {grid-area: 54 / 8 / span 13 / span 26;}
#img-c19-4 {grid-area: 70 / 15 / span 21 / span 13;}
#img-c19-5 {grid-area: 95 / 5 / span 13 / span 13;}
#img-c19-6 {grid-area: 95 / 23 / span 13 / span 13;}
#img-c19-7 {grid-area: 115 / 5 / span 13 / span 13;}
#img-c19-8 {grid-area: 115 / 23 / span 13 / span 13;}
#img-c19-9 {grid-area: 135 / 5 / span 13/ span 13;}
#img-c19-10 {grid-area: 135 / 23 / span 13 / span 13;}

/*Laon*/
#inte-page-laon {grid-template-rows: repeat(270, 2.5vw [row-start]);}
#image-titre-projet-laon {grid-area: 1 / 13 / span 17 / span 10;}
#titre-projet-laon {grid-area: 14 / 25 / span 3 / span 12;}
#section-laon {grid-area: 20 / 19 / span 1 / span 2;}
#texte-section-laon {grid-area: 20 / 22 / span 3 / 36;}
#lien-laon {grid-area: 23 / 22 / span 1 / span 10;}
#laon-etoile {grid-area: 23 / 21 / span 1 / span 1; transform: translateX(1vw);}
#laon-image-etoile {opacity: 0;}
#img-laon-1 {grid-area: 23 / 3 / span 26 / span 15;}
#img-laon-2 {grid-area: 26 / 22 / span 18 / span 15;}
#img-laon-3 {grid-area: 53 / 3 / span 21 / span 15;}
#img-laon-4 {grid-area: 48 / 22 / span 28 / span 15;}
#img-laon-5 {grid-area: 78 / 3 / span 50 / span 15;}
#img-laon-6 {grid-area: 80 / 22 / span 38 / span 15;}
#img-laon-8 {grid-area: 132 / 3 / span 9 / span 15;}
#img-laon-7 {grid-area: 122 / 22 / span 28 / span 15;}
#img-laon-9 {grid-area: 145 / 3 / span 10 / span 15;}
#img-laon-10 {grid-area: 154 / 22 / span 10 / span 15;}
#img-laon-11 {grid-area: 159 / 3 / span 9 / span 15;}
#img-laon-12 {grid-area: 168 / 22 / span 23 / span 15;}
#img-laon-13 {grid-area: 172 / 3 / span 20 / span 15;}
#img-laon-14 {grid-area: 195 / 22 / span 33 / span 15;}
#img-laon-15 {grid-area: 196 / 3 / span 33 / span 15;}
#img-laon-17 {grid-area: 233 / 3 / span 16 / 37;}
#img-laon-18 {grid-area: 253 / 3 / span 16 / 37;}

/*vues urbaines*/
#inte-page-vurb {grid-template-rows: repeat(160, 2.5vw [row-start]);}
#image-titre-projet-vurb {grid-area: 2 / 15 / span 12/ span 13;}
#titre-projet-vurb {grid-area: 9 / 8 / span 7 / span 9;}
#section-vurb {grid-area: 19 / 12 / span 1 / span 2;}
#texte-section-vurb {grid-area: 19 / 15 / span 3 / 34;}
#lien-vurb {grid-area: 22 / 15 / span 1 / span 6;}
#vurb-etoile {grid-area: 22 / 14 / span 1 / span 1; transform: translateX(1vw);}
#vurb-image-etoile {opacity: 0;}
#img-vurb-0 {grid-area: 26 / 12 / span 24 / span 16;}
#img-vurb-1 {grid-area: 54 / 8 / span 16 / 32;}
#img-vurb-3 {grid-area: 74 / 12 / span 24 / span 16;}
#img-vurb-4 {grid-area: 102 / 12 / span 29 / span 16;}
#img-vurb-5 {grid-area: 135 / 12 / span 24 / span 16;}