/* ===== Navigation (block2) ===== */
/*#block2 ul.menu > li > a,
#block2 ul.menu > li > span.separator,
#block2 ul.nav  > li > a,
#block2 ul.nav  > li > span.separator {
  display: block;
  font-size: 20px;
}*/

/* ===== Contenu : césure/retours de ligne ===== */
.mce-content-body,
.com-content-article__body,
.item-page,
.blog .item-content,
.mod-custom, .custom { /* conteneurs de texte */ }

.mce-content-body, .mce-content-body *,
.com-content-article__body, .com-content-article__body *,
.item-page, .item-page *,
.blog .item-content, .blog .item-content *,
.mod-custom, .custom {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

/* Code/pre : conserver les retours */
.mce-content-body pre, .mce-content-body code,
.com-content-article__body pre, .com-content-article__body code,
.item-page pre, .item-page code,
.blog .item-content pre, .blog .item-content code,
.mod-custom pre, .mod-custom code,
.custom pre, .custom code {
  white-space: pre-wrap;
}

/* ===== Boutons / liens / menu horizontal ===== */
/*[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
   color: #ffffff;
}
.menu-horizontal { background: #33475d; color: #ffffff; }

/* ⚠️ Pas de display:inline-block ici */
/*a { color: #a61126; font-size: 20px; }*/

/* ===== Médias FLUIDES uniquement dans le CONTENU (pas global) ===== */
.com-content-article__body img,
.item-page img,
.blog .item-content img,
.mod-custom img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ===== Tables lisibles sur mobile ===== */
.com-content-article__body table,
.item-page table,
.blog .item-content table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ===== Flottants (alignements d’images) ===== */
.float-start { float: left;  margin: 0 1rem 1rem 0; }
.float-end   { float: right; margin: 0 0 1rem 1rem; }
@media (max-width: 576px) {
  .float-start, .float-end { float: none; margin: 0 0 1rem 0; }
}

/* ===== Gouttières MOBILE (Template Creator) ===== */
@media (max-width: 575.98px) {
  .flexiblemodule,
  .flexiblecolumn,
  .column,
  .logobloc,
  #block2,
  .container,
  .content,
  .component,
  #main {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
  }
}

/* ❌ AUCUNE surcharge iCagenda ici — on laisse iCagenda gérer sa grille */
/* 1) Faire apparaître le motif de fond PARTOUT (en haut/bas aussi) */
html, body {
  min-height: 100%;
  height: 100%;
  background: url("/images/murcim012.jpg") center top repeat; /* ton motif */
}

/* 2) Rendre transparents les grands wrappers qui masquent le fond */
.container-header,
.container-footer,
.site-grid > .grid-child,
[class^="container-"] > .grid-child {
  background: transparent !important;
}

/* 3) Sticky footer simple : le footer descend, sans panneau blanc */
body { display: flex; flex-direction: column; min-height: 100vh; }
main, #content { flex: 1 0 auto; }         /* le contenu prend la hauteur disponible */
.container-footer { flex-shrink: 0; }       /* le footer reste en bas */
/* pb titre sur mobile */
/* Adapter les titres des modules TC en mobile */
/* Adapter titres et sous-titres TC sur mobile */

