/* ===== 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;
  margin-right: 20px;
}

/* ===== 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; 
  color: #000000;
}
/* 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;
}
.custom
{color:#000};
.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 */
}
/* à adapter à ta classe réelle */
.acf-file-upload a {
    display: block;
    margin-bottom: 0.25rem; /* petit espace entre chaque fichier */
}
/*abaisser colonne de droite */
#right > .inner {
		margin-top: 60px;
	
}
/* icagenda 4 */
.ic-calendar-date {
	line-height: 0.5;
	font-size: 0.5rem;
	font-weight: 400;
	color: currentColor;
	color: #000000;
}
.ic-calendar-nav-prev {
	display: block;
	width: 1rem;
	text-align: center;
	border: none;
	background: none;
	cursor: pointer;
	color: #000000;
}
.ic-calendar-nav-next {
	display: block;
	width: 1rem;
	text-align: center;
	border: none;
	color: #000000;;
	background: none;
	cursor: pointer;
}
.ic-calendar-nav-year input[type="number"] {
	display: inline-block;
	-webkit-appearance: none;
	appearance: none;
	font-size: 0.5rem;
	text-align: center;
	border: none;
	color: #000000;
	background: none;
}
.ic-calendar-top-day abbr {
	text-decoration: none !important;
	color: #000000;
   font-weight:bold;
}
.ic-calendar-nav-month select {
	text-align: right;
	font-size: 0.5rem;
	border: none;
	color: #000000;
	background: none;
  font-weight:bold;
}
/* champs */
ul.fields-container {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.fields-container .field-entry {
  text-align: left !important;
  margin: 0;
  padding: 0;
}

ul.fields-container .field-label,
ul.fields-container .field-value {
  text-align: left !important;
}
ul.fields-container .field-entry.televerser-gpx-et-pdf .field-label,
ul.fields-container .field-entry.televerser-gpx-et-pdf .field-value {
  display: block;
  text-align: left !important;
}

/*ul.fields-container .field-entry.televerser-gpx-et-pdf .field-value a {
  display: inline-flex;
  justify-content: flex-start;
  margin-right: .5rem; /* optionnel : espace entre les boutons */
}*/
ul.fields-container .field-entry.televerser-gpx-et-pdf .field-value a {
  display: block;
  margin: 0 0 .25rem 0;
}
/* test */
/* ul.fields-container .field-entry.televerser-gpx-et-pdf {
  border: 1px solid red !important;
}*/
ul.fields-container .field-entry.televerser-gpx-et-pdf .field-value a {
  display: block !important;
  margin: 0 0 .25rem 0 !important;
}
/*connexion*/
label {
	display: inline-block;
	color: #000;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
	cursor: pointer;
	background: #fff;
  font-size:1rem!important;
}
h1.tc-inner-title {
  font-size: clamp(1.6rem, 4vw, 2.6rem);
}

h4.tc-inner-title {
  font-size: clamp(1.1rem, 2.5vw, 1.6rem);
}
[class^="iCicon-"], [class*=" iCicon-"], [class^="icon-iCicon-"], [class*=" icon-iCicon-"], [class^="menu-iCicon-"], [class*=" menu-iCicon-"] {
	display: inline-block;
	font-family: 'iCicons', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
}
/*p {
	padding: 5px 0;
	color: #000;
}*/
/** {
	padding: 0;
	margin: 0;
	color: #000;
}*/
.noir {
  color:#000;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
	color: #000;
}
/* icagenda */
.libelle {
  color:red;
  Font-size:1.5rem;
}
/* custom fields boutons radios couleur */
/*#adminForm input[type="text"], #adminForm input[type="text"]:focus, body.com_media input[type="text"], body.com_media input[type="text"]:focus, body.contentpane input[type="text"], body.contentpane input[type="text"]:focus, #adminForm textarea, #adminForm textarea:focus, #adminForm option, #adminForm select:focus option {
	background: #fff;
	padding: 12px;
	min-height: 50px;
	color: #000;
}*/
.form-select[multiple] option:checked, [multiple].custom-select option:checked {
	color: white;
	background-color: grey !important; 
}
/* bouton i cagenda */

