@charset "UTF-8";
.field--name-field-responsable .field:not(:last-child) {
  margin: 0px; }

.node--view-mode-titre .field--name-field-dates-des-cours div,
.field--name-field-vue-attachee .field--name-field-dates-des-cours div {
  display: none; }
.node--view-mode-titre .field--name-field-type-de-cours,
.field--name-field-vue-attachee .field--name-field-type-de-cours {
  font-size: 150%;
  font-weight: bold; }
.node--view-mode-titre .teaser__content,
.field--name-field-vue-attachee .teaser__content {
  gap: 0px; }

.node--view-mode-titre .field--name-field-dates-des-cours div:first-child,
.node--view-mode-titre .field--name-field-dates-des-cours div:last-child,
.field--name-field-vue-attachee .field--name-field-dates-des-cours div:first-child,
.field--name-field-vue-attachee .field--name-field-dates-des-cours div:last-child {
  display: block; }
.node--view-mode-titre .views-row,
.field--name-field-vue-attachee .views-row {
  margin-top: 10px; }
.node--view-mode-titre div,
.node--view-mode-titre article,
.field--name-field-vue-attachee div,
.field--name-field-vue-attachee article {
  margin-bottom: 0px;
  padding-block-end: 0px; }

.view-filters {
  clear: both; }

#block-olivero-views-block-liste-cours-block-1 .view-filters::after {
  display: block;
  clear: both;
  content: ""; }
#block-olivero-views-block-liste-cours-block-1 .view-filters {
  margin-bottom: 20px; }
#block-olivero-views-block-liste-cours-block-1 .view-content {
  clear: both; }
  #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre {
    border-bottom: 1px solid black;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .node__content,
    #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .field__label,
    #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .field__item {
      padding: 0px;
      line-height: 1.4rem; }
      #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .node__content p,
      #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .field__label p,
      #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre .field__item p {
        line-height: 1.4rem; }
  #block-olivero-views-block-liste-cours-block-1 .view-content ul,
  #block-olivero-views-block-liste-cours-block-1 .view-content li,
  #block-olivero-views-block-liste-cours-block-1 .view-content a,
  #block-olivero-views-block-liste-cours-block-1 .view-content h2 {
    line-height: normal;
    margin: 0px;
    list-style-type: none;
    list-style-image: none;
    text-decoration: none; }
    #block-olivero-views-block-liste-cours-block-1 .view-content ul h2,
    #block-olivero-views-block-liste-cours-block-1 .view-content li h2,
    #block-olivero-views-block-liste-cours-block-1 .view-content a h2,
    #block-olivero-views-block-liste-cours-block-1 .view-content h2 h2 {
      font-size: 1.5rem;
      margin-bottom: 5px;
      margin-top: 15px;
      text-decoration: none;
      margin: 0px; }
#block-olivero-views-block-liste-cours-block-1 .field:not(:last-child) {
  margin-block-end: 0px; }

.user_info,
.field--name-field-dates-des-cours .field__items {
  margin-left: 30px; }

.view-id-comite article:hover {
  background-color: #ddd;
  cursor: pointer; }
.view-id-comite #cboxLoadedContent .closer.lblCloser {
  float: right; }
.view-id-comite article {
  min-height: 170px;
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px;
  margin: 10px; }
  .view-id-comite article .field--name-field-fonction {
    font-weight: bold;
    background-color: #0f0f0f;
    padding: 2px 5px;
    color: white; }
    .view-id-comite article .field--name-field-fonction .field__item {
      display: inline-block; }
    .view-id-comite article .field--name-field-fonction .field__item::after {
      content: ",";
      margin-right: 5px; }
  .view-id-comite article .popupFakeOpener {
    display: none !important; }
  .view-id-comite article a {
    color: inherit;
    text-decoration: none; }
  .view-id-comite article .clXXXicked {
    background-color: red; }
  .view-id-comite article .closer.lblCloser {
    float: right; }
  .view-id-comite article img {
    margin-bottom: 1px;
    max-width: 150px;
    width: auto;
    float: right;
    min-height: 150px;
    max-height: 150px; }
  .view-id-comite article div {
    margin: 0px;
    margin-block-end: 0px !important; }
  .view-id-comite article .field--name-field-prenom {
    float: left;
    margin-right: 10px; }
  .view-id-comite article .field--name-field-prenom,
  .view-id-comite article .field--name-field-nom {
    font-weight: bold; }
  .view-id-comite article .button.popupFakeOpener {
    margin: 10px auto;
    display: block;
    text-align: center;
    line-height: 50px; }