/* Adapter titres et sous-titres (h1 + h6) des modules TC sur mobile */
/* Réduction des marges/paddings pour titres sur mobile */
@media (max-width: 575.98px) {
  .tck-module {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

/*  .tck-module h1 {
    font-size: 1.0rem !important;   /* lisible mais pas trop gros */
   /* line-height: 1.0 !important;
    word-break: break-word !important; /* si un mot est trop long, il casse */
    /*  }*/

  /*.tck-module h6 {
    font-size: 0.8rem !important;
    line-height: 1.1 !important;
    margin-top: .4rem !important;
    word-break: break-word !important;
  }*/
}
/*[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
	cursor: pointer;
	color: #6f0c0c;
}*/
/* Réduit les titres saisis DANS le contenu des modules personnalisés, sur mobile */
@media (max-width: 600px) {
  .mod-custom h1 {
    font-size: clamp(20px, 6vw, 24px);
    line-height: 1.2;
  }
  .mod-custom h2 {
    font-size: clamp(15px, 4.0vw, 17px);
    line-height: 1.3;
  }
}

.modal .btn-primary:not([href]), .modal .btn-success:not([href]) {
	
	color: black;
}
/* styles liens */
/* Style de base commun à tous les téléchargements */
/* Style de base commun à tous les téléchargements */
a[href$=".pdf"], a[href$=".zip"], a[href$=".gpx"], a[href$=".doc"], a[href$=".docx"] {
  display: inline-block;
  padding: .5rem .75rem;
  border-radius: .5rem;
  text-decoration: none;
  border: 1px solid #ced4da;   /* gris léger */
  font-weight: 500;
}

/* Couleurs par type de fichier */
/*a[href$=".pdf"]   { background: #f8d7da; color: #842029; }  /* rouge clair PDF */
/* a[href$=".pdf"]   { color: #842029; }  /* rouge clair PDF */
/*a[href$=".zip"]   { background: #e2e3e5; color: #333; }     /* neutre ZIP  */
/*a[href$=".gpx"]   { background: #d1e7dd; color: #0f5132; }  /* vert GPX   */
/*a[href$=".doc"], 
a[href$=".docx"]  { background: #cff4fc; color: #055160; }  /* bleu DOC   */

/* Pictogramme avant + type de document après */
/*a[href$=".pdf"]::before   { content: "📄 "; }
a[href$=".pdf"]::after    { content: " (PDF)"; }

a[href$=".zip"]::before   { content: "🗜️ "; }
a[href$=".zip"]::after    { content: " (ZIP)"; }

a[href$=".gpx"]::before   { content: "🧭 "; }
a[href$=".gpx"]::after    { content: " (GPX)"; }

a[href$=".doc"]::before,
a[href$=".docx"]::before  { content: "📝 "; }
a[href$=".doc"]::after,
a[href$=".docx"]::after   { content: " (DOC)"; }

/* Effet au survol */
/*a[href$=".pdf"]:hover,
a[href$=".zip"]:hover,
a[href$=".gpx"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover {
  filter: brightness(0.95);
}
/* Agrandir la fenêtre Media de JCE en front-end */
/* JCE Media (Joomla 5) : agrandir la boîte de dialogue */
joomla-dialog,
joomla-dialog > dialog[open],
body > dialog[open] {
  width: 95vw !important;
  max-width: 95vw !important;
  height: 90vh !important;
  max-height: 90vh !important;
}

/* Faire remplir l'espace au contenu */
joomla-dialog .joomla-dialog-body,
body > dialog[open] .joomla-dialog-body {
  height: calc(90vh - 3.5rem) !important; /* marge pour l’en-tête/pied */
  overflow: auto !important;
}

joomla-dialog .joomla-dialog-body .iframe-content,
body > dialog[open] .joomla-dialog-body .iframe-content {
  width: 100% !important;
  height: 100% !important;
}
/* mce */
.mceMenu .mceMenuItems .mcePreview, .mceMenu .mceMenuItems .mceText {
	font-size: 20px;
	line-height: 32px;
	background: darkgrey;
	/* color: red; */
	color: #000000;
}
ul.menu, ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block; 
}
/* mobile taille caractères*/
/*h1, div.componentheading {
	color: #b51d1d;
	/* font-weight: bold; */
	/* line-height: 45px; */
	/* font-size: 48px; */
}*/
div.contentheading {
	font-weight: bold;
	line-height: 36px;
	font-size: 1.2rem;
  color:#000000;
}
/* Phoca Download : remettre les libellés à l’horizontale dans le formulaire d’upload */
/* Corrige les entêtes verticales uniquement sur la page "User Upload" */
.pd-upload .table,
.pd-upload .table * {
  writing-mode: horizontal-tb !important;
  transform: none !important;
}

