/* image différente pour chaque haut de page - /* rappel : le #blocduhaut sert uniquement à intégrer la photo teaser sur la zone logo+nav+titres */ 

#blocduhaut {
	height: 65vw; /* hauteur à réduire à 50vw pour les formats paysage */
	background: linear-gradient(to top, rgba(255,255,255,0)40%, rgba(255,255,255,1)), url("../realisations/photos/RENOVATION-KRUTENAU-chambre-lampes-chevets-suspendues-1600x900.webp"); /* 67% pour les formats paysage*/
	background-size: cover;
    overflow: hidden;
	background-position: center;   /* réglage en fonction du cadrage voulu pour chaque photo teaser : left, right ou center */
    width: 96vw;
 }
/*  ****************************************************************************************
DEBUT DE LA PARTIE POUR TABLETTES EN MODE PORTRAIT (PARTIE 2)
****************************************************************************************   */
@media screen and (min-width : 481px) {	
#blocduhaut {
	height: 65vw; /* hauteur à réduire à 50vw pour les formats paysage */
	background: linear-gradient(to top, rgba(255,255,255,0)50%, rgba(255,255,255,1)), url("../realisations/photos/RENOVATION-KRUTENAU-chambre-lampes-chevets-suspendues-1600x900.webp"); /* 40% pour téléphone portrait et 67% pour les formats paysage*/	
	background-size: cover ;
	background-position: center;   /* réglage en fonction du cadrage voulu pour chaque photo teaser : left, right ou center */
}
}
/*  ****************************************************************************************
FIN DE LA PARTIE POUR TABLETTES EN MODE PORTRAIT (PARTIE 2)
****************************************************************************************   */
/*  ****************************************************************************************
DEBUT DE LA PARTIE POUR ECRANS EN MODE PAYSAGE
****************************************************************************************   */
@media screen and (orientation: landscape) {
#blocduhaut {
	height: 50vw; /* hauteur à réduire à 50vw pour les autres formats que portrait */
	background: linear-gradient(to top, rgba(255,255,255,0)50%, rgba(255,255,255,1)), url("../realisations/photos/RENOVATION-KRUTENAU-chambre-lampes-chevets-suspendues-1600x900.webp"); /* 67% pour les autres formats */
	background-size: cover ;
	background-position: center;   /* réglage en CENTER dans tous les cas pour la version payasage */
 }
}
/* Page CSS écrite par Alexandre KITTEL pour son propre site IN SITU, mars 2024 */