.carousel-cadrage {
	position: relative;
	top: -30px;
}
.carousel-img 
	{
	border: 1px solid #57534D;
	}

/* 1. On cible TRÈS précisément l'image pour écraser la transition de Mobirise */
.gallery .gallery-item img.grille {
    transition: all 0.2s ease-in-out !important;
    /* transition-delay: 0.1s !important; */
	border: 0px solid white;
	object-fit: cover;
	display: flex;
}

/* 2. On déclenche l'effet dès que la souris entre dans la case (.gallery-item) */
.gallery .gallery-item:hover img.grille {
    transform: scale(1.02) !important;
    box-shadow: 0px 0px 25px black !important;
	border-radius: 15px;
	border: 1px solid white;
}

/* groupe légendes et notes */
.annotations 
	{
	margin: auto;
	text-align: center;
	}

/* ---------------------------------- */
/* gestion des notifications de photo */
/* ---------------------------------- */
figure, section 
	{
	overflow: visible !important;
	}
figure, figure * {
  pointer-events: auto;
  cursor: pointer; 
  margin: auto;
}
figure img  
	{
	pointer-events: none;
	}
	
.positionnement {
	padding-top: 50px;
	scroll-snap-align: start;
	scroll-margin-top: 20px;
	scroll-snap-type: y proximity;
	text-align: left;
}

.notifications 
	{
	width: 38px; 
	height: 38px; 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding-left: 0; 
	padding-right: 0;
	background-color: #149dcc ;
	color: white;
	border: 3px solid #FFB86A;
	border-radius: 50%;
	float: right;
}	
	
.partager.ordinateur {
	margin: 10px;
	text-align: left;
	display: inline-block;
}
.partager.mobile {
	margin: 5px;
	text-align: left;
	display: inline-block;
}
.transparent {
	background: linear-gradient(grey 60%, transparent);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-height: 150px;
	overflow: hidden;
}
.transparent a {
	pointer-events: none;
	}
	
.apparent_transition {
	max-height: 600px;
	transition: all linear 0.3s;
}

.apparent {
	max-height: 100%;
}
 
.transparent_photos {
	padding: 30px;
	-webkit-mask-image: linear-gradient( black 50%, transparent);
	max-height: 350px;
	overflow: hidden !important;
}
.apparent_photos_transition {
	max-height: 800px;
	transition: all linear 0.3s;
}

.suite {
	font-size: 16px;
	position: relative;
	background: white;
	font-style: oblique 30deg;
	color: green;
  }
  
.publiee {
	align-items: center;
	background-color: #6df2ce;
	border: 0;
	border-radius: 10px;
	box-sizing: border-box;
	color: black;
	cursor: pointer;
	display: inline-flex;
	font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	justify-content: center;
	line-height: 20px;
	max-width: 480px;
	min-height: 40px;
	min-width: 50px;
	overflow: hidden;
	padding: 5px;
	padding-left: 60px;
	padding-right: 60px;
	text-align: center;
	vertical-align: middle;
	margin: 5px;
	margin-left: 30px;
}

.diaporama-arriere-plan {
	position:fixed;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 5001;
	width: 100%;
    height: 100%;
	background-color: black;
	opacity: 0.8;
	visibility: hidden ;
}

.diaporama-conteneur {
	position:fixed;
	z-index: 5002;
	top: 20px;
	width: 100%;
    height: 100%;
	padding: 0;
	margin: 0;
	margin-top: -20px;
	visibility: hidden ;
	text-align: center;
}

.diaporama {
	display: flex;
	justify-content: center;
	align-items: center;
}

