/* COULEURS UTILISÉES ////////////////////////////////////////////////////////////////////////////  */ 

/* https://palette-generator.significa.co/ */

/* À CLASSER //////////////////////////////////////////////////////////////////////////// */ 

#main-content img {
  border-radius: 0 0 0 0;
}

/* HEADER //////////////////////////////////////////////////////////////////////////// */ 

header {
  border-bottom: 0px;
}

.main-header {
  background-color: #191919; /* gris foncé */
  border-top: 10px solid #ff0066; /* fuchsia plein */
  border-bottom: 0px solid #ff0066; /* fuchsia plein */
}

/* titre du site ------------------------------------------------------ */ 
.main-header__site-title a {
  color: #ff0066; /* fuchsia plein */
  weight: 800;
}

/* titre actif du gros nav en haut ------------------------------------------------------ */ 
ul.navigation nav-menu li.active {
  color: #666666; /* gris 40%*/
}

/* titres inactifs du gros nav en haut ------------------------------------------------------ */ 
.main-navigation .navigation > li > a {
  color: #e7e7e7; /* gris pâle */
}

/* titres inactifs du gros nav en haut hover ------------------------------------------------------ */ 
.main-navigation .navigation > li > a:hover {
  color: #ff0066; /* fuchsia plein */
}

/* masquage des sous-éléments du gros nav en haut INUTILE ------------------------------------------------------ */ 
.main-navigation .navigation > li > ul {
  display: none;
}

/* fond du menu version mobile ------------------------------------------------------ */ 
nav.menu-drawer {
  background-color: #191919; /* gris foncé */
}

/* entête du menu version mobile ------------------------------------------------------ */ 
.menu-drawer .navigation-controls {
  background-color: #ff0066; /* fuchsia plein */
}

/* "close menu" du menu version mobile ------------------------------------------------------ */ 
.menu-drawer .navigation-controls a {
  color: #ff0066 !important; /* fuchsia plein */
}

/* barre de recherche ------------------------------------------------------ */ 
div.main-header-search.visible {
  background-color: #ff4181; /* fuchsia moyen */
}

/* bordure de la barre de recherche ------------------------------------------------------ */ 
.main-header-search {
  border-top: 0px solid #ff0066; /* fuchsia plein */
}

/* masquage du advanced search ------------------------------------------------------ */ 
div.main-header__top-bar {
  display: none;
}

/* masquage du advanced search bouton ------------------------------------------------------ */ 
a.main-header-search__advanced-search {
  display: none;
}

/* petit nav en haut des pages ------------------------------------------------------ */ 
nav.breadcrumbs {
  background-color: black;
}

/* masquage de la liste de sous-pages ------------------------------------------------------ */ 
ul.navigation {
  display: inherit;
}

/* BODY //////////////////////////////////////////////////////////////////////////// */ 