.artclickXXXXXed {
  background-color: blue;
  color: green; }

#cboxOverlayXXXXXXXXX {
  background: none !important; }

body.path-comite .layout--pass--content-medium .block.block-system.block-system-main-block {
  grid-column: 2 / 15; }

#popup-field-group-biograpihie img {
  max-width: 200px;
  height: auto;
  float: right; }

.closer.lblCloser {
  display: none;
  float: right; }

#popup-field-group-biograpihie .field {
  margin: 0px; }

.site-main {
  margin-top: -50px; }

.sidebar-grid .region--sidebar {
  overflow: hidden;
  grid-column: 11 / 15; }
  .sidebar-grid .region--sidebar select {
    width: 100%; }
  .sidebar-grid .region--sidebar h2,
  .sidebar-grid .region--sidebar .block__title {
    font-size: 1.125rem; }
  .sidebar-grid .region--sidebar .block-views-blockliste-cours-block-1 h2 {
    display: none; }
  .sidebar-grid .region--sidebar h6 {
    margin: 10px 0px 0px 0px;
    font-size: inherit; }
  .sidebar-grid .region--sidebar .views-exposed-form {
    margin: 0px;
    padding: 0px; }
  .sidebar-grid .region--sidebar ol,
  .sidebar-grid .region--sidebar li {
    margin: 0px;
    padding: 0px; }

@media (min-width: 62.5rem) {
  body .sidebar-grid .region--sidebar {
    grid-column: 11 / 15; } }
.field--name-field-vignette-video {
  float: left;
  padding-right: 10px; }

.view-taxonomy-term .field--name-field-icon-file {
  float: left;
  padding-right: 10px;
  display: block;
  max-width: 30px; }

.views-field-field-icons-library::before {
  content: "  ";
  display: block;
  clear: both; }

.field--name-field-dates-des-cours .field__item {
  display: none; }

.field--name-field-dates-des-cours .field__item--first::before {
  display: inline-block;
  content: " Du ";
  margin-right: 10px; }

.field--name-field-dates-des-cours .field__item--last::before {
  display: inline-block;
  content: " Au ";
  margin-right: 10px; }

.field--name-field-dates-des-cours .field__item--first,
.field--name-field-dates-des-cours .field__item:first-child,
.field--name-field-dates-des-cours .field__item--last,
.field--name-field-dates-des-cours .field__item:last-child {
  display: block; }

.kint-rich {
  margin-top: 30px !important; }

#block-olivero-account-menu {
  position: absolute;
  top: 10px;
  margin-right: 18px; }

/* ============================================================================
   SCM 2026 – affinage design (chantiers 1, 2, 5)
   Chargé à la fin de theme.scss via @import "scm2026";
   ========================================================================== */
/* ---- Jetons ---------------------------------------------------------------- */
/* ---- Adoucissement global ----------------------------------------------------
   « une couleur d'écriture moins agressive que le noir » : on ne touche qu'à la
   couleur, pas aux tailles ni aux polices d'Olivero. */