.conteneurBasDePage {
	pointer-events: none;
	z-index: 20;
	height: 50px; 
	width: 100vw;    /* 100% de la largeur visible de la fenêtre */
	position: fixed;
	bottom: 55px;
	display: flex;
	/* 2. Centrage horizontal */
	justify-content: center;
	/* 3. Centrage vertical */
	align-items: center;
}
.conteneurHautDePage {
	pointer-events: none;
	z-index: 20;
	height: 50px; 
	width: 100vw;    /* 100% de la largeur visible de la fenêtre */
	position: fixed;
	bottom: 10px;
	display: flex;
	/* 2. Centrage horizontal */
	justify-content: center;
	/* 3. Centrage vertical */
	align-items: center;
}
/* Style normal de l'image (enfant du lien) */
.basDePage img, .hautDePage img 
{
	pointer-events: auto;
	display: block;
	width: 70px;
	height: 50px;
	padding: 5px;
	z-index: 20;
	opacity: .1;
	background: transparent;
	border-radius: 15px;
	transition: all .3s ease-in-out;
}
/* Style de survol : Lorsque l'utilisateur survole le lien (a.basDePage), 
   on modifie l'image (img) qu'il contient. */
a.basDePage:hover img, .hautDePage:hover img
{
	opacity: 1;
	background: white;
	box-shadow: 0px 0px 15px black;
	border-radius: 15px;
	transition: all .3s ease-in-out;
}

/* Gestion des listes déroulantes
   Chaque liste doit se nommer de l'ID suivi de Plier ou Deplier
   ex:    ArticlesPlier */
.conteneurDateArticle 
	{
	border-top: 4px solid color-mix(in srgb, var(--couleur-texte) 20%, transparent);
	}
	
.dateArticle  
	{
	margin-left: 3rem;
	}
.mobile .dateArticle  
	{
	margin-left: 0rem;
	}	
