.page-id-12487 #secondary {
	display: none;
}

.page-id-12487 #primary {
	width: 100%;
}

.page-id-12492 #secondary {
	display: none;
}

.page-id-12492 #primary {
	width: 100%;
}

.page-id-13389 #secondary {
	display: none;
}	
}

.page-id-13199 #secondary {
	display: none;
}

.page-id-4904 #primary {
	width: 100%;
}

.page-id-4904 #secondary {
	display: none;
}

.page-id-13199 #primary {
	width: 100%;
}

.page-id-12819 #secondary {
	display: none;
}

.page-id-911 #primary {
	width: 100%;
}

.page-id-911 #secondary {
	display: none;
}

.page-id-12819 #primary {
	width: 100%;
}

.page-id-12807 #secondary {
	display: none;
}

.page-id-12807 #primary {
	width: 100%;
}

.page-id-10320 #secondary {
	display: none;
}







/* ===== AFFICHAGE PERMANENT ===== */
.mec-event-grid-event .mec-event-title,
.mec-event-grid-event .mec-event-description,
.mec-event-grid-event .mec-event-grid-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* ===== STYLE DE BASE ===== */
.mec-event-grid-event {
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.2s;
}

/* Petit effet au hover */
.mec-event-grid-event:hover {
    transform: scale(1.03);
}

/* Titre de l'événement */
.mec-event-title {
    padding: 6px;
    font-weight: 600;
    color: #fff !important;
    border-radius: 6px;
}

/* ===== COULEURS PAR CATEGORIE ===== */
/* Vérifie que le slug correspond exactement au slug MEC */
.mec-event-grid-event.mec-category-commission-gabelous { background-color: #1E90FF; color: #fff; }
.mec-event-grid-event.mec-category-commission-gala { background-color: #FF6347; color: #fff; }
.mec-event-grid-event.mec-category-commission-sil-savait { background-color: #FF69B4; color: #fff; }
.mec-event-grid-event.mec-category-projection-video { background-color: #87CEFA; color: #fff; }
.mec-event-grid-event.mec-category-reunion-de-bureau { background-color: #BA55D3; color: #fff; }
.mec-event-grid-event.mec-category-reunion-technique-du-lundi { background-color: #FFD700; color: #000; }
.mec-event-grid-event.mec-category-rv-et-evenement-particulier { background-color: #FF4500; color: #fff;
}









































/* 🔍 Barre de recherche */
.search-bar {
  text-align: center;
  margin-bottom: 30px;
}

.search-bar input {
  width: 60%;
  padding: 12px;
  border-radius: 25px;
  border: 1px solid #ccc;
  font-size: 16px;
}

/* 🗂️ Grille des régions */
.regions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* 📦 Bloc région */
.region {
  padding: 15px;
  border-radius: 12px;
  background: #f5f5f5;
}

/* 🎨 Couleurs différentes */
.region1 { background: #ffdddd; }
.region2 { background: #ddffdd; }
.region3 { background: #ddddff; }
.region4 { background: #fff0cc; }
.region5 { background: #e0ccff; }
.region6 { background: #ccffff; }
.region7 { background: #ffd9b3; }
.region8 { background: #e6e6e6; }

/* 📋 Liste clubs */
.clubs {
  list-style: none;
  padding-left: 0;
}

.hidden {
  display: none;
}

.hidden.show {
  display: block;
}

/* 🔘 Bouton */
.toggle-btn {
  margin-top: 10px;
  padding: 5px 10px;
  border: none;
  background: #333;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

























/* IMAGE DE FOND FIXE */
body.page-id-13389 {
background-image: url("https://webcvcs493.com/wp-content/uploads/2026/03/Mouchoir-blanchatre-3.png);
background-size: cover;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}

/* enlève le fond du thème */
.page-id-13389 .site,
.page-id-13389 .site-content,
.page-id-13389 .content-area,
.page-id-13389 .wp-site-blocks {
background: transparent !important;
}

/* BLOC CENTRAL ELEGANT */
.page-id-13389 .entry-content {
background: rgba(255,255,255,0.88);
max-width: 1100px;
margin: 40px auto;
padding: 40px;
border-radius: 14px;
box-shadow: 0 15px 40px rgba(0,0,0,0.35);
}




































.galerie-flip figure {
	position: relative;
	perspective: 1000px;
}

.galerie-flip figure img {
	width: 100%;
	display: block;
	transition: transform .8s ease;
	backface-visibility: hidden;
}

.galerie-flip figure::after {
	content: "CINÉMA";
/* remplace par le mot que tu veux */
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	background: black;
/* couleur du dos */
	color: white;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	transition: transform .8s ease;
}

.galerie-flip figure:hover img {
	transform: rotateY(180deg);
}

.galerie-flip figure:hover::after {
	transform: rotateY(0deg);
}

.page-id-10320 #primary {
	width: 100%;
}

.page-id-13019 #secondary {
	display: none;
}

.page-id-13019 #primary {
	width: 100%;
}

.page-id-12500 #secondary {
	display: none;
}

.page-id-12500 #primary {
	width: 100%;
}

.page-id-12867 #secondary {
	display: none;
}

.page-id-12878 #secondary {
	display: none;
}

.page-id-12878 #primary {
	width: 100%;
}

.page-id-13002 #secondary {
	display: none;
}

.page-id-13002 #primary {
	width: 100%;
}

.mes-4-flips {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.carte-flip {
	width: 450px;
	height: 450px;
	perspective: 1000px;
}

.interieur-flip {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform .8s;
	transform-style: preserve-3d;
}

.carte-flip:hover .interieur-flip {
	transform: rotateY(180deg);
}

.avant, .arriere {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.avant img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.arriere {
	background: black;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transform: rotateY(180deg);
}