/* Optionnel: si le template force des entêtes très "serrés" */
.pd-upload .table th,
.pd-upload .table td {
  white-space: normal !important;
  word-break: normal !important;
  display: table-cell !important;
  text-align: left !important;
  vertical-align: middle !important;
}
/*#block5 ul.menu > li.active > a, #block5 ul.menu > li.active > span.separator, #block5 ul.nav > li.active > a, #block5 ul.nav > li.active > span.separator {
		padding: 5px;
	border-radius: 10px;
}
/* sous menus maximenu */
/* remplace #tckblock-XX par l’ID réel de ton bloc menu */
/* Corrige l'affichage du sous-menu Maximenu CK dans le bloc #block5 */
/* Permet au sous-menu de s'afficher correctement dans le bloc #block5 */
/* Le conteneur du sous-menu englobe enfin son contenu  */
/* Crée un pseudo-élément qui force l'englobe */
#block5 [id^="maximenuck"] > li > div.floatck::after { content:""; display:block; clear:both; }
/* documents couluer idem wp */
/* Style commun pour GPX, PDF, DOC et DOCX */
a[href$=".gpx"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 0.8rem !important;
  border: 1px solid #cdd9ff !important;
  border-radius: 0.5rem !important;
  background: #f6f8ff !important;
  text-decoration: none !important;
}

/* Étiquettes avant le lien */
a[href$=".gpx"]::before,
a[href$=".pdf"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.15rem 0.35rem;
  border: 1px solid currentColor;
  border-radius: 0.25rem;
}

a[href$=".gpx"]::before { content: "GPX"; }
a[href$=".pdf"]::before { content: "PDF"; }
a[href$=".doc"]::before,
a[href$=".docx"]::before { content: "DOC"; }

/* Effet hover */
a[href$=".gpx"]:hover,
a[href$=".pdf"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover {
  filter: brightness(0.92);
}

/* Largeur fixe pour la colonne Evénement */
/* === Registrants page ONLY === */
#eb-registrants-management-page {
  /* ajuste ici tes largeurs par colonne */
  --col-first: 28px;   /* checkbox */
  --col-firstname: 120px;
  --col-lastname: 150px;
  --col-event: 110px;  /* << largeur Evénement */
  --col-email: 260px;
  --col-id: 50px;
}

/* le tableau de cette page respecte les largeurs (scopé) */
#eb-registrants-management-page table.table.table-striped.table-bordered.table-hover {
  table-layout: fixed;
  width: 100%;
}

/* 1) 1ère colonne (checkbox) */
#eb-registrants-management-page thead th:first-child,
#eb-registrants-management-page tbody td:first-child {
  width: var(--col-first) !important;
  max-width: var(--col-first) !important;
  overflow: hidden;
}

/* 2) Prénom */
#eb-registrants-management-page th.eb-first-name-column,
#eb-registrants-management-page td.eb-first-name-column {
  width: var(--col-firstname) !important;
  max-width: var(--col-firstname) !important;
}

/* 3) Nom */
#eb-registrants-management-page th.eb-last-name-column,
#eb-registrants-management-page td.eb-last-name-column {
  width: var(--col-lastname) !important;
  max-width: var(--col-lastname) !important;
}

/* 4) Événement — UNIQUEMENT cette colonne */
#eb-registrants-management-page th.eb-event-column,
#eb-registrants-management-page td.eb-event-column {
  width: var(--col-event) !important;
  max-width: var(--col-event) !important;
}
#eb-registrants-management-page td.eb-event-column > a,
#eb-registrants-management-page td.eb-event-column > span,
#eb-registrants-management-page td.eb-event-column > div {
  display: inline-block;
  max-width: var(--col-event);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 5) Email */
#eb-registrants-management-page th.eb-email-column,
#eb-registrants-management-page td.eb-email-column {
  width: var(--col-email) !important;
  max-width: var(--col-email) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 6) ID */
#eb-registrants-management-page th.eb-id-column,
#eb-registrants-management-page td.eb-id-column {
  width: var(--col-id) !important;
  max-width: var(--col-id) !important;
  text-align: center;
}
/* Largeur spécifique à la colonne des valeurs (dates, lieux, etc.)
   dans le tableau des propriétés d'un événement ebooking */
