/* =========================================================
   TABS PLUGINS PERSONNALISATION
   ========================================================= */

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]){
border-bottom-color:var(--marron-texte);
border-color:var(--marron-texte);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]{
border:1px solid var(--marron-texte);
border-radius:0 !important;
border-bottom:none;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]{
background-color:rgba( var(--marron-rgb), 0.5);
border-radius:0;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content]{
padding:0;
}
.moduletable.ala-une ul{
	padding-left:0;
	margin-bottom:0;
}
.moduletable.ala-une li{
	list-style:none;
}
.moduletable.ala-une img{
	max-width: 200px;
    float: left;
    padding-right: 1rem;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]{
	border:1px solid var(--marron-texte);
	border-radius:0 !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:hover {
background-color:rgba( var(--marron-rgb), 0.2);
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover{
	background-color: var(--vert-clair);
    border-color: #28180d;
    border-bottom-color: #fff;
}
.moduletable.ala-une .moduletable{
	background-color: var(--vert-clair);
	
}
/* =========================================================
   MODULE ATELIERS-FORMATIONS PERSONNALISATION
   ========================================================= */
   
   .moduletable.ateliers-formations ul, .moduletable.oeuvres-actions ul, .moduletable.koudzye ul, .adherer-soutenir ul{
	padding-left:0;
	margin-bottom:0;
	}
	.moduletable.ateliers-formations li, .moduletable.oeuvres-actions li, .moduletable.koudzye li, .adherer-soutenir li{
		list-style:none;
		font-size:0.95rem;
	}
	.moduletable.ateliers-formations img, .moduletable.oeuvres-actions img, .moduletable.koudzye img{
		max-width: 100px;
		float: left;
		padding-right: 1rem;
	}
	.moduletable.koudzye img{
		max-width: 30% !important;
		padding-bottom:1rem;
		}
	.moduletable.ateliers-formations h3, .moduletable.oeuvres-actions h3, .moduletable.koudzye h3, .adherer-soutenir h3{
		font-size:1.125rem;
		background-color:var(--marron-texte);
		padding:0.75rem;
		color:#fff !important;
		margin-top:1rem;
	}
	.moduletable.oeuvres-actions h3, .adherer-soutenir h3{
  /* styles appliqués au 2ème h3 et à tous ceux qui suivent */
		margin-top:0;
	}
	.moduletable.oeuvres-actions, .adherer-soutenir, .moduletable.lien-telechargez{
		margin-top:2rem !important;
		padding-top:0 !important;
	}
	.moduletable.koudzye h4{
		float:right;
		width:70%;
		font-size:1rem;
	}
	.moduletable.adherer-soutenir{
		float:left;
		margin-top:2rem !important;
	}
	
/* =========================================================
   LIEN TELECHARGEZ REVUE
   ========================================================= */	
	.telechargement-lien {
  display: inline-block;
  border: 1px solid var(--marron-texte);
  padding: 4px 8px;
  color: var(--marron-texte);
  text-decoration: none;
  font-weight: 500;
}
.telechargement-lien:hover {
  background-color: var(--rouge);
  color: #fff !important;
}

/* =========================================================
   NEWS TICKER
   ========================================================= */

/* =========================================================
   NEWS TICKER
   ========================================================= */

.moduletable.newsticker {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.flash-ticker {
  display: flex;
  align-items: center;
  border-top: 3px solid var(--rouge);
  background: var(--vert-clair);
  overflow: hidden;
}

.flash-label {
  background: var(--rouge);
  color: #fff;
  font-weight: bold;
  padding: 6px 12px;
  flex-shrink: 0;
  font-family: var(--font-titres);
  text-transform: uppercase;
  font-size: 0.80rem;
}

/* Zone du slider */
.flash-slider {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 33px;
  display: flex;
  align-items: center;
  line-height: 0.80rem;
  width: 100%;
}

/* Liste horizontale */
.flash-slider ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  transition: transform 0.6s ease-in-out;
}

/* Chaque item prend toute la largeur */
.flash-slider li {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 10px;
  font-size: 0.80rem;
  color: var(--marron-texte);
  box-sizing: border-box;
}
.flash-slider span{
  font-weight:600;
  }
.flash-slider .moduletable{
 padding-right:0 !important;
 }
/* Flèches de navigation */
.flash-controls {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 6px;
  padding: 0 8px;
}

.flash-controls button {
  background: var(--rouge);
  color: #fff;
  border: none;
  padding: 2px 6px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.flash-controls button:hover {
  background: var(--marron-texte);
}

/* =========================================================
   RECHERCHER
   ========================================================= */
   .moduletable.rechercher{
	   padding-top:0 !important;
   }
   .moduletable.rechercher input{
	   height:33px !important;
	border-top: 3px solid var(--rouge);
	border-radius: 0 !important;
   }
@media (min-width: 992px) {
  .moduletable.rechercher{
	   padding-left:0 !important;
  }
}

/* =========================================================
   MODULES DU BOTTOM1
   ========================================================= */

.logotype-pied p{
	font-size: 0.80rem;
}
/* =========================================================
   ICONES RESEAUX SOCIAUX
   ========================================================= */
.reseaux-sociaux {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.reseaux-sociaux a {
  color: #fff; /* blanc par défaut */
  font-size: 1.2rem; /* taille icônes */
  transition: color 0.3s ease-in-out;
}

.reseaux-sociaux a:hover {
  color: var(--rouge); /* hover en rouge de ta charte */
}
/* =========================================================
   MODULES À LA REDAC
   ========================================================= */
   .moduletable.alaredac{
	   font-size:0.80rem;
   }
   /* =========================================================
   MODULES BRILLONS
   ========================================================= */
   .moduletable.brillons{
	   padding-top:0 !important;
   }
   
    /* =========================================================
   MODULE FOOTER MENTIONS LEGALES
   ========================================================= */  
   /* Mise en forme des liens légaux en footer */
.mentionslegales {
  text-align: center; /* centrer le menu */
  padding-top:0.75rem !important;
  padding-bottom:0.75rem !important;
  border-top:1px solid #878787;
}

.mentionslegales ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align:center;
  display:inline;
}

.mentionslegales li {
  display: inline-block;
  margin: 0 10px;
}

.mentionslegales a {
  font-size: 0.80rem;
  text-decoration: none;
}


[data-rlta-element="container"][data-rlta-type="tabs"] [data-rlta-element="button"] {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

[data-rlta-element="container"][data-rlta-type="tabs"] [data-rlta-element="panel"] {
  opacity: 0;
  transition: opacity 0.4s ease;
}

[data-rlta-element="container"][data-rlta-type="tabs"] [data-rlta-element="panel"][data-rlta-state="open"] {
  opacity: 1;
}
