/* 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;
}

.site-page-pagination a:hover:not(.disabled) {
  background-color: #ff006675;
  border:1px solid var(--secondary);
  color:var(--secondary)
}

/* 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;
}

/* bouton de réservation */
p a#reservation {
  border-radius: 30px;
  cursor: pointer;
  padding: 12px 30px;
  text-decoration: none;
  transition: all .3s ease;
  background-color: #ff0066; /* fuchsia plein */
  border: 1px solid var(--primary-dark);
  color: white;
  font-size: .75rem;
  padding: 10px 14px;
  margin: auto;
}

p a#reservation:hover {
  background-color: #ff4181; /* fuchsia moyen */
}

/* 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%;
}

/* blocs de couleur pour liens vers pages */
.page-blocks-text {
  filter: brightness(100%);
  font-weight: 700;
  padding: 1em;
  line-height: 1.25;
  display: grid;
  text-align: center;
}

/* Hover des blocs de couleur */
.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%);
}

/* paragraphes des liens vers pages */
p.div-page-block-text {
  position: relative;
}

/* Liens de chaque bloc */
a#titre-page-block-text {
  color: black;
  text-decoration: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 2em 1em;
}

/* 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: #76d1d4; /* 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: #5aab5c; /* vert pomme */
}

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

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

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

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

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

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

.page-block-text-4.conservatoire, .page-block-text-8.conservatoire {
  background-color: #d49a56; /* 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%;
  margin: auto;
}

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

/* CONTENUS AUDIO //////////////////////////////////////////////////////////////////////////// */ 

.media-embed .resource .media-render audio {
  max-width: 75%;
  background-color: var--primary; /* non fonctionnel */ 
  border: 10px; /* non fonctionnel */ 
  border-radius: 2px; /* non fonctionnel */ 
}

div.resp-iframe-wrapper-son  {
  max-width: 80%;
  margin-left: 2em;
  margin-right: 2em;
}

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

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

.main-footer__top {
  display: none;
}

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

/* BIBLIOGRAPHIE //////////////////////////////////////////////////////////////////////////// */ 

div.accordion-panel {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

h3 button#accordion-trigger-1.accordion-trigger {
  color: #ff0066; /* fuchsia plein */
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.875rem;
  padding-inline: 0;
  padding-block: 0;
}

h3 button#accordion-trigger-1.accordion-trigger:hover {
  background-color: transparent;
}

h3 button#accordion-trigger-1.accordion-trigger:focus {
  border: 0;
  border-radius: 0;
  outline: 0;
}

h3 button#accordion-trigger-1.accordion-trigger:visited {
  border: 0;
  border-radius: 0;
}

div.accordion-panel div#accordion-content-1.accordion-content {
  padding-inline: 0;
}

/*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;
}

@media (max-width: 767px) {
  .title {
    padding-left: 0;
    padding-top: 3rem;
  }
}

@media (min-width: 768px) {
  .title {
    padding-left: 0;
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .title {
    padding-left: 0;
    padding-top: 0;
  }
}

/* liens vers pages */
dl.site-pages {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding-top: 1em;
  padding-left: 1em;
  weight: 800;
  font-size: 100%;
}

/* décalage vers la gauche des liens vers pages */
.metadata dl.site-pages > .property dd:not(.sidebar-region .metadata dl > .property dd) {
  margin-left: 10px;
}

/* affichage liens sur une seule ligne */
dl.site-pages div.property dd.value {
  display: inline-block;
}

/* before */
dl.site-pages div.property dd.value::before {
  content: "< ";
  color: #ff0066;
}

/* effacement titre propriété lien vers pages */
 dl.site-pages div.property dt {
  display: none;
}