.posArticles {
	max-width: 400px;
	position: relative;
	padding: 0;
	margin: 0;
	top: 4px; 
	margin-left: 5%;
}
.ArticlesPlier {
	opacity: 0;
	transition: all 0.3s linear;
	overflow: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.ArticlesDeplier {
	opacity: 1;
	transition: all 0.3s linear;
	overflow: visible;
	height: 400px;
	padding: 0px;
	box-shadow: 0px 0px 15px black;
	border-radius: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.lienArticle {
	border: 1px solid grey;
	background-color: #b0f6fe;
	padding: 6px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #747474;

}
.lienArticle:hover {
	box-shadow: 5px 5px 20px grey;
	border: 1px solid grey;
	background-color:  #FEF9C2;
	color: black;
	}

#defilementAuto.ordinateur
	{
	z-index: 10;
	left: 0;
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-width: none;
	-ms-overflow-style: none;
	height: auto; 
	white-space: nowrap;
	padding: 40px 20px;
}
#defilementAuto.mobile
	{
	z-index: 10;
	left: 0;
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	min-height: fit-content;
}
.pageBloquee {
    overflow: hidden; 
    height: 100vh; /* Empêche le défilement vertical */
}

.positionBlocs
	{
/* margin-top:1rem;  */
	margin: 0;
	margin-bottom: 20px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-align: start;
	scroll-margin-top: 70px;
	scroll-snap-type: y proximity;
}

.index.mobile
	{
	text-align: left;
	margin-left:5px; 
	padding-left: 10px;
	padding-right: 20px;
	border-radius: 20px;
	}	
.index.ordinateur
	{
	text-align: left;
	margin-left:8rem; 
	padding: 15px;
	height: 50px;
	padding-right: 20px;
	border-radius: 20px;
	}	

.imgIndex 
	{
	position: relative;
	left: -2rem;
	top: 1rem;
	margin: 0;
	padding: 0;
	overflow: visible; 
	width: 80px;
}

.numeroPhoto_ {
	color:#f2d7d5; 
	font-size:20px; 
	font-weight:800; 
	text-align:center;
}
.numeroPhoto {
    display: block;          /* Force le passage à la ligne sous le lien/bloc */
    color: #f2d7d5; 
    font-size: 20px; 
    font-weight: 800; 
    text-align: center;
    margin-top: 6px;         /* Espace d'aération sous la photo */
    line-height: 1.2;
}
	
.pswp__preloader {
    display: none !important;
}

.pswp__counter 
	{
	position: relative;
	margin-right: auto;
	}
  
.conteneur-jaimePhoto 
	{
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-flex;
	top: -14px;
	padding: 6px;
	padding-top: 17px;
	vertical-align: middle;
	border-radius: 10px;
	}
.conteneur-jaimePhoto:hover
	{
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 2px 2px 10px grey;
	transform: scale(1.2);
	transition: all .1s ease-in-out;
	cursor: crosshair;
	}
/* Style par défaut : curseur "Plus" */
.conteneur-jaimePhoto,
.conteneur-jaimePhoto .cptPhoto{
    cursor: crosshair; 
    transition: transform 0.2s ease; /* Optionnel : pour un petit effet visuel */
}

/* Style lorsque la photo est aimée : curseur "Moins" */
.conteneur-jaimePhoto.liked,
.conteneur-jaimePhoto.liked .cptPhoto{
    cursor: zoom-out;
}

img.jaimePhoto 
	{
	width: 30px !important; 
	height: 30px; 
	display: block;
	}
.cptPhoto  
	{
	position: relative;
	top: -10px;
	left: -20px;
	font-family: verdana;
	font-size:14px; 
	min-width: 20px; 
	max-height: 20px; 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px; 
	margin: 0;
	color: grey;
	border-radius: 50%;
	cursor: crosshair;
	user-select: none;
	}
.cptPhoto:not(:empty) {
	background-color: #ECFCCA;
    border: 1px solid grey;
}

.totalCptPhoto 
	{
	position: relative;
	top: -8px;
	left: -14px;
	font-family: verdana;
	font-size:14px; 
	min-width: 20px; 
	max-height: 20px; 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 3px; 
	margin: 0;
	color: grey;
	border-radius: 50%;
	cursor: crosshair;
	user-select: none;	
	}
.totalCptPhoto:not(:empty) {
	background-color: #ECFCCA;
    border: 1px solid grey;
}

/* ---------------------------------- */
/* gestion des entêtes d'article      */
/* ---------------------------------- */
.ordinateur .enteteArticle
	{
	display: inline-block;
	width: 235px;
	white-space: normal;
	padding-top:  5px;
	padding-left:  20px;
	padding-right:  20px;
	padding-bottom: 10px;
	background-color: white;
	border: 0;
	border-radius: 10px;
	transition: all .3s ease-in-out;
	text-align: center;
	vertical-align: bottom;
}
.mobile .enteteArticle
	{
	display: inline-block;
	width: 180px;
	white-space: normal;
	padding-top:  5px;
	padding-left:  10px;
	padding-right:  10px;
	padding-bottom: 10px;
	background-color: white;
	border: 0;
	border-radius: 10px;
	transition: all .3s ease-in-out;
	text-align: center;
	vertical-align: bottom;
	flex-shrink: 0;
	min-height: min-content;
}
 
.enteteArticle:hover {
	border: 1px solid grey;
	box-shadow: 0px 0px 15px black;
	transform: scale(1.1);
	transition: all .3s ease-in-out;
}
    
.ordinateur .blocArticle
	{
    display: block;
	text-align:center;
 	width: 190px;
	height: 260px;
	max-height: 260px;
	overflow: hidden;
	border: 1px solid black;
	border-radius: 8px;
	box-shadow: 4px 5px 8px black;
	white-space: normal;
}
.mobile .blocArticle
	{
    display: block;
	text-align:center;
 	width: 160px;
	height: 230px;
	max-height: 230px;
	overflow: hidden;
	border: 1px solid black;
	border-radius: 8px;
	box-shadow: 4px 5px 8px black;
	white-space: normal;
}

.textArticle {
	text-align: center;
	align-items: center;
	font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: grey;
	padding: 3px;
	white-space: normal;
	height: fit-content;
 }

.limite
	{
	display: inline-block; 
	background: #080047;
	width: 5px;
	height: 200px;
	margin: 0 10px;
	vertical-align: center;
	}