/*introduction*/

#inte-page {
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
  
  /*media-query*/
  display: grid;
  grid-template-columns: repeat(40, 2.5vw [col-start]);
  grid-template-rows: repeat(73, 2.5vw [row-start]);
}

#image-titre-about {
  grid-area: 2 / 14 / 15 / span 10;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#titre-about {
	grid-area: 12 / 24 / span 3 / span 12;
}

#etoile-image-today {
	grid-area: 19 / 13 / span 2 / span 2;
	height: 5vw;
	width: 5vw;
	object-fit: contain;
}

/*expériences*/
#acrib {
	grid-area: 21 / 16 / span 1 / span 2;
}

#chargecom {
	grid-area: 22 / 16 / span 1 / span 12;
}

#date-acrib {
	grid-area: 23 / 16 / span 1 / span 8;
}

#lieux-acrib {
	grid-area: 24 / 16 / span 1 / span 5;
}

#etoile-acrib {
	grid-area: 25 / 16 / span 1 / span 1;
	transform: translate(-1.75vw, 0.625vw);
}

#etoile-image-acrib {
  height: 1.25vw;
  width: 1.25vw;
  object-fit: contain;
  opacity: 0;
}

#lien-acrib {
	grid-area: 25 / 16 / span 1 / span 6;
	transform: translateY(0.625vw);
}

#lisaa {
	grid-area: 28 / 16 / span 1 / span 14;
}

#bachelor {
	grid-area: 29 / 16 / span 1 / span 16;
}

#date-lisaa {
	grid-area: 30 / 16 / span 1 / span 7;
}

#lieux-lisaa {
	grid-area: 31 / 16 / span 1 / span 4;
}

#p114 {
	grid-area: 34 / 22 / span 1 / span 17;
}

#stage {
	grid-area: 35 / 22 / span 1 / span 16;
}

#date-p114 {
	grid-area: 36 / 22 / span 1 / span 5;
}

#lieux-p114 {
	grid-area: 37 / 22 / span 1 / span 6;
}

#etoile-p114 {
	grid-area: 38 / 22 / span 1 / span 1;
	transform: translate(-1.75vw, 0.625vw);
}

#etoile-image-p114 {
  height: 1.25vw;
  width: 1.25vw;
  object-fit: contain;
  opacity: 0;
}

#lien-p114 {
	grid-area: 38 / 22 / span 1 / span 5;
	transform: translateY(0.625vw);
}

#mmi {
	grid-area: 41 / 22 / span 1 / span 8;
}

#dut {
	grid-area: 42 / 22 / span 1 / span 13;
}

#date-mmi {
	grid-area: 43 / 22 / span 1 / span 3;
}

#lieux-mmi {
	grid-area: 44 / 22 / span 1 / span 4;
}

#ensab {
	grid-area: 48 / 22 / span 1 / span 16;
}

#ensab-licence {
	grid-area: 49 / 22 / span 1 / span 7;
}

#date-archi {
	grid-area: 50 / 22 / span 1 / span 3;
}

#lieux-archi {
	grid-area: 51 / 22 / span 1 / span 5;
}

#linkedin-image-lien {
	grid-area: 30 / 4 / span 8 / 14;
}

#cv-image-lien {
	grid-area: 38 / 14 / span 10 / 20;
}

#mail-image-lien {
	grid-area: 47 / 3 / span 6 / span 6;
}

#linkedin-image, #cv-image, #mail-image {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#linkedin-titre {
	grid-area: 38 / 2 / span 3 / 10;
}

#cv-titre {
	grid-area: 48 / 12 / span 3 / span 3; 
}

#mail-titre {
	grid-area: 53 / 3 / span 3 / span 4;
}

#etoile-linkedin, #etoile-cv, #etoile-mail {
	height: 2.5vw;
	width: 2.5vw;
	object-fit: contain;
	opacity: 0;
}

#etoile-linkedin {
	grid-area: 39 / 10 / span 2 / span 2;
}

#etoile-cv {
	grid-area: 47 / 12 / span 2 / span 2;
	transform: translate(0.625vw, -0.625vw);
}

#etoile-mail {
	grid-area: 55 / 3 / span 2 / span 2;
	transform: translateY(1.25vw);
}

#etoile-image-linkedin, #linkedin-image-lien, #cv-image-lien, #etoile-image-cv, #mail-image-lien, #etoile-image-mail {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

#rdv {
	grid-area: 57 / 15 / span 15 / span 10;
	height: 100%;
	width: 100%;
	object-fit: contain;
}