/* couleur fond, texte, interligne + dégradé du fond ------------------------------------------------------ */ 
body {
  color: black;
  line-height: 1.25;
  background-color: #e7e7e7; /* gris pâle */
  background-image: linear-gradient(#e7e7e7, #e7e7e7 50%, #ff006650);
}

/* blockquote ------------------------------------------------------ */ 
blockquote {
  background-color: transparent;
}

/* dégradé du fond pour Premier âge d'ôr ------------------------------------------------------ */ 
body.page.site-page-premier-age-or,
body.page.site-page-julien-daoust,
body.page.site-page-public,
body.page.site-page-conditions-interpretes,
body.page.site-page-louis-guyon,
body.page.site-page-mortel-baiser,
body.page.site-page-entretien-larrue,
body.page.site-page-entretien-fortin
 {
  background-image: linear-gradient(#e7e7e7, #e7e7e7 50%, #FFD40060); /* jaune brillant */
}

/* dégradé du fond pour Cinéma ------------------------------------------------------ */ 
body.page.site-page-cinema,
body.page.site-page-premieres-projections,
body.page.site-page-creation-monde,
body.page.site-page-wilfrid-laurier,
body.page.site-page-france-film,
body.page.site-page-cinema-chinois-au-cinema-village
 {
  background-image: linear-gradient(#e7e7e7, #e7e7e7 50%, #0072ff60); /* bleu plus foncé */
}

/* dégradé du fond pour Burlesque ------------------------------------------------------ */ 
body.page.site-page-second-age-or,
body.page.site-page-arrivee-poune,
body.page.site-page-conduite-spectacles,
body.page.site-page-galas-revues-xylophone,
body.page.site-page-alys-robi,
body.page.site-page-burlesque,
body.page.site-page-duchesse-roturier,
body.page.site-page-entretien-verdon
 {
  background-image: linear-gradient(#e7e7e7, #e7e7e7 50%, #47c64a60);  /* vert désaturé */
}

/* dégradé du fond pour Conservatoire ------------------------------------------------------ */ 
body.page.site-page-conservatoire,
body.page.site-page-facade,
body.page.site-page-theatre-ete,
body.page.site-page-portes-disparus,
body.page.site-page-alcide-1er,
body.page.site-page-entretien-raymond
 {
  background-image: linear-gradient(#e7e7e7, #e7e7e7 50%, #ee785960);  /* saumon */
}

/* sous-titres ------------------------------------------------------ */ 
h2, h3, h4, h5, h6, h7, h8 {
  color: #ff0066; /* fuchsia plein */
  text-align: left;
}

/* hyperliens ------------------------------------------------------ */ 
a {
  color: #ff0066; /* fuchsia plein */
}

/* hyperliens hover ------------------------------------------------------ */ 
a:hover {
  color: var--primary-dark;
}

/* hyperliens hover NON FONCTIONNEL ------------------------------------------------------ */ 
a:hover {
  color: var--primary-dark;
}

/* masquage barre à gauche des titres ------------------------------------------------------ */ 
.block-pageTitle::before {
  display: none;
}

.block-pageTitle {
  padding-left: 0;
}

/* masquage barre à gauche des titres dans base ------------------------------------------------------ */ 
span.title::before {
  display: none;
}

/* BOUTONS PAGE SUIVANTE ET PAGE PRÉCÉDENTE //////////////////////////////////////////////////////////////////////////// */ 

/* fond des boutons ------------------------------------------------------ */ 
.site-page-pagination a {
  background-color: transparent;
}

/* fond des boutons si actif NON FONCTIONNEL ------------------------------------------------------ */ 
.site-page-pagination a.active  {
  background-color: #191919;
}

/* bordure */ 
.site-page-pagination {
  border-top: 0px solid #ff0066; /* fuchsia plein */
}

/* ACCUEIL //////////////////////////////////////////////////////////////////////////// */ 

.accueil-bouton {
  filter: brightness(100%);
  /* transition: filter 0.3s ease; */ 
  font-weight: 700;
  text-align: center;
  padding: 2em;
  color: white;
}

.accueil-bouton:hover {
  filter: brightness(80%);
}

/* padding autour de l'image sur la page d'accueil */
.page.site-page-accueil div img {
  padding-left: 15px;
  padding-right: 15px;
}

/* PAGE GRID //////////////////////////////////////////////////////////////////////////// */ 

.page-block-image img {
  filter: grayscale(100%)
  /* transition: filter 0.3s ease; */ 
  object-fit: cover;
  width: 100%;
}

.page-block-image img:hover {
  filter: brightness(50%) grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(400%);
}

.page-blocks {
  min-height: 10em;
  line-height: 0;
}

div.item.resource  {
  width:100%;
}

.page-blocks-text {
  filter: brightness(100%);
  /* transition: filter 0.3s ease; */
  font-weight: 700;
  text-align: center;  /* NON FONCTIONNEL */
  padding: 1em;
  line-height: 1.25;
}

/* Alignement des titres de chaque bloc NON FONCTIONNEL */
p#titre-page-block-text-p {
  text-align: center;
}

/* Titres de chaque bloc */
a#titre-page-block-text {
  color: black;
  text-decoration: none;
}

.page-blocks-text:hover {
  /* filter: invert(17%) sepia(70%) saturate(6626%) hue-rotate(329deg) brightness(102%) contrast(112%); */
  filter: brightness(50%) grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(400%);
}

/* Couleurs pour Le premier âge d'or ------------------------------------------- */
.page-block-text-1.premier-age-or, .page-block-text-5.premier-age-or {
  background-color: #FFD400; /* jaune brillant */
}

.page-block-text-2.premier-age-or, .page-block-text-6.premier-age-or {
  background-color: #FFEA61; /* jaune pâle */
}

.page-block-text-3.premier-age-or, .page-block-text-7.premier-age-or {
  background-color: #ffb72d; /* orange */
}

.page-block-text-4.premier-age-or, .page-block-text-8.premier-age-or {
  background-color: #FFDD3C; /* jaune moyen */
}

/* Couleurs pour Le cinéma ------------------------------------------- */
.page-block-text-1.cinema, .page-block-text-5.cinema {
  background-color: #00deff; /* cyan */
}

.page-block-text-2.cinema, .page-block-text-6.cinema {
  background-color: #73c8f0; /* bleu poudre */
}

.page-block-text-3.cinema, .page-block-text-7.cinema {
  background-color: #0072ff; /* bleu plus foncé */
}

.page-block-text-4.cinema, .page-block-text-8.cinema {
  background-color: #369dec; /* bleu */
}

/* Couleurs pour Le second âge d'or ------------------------------------------- */
.page-block-text-1.second-age-or, .page-block-text-5.second-age-or {
  background-color: #1fe524; /* vert pomme */
}

.page-block-text-2.second-age-or, .page-block-text-6.second-age-or {
  background-color: #47c64a; /* vert désaturé */
}

.page-block-text-3.second-age-or, .page-block-text-7.second-age-or {
  background-color: #78ef58; /* vert pâle */
}

.page-block-text-4.second-age-or, .page-block-text-8.second-age-or {
  background-color: #8cf133; /* vert jaunâtre */
}

/* Couleurs pour Le conservatoire ------------------------------------------- */
.page-block-text-1.conservatoire, .page-block-text-5.conservatoire {
  background-color: #ee7859; /* saumon */
}

.page-block-text-2.conservatoire, .page-block-text-6.conservatoire {
  background-color: #fc742a; /* orange */
}

.page-block-text-3.conservatoire, .page-block-text-7.conservatoire {
  background-color: #fda95f; /* pêche */
}

.page-block-text-4.conservatoire, .page-block-text-8.conservatoire {
  background-color: #fdce73; /* peau */
}

/* PAGE SOUS-THÈME */ 

div.paragraphe-page > p {
  text-align: start;
}

/* masquage de la puce du renvoi avant le renvoi vers la page thème */ 
div.block.block-listOfPages.grid-position-auto.grid-span-4 div ul {
  list-style-type: none;
}

/* élément avant le renvoi vers la page thème */ 
div.block.block-listOfPages.grid-position-auto.grid-span-4 div ul li::before {
  content: "< ";
  color: #ff0066;
}

/* espacement du renvoi vers la page thème */ 
div.block.block-listOfPages.grid-position-auto.grid-span-4 div ul {
  padding-left: 0;
  weight: 800;
  font-size: 120%;
}

/* À PROPOS //////////////////////////////////////////////////////////////////////////// */ 

/* bloc de logos */ 
div.assets.partners {
  padding-top: 4em;
  max-width: 80%;
}

/* formulaire de contact */ 
form.contact-form {
  max-width: 700px;
  padding-bottom: 2em;
}

/*BASE DE DONNÉES //////////////////////////////////////////////////////////////////////////// */ 

/* titre */ 
div.container h1 {
  color: #ff0066;
}

/* nom de propriété */ 
div.property dt {
  color: #5c6166;
}

/* bordure au bas de la page */ 
div.regions-container {
  border-bottom: none;
}

/* réduction de l'interligne pour les métadonnées */
div.metadata {
  line-height: 1;
}

.title {
  padding-left: 0;
  padding-top: 2rem;
}

/*FOOTER //////////////////////////////////////////////////////////////////////////// */ 

footer {
  background-color: #000000;
  margin: 0em;
}

.main-footer__top {
  background: #ff0066;
  display: none;
}

 .main-footer__bottom {
  background-color: #191919; /* gris foncé */
}