#dropdownAddToCal {
    display: none !important;
}

.news {
		background: white;
		color: #000;
		font-size: 12px;
	}
/* efface bouton creer article because bug */
/* Ne cacher que le bouton qui lance la création d’article dans #adminForm */
#adminForm a.btn.btn-primary[href*="task=article.add"] {
    display: none;
}
/* grid */
.page32 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
}
/*.fields-container .field-entry .field-value {
  text-align: center;      /* centrage horizontal */
  font-weight: bold;       /* texte en gras */
  text-transform: uppercase; /* tout en majuscules */
}*/
/* centre uniquement ce champ "description-breve" */
.fields-container li.field-entry.description-breve {
  text-align: center;
}

/* style du texte lui-même */

.fields-container li.field-entry.description-breve .field-value {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center !important;
	display: block;
}
.fields-container li.field-entry.date-de-debut .field-value {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center !important;
	display: block;color:#800000;
}
.field-prefix
{
  color:#800000;
  font-weight: bold;
}
/* amélioration de la présentation */
/* ===== STYLES COMPLETS POUR TOUTE LA PAGE ORGANISATION ===== */

/* Titres principaux h1 */
.orga-title,
.orga-section-title,
.orga-article-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #2c3e2f;
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #800000;
    display: inline-block;
}

/* Sous-titres h2 */
.orga-commission-title,
.orga-subtitle {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #800000;
    margin: 1.5rem 0 0.8rem 0;
    padding-left: 0;
    border-left: none;
}

/* Encadrés de contenu (blancs avec ombre) */
.orga-liste-membres,
.orga-content-block,
.orga-article-content {
    background: #ffffff;
    padding: 1.2rem 1.5rem;
    border-left: none;
    border-radius: 0.5rem;
    margin: 1rem 0 1.5rem;
    line-height: 1.7;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Badges Pilote/Copilote (si encore utilisés) */
.orga-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: #f6f8ff;
    border: 1px solid #800000;
    border-radius: 2rem;
    padding: 0.2rem 0.8rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #800000;
    margin-right: 0.6rem;
    text-transform: uppercase;
}

/* Listes avec puces personnalisées */
.orga-balisage-list,
.orga-calendar-list {
    list-style-type: none;
    margin: 0.5rem 0 1rem 0;
    padding-left: 1.5rem;
}

.orga-balisage-list li,
.orga-calendar-list li {
    margin-bottom: 0.5rem;
    position: relative;
}

.orga-balisage-list li::before {
    content: "🥾";
    position: absolute;
    left: -1.3rem;
    color: #800000;
}

.orga-calendar-list li::before {
    content: "📅";
    position: absolute;
    left: -1.3rem;
    color: #800000;
}

/* Texte important en gras bordeaux */
.orga-strong {
    font-weight: 700;
    color: #800000;
}

/* Encadré note (fond bleu clair) */
.orga-note {
    background: #f6f8ff;
    border-left: 4px solid #800000;
    padding: 1rem 1.2rem;
    margin: 1rem 0;
    border-radius: 0.3rem;
    font-style: italic;
}

/* Lien "Plus d'infos" */
.orga-info-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: #f6f8ff;
    border: 1px solid #cdd9ff;
    border-radius: 0.5rem;
    padding: 0.4rem 0.9rem;
    margin-top: 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
    color: #800000;
}

.orga-info-link:hover {
    filter: brightness(0.95);
    text-decoration: none;
}

/* Séparateur */
.orga-separator {
    margin: 2rem 0;
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, #ced4da, #80000040, #ced4da);
}

