/* Feuille de style par défaut associée au modèle "albumvrac" 
	Dernière version : 09/09/2026
*/

/*------------------------------------------
  Définitions des couleurs selon les classes
  
  Les couleurs par défaut sont définies pour tous les éléments.
  Pour les autres classes, seules celles qui diffèrent sont définies.
*/
:root {
	/* Fond englobant toutes les images */
	--couleur-fond-def: #666;
	--couleur-fond-noir: black;
	--couleur-fond-gris_fn: #444;
	--couleur-fond-gris_cl: #bbb;
	--couleur-fond-blanc: white;
	--couleur-fond-transp: transparent;
	/* Textes principaux (titres, liens survolés...) */
	--couleur-txt0-def: white;
	--couleur-txt0-gris_cl: black;
	--couleur-txt0-blanc: black;
	--couleur-txt0-transp: inherit;
	/* Textes atténués (liens...) */
	--couleur-txt1-def: #ddd;
	--couleur-txt1-gris_cl: #666;
	--couleur-txt1-blanc: #666;
	--couleur-txt1-transp: #666;
	/* Textes très atténués (liens inactifs...) */
	--couleur-txt2-def: #fff8;
	--couleur-txt2-gris_cl: #0008;
	--couleur-txt2-blanc: #888;
	--couleur-txt2-transp: #0008;
	/* Fond des caches "diapo" */
	--couleur-cache-def: #333;
	--couleur-cache-noir: #222;
	--couleur-cache-blanc: white;
	--couleur-cache-transp: transparent;
	/* Fond de cache survolé */
	--couleur-survol-def: black;
	--couleur-survol-noir: #333;
	--couleur-survol-blanc: #bbb;
	--couleur-survol-transp: #bbb;
	/* Tour des caches "diapo" */
	--couleur-tour-def: #ddd;
	--couleur-tour-blanc: #888;
	--couleur-tour-transp: transparent;
	/* Tour de cache survolé */
	--couleur-surtour-def: white;
	--couleur-surtour-blanc: black;
	--couleur-surtour-transp: #888;
}
/*-----------------------------------------
  Styles pour la classe "gris" (par défaut)
*/
/* Cadre général englobant toutes les vignettes
	C'est principalement là qu'on définit les divers styles de fond.
*/
nav.albumvrac_cadre, nav.albumvrac_cadre.gris {
	color: var(--couleur-txt0-def);
	background-color: var(--couleur-fond-def);
	text-align: center;
	vertical-align: middle;
	padding: 1em;
	display: block !important; /* Pour la pagination */
}
/* Fond blanc */
nav.albumvrac_cadre.blanc {
	color: var(--couleur-txt0-blanc);
	background-color: var(--couleur-fond-blanc);
}
/* Fond gris clair */
nav.albumvrac_cadre.gris_cl {
	color: var(--couleur-txt0-gris_cl);
	background-color: var(--couleur-fond-gris_cl);
}
/* Fond gris foncé */
nav.albumvrac_cadre.gris_fn {
	background-color: var(--couleur-fond-gris_fn);
}
/*.albumvrac_cadre.gris_fn h2, .albumvrac_cadre.gris_fn h3 {
	background-color: #666;
}*/
/* Fond noir */
nav.albumvrac_cadre.noir {
	background-color: var(--couleur-fond-noir);
}
/* Fond transparent */
nav.albumvrac_cadre.transparent {
	color: var(--couleur-txt0-transp);
	background-color: var(--couleur-fond-transp);
	padding: 0;
}
/*nav.albumvrac_cadre.pagination {
	display: block !important;
}
*/
nav.albumvrac_cadre a {
	background-color: inherit;
}

/* Titre et sous-titre dans le cadre
	Pour le moment, seuls h2, h3 et p sont utilisés
 */
.albumvrac_cadre h2, .albumvrac_cadre h3 {
	margin: auto;
	padding: .5em;
	text-align: center;
}

.albumvrac_cadre p {
	margin: auto;
	padding-bottom: .5em;
	text-align: center;
}

/* Pagination
*/
nav.albumvrac_cadre .pagination_avant {
	color: var(--couleur-txt2-def);
	width: 100%;
	text-align: left;
}