body,
.site-main {
  color: #33383d; }

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.text-content h2,
.text-content h3 {
  color: #2b2f34; }

/* Le hack global « remonter le contenu » provoquait le chevauchement
   fil d'Ariane / titre sur les pages module. On neutralise. */
.site-main {
  margin-top: 0; }

.region--content-above {
  margin-top: 10px; }

#block-olivero-page-title .page-title {
  margin-top: 0;
  margin-bottom: 18px; }

/* ============================================================================
   CHANTIER 1 — Pages « module / cours » (vue taxonomy_term)
   ========================================================================== */
.view-taxonomy-term.view-id-taxonomy_term {
  /* Chapô : détaché, sans cadre, ton plus doux */
  /* Pile des blocs d'info : rythme vertical net + séparation par cartes */
  /* Chaque bloc à label (Durée, Public Cible, Prérequis, Contenu, …) = carte */
  /* Alternance de gris (dégradés doux, non criards) */
  /* Le label devient un bandeau de titre gris, collé aux bords de la carte */
  /* Listes internes : respiration */
  /* Lien « page SSS » : discret, pleine largeur */ }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--name-description {
    margin: 4px 0 22px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 1.06rem;
    line-height: 1.6;
    color: #5b6169; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header > div {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above {
    margin: 0;
    padding: 0 0 16px;
    border: 1px solid #d7dbdf;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above:nth-child(3n + 2) {
    background: #ffffff; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above:nth-child(3n + 3) {
    background: #f4f5f6; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above:nth-child(3n + 1) {
    background: #eceef0; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__label {
    display: block;
    margin: 0 0 14px;
    padding: 9px 18px;
    background: linear-gradient(180deg, #5b6169 0%, #4a4f55 100%);
    color: #f4f5f6;
    font-size: .95rem;
    font-weight: 600;
    letter-spacing: .02em; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__item,
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__items {
    padding: 0 18px; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item {
    line-height: 1.55; }
    .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item > ul {
      margin: 0;
      padding-left: 1.25em; }
    .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item li {
      margin: .35em 0; }
    .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item li > ul {
      margin-top: .35em; }
    .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item p {
      margin: .5em 0 0; }
    .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item p:first-child {
      margin-top: 0; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--name-field-lien-vers-la-page-sss {
    margin-top: 2px;
    font-size: .95rem;
    word-break: break-word; }
  .view-taxonomy-term.view-id-taxonomy_term .feed-icons {
    margin-top: 22px; }

/* ============================================================================
   CHANTIER 1 (suite) — Bloc latéral « Nos Prochains cours »
   « baveux » : on isole chaque cours dans une tuile, filet net entre eux
   ========================================================================== */
#block-olivero-views-block-liste-cours-block-1 {
  /* on annule le cadre/rythme hérité de theme.scss sur l'article interne */
  /* Identifiant du cours */
  /* Dates : plus d'indentation à 30px, libellé calme sur sa ligne, dates en bleu */
  /* « Imprimer » : séparé du contenu par un filet pointillé, plus collé */ }
  #block-olivero-views-block-liste-cours-block-1 .view-content {
    clear: both; }
  #block-olivero-views-block-liste-cours-block-1 .view-content .item-list > ol,
  #block-olivero-views-block-liste-cours-block-1 .view-content .item-list > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #block-olivero-views-block-liste-cours-block-1 .view-content .item-list > ol > li {
    list-style: none;
    margin: 0 0 10px;
    padding: 12px 14px;
    border: 1px solid #d7dbdf;
    border-radius: 8px;
    background: #f4f5f6; }
  #block-olivero-views-block-liste-cours-block-1 .view-content .item-list > ol > li:nth-child(even) {
    background: #eceef0; }
  #block-olivero-views-block-liste-cours-block-1 .view-content .node--type-les-cours.node--view-mode-titre {
    margin: 0;
    padding: 0;
    border: 0; }
  #block-olivero-views-block-liste-cours-block-1 .field--name-title h6 {
    margin: 0 0 6px;
    font-size: 1rem;
    line-height: 1.3;
    color: #2b2f34; }
  #block-olivero-views-block-liste-cours-block-1 .field--name-field-dates-des-cours {
    display: block;
    margin: 0;
    /* NB : ne pas toucher au display des .field__item ici — theme.scss
       n'affiche que la 1re et la dernière date (plage) en vue « titre ». */ }
    #block-olivero-views-block-liste-cours-block-1 .field--name-field-dates-des-cours .field__label {
      display: block;
      float: none;
      margin: 0;
      font-size: .82rem;
      font-weight: 600;
      color: #5b6169; }
    #block-olivero-views-block-liste-cours-block-1 .field--name-field-dates-des-cours .field__items {
      display: block;
      margin: 3px 0 0; }
    #block-olivero-views-block-liste-cours-block-1 .field--name-field-dates-des-cours time {
      color: #1b78c2;
      font-size: .9rem; }
  #block-olivero-views-block-liste-cours-block-1 .node_view .pre_links {
    margin: 9px 0 0;
    padding: 7px 0 0;
    border-top: 1px dashed #d7dbdf;
    list-style: none; }
  #block-olivero-views-block-liste-cours-block-1 .node_view .pre_links li {
    margin: 0;
    list-style: none; }
  #block-olivero-views-block-liste-cours-block-1 .node_view .pre_links a {
    font-size: .85rem; }