/* Responsive */
@media (max-width: 760px) {
    .orga-title,
    .orga-section-title,
    .orga-article-title {
        font-size: 1.5rem;
    }
    .orga-commission-title,
    .orga-subtitle {
        font-size: 1.2rem;
    }
    .orga-liste-membres,
    .orga-content-block,
    .orga-article-content {
        padding: 0.8rem 1rem;
    }
}
/* Correction champ calendrier Joomla */
.field-calendar .input-group .btn,
.field-calendar .input-group button[id$="_btn"] {
  background: #0d6efd !important;
  border: 1px solid #0d6efd !important;
  color: #fff !important;
  min-width: 42px;
}

.field-calendar .input-group button[id$="_btn"]::before {
  content: "📅";
  font-size: 18px;
  line-height: 1;
}
/* custom module */
/*.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;
	/* color: #000;*/
  /*color :#2F86B0;*/
}*/
.classequisuisje
{
  background: #f1f3f5;
  color: #000};
/* correction icones */
.fack-edit {
  display: inline-block;
  width: 1em;
}

.fack-edit::before {
  content: "✏";

}
/* css drome */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* body {
            font-family: 'Inter', sans-serif;
            background: #f4f7f2;
            color: #1e2a1f;
            line-height: 1.5;
            padding: 2rem 1rem;
        }*/

        .container {
            max-width: 1280px;
            margin: 0 auto;
            background: white;
            border-radius: 2rem;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        /* Hero */
        .hero {
            background: linear-gradient(135deg, #1e3a2f 0%, #2b5e3b 100%);
            color: white;
            padding: 2.5rem 2rem;
            text-align: center;
        }

        .hero h1 {
            font-size: 2.2rem;
            font-weight: 700;
            letter-spacing: -0.01em;
            margin-bottom: 0.5rem;
        }

        .hero h1 i {
            margin-right: 0.5rem;
            color: #e6c87e;
        }

        .hero p {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0.75rem auto 0;
        }

        .badge {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(4px);
            padding: 0.3rem 1rem;
            border-radius: 40px;
            font-size: 0.85rem;
            margin-top: 1rem;
        }

        /* Contenu principal */
        .content {
            padding: 2rem 2rem 2.5rem;
        }

        /* Section styles */
        .section {
            margin-bottom: 2.8rem;
        }

        .section-title {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 1.6rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            border-left: 5px solid #2b5e3b;
            padding-left: 1rem;
            color: #1e3a2f;
        }

        .section-title i {
            color: #2b5e3b;
            font-size: 1.5rem;
        }

        /* Grille des jours */
        .days-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-bottom: 1rem;
        }

        .day-card {
            background: #fefdf8;
            border-radius: 1.5rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.2s ease, box-shadow 0.2s;
            overflow: hidden;
            border: 1px solid #e2e8df;
        }

        .day-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 22px -10px rgba(0, 0, 0, 0.12);
        }

        .day-header {
            background: #eef3ea;
            padding: 1rem 1.2rem;
            font-weight: 700;
            font-size: 1.3rem;
            border-bottom: 2px solid #cbdcc1;
            color: #1e3a2f;
        }

        .day-header span {
            font-size: 0.9rem;
            font-weight: normal;
            color: #4a6741;
        }

        .day-body {
            padding: 1.2rem;
        }

        .day-route {
            font-weight: 600;
            margin-bottom: 0.75rem;
            font-size: 1rem;
        }

        .day-stats {
            display: flex;
            gap: 1.2rem;
            margin-top: 0.8rem;
            flex-wrap: wrap;
        }

        .stat {
            background: #f0f5ec;
            padding: 0.3rem 0.8rem;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .stat i {
            color: #2b5e3b;
        }

        /* Tableaux tarifs */
        .price-table {
            background: #fafbf8;
            border-radius: 1.25rem;
            overflow: hidden;
            border: 1px solid #e0e7db;
            margin: 1rem 0;
        }

        .price-row {
            display: flex;
            justify-content: space-between;
            padding: 0.85rem 1.2rem;
            border-bottom: 1px solid #e7ede2;
            flex-wrap: wrap;
        }

        .price-row:last-child {
            border-bottom: none;
        }

        .price-label {
            font-weight: 500;
            color: #2d3e2a;
        }

        .price-value {
            font-weight: 600;
            color: #1e3a2f;
        }

        .total-price {
            background: #e7f0e2;
            font-weight: 700;
            font-size: 1.1rem;
        }

        /* Infos participants */
        .info-bubbles {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin: 1.2rem 0;
        }

        .bubble {
            background: #eef3ea;
            padding: 0.5rem 1.2rem;
            border-radius: 60px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* carte hébergement */
        .hosting-card {
            background: #fefaf0;
            border-left: 4px solid #c4a35a;
            padding: 1.2rem 1.5rem;
            border-radius: 1rem;
            margin: 1rem 0;
        }

        .btn-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: #2b5e3b;
            color: white;
            padding: 0.5rem 1.2rem;
            border-radius: 40px;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.9rem;
            transition: background 0.2s;
        }

        .btn-link:hover {
            background: #1e472e;
        }

        /* Grid logistique */
        .logistic-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            background: #f6f9f3;
            padding: 1.2rem;
            border-radius: 1.25rem;
        }

        .log-item {
            flex: 1;
            min-width: 200px;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .log-item i {
            color: #2b5e3b;
            font-size: 1.3rem;
            margin-top: 0.1rem;
        }

        hr {
            margin: 1.5rem 0;
            border: 0;
            height: 1px;
            background: linear-gradient(90deg, #d4dfcd, transparent);
        }

        /* footer */
        .footer-note {
            background: #f0f5ec;
            border-radius: 1rem;
            padding: 1.2rem;
            text-align: center;
            font-size: 0.85rem;
            color: #3a5536;
            margin-top: 2rem;
        }

        @media (max-width: 720px) {
            .content {
                padding: 1.5rem;
            }
            .hero h1 {
                font-size: 1.8rem;
            }
            .section-title {
                font-size: 1.3rem;
            }
        }
 /* classes smart research */
/* Compactage des résultats Smart Search / JFilters sur ton site */

/* La liste de résultats */
#search-result-list.list--results {
  margin: 0;
  padding-left: 1.2rem; /* garde le petit point devant le titre */
}

/* Chaque ligne de résultat */
/* Compactage fort des résultats Smart Search / JFilters */

#search-results .result__title-text,
#search-results .result__title-link,
#search-results .result__title {
  /*font-size: 1rem !important;
  line-height: 1.2 !important;*/
  font-size: 0.8rem !important;
  line-height: 1.0 !important;
}

#search-result-list .result__item {
  margin: 0.15rem 0 !important;
  padding: 0.2rem 0 !important;
}

#search-results .result__description,
#search-results .result__body,
#search-results .result__taxonomy {
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  margin: 0.1rem 0 0 !important;
}

#search-result-list {
  margin-top: 0.3rem !important;
}

#search-result-list li::marker {
  font-size: 0.8rem !important;
}
/* Masquer Type / Auteur / Catégorie dans les résultats JFilters / Smart Search */
#search-results .result__taxonomy,
#search-results .result__description {
  display: none !important;
}
/* bouton s'inscrire */
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
		height: 50px;
}
/* liste des inscrits */

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
	margin-bottom: 20px;
}
/* suite chien de traineaux */
.btn.jmodedit {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	z-index: 900;
	color: #224faa;
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	
}
/* block 5 au dessus du menu : template copy copy copy */
#block5 > .inner {
	background: #ffffff;
	text-align: center;
}
div#maximenuck315 li.maximenuck.level1 > div.floatck {
	border-top: none;
	background: #133f57;
}
/* titre20 */
 .titre20
{
  font-size: 16px; color :#800000; margin: 20px;
}
 @media (max-width: 768px) {
  .titre .mod-custom span[style*="font-size"] {
    font-size: 36px !important;   
    line-height: 1.2;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
     text-align: center !important;
  }
}