nav.albumvrac_cadre .pagination_apres {
	color: var(--couleur-txt2-def);
	width: 100%;
	text-align: right;
}

nav.albumvrac_cadre.gris_cl .pagination_avant, nav.albumvrac_cadre.gris_cl .pagination_apres {
	color: var(--couleur-txt2-gris_cl);
}
nav.albumvrac_cadre.blanc .pagination_avant, nav.albumvrac_cadre.blanc .pagination_apres {
	color: var(--couleur-txt2-blanc);
}
nav.albumvrac_cadre.transparent .pagination_avant, nav.albumvrac_cadre.transparent .pagination_apres {
	color: var(--couleur-txt2-transp);
}
/* Classe inutilisée. Me rappelle même plus à quoi ça devait servir...
nav.albumvrac_cadre .on {
	color: #aaa;
	background-color: var(--couleur-fond-def);
}
*/
nav.albumvrac_cadre .lien_pagination {
	color: var(--couleur-txt1-def);
	font-weight: bold;
	}
nav.albumvrac_cadre .lien_pagination:hover {
	color: var(--couleur-txt0-def);
	font-weight: bold;
	text-decoration: underline;
	}
nav.albumvrac_cadre.gris_cl .lien_pagination {
	color: var(--couleur-txt1-gris_cl);
	}
nav.albumvrac_cadre.gris_cl .lien_pagination:hover {
	color: var(--couleur-txt0-gris_cl);
	}
nav.albumvrac_cadre.blanc .lien_pagination {
	color: var(--couleur-txt1-blanc);
	}
nav.albumvrac_cadre.blanc .lien_pagination:hover {
	color: var(--couleur-txt0-blanc);
	}
nav.albumvrac_cadre.transparent .lien_pagination {
	color: var(--couleur-txt1-transp);
	}
nav.albumvrac_cadre.transparent .lien_pagination:hover {
	color: var(--couleur-txt0-transp);
	font-weight: bold;
	text-decoration: underline;
	}

/* Cadre "diapo" pour chaque vignette
	Ce «cache» forme un carré (éventuellement un rectangle) autour de l'image, comme le cache d'une diapositive.
	La largeur et la hauteur ne sont là que par défaut, elles sont normalement redéfinies à l'affichage.
*/
div.albumvrac_cache {
	display: inline-block;
	background-color: var(--couleur-cache-def);
	width: 160px;
	height: 160px;
	text-align: center;/*
	vertical-align: middle;*/
	margin: 5px;
	border: solid 1px var(--couleur-tour-def);
	position: relative;
}
div.albumvrac_cache:hover {
	background-color: var(--couleur-survol-def);
	border: solid 2px var(--couleur-surtour-def);
}
div.albumvrac_cache a {
/*	background-color: transparent;*/
	text-align: center;
}

div.albumvrac_cache *:hover {
	background-color: inherit;
}
div.albumvrac_cache:hover a {
	background-color: inherit;
}

/* Fond blanc */
.blanc div.albumvrac_cache {
	background-color:  var(--couleur-cache-blanc);
	border: solid 1px var(--couleur-tour-blanc);
}
.blanc div.albumvrac_cache:hover {
	background-color: var(--couleur-survol-blanc);
	border: solid 2px var(--couleur-surtour-blanc);
}
/* Fond transparent */
.transparent div.albumvrac_cache {
	background-color:  var(--couleur-cache-transp);
	border: solid 1px var(--couleur-tour-transp);
}
.transparent div.albumvrac_cache:hover {
	background-color: var(--couleur-survol-transp);
	border: solid 2px var(--couleur-surtour-transp);
}
/* Centrage des vignettes dans le cache diapo */
.albumvrac_cache img {
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
/* Recadrage pour les vidéos (sinon elles débordent en bas d'écran).
*/
.box_mediabox.lity-iframe .lity-iframe-container iframe {
	background-color: black;
	width: 75%;
	height: 75%;
	display: inline-block !important;
}
/*----------------------------------
  Adaptations pour les autres styles
*/

/*.albumvrac_cadre.transparent h2, .albumvrac_cadre.transparent h3 {
	color: #black;
	background-color: transparent;
	}*/
/*.albumvrac_cadre.transparent p {
	color: black;
	background-color: transparent;
	}*/