/* Colonne LABEL (ex: "Date de début", "Lieu") */
/* Colonne LABEL (gauche) */
.eb-event-property-label {
  width: 230px !important;     /* remplace le 30% par une largeur fixe */
  max-width: 230px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Colonne VALEUR (droite) */
.eb-event-property-value {
  width: 120px !important;     /* ajuste selon ton besoin */
  max-width: 120px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Scope sûr : ne touche qu'aux blocs Event Booking */
.eb-container .table.table-striped.table-hover {
  table-layout: auto; /* on ne fige pas tout le tableau */
}

/* Date de l'événement = un peu plus large catégories */
.eb-container th.eb-event-date-column,
.eb-container td.eb-event-date-column,
.eb-container th.eb-date-column,
.eb-container td.eb-date-column {
  width: 200px !important;   /* mets 150/170 selon ton goût */
  max-width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Places disponibles = plus étroit */
.eb-container th.eb-available-places-column,
.eb-container td.eb-available-places-column,
.eb-container th.eb-spaces-column,
.eb-container td.eb-spaces-column {
  width: 80px !important;    /* 70–90px en général */
  max-width: 80px !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	height: auto !important;
	height: 28px;
	display: none;
}

#slideshow1 > .inner {
  height: 150px;}

/* kunena */
body.com_kunena {
  font-size: 16px !important;
}
.default_eventlist .iceventlist-desc {
	font-size: 12px;
	color: #000;
}
/* module icagenda */
.iccalendar table {
	padding: 1% !important;
	margin: 0px !important;
	border: 0px;
	
}
.iccalendar table td div.style_Day {
	border: none;
	/* background: #000; */
	color: #000;
}
.iccalendar div {
	padding: 0px !important;
	margin: 0px !important;
	border: 0px;
	text-align: center;
	color: #000;
}
#right div.moduletable h3, #right div.module h3, #right .widget h3, #right .tck-module h3, #right div.moduletable_menu h3, #right div.module_menu h3, #right .tck-module-title {
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-family: Georgia, serif;
	/* margin-top: 20px;*/
}
.ic-details-cat {
		font-size: 20px;
}

.ic-filters-controls button {
	width: 100%;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: grey;
}
.ic-text-decoration-none {
	text-decoration: none !important;
	/* color: red; */
	font-weight: bold;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body { font-family: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
h1,h2,h3 { font-family: 'Roboto', sans-serif; }

/* titre */


.tck-blog .tck-article-title a {
  font-size: 1.8rem !important;
  line-height: 1.3;
  color:#B51D1D;
}
a {
 font-weight: 550;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.15rem 0.35rem;
  /* border: 1px solid currentColor;
  border-radius: 0.25rem;*/
}
/* changement couleur */
.mce-content-body, .mce-content-body *, .com-content-article__body, .com-content-article__body *, .item-page, .item-page *, .blog .item-content, .blog .item-content *, .mod-custom, .custom {
	/*	background: #e8e6e8;*/
  background: #f1f3f5;
}
.noleft .main {
		background: #f1f3f5;
  
}
  #titre0 > .inner {
	background: #f1f3f5;
	
}
/* avant */
#wrapper > .inner {
		border: none;
	}
#wrapper > .inner {
	background: none;
}

/* icagenda */
.ic-descshort {
	font-weight: bolder;
	font-size: 20px;
	color: darkblue;
}
/* Améliorer l'affichage liste participants */
/* Reset complet */
/* STRUCTURE PRINCIPALE */
/* AVEC SÉPARATION NETTE */
/* FORCE CHAQUE NOM SUR UNE LIGNE */
/* Force le texte à déborder */
./* Limite la largeur et fait des retours naturels */
/* iCagenda – liste des participants en colonne */
.ic-participants .names_noslide { line-height: 1.6; }
/*videos responsive */
/* Iframes dans le contenu des articles */
.tck-article-body iframe {
    display: block;
    width: 100%;
    max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
    /* surtout pas de height:auto ici */
}