/* on retire l'indentation globale de 30px héritée pour ce bloc précis */
#block-olivero-views-block-liste-cours-block-1
.field--name-field-dates-des-cours .field__items {
  margin-left: 0; }

/* ============================================================================
   CHANTIER 1 (responsive) — pages module en petite largeur
   ========================================================================== */
@media (max-width: 47.99rem) {
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above {
    padding-bottom: 14px; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__label {
    padding: 8px 14px;
    margin-bottom: 12px; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__item,
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above > .field__items {
    padding: 0 14px; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--label-above .field__item > ul {
    padding-left: 1.1em; }
  .view-taxonomy-term.view-id-taxonomy_term .view-header .field--name-description {
    font-size: 1rem;
    margin-bottom: 18px; } }
/* ============================================================================
   CHANTIER 2 — Vue « Comité »
   - grille : 3 col. par défaut, 2 col. < 470px, 1 col. < 300px
   - carte propre, photo en tête, fonction sur bandeau gris
   - le colorbox « parcours » ne s'ouvre que par la photo (voir comite.js)
   ========================================================================== */
.view-id-comite {
  /* La carte */
  /* pied de carte : petit espace bas */ }
  .view-id-comite .views-view-responsive-grid,
  .view-id-comite .views-view-responsive-grid--horizontal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch; }
  .view-id-comite .views-view-responsive-grid__item {
    display: flex;
    align-self: stretch;
    margin: 0; }
  .view-id-comite .views-view-responsive-grid__item-inner {
    display: flex;
    align-self: stretch;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0; }
  .view-id-comite article {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex: 1 1 auto;
    width: 100%;
    min-height: 190px;
    margin: 0;
    padding: 0;
    border: 1px solid #d7dbdf;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
    /* Photo : bloc en tête, jamais flottante, cadrage homogène */
    /* Fonction : bandeau gris (plus de noir), pleine largeur sous la photo */
    /* Corps : identité */
    /* pousse le pied de carte en bas */
    /* on ne montre jamais le lien texte du module popup_field_group */
    /* le contenu du popup reste caché dans la page (affiché via colorbox) */ }
    .view-id-comite article:hover {
      background: #ffffff;
      cursor: default;
      border-color: #afb7bf; }
    .view-id-comite article .field--name-user-picture,
    .view-id-comite article > .field--type-image {
      order: -2;
      margin: 0 0 10px; }
      .view-id-comite article .field--name-user-picture .field__item,
      .view-id-comite article > .field--type-image .field__item {
        margin: 0; }
      .view-id-comite article .field--name-user-picture img,
      .view-id-comite article > .field--type-image img {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        height: 170px;
        min-height: 0;
        max-height: none;
        object-fit: cover;
        object-position: center 25%;
        margin: 0;
        border-radius: 0; }
    .view-id-comite article .field--name-field-fonction {
      order: -1;
      margin: 0 0 10px;
      padding: 7px 14px;
      background: linear-gradient(180deg, #5b6169 0%, #4a4f55 100%);
      color: #f4f5f6;
      font-size: .9rem;
      font-weight: 600;
      line-height: 1.25; }
      .view-id-comite article .field--name-field-fonction .field__items,
      .view-id-comite article .field--name-field-fonction .field__item {
        display: inline;
        margin: 0;
        padding: 0; }
      .view-id-comite article .field--name-field-fonction .field__item::after {
        content: ", ";
        margin: 0; }
      .view-id-comite article .field--name-field-fonction .field__item:last-child::after {
        content: ""; }
    .view-id-comite article .field--name-field-genre,
    .view-id-comite article .field--name-field-prenom,
    .view-id-comite article .field--name-field-nom {
      float: none;
      margin: 0;
      padding: 0 14px;
      line-height: 1.4; }
    .view-id-comite article .field--name-field-genre {
      font-size: .82rem;
      color: #5b6169;
      margin-bottom: 2px; }
    .view-id-comite article .field--name-field-prenom {
      display: inline;
      margin-right: .3em; }
    .view-id-comite article .field--name-field-nom {
      display: inline; }
    .view-id-comite article .field--name-field-prenom,
    .view-id-comite article .field--name-field-nom {
      font-weight: 700;
      color: #2b2f34; }
    .view-id-comite article .node_view {
      margin-top: auto; }
    .view-id-comite article .popup-field-group-open-popup,
    .view-id-comite article .button.popupFakeOpener {
      display: none !important; }
    .view-id-comite article .popup-field-group {
      display: none; }
    .view-id-comite article .field--name-field-fonction .field__item {
      display: inline-block; }
  .view-id-comite article > *:last-child {
    margin-bottom: 14px; }
  .view-id-comite article .node_view:empty {
    margin-bottom: 0; }

/* Responsive grille comité */
@media (max-width: 470px) {
  .view-id-comite .views-view-responsive-grid,
  .view-id-comite .views-view-responsive-grid--horizontal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px; }

  .view-id-comite article .field--name-user-picture img,
  .view-id-comite article > .field--type-image img {
    height: 150px; } }
@media (max-width: 300px) {
  .view-id-comite .views-view-responsive-grid,
  .view-id-comite .views-view-responsive-grid--horizontal {
    grid-template-columns: 1fr; } }
/* Contenu du parcours affiché dans le colorbox : forcer l'affichage
   (l'élément porte un style inline display:none dans la page) */
#cboxLoadedContent .popup-field-group,
#colorbox .popup-field-group {
  display: block !important; }

#cboxLoadedContent .popup-field-group {
  padding: 4px 2px; }
  #cboxLoadedContent .popup-field-group .field {
    margin: 0 0 12px; }
  #cboxLoadedContent .popup-field-group .field:last-child {
    margin-bottom: 0; }
  #cboxLoadedContent .popup-field-group .field__label {
    font-weight: 600;
    color: #5b6169;
    margin-bottom: 2px; }
  #cboxLoadedContent .popup-field-group img {
    max-width: 220px;
    height: auto;
    float: right;
    margin: 0 0 8px 12px; }

