div#conteneur { font-size:18px; width:99vw; }
div#entete-galerie { display:flex; justify-content:flex-start; margin:auto; width:100%; }
div#titre { margin:5px 0 5px 0; padding-left:7px; color:#c6eba2; 
			position:relative; }
div#titre span { font-size:36px; font-weight:bold; color:white; }
.linear-gradient {
  background: linear-gradient(to right, blue, white);
}
/* div#nav_accueil { display: flex;align-items: center;} */
div#nav_mediums { display: flex; justify-content: space-between; flex-wrap:wrap; align-items:center; row-gap:15px; }
div#nav_mediums a { color:blue; display:inline-block; }
div#nav_mediums a.affichee { font-weight:bold; font-variant:small-caps; border:1px solid blue; text-decoration:none; }
  
div#directive { width:100%; color:green; }
div#intro { font-size:20px; }
div#contenu { position:relative;  }
  
div#vignettes { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; gap:10px; width:100%; }
  div.vignette { display:inline-block; }
  img.vignette { border:1px solid black; }
  div#photo { display:none; background-color:white; position:relative; margin:auto;
  	justify-content:center; align-items:center; gap:2vw; 
  	}
  div#photo img { max-height:75vh;max-width:80vw; border:1px solid black; }
  
  /* div#image-photo {width:902px; height:660px; position:relative; text-align:center; } */
  
  #btn-retour-aux-vignettes { visibility:hidden; z-index:999; }
  div#div-btn-retour-aux-vignettes { text-align:center; margin-bottom:5px; margin-top:5px; }
  .vertical-center {
  	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}
button.invisible { border:0; color:white; }


div#cote-a-cote { display:none; background-color:white; width:100%; align-items:center; gap:10px; flex-wrap: wrap; justify-content:center; }
div#cote-a-cote > div.image-photo { text-align:center; }
div#cote-a-cote div.image-photo img { border:1px solid black; }
div#cote-a-cote div.image-photo span { font-family:helvetica; font-size:14px; line-height:1.5em; }
div#texte { font-family:helvetica; text-align:center; margin-bottom:10px; }
div#texte span { font-size:85%; }
button#btn-retour-aux-vignettes, div#texte { font-size:16px; }
img.selectionnee { border:4px solid green; }
div.break { flex-basis: 100%; height: 0; display:inline; }
div#cote-a-cote > div.image-photo { max-width:48%; }
div#cote-a-cote div.image-photo img { max-width:100%; height:auto; }

/*@media screen and (min-width: 1200px) { 
	div#photo img { max-height:100vh;max-width:90vw; border:2px solid red; }
	}*/

@media screen and (max-width: 900px) and (orientation: landscape) { 
    /* 896px pour iPhone 11 */ 
    div#entete-galerie { flex-direction:row; }
}

@media screen and (max-width: 420px) and (orientation: portrait) { 
    /* 414px pour iPhone 11 */ 
    div#entete-galerie { flex-direction:column; }
    div#div-btn-retour-aux-vignettes { margin-top:20px; }
    div#nav_mediums { font-size:20px; }
}