<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Koros
Description: Theme personnel du Choeur d'Hommes de la Villette
Author: Hugo Demontis
Author URI: https://www.choeurdhommesdelavillette.fr
Version: 0.1.0
*/

/* --- DÃ©claration variables --- */
:root {
	--taille-page: 1024px;
	--decalage-haut: 10px;
	--couleur-baltique: #c96227;
}

* {
	font-family: 'Manrope', sans-serif;
	font-weight: 300;
	text-decoration: none !important;
}

html, body { 
	font-size: 14px;
	margin:0;
}

h2 {
	font-size: 26px;
}

h4 {
	margin-top: 0px;
	font-size: 20px;
	font-weight: 700;
}

strong, b, b *{
	font-weight: 700;
}

a {
	color: gray;
}
a:hover {
	color: black;
}
a:focus {
	outline: none;	
}
s {
	text-decoration: line-through !important;
}

.wp-block-columns {
    margin-bottom: 0;
}
.grayscale img{
	filter: grayscale(1);
}
/*fix pour les image dÃ©formÃ©es suite Ã&nbsp; la mÃ&nbsp;j Wordpress 5.3 */
.wp-block-image img {
	height: 100%;
}

/* Page spÃ©ciale : "Voyages" */
/* Orient-Express */
.page-id-135 p,
.page-id-135 ol,
.page-id-135 h4 {
	color: rgb(5, 85, 128);
	text-align: justify;
}
/* AÃ©ropostale */
.page-id-137 p,
.page-id-137 ol,
.page-id-137 h4 {
	color: rgb(140, 21, 23);
	text-align: justify;
}
.page-id-137 .ytp-cued-thumbnail-overlay-image {
	
}

/* Baltique */
.page-id-139 p,
.page-id-139 ol,
.page-id-139 h4 {
	color: rgb(201, 98, 39);
	text-align: justify;
}
.page-id-139 .wp-block-embed__wrapper {
	background-blend-mode: luminosity !important;
    background-color: #8e6147 !important;
}

/* MÃ©diterranÃ©e */
.page-id-4307 p,
.page-id-4307 ol,
.page-id-4307 h4 {
	color: rgb(71, 118, 92);
	text-align: justify;
}

/* Nous soutenir */
.page-id-2335 {
}

/* Blocs de texte de hauteur fixe avec scrollbar masquÃ©e (Thibaut Judalet) */
.hide-scrollbar{
	scrollbar-width: none;
	overflow: scroll;
}
.hide-scrollbar::-webkit-scrollbar{
	display: none;
}

.courriel {
	cursor: pointer;
}

/* Suppression outline lecteur audio (par Maxime Chevalier) */
.wp-block-audio audio {
    outline: 0px;
}

/* Agenda (par Maxime Chevalier) */
.page-id-129 .contenu-page figure {
    margin: 0;
}
.page-id-129 .wp-block-image {
    margin-bottom: 0;
}

/* Affichage dynamique des lÃ©gendes sur image */
.copyright {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.copyright figcaption {
	position: absolute;
	z-index: 20;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 5px;
	width: 100%;
	text-align: right;
    color: white;
	font-weight: 500;
	font-size: 12px;
	opacity: 0;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.copyright:hover figcaption {
	opacity: 1;
}

figcaption a, figcaption a:hover {
	color: white;
}


/* Galeries avec image Ã©claircie et petite lÃ©gende pour sommaires des pages expÃ©rimentations et analyses (par Maxime Chevalier) */
.koros-galerie-sommaire {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-sommaire figcaption a {
	display: inline-block;
	width: 100%;
	color: black !important;
	font-weight: 700;
}
.koros-galerie-sommaire figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	text-align: center;
	font-size:12px;
	opacity: 0;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-sommaire img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-sommaire:hover figcaption {
	opacity: 1;
}
.koros-galerie-sommaire:hover img {
	filter: opacity(0.2);
}

/* Galeries avec image assombrie et titre (par Maxime Chevalier) */
.koros-galerie-sombre {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-sombre figcaption a {
	display: inline-block;
	width: 100%;
	color: white !important;
	font-weight: 700;
}
.koros-galerie-sombre figcaption a:hover {
	color: white !important;
}
.koros-galerie-sombre figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	font-size: 30px;
	text-align: center;
	color: white !important;
	opacity: 0;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-sombre img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-sombre:hover figcaption {
	opacity: 1;
}
.koros-galerie-sombre:hover img {
	filter: brightness(0.4);
}

/* Galeries avec image Ã©claircie et lÃ©gende normale (par Maxime Chevalier) */
.koros-galerie-claire {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-claire figcaption a {
	display: inline-block;
	width: 100%;
	color: black !important;
	font-weight: 700;
}
.koros-galerie-claire figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	text-align: center;
	opacity: 0;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-claire img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-claire:hover figcaption {
	opacity: 1;
}
.koros-galerie-claire:hover img {
	filter: opacity(0.2);
}

/* Galeries avec image colorisÃ©e et titre (par Maxime Chevalier) */
.koros-galerie-colorise {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-colorise figcaption a {
	display: inline-block;
	width: 100%;	
	color: white !important;
	font-weight: 700;
}
.koros-galerie-colorise figcaption a:hover {
	color: white !important;
}
.koros-galerie-colorise figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	text-align: center;
	font-size: 30px;
	color: white !important;
	opacity: 1;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-colorise img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
	filter: grayscale(100%) brightness(0.4);
}
.koros-galerie-colorise:hover figcaption {
	opacity: 0;
}
.koros-galerie-colorise:hover img {
	filter: grayscale(0%) brightness(1);
}

/* Galeries avec image titre (par Maxime Chevalier) */
.koros-galerie-titre {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-titre figcaption a {
	display: inline-block;
	width: 100%;	
	color: white !important;
	font-weight: 700;
}
.koros-galerie-titre figcaption a:hover {
	color: white !important;
}
.koros-galerie-titre figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	text-align: center;
	font-size: 30px;
	color: white !important;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-titre img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-titre:hover img {
	filter: brightness(0.4);
}

/* Galeries avec image titre noir (par Maxime Chevalier) */
.koros-galerie-noir {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.koros-galerie-noir figcaption a {
	display: inline-block;
	width: 100%;	
	color: black !important;
	font-weight: 700;
}
.koros-galerie-noir figcaption a:hover {
	color: black !important;
}
.koros-galerie-noir figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	text-align: center;
	font-size: 30px;
	color: black !important;
	box-sizing: content-box;
	user-select: none;
  	transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-noir img {
	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	-webkit-transition: all 0.2s ease-in-out;
}
.koros-galerie-noir:hover img {
	filter: opacity(0.2);
}

/* Textes caches (par Thibaut Judalet)*/
	button.reveler {
		border: none;
		width: 100%;
		text-align: center;
		color: gray;
  		background-color: #ffff;
		cursor: pointer;
	}
	
	.texte-cache {
		display: none;
		margin-top: 20px;
		text-align: justify;
	}

	button.reveler:focus, button.reveler:active {
		outline: 0;
	}

	button.reveler:hover {
		color: black;
	}

/*VISIONNEUSES*/
/*Suppression de la couleur de fond des boutons prÃ©cÃ©dents et suivants*/
.fg-image-viewer.fg-light .fiv-inner .fiv-ctrls .fiv-next:hover,
.fg-image-viewer.fg-light .fiv-inner .fiv-ctrls .fiv-prev:hover {
    background-color: transparent;
}
/*Suppression de l'animation des boutons prÃ©cÃ©dents et suivants et rÃ©glages couleur*/
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next span,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev span {
    transform: none;
    color: grey;
}
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next span:hover,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev span:hover {
    color: black;
}
/*Suppression des flÃ¨ches des boutons prÃ©cÃ©dents et suivants*/
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:before {
    content: none;
}
/*Suppression des contours des boutons prÃ©cÃ©dents et suivants*/
.fg-image-viewer.fg-light .fiv-next,
.fg-image-viewer.fg-light .fiv-prev {
    box-shadow: inset 0 0 0 0px;
}
/*RÃ©duction de la largeur des boutons prÃ©cÃ©dents et suivants*/
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev {
    min-width: 20px;
}
/*Diminution des marges du compteur et couleur des chiffres en noir*/
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-count span {
    margin: 0 1px;
    color: grey !important;
}
/*Mise en forme du texte*/
.fg-image-viewer .fiv-inner .fiv-ctrls {
    font-size: 12px;
    line-height: 24px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
/* Cas particuliers */
/* ExpÃ©rimentations, ScÃ©nographie et Analyses (par Maxime Chevalier) */
.page-id-1680 .foogallery .fg-caption-title,
.page-id-153 .foogallery .fg-caption-desc,
.page-id-155 .foogallery .fg-caption-desc {
    font-size: 12px !important;
    font-weight: 700;
	color: black;
}
/* ExpÃ©rimentations (par Maxime Chevalier) */
.page-id-1680 .fg-image-viewer .fiv-inner .fiv-inner-container .fg-item .fg-thumb img {
    width: auto;
    max-height: 330.46px;
}
/* Analyses (par Maxime Chevalier) */
.page-id-155 .fg-image-viewer .fiv-inner .fiv-inner-container .fg-item .fg-thumb img {
    width: auto;
    max-height: 313px;
}
/* Largeur sur mobile (par Maxime Chevalier) */
.fg-image-viewer .fiv-inner .fiv-inner-container .fg-item:first-of-type {
    width: 100%;
}


/*FOOBOX*/
/*Agrandissement des flÃ¨ches*/
.fbx-modal a.fbx-next,
.fbx-modal a.fbx-prev,
.fbx-modal a.fbx-close {
    font-size: 20px;
}
/*Couleur du compteur*/
.fbx-rounded.fbx-light .fbx-count, .fbx-rounded.fbx-light .fbx-credit a {
    color: grey;
}
/*Suppression de l'ensemble des ombres*/
.fbx-rounded .fbx-next.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow:hover,
.fbx-rounded .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-prev.fbx-btn-shadow:hover,
.fbx-rounded .fbx-btn-shadow,
.fbx-rounded .fbx-btn-shadow:hover,
.fbx-inner-shadow {
    -moz-box-shadow: 0px 0 0px #000;
    -moz-box-shadow: 0px 0 0px rgba(0,0,0,.8);
    -webkit-box-shadow: 0px 0 0px #000;
    -webkit-box-shadow: 0px 0 0px rgba(0,0,0,.8);
    box-shadow: 0px 0 0px #000;
    box-shadow: 0px 0 0px rgba(0,0,0,.8);
}

/*Ajout de la flÃ¨che : suivant (modification TJ 18.04.2021 suite mÃ&nbsp;j plugin)*/
.fbx-next::before {
    content: "\276F";
}
/*Ajout de la flÃ¨che : pÃ©cÃ©dent*/
.fbx-prev::before {
    content: "\276E";
}
/*Ajout de la croix : fermer*/
.fbx-close::before {
    content: "\2716";
}

.fbx-icon {
	visibility: hidden !important;
}

/*Suppression du fond des boutons prÃ©cÃ©dent et suivant*/
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev {
    background-color: transparent;
}
/*Suppression des coins arrondis*/
.fbx-rounded .fbx-inner,
.fbx-rounded .fbx-item-current,
.fbx-rounded .fbx-item-image,
.fbx-rounded .fbx-item-next {
	border: 0px;
    border-radius: 0px;
}
/*DÃ©placement de la zone de clic prÃ©cÃ©dent*/
.fbx-rounded .fbx-prev {
    left: -50px;
}
/*DÃ©placement de la zone de clic suivant*/
.fbx-rounded .fbx-next {
    right: -50px;
}
/*Ã‰largissement des zones de clic prÃ©cÃ©dent et suivant*/
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev {
    width: 40px;
}
/*Suppression du cercle "fermer" et dÃ©placement de la croix*/
.fbx-rounded .fbx-close {
    background-color: transparent;
    border: 0px;
	top: -10px;
    right: -40px;
}
/*Modifications des couleur des flÃ¨ches*/
.fbx-light .fbx-close,
.fbx-light .fbx-error-msg,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before,
.fbx-metro.fbx-light .fbx-count,
.fbx-metro.fbx-light .fbx-credit a {
    color: grey !important;
}
.fbx-light .fbx-close:hover,
.fbx-light .fbx-fullscreen-toggle:hover,
.fbx-light .fbx-next:hover,
.fbx-light .fbx-pause:hover,
.fbx-light .fbx-play:hover,
.fbx-light .fbx-prev:hover,
.fbx-light .fbx-social-toggle:hover,
.fbx-light.fbx-inset-buttons .fbx-next:hover:before,
.fbx-light.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-light .fbx-credit a:hover {
    color: black !important;
}
/*Suppression de l'animation de changement de couleur des flÃ¨ches*/
.fbx-btn-transition,
.fbx-btn-transition:before {
    transition-duration: 0s,0s,0s,0s;
}
/*Suppression du bonton d'affichage des lÃ©gendes*/
.fbx-open-caption {
    visibility: hidden;
}
/* Fond d'Ã©cran blanc */
.fbx-light,
.fbx-light.fbx-phone .fbx-social {
    background-color: white;
}
/*Suppression du loader*/
.fbx-loader {
    visibility: hidden !important;
}
/*Suppression de la croix "fermer" de la lÃ©gende*/
.fbx-close-caption {
    visibility: hidden;
}
/*Modification de l'animation d'affichage de la lÃ©gende*/
.fbx-caption.fbx-slide-caption {
    transform: none;
    opacity: 0;
}
/* CAS PARTICULIERS */
/* ExpÃ©rimentations spatiales (par Maxime Chevalier) */
.page-id-1680 .fbx-rounded .fbx-caption {
    visibility: hidden;
}
/* ScÃ©nographie et Analyses (par Maxime Chevalier) */
.page-id-153 .fbx-caption-title,
.page-id-155 .fbx-caption-title {
    font-size: 12px;
    padding: 5px;
    line-height: 12px;
    user-select: none;
    text-align: right;
}
.page-id-153 .fbx-light .fbx-caption,
.page-id-155 .fbx-light .fbx-caption {
    background-color: transparent;
}
.page-id-153 .fbx-caption-desc,
.page-id-155 .fbx-caption-desc {
    visibility: hidden;
    line-height: 0;
    padding: 0;
}</pre></body></html>