.scm-cv-colorbox #cboxTitle {
  font-weight: 600;
  color: #2b2f34; }

/* ============================================================================
   CHANTIER 5 — Formulaire de réservation du local (webform)
   espacements réguliers, champs alignés, plus de gros aplat noir
   ========================================================================== */
.webform-submission-form {
  /* --- Rythme vertical homogène --- */
  /* --- Largeur des contrôles : tous alignés sur la même colonne --- */
  /* --- Libellés --- */
  /* certains libellés de section sont poussés dans la "description" en <h4> */
  /* --- Message d'information : gris doux, plus de bloc noir --- */
  /* --- Le bloc markup répète mot pour mot le message d'info : on ne garde
         que son titre de section, on masque les paragraphes en double --- */
  /* --- Fieldsets --- */
  /* --- Tableau "Détails Réservation" (date + heures) --- */
  /* --- Actions --- */
  /* --- Champ admin injecté (statut de facturation) : panneau à part --- */ }
  .webform-submission-form .js-form-item,
  .webform-submission-form .form-item,
  .webform-submission-form > .fieldset,
  .webform-submission-form .form-wrapper > .fieldset {
    margin: 0 0 1.15rem; }
  .webform-submission-form .form-item .form-item {
    margin-bottom: .75rem; }
  .webform-submission-form .form-element,
  .webform-submission-form input.form-text,
  .webform-submission-form input.form-email,
  .webform-submission-form input.form-tel,
  .webform-submission-form input.form-url,
  .webform-submission-form input.form-number,
  .webform-submission-form input.form-date,
  .webform-submission-form input.form-time,
  .webform-submission-form select.form-select,
  .webform-submission-form textarea.form-textarea {
    width: 100%;
    max-width: 34rem;
    box-sizing: border-box; }
  .webform-submission-form textarea.form-textarea {
    max-width: none; }
  .webform-submission-form .form-item__label {
    display: block;
    margin-bottom: .3rem;
    font-weight: 600;
    color: #2b2f34; }
  .webform-submission-form .form-item__description,
  .webform-submission-form .webform-element-description {
    margin-top: .3rem;
    color: #5b6169;
    font-size: .9rem; }
  .webform-submission-form .webform-element-description h4 {
    margin: 1.4rem 0 .4rem;
    font-size: 1.05rem;
    color: #2b2f34; }
  .webform-submission-form .webform-message,
  .webform-submission-form .messages--info {
    background: #f4f5f6 !important;
    color: #33383d !important;
    border: 1px solid #d7dbdf !important;
    border-left: 4px solid #1b78c2 !important;
    border-radius: 8px;
    box-shadow: none !important; }
  .webform-submission-form .webform-message a,
  .webform-submission-form .messages--info a {
    color: #1b78c2; }
  .webform-submission-form .webform-message .messages__icon svg,
  .webform-submission-form .messages--info .messages__icon svg {
    fill: #1b78c2; }
  .webform-submission-form .webform-message__link {
    color: #5b6169 !important; }
  .webform-submission-form #edit-markup {
    margin: 1.4rem 0 1rem; }
    .webform-submission-form #edit-markup h4 {
      margin: 0;
      font-size: 1.15rem;
      color: #2b2f34; }
    .webform-submission-form #edit-markup p {
      display: none; }
  .webform-submission-form hr.webform-horizontal-rule {
    margin: 1.6rem 0;
    border: 0;
    border-top: 1px solid #d7dbdf; }
  .webform-submission-form fieldset.fieldset {
    margin: 0 0 1.15rem;
    padding: 0;
    border: 0; }
  .webform-submission-form .fieldset__wrapper {
    padding: 0; }
  .webform-submission-form .fieldset__legend,
  .webform-submission-form legend {
    margin-bottom: .5rem;
    padding: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #2b2f34; }
  .webform-submission-form table {
    width: 100%;
    max-width: 44rem;
    border-collapse: collapse;
    margin: .25rem 0 1.2rem; }
  .webform-submission-form thead th {
    padding: .4rem .5rem;
    text-align: left;
    font-size: .85rem;
    color: #5b6169;
    border-bottom: 1px solid #d7dbdf; }
  .webform-submission-form tbody td {
    padding: .45rem .5rem .45rem 0;
    vertical-align: top; }
  .webform-submission-form tbody td:last-child {
    padding-right: 0; }
  .webform-submission-form table .form-item {
    margin: 0; }
  .webform-submission-form table .form-element {
    width: 100%;
    max-width: none; }
  .webform-submission-form .form-actions {
    margin-top: 1.6rem;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap; }
  .webform-submission-form #edit-scm-billing-status-wrapper {
    margin-top: 2rem;
    padding: 1rem 1.1rem;
    background: #eceef0;
    border: 1px solid #d7dbdf;
    border-radius: 8px; }
    .webform-submission-form #edit-scm-billing-status-wrapper::before {
      content: "Administration";
      display: block;
      margin-bottom: .6rem;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #5b6169; }
    .webform-submission-form #edit-scm-billing-status-wrapper .form-item {
      margin: 0; }

/* --- Vue localresa : calendrier + table « déjà réservé » : trop de vide --- */
.view-localresa {
  /* cases du calendrier moins hautes -> moins de vide sous le mois */
  /* table « Le local est déjà reservé aux dates suivantes » : resserrée */ }
  .view-localresa .attachment-before {
    margin-bottom: 1.25rem; }
  .view-localresa .scm-resa-calendar {
    margin: 0; }
  .view-localresa .view-content {
    margin: 0 0 1.5rem; }
  .view-localresa table.scm-resa-grid td {
    height: auto;
    min-height: 3.4rem; }
  .view-localresa table.scm-resa-grid td.scm-resa-day.is-out {
    min-height: 2.2rem; }
  .view-localresa table.views-table {
    width: 100%;
    max-width: 44rem;
    border-collapse: collapse;
    margin: 0; }
    .view-localresa table.views-table caption {
      margin-bottom: .4rem;
      padding: 0;
      text-align: left;
      font-weight: 600;
      color: #5b6169; }
    .view-localresa table.views-table th {
      padding: .35rem .6rem;
      font-size: .85rem;
      color: #5b6169;
      border-bottom: 1px solid #d7dbdf; }
    .view-localresa table.views-table td {
      padding: .4rem .6rem;
      border-bottom: 1px solid #e4e7ea; }

@media (max-width: 47.99rem) {
  .webform-submission-form .form-element,
  .webform-submission-form select.form-select {
    max-width: 100%; }
  .webform-submission-form table {
    display: block;
    overflow-x: auto; }
  .webform-submission-form .form-actions .button {
    width: 100%; } }
/* ============================================================================
   CHANTIER 4 — Carrousel de la page d'accueil (vue « carousel » + slick)
   image hero + titre de taxonomie en surimpression sur voile dégradé
   ========================================================================== */
#block-olivero-carouselaccueil {
  margin: 0 0 2.5rem;
  border-radius: 8px;
  overflow: hidden;
  /* média : la ratio-box blazy (37.5%) gère la hauteur ; l'image la remplit */
  /* titre en surimpression : bas-gauche, voile dégradé pour la lisibilité */
  /* flèches + points slick : sobres */ }
  #block-olivero-carouselaccueil .block__content > div {
    margin: 0; }
  #block-olivero-carouselaccueil .view-carousel,
  #block-olivero-carouselaccueil .view-content,
  #block-olivero-carouselaccueil .slick,
  #block-olivero-carouselaccueil .slick__slider {
    margin: 0; }
  #block-olivero-carouselaccueil .slick__slide,
  #block-olivero-carouselaccueil .slide,
  #block-olivero-carouselaccueil .slide__content {
    position: relative; }
  #block-olivero-carouselaccueil .slide__media,
  #block-olivero-carouselaccueil .media--ratio {
    position: relative; }
  #block-olivero-carouselaccueil .slide__media img,
  #block-olivero-carouselaccueil .media__element {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  #block-olivero-carouselaccueil .slide__caption {
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    margin: 0;
    padding: 3rem 2rem 1.4rem;
    background: linear-gradient(to top, rgba(20, 23, 26, 0.74) 0%, rgba(20, 23, 26, 0.32) 52%, rgba(20, 23, 26, 0) 100%);
    pointer-events: none; }
  #block-olivero-carouselaccueil .slide__caption .slide__description,
  #block-olivero-carouselaccueil .slide__caption .views-field,
  #block-olivero-carouselaccueil .slide__caption .field-content {
    margin: 0; }
  #block-olivero-carouselaccueil .slide__caption .field-content {
    color: #ffffff;
    font-weight: 700;
    line-height: 1.12;
    font-size: 1.7rem;
    letter-spacing: 0.01em;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45); }
  @media (min-width: 48rem) {
    #block-olivero-carouselaccueil .slide__caption .field-content {
      font-size: 2.2rem; } }
  @media (min-width: 64rem) {
    #block-olivero-carouselaccueil .slide__caption .field-content {
      font-size: 2.6rem; } }
  #block-olivero-carouselaccueil .slick__arrow {
    margin: 0; }
  #block-olivero-carouselaccueil .slick-prev,
  #block-olivero-carouselaccueil .slick-next {
    z-index: 3; }
  #block-olivero-carouselaccueil .slick-dots {
    position: absolute;
    right: 1.2rem;
    bottom: 0.7rem;
    left: auto;
    width: auto;
    margin: 0;
    z-index: 3; }
  #block-olivero-carouselaccueil .slick-dots li button::before {
    color: #ffffff;
    opacity: 0.6; }
  #block-olivero-carouselaccueil .slick-dots li.slick-active button::before {
    color: #ffffff;
    opacity: 1; }

@media (max-width: 47.99rem) {
  #block-olivero-carouselaccueil .media--ratio {
    padding-bottom: 58% !important; }
  #block-olivero-carouselaccueil .slide__caption {
    padding: 1.8rem 1.1rem 1rem; } }

/*# sourceMappingURL=theme.css.map */