.page {
  /*padding: 5vh 5vw 10vh;*/
  display: grid;
  grid-template-areas: "menu . photo . ." ". btg photo btd legphoto" "foot . . . . ";
  grid-template-columns: 15vw 2vw 2fr 2vw 25vw;
  grid-template-rows: 23vh auto;
  grid-column-gap: 1vw;
  grid-row-gap: 1vh;
}
.legende_photo {
  grid-area: legphoto;
  margin-right: 1vw;
  text-align: justify;  
}
.titre_photo,
.sst_photo {
  font-family:"Reforma 1918 NegraIt";
  line-height: 1em;
  text-align:initial;
}
.sst_photo {
  font-size:0.8em;
  color:var(--couleur-1bis);
}
.resume_photo {
  text-align: justify; 
  color:var(--couleur-2bis);
}
.photo {
  grid-area: photo;
  padding-top: 4vh;
}
.nav_btn_gche,
.nav_btn_dte {
  font-family:"FiraCodeNerd Regular";
  font-size:2em;
  display: grid;
  align-content:center;
  opacity: 0.5;
  
}
.nav_btn_gche {
  grid-area: btg;
}
.navboutongch::before {
  content:"\F0A8";
}
.nav_btn_dte{
  grid-area: btd;
}

.navboutondt::before {
  content:"\F0A9";
}