/* Page: Accueil */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(44, 62, 80); overflow-x: hidden; }
.infomap-hero-section { background: rgb(44, 62, 80); color: rgb(236, 240, 241); padding: 120px 20px 80px; text-align: center; position: relative; overflow: hidden; }
.infomap-hero-section::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 0%, transparent 70%); animation: 15s ease-in-out 0s infinite normal none running heroGlow; z-index: 0; }
@keyframes heroGlow { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(10%, 10%) scale(1.1); }
}
.infomap-hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0px auto; }
.infomap-hero-section h1 { font-size: 3rem; font-weight: 800; color: rgb(236, 240, 241); margin-bottom: 20px; line-height: 1.2; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px; }
@media (max-width: 768px) {
  .infomap-hero-section h1 { font-size: 2rem; }
}
.infomap-hero-subtitle { font-size: 1.3rem; color: rgb(236, 240, 241); margin-bottom: 40px; font-weight: 300; }
@media (max-width: 768px) {
  .infomap-hero-subtitle { font-size: 1.1rem; }
}
.infomap-hero-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 60px; }
.infomap-btn-primary { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 16px 32px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; }
.infomap-btn-primary:hover { background: rgb(41, 128, 185); transform: translateY(-2px); box-shadow: rgba(52, 152, 219, 0.4) 0px 6px 20px; }
.infomap-hero-visual { max-width: 800px; margin: 0px auto; position: relative; }
.infomap-hero-visual img { width: 100%; height: auto; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 40px; }
.infomap-presentation-section { background: rgb(236, 240, 241); color: rgb(44, 62, 80); padding: 80px 20px; }
.infomap-presentation-content { max-width: 1200px; margin: 0px auto; }
.infomap-presentation-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(44, 62, 80); text-align: center; margin-bottom: 30px; }
@media (max-width: 768px) {
  .infomap-presentation-section h2 { font-size: 2rem; }
}
.infomap-presentation-text { font-size: 1.2rem; line-height: 1.8; color: rgb(44, 62, 80); text-align: center; max-width: 900px; margin: 0px auto 50px; }
.infomap-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.infomap-feature-card { background: rgb(255, 255, 255); border: 2px solid rgb(52, 152, 219); border-radius: 12px; padding: 40px 30px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px; }
.infomap-feature-card:hover { transform: translateY(-8px); box-shadow: rgba(52, 152, 219, 0.2) 0px 8px 25px; }
.infomap-feature-icon { font-size: 3rem; margin-bottom: 20px; color: rgb(52, 152, 219); }
.infomap-feature-card h3 { font-size: 1.5rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 700; }
.infomap-feature-card p { color: rgb(52, 73, 94); font-size: 1rem; line-height: 1.6; }
.infomap-carte-section { background: rgb(255, 255, 255); padding: 80px 20px; border-top: 1px solid rgb(236, 240, 241); }
.infomap-carte-content { max-width: 1200px; margin: 0px auto; }
.infomap-carte-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(44, 62, 80); text-align: center; margin-bottom: 30px; }
@media (max-width: 768px) {
  .infomap-carte-section h2 { font-size: 2rem; }
}
.infomap-map-container { margin: 40px 0px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 30px; height: 500px; position: relative; }
.infomap-map-container img { width: 100%; height: 100%; object-fit: cover; }
.infomap-carte-description { font-size: 1.15rem; color: rgb(44, 62, 80); text-align: center; margin: 30px 0px; line-height: 1.8; }
.infomap-carte-cta { text-align: center; margin: 30px 0px; }
.infomap-legend { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-top: 40px; }
.infomap-legend-item { display: flex; align-items: center; gap: 10px; }
.infomap-legend-color { width: 24px; height: 24px; border-radius: 50%; }
.infomap-legend-color.circulation { background: rgb(231, 76, 60); }
.infomap-legend-color.incidents { background: rgb(243, 156, 18); }
.infomap-legend-color.coupures { background: rgb(155, 89, 182); }
.infomap-legend-color.evenements { background: rgb(39, 174, 96); }
.infomap-legend-text { color: rgb(44, 62, 80); font-weight: 600; }
.infomap-actualites-section { background: rgb(52, 73, 94); color: rgb(236, 240, 241); padding: 80px 20px; }
.infomap-actualites-content { max-width: 1200px; margin: 0px auto; }
.infomap-actualites-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(236, 240, 241); text-align: center; margin-bottom: 50px; }
@media (max-width: 768px) {
  .infomap-actualites-section h2 { font-size: 2rem; }
}
.infomap-actualites-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 50px; }
.infomap-actualite-card { background: rgb(236, 240, 241); color: rgb(44, 62, 80); border-radius: 12px; overflow: hidden; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 15px; }
.infomap-actualite-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 25px; }
.infomap-actualite-image { width: 100%; height: 200px; overflow: hidden; }
.infomap-actualite-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.infomap-actualite-card:hover .infomap-actualite-image img { transform: scale(1.1); }
.infomap-actualite-body { padding: 25px; }
.infomap-actualite-body h3 { font-size: 1.3rem; color: rgb(44, 62, 80); margin-bottom: 12px; font-weight: 700; }
.infomap-actualite-meta { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 15px; font-size: 0.9rem; color: rgb(52, 73, 94); }
.infomap-actualite-category { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; }
.infomap-actualite-date { color: rgb(127, 140, 141); }
.infomap-actualite-btn { display: inline-block; background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 600; transition: 0.3s; margin-top: 15px; }
.infomap-actualite-btn:hover { background: rgb(41, 128, 185); }
.infomap-actualites-cta { text-align: center; }
.infomap-btn-secondary { background: transparent; color: rgb(236, 240, 241); padding: 16px 32px; border: 2px solid rgb(236, 240, 241); border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.infomap-btn-secondary:hover { background: rgb(236, 240, 241); color: rgb(52, 73, 94); }
.infomap-recherche-section { background: rgb(236, 240, 241); color: rgb(44, 62, 80); padding: 80px 20px; }
.infomap-recherche-content { max-width: 1000px; margin: 0px auto; text-align: center; }
.infomap-recherche-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(44, 62, 80); margin-bottom: 20px; }
@media (max-width: 768px) {
  .infomap-recherche-section h2 { font-size: 2rem; }
}
.infomap-recherche-description { font-size: 1.15rem; color: rgb(44, 62, 80); margin-bottom: 40px; line-height: 1.8; }
.infomap-search-bar { display: flex; max-width: 800px; margin: 0px auto 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; border-radius: 8px; overflow: hidden; }
.infomap-search-input { flex: 1 1 0%; padding: 18px 25px; border: none; font-size: 1.1rem; outline: none; }
.infomap-search-btn { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 18px 40px; border: none; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 10px; }
.infomap-search-btn:hover { background: rgb(41, 128, 185); }
@media (max-width: 768px) {
  .infomap-search-bar { flex-direction: column; }
  .infomap-search-btn { justify-content: center; }
}
.infomap-recherche-extra { margin-top: 30px; color: rgb(44, 62, 80); font-size: 1.05rem; }
.infomap-recherche-extra a { color: rgb(52, 152, 219); text-decoration: none; font-weight: 600; margin-left: 10px; }
.infomap-recherche-extra a:hover { text-decoration: underline; }
.infomap-comment-section { background: rgb(255, 255, 255); color: rgb(44, 62, 80); padding: 80px 20px; }
.infomap-comment-content { max-width: 1200px; margin: 0px auto; }
.infomap-comment-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(44, 62, 80); text-align: center; margin-bottom: 60px; }
@media (max-width: 768px) {
  .infomap-comment-section h2 { font-size: 2rem; }
}
.infomap-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.infomap-step-card { background: rgb(236, 240, 241); border: 2px solid rgb(52, 152, 219); border-radius: 12px; padding: 30px; text-align: center; position: relative; transition: 0.3s; }
.infomap-step-card:hover { transform: translateY(-5px); box-shadow: rgba(52, 152, 219, 0.2) 0px 6px 20px; }
.infomap-step-number { background: rgb(52, 152, 219); color: rgb(255, 255, 255); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; margin: 0px auto 20px; }
.infomap-step-icon { font-size: 2.5rem; color: rgb(52, 152, 219); margin-bottom: 15px; }
.infomap-step-card h3 { font-size: 1.3rem; color: rgb(44, 62, 80); margin-bottom: 10px; font-weight: 700; }
.infomap-step-card p { color: rgb(52, 73, 94); line-height: 1.6; }
.infomap-cta-section { background: rgb(52, 152, 219); color: rgb(255, 255, 255); padding: 80px 20px; text-align: center; }
.infomap-cta-content { max-width: 900px; margin: 0px auto; }
.infomap-cta-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 20px; }
@media (max-width: 768px) {
  .infomap-cta-section h2 { font-size: 2rem; }
}
.infomap-cta-text { font-size: 1.2rem; color: rgb(255, 255, 255); margin-bottom: 40px; line-height: 1.8; }
.infomap-cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.infomap-btn-white { background: rgb(255, 255, 255); color: rgb(52, 152, 219); padding: 16px 32px; border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.infomap-btn-white:hover { background: rgb(236, 240, 241); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px; }
.infomap-btn-outline { background: transparent; color: rgb(255, 255, 255); padding: 16px 32px; border: 2px solid rgb(255, 255, 255); border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; }
.infomap-btn-outline:hover { background: rgb(255, 255, 255); color: rgb(52, 152, 219); }
.infomap-avantages-section { background: rgb(236, 240, 241); color: rgb(44, 62, 80); padding: 80px 20px; }
.infomap-avantages-content { max-width: 1200px; margin: 0px auto; }
.infomap-avantages-section h2 { font-size: 2.5rem; font-weight: 700; color: rgb(44, 62, 80); text-align: center; margin-bottom: 60px; }
@media (max-width: 768px) {
  .infomap-avantages-section h2 { font-size: 2rem; }
}
.infomap-avantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.infomap-avantage-card { background: rgb(255, 255, 255); border-radius: 12px; padding: 35px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px; }
.infomap-avantage-card:hover { transform: translateY(-5px); box-shadow: rgba(52, 152, 219, 0.15) 0px 8px 25px; }
.infomap-avantage-icon { font-size: 3rem; color: rgb(52, 152, 219); margin-bottom: 20px; }
.infomap-avantage-card h3 { font-size: 1.4rem; color: rgb(44, 62, 80); margin-bottom: 15px; font-weight: 700; }
.infomap-avantage-card p { color: rgb(52, 73, 94); line-height: 1.6; }
.infomap-stats-section { background: rgb(44, 62, 80); color: rgb(236, 240, 241); padding: 80px 20px; text-align: center; }
.infomap-stats-content { max-width: 1200px; margin: 0px auto; }
.infomap-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 50px; margin-bottom: 40px; }
.infomap-stat-item { padding: 20px; }
.infomap-stat-number { font-size: 4rem; font-weight: 800; color: rgb(52, 152, 219); margin-bottom: 10px; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px; }
@media (max-width: 768px) {
  .infomap-stat-number { font-size: 3rem; }
}
.infomap-stat-label { font-size: 1.3rem; color: rgb(236, 240, 241); font-weight: 300; }
.infomap-stats-text { font-size: 1.3rem; color: rgb(236, 240, 241); font-weight: 300; margin-top: 30px; }
.infomap-footer { background: rgb(52, 73, 94); color: rgb(236, 240, 241); padding: 60px 20px 20px; }
.infomap-footer-content { max-width: 1200px; margin: 0px auto; }
.infomap-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.infomap-footer-column h3 { font-size: 1.4rem; color: rgb(236, 240, 241); margin-bottom: 20px; font-weight: 700; }
.infomap-footer-logo { font-size: 1.5rem; font-weight: 800; color: rgb(52, 152, 219); margin-bottom: 15px; }
.infomap-footer-slogan { color: rgb(189, 195, 199); font-size: 1rem; line-height: 1.6; }
.infomap-footer-links { list-style: none; }
.infomap-footer-links li { margin-bottom: 12px; }
.infomap-footer-links a { color: rgb(236, 240, 241); text-decoration: none; transition: color 0.3s; }
.infomap-footer-links a:hover { color: rgb(52, 152, 219); }
.infomap-footer-contact p { color: rgb(189, 195, 199); margin-bottom: 10px; }
.infomap-footer-contact a { color: rgb(52, 152, 219); text-decoration: none; }
.infomap-footer-contact a:hover { text-decoration: underline; }
.infomap-social-links { display: flex; gap: 15px; margin-top: 15px; }
.infomap-social-icon { color: rgb(236, 240, 241); font-size: 1.5rem; transition: color 0.3s; }
.infomap-social-icon:hover { color: rgb(52, 152, 219); }
.infomap-footer-bottom { border-top: 1px solid rgba(236, 240, 241, 0.1); padding-top: 30px; text-align: center; }
.infomap-footer-bottom p { color: rgb(189, 195, 199); margin-bottom: 15px; }
.infomap-footer-legal { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.infomap-footer-legal a { color: rgb(189, 195, 199); text-decoration: none; font-size: 0.9rem; }
.infomap-footer-legal a:hover { color: rgb(52, 152, 219); }
@media (max-width: 768px) {
  .infomap-footer-grid { grid-template-columns: 1fr; }
  .infomap-footer-legal { flex-direction: column; gap: 10px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Carte Interactive */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

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

body {
  font-family: 'Inter', sans-serif;
  background-color: #ECF0F1;
  color: #2C3E50;
  overflow-x: hidden;
}

.carte-interactive-page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.carte-hero-section {
  background-color: #ECF0F1;
  padding: 100px 20px 40px;
  text-align: center;
}

.carte-hero-title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #2C3E50;
  margin-bottom: 15px;
  line-height: 1.2;
}

.carte-hero-subtitle {
  font-size: 1.2rem;
  color: #34495E;
  font-weight: 400;
  margin-bottom: 30px;
}

.carte-filters-container {
  background-color: #FFFFFF;
  border: 2px solid #7F8C8D;
  border-radius: 12px;
  padding: 25px;
  max-width: 1400px;
  margin: 0 auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.carte-filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}

.carte-filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.carte-filter-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #2C3E50;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.carte-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.carte-filter-btn {
  padding: 10px 18px;
  border: 2px solid #7F8C8D;
  background-color: #FFFFFF;
  color: #2C3E50;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.carte-filter-btn:hover {
  background-color: #ECF0F1;
  border-color: #2C3E50;
}

.carte-filter-btn.active {
  background-color: #3498DB;
  color: #FFFFFF;
  border-color: #3498DB;
}

.carte-filter-select {
  padding: 10px 15px;
  border: 2px solid #7F8C8D;
  border-radius: 8px;
  background-color: #FFFFFF;
  color: #2C3E50;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  min-width: 200px;
  transition: all 0.3s ease;
}

.carte-filter-select:hover {
  border-color: #2C3E50;
}

.carte-action-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.carte-reset-btn {
  padding: 12px 24px;
  background-color: #7F8C8D;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.carte-reset-btn:hover {
  background-color: #5F6C6D;
  transform: translateY(-2px);
}

.carte-publish-btn {
  padding: 12px 28px;
  background-color: #3498DB;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.carte-publish-btn:hover {
  background-color: #2980B9;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(52, 152, 219, 0.4);
}

.carte-counter {
  font-size: 1.1rem;
  color: #34495E;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}

.carte-map-section {
  position: relative;
  width: 100%;
  height: 700px;
  background-color: #FFFFFF;
  margin-top: 20px;
}

.carte-map-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.carte-map-placeholder {
  text-align: center;
  color: #FFFFFF;
}

.carte-map-placeholder h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.carte-map-placeholder p {
  font-size: 1rem;
  opacity: 0.9;
}

.carte-legend-overlay {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 10;
  max-width: 280px;
}

.carte-legend-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #2C3E50;
  margin-bottom: 15px;
  border-bottom: 2px solid #3498DB;
  padding-bottom: 8px;
}

.carte-legend-list {
  list-style: none;
}

.carte-legend-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 0.95rem;
  color: #2C3E50;
}

.carte-legend-icon {
  font-size: 1.3rem;
}

.carte-legend-color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
}

.carte-legend-red {
  background-color: #E74C3C;
}

.carte-legend-orange {
  background-color: #E67E22;
}

.carte-legend-blue {
  background-color: #3498DB;
}

.carte-legend-yellow {
  background-color: #F1C40F;
}

.carte-legend-green {
  background-color: #2ECC71;
}

.carte-legend-purple {
  background-color: #9B59B6;
}

.carte-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 380px;
  height: 100vh;
  background-color: #ECF0F1;
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.1);
  z-index: 100;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  display: flex;
  flex-direction: column;
}

.carte-sidebar.active {
  transform: translateX(0);
}

.carte-sidebar-header {
  padding: 25px;
  background-color: #2C3E50;
  color: #ECF0F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.carte-sidebar-title {
  font-size: 1.3rem;
  font-weight: 700;
}

.carte-sidebar-close {
  background: none;
  border: none;
  color: #ECF0F1;
  font-size: 1.8rem;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
  transition: all 0.3s ease;
}

.carte-sidebar-close:hover {
  color: #3498DB;
  transform: rotate(90deg);
}

.carte-sidebar-controls {
  padding: 15px;
  background-color: #FFFFFF;
  border-bottom: 2px solid #BDC3C7;
}

.carte-sidebar-sort {
  width: 100%;
  padding: 10px;
  border: 2px solid #7F8C8D;
  border-radius: 8px;
  font-size: 0.95rem;
  background-color: #FFFFFF;
  color: #2C3E50;
  cursor: pointer;
}

.carte-sidebar-content {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
}

.carte-signal-card {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all 0.3s ease;
  border-left: 4px solid #3498DB;
}

.carte-signal-card:hover {
  transform: translateX(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.carte-signal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.carte-signal-icon {
  font-size: 1.5rem;
}

.carte-signal-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #2C3E50;
  flex: 1;
}

.carte-signal-location {
  font-size: 0.9rem;
  color: #7F8C8D;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.carte-signal-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
  color: #95A5A6;
}

.carte-sidebar-toggle {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #3498DB;
  color: #FFFFFF;
  border: none;
  padding: 15px 10px;
  cursor: pointer;
  z-index: 99;
  border-radius: 8px 0 0 8px;
  font-size: 1.2rem;
  transition: all 0.3s ease;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
}

.carte-sidebar-toggle:hover {
  background-color: #2980B9;
  padding-right: 15px;
}

.carte-cta-section {
  background-color: #3498DB;
  padding: 60px 20px;
  text-align: center;
  margin-top: 40px;
}

.carte-cta-text {
  font-size: 1.8rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 25px;
}

.carte-cta-button {
  padding: 15px 40px;
  background-color: #FFFFFF;
  color: #3498DB;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.carte-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  background-color: #ECF0F1;
}

.carte-footer {
  background-color: #2C3E50;
  color: #ECF0F1;
  padding: 50px 20px 30px;
}

.carte-footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  margin-bottom: 30px;
}

.carte-footer-section h3 {
  font-size: 1.2rem;
  margin-bottom: 15px;
  color: #3498DB;
}

.carte-footer-section p,
.carte-footer-section a {
  font-size: 0.95rem;
  color: #BDC3C7;
  line-height: 1.6;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.carte-footer-section a:hover {
  color: #3498DB;
}

.carte-footer-bottom {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #34495E;
  color: #95A5A6;
  font-size: 0.9rem;
}

@media (max-width: 1200px) {
  .carte-sidebar {
    width: 340px;
  }
  
  .carte-legend-overlay {
    max-width: 240px;
  }
}

@media (max-width: 768px) {
  .carte-hero-title {
    font-size: 2rem;
  }
  
  .carte-hero-subtitle {
    font-size: 1rem;
  }
  
  .carte-filters-container {
    padding: 20px 15px;
  }
  
  .carte-filters-row {
    flex-direction: column;
    align-items: stretch;
  }
  
  .carte-filter-select {
    width: 100%;
  }
  
  .carte-action-buttons {
    flex-direction: column;
  }
  
  .carte-reset-btn,
  .carte-publish-btn {
    width: 100%;
  }
  
  .carte-map-section {
    height: 500px;
  }
  
  .carte-legend-overlay {
    position: relative;
    top: auto;
    right: auto;
    max-width: 100%;
    margin: 20px;
  }
  
  .carte-sidebar {
    width: 100%;
  }
  
  .carte-sidebar-toggle {
    top: auto;
    bottom: 20px;
    right: 20px;
    transform: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .carte-cta-text {
    font-size: 1.4rem;
  }
  
  .carte-footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 480px) {
  .carte-hero-title {
    font-size: 1.6rem;
  }
  
  .carte-filter-btn {
    width: 100%;
    text-align: center;
  }
  
  .carte-map-section {
    height: 400px;
  }
}

/* Page: Fil D'actualités */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;background-color:#ECF0F1;color:#2C3E50;line-height:1.6;overflow-x:hidden;}.fil-actualites-page{width:100%;overflow-x:hidden;}.fil-hero-section{background-color:#2C3E50;color:#ECF0F1;padding:80px 20px 60px;text-align:center;}.fil-hero-content{max-width:1200px;margin:0 auto;}.fil-hero-title{font-size:3rem;font-weight:800;margin-bottom:20px;letter-spacing:-1px;}.fil-hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#3498DB;}.fil-hero-description{font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.8;opacity:0.95;}.fil-filters-section{background-color:#FFFFFF;border:2px solid #7F8C8D;border-radius:12px;padding:30px;margin:40px auto;max-width:1200px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}.fil-filters-title{font-size:1.3rem;font-weight:700;margin-bottom:25px;color:#2C3E50;}.fil-filter-group{margin-bottom:25px;}.fil-filter-label{display:block;font-weight:600;margin-bottom:12px;color:#2C3E50;font-size:1rem;}.fil-category-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;}.fil-category-btn{padding:10px 20px;border:2px solid #7F8C8D;background-color:#FFFFFF;color:#2C3E50;border-radius:25px;cursor:pointer;font-weight:600;transition:all 0.3s ease;font-size:0.95rem;}.fil-category-btn:hover{border-color:#3498DB;color:#3498DB;transform:translateY(-2px);box-shadow:0 4px 8px rgba(52,152,219,0.2);}.fil-category-btn.active{background-color:#3498DB;color:#FFFFFF;border-color:#3498DB;}.fil-dropdown-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;}.fil-dropdown{padding:12px 16px;border:2px solid #7F8C8D;border-radius:8px;background-color:#FFFFFF;color:#2C3E50;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;width:100%;}.fil-dropdown:hover,.fil-dropdown:focus{border-color:#3498DB;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,0.1);}.fil-search-bar{width:100%;padding:14px 18px;border:2px solid #7F8C8D;border-radius:8px;font-size:1rem;margin-bottom:20px;transition:all 0.3s ease;}.fil-search-bar:focus{outline:none;border-color:#3498DB;box-shadow:0 0 0 3px rgba(52,152,219,0.1);}.fil-apply-btn{background-color:#3498DB;color:#FFFFFF;padding:14px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(52,152,219,0.3);}.fil-apply-btn:hover{background-color:#2980B9;transform:translateY(-2px);box-shadow:0 6px 16px rgba(52,152,219,0.4);}.fil-counter{margin-top:20px;font-size:1.1rem;font-weight:600;color:#2C3E50;text-align:center;}.fil-posts-section{max-width:1200px;margin:0 auto;padding:40px 20px;}.fil-post-card{background-color:#FFFFFF;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;}.fil-post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-3px);}.fil-post-header{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #ECF0F1;}.fil-badge{padding:6px 14px;border-radius:20px;font-size:0.85rem;font-weight:700;color:#FFFFFF;}.fil-badge-circulation{background-color:#E74C3C;}.fil-badge-incident{background-color:#E67E22;}.fil-badge-coupure{background-color:#F39C12;}.fil-badge-evenement{background-color:#27AE60;}.fil-badge-urgence{background-color:#C0392B;}.fil-location{display:flex;align-items:center;gap:6px;color:#7F8C8D;font-weight:600;font-size:0.9rem;}.fil-location::before{content:'📍';font-size:1rem;}.fil-post-time{color:#95A5A6;font-size:0.9rem;margin-left:auto;}.fil-post-menu{background:none;border:none;font-size:1.5rem;color:#7F8C8D;cursor:pointer;transition:color 0.3s ease;}.fil-post-menu:hover{color:#2C3E50;}.fil-post-body{margin-bottom:20px;}.fil-post-title{font-size:1.5rem;font-weight:700;color:#2C3E50;margin-bottom:12px;line-height:1.4;}.fil-post-description{color:#34495E;font-size:1rem;line-height:1.8;margin-bottom:15px;}.fil-post-image{width:100%;height:auto;border-radius:8px;margin:15px 0;object-fit:cover;max-height:400px;}.fil-post-contributor{font-size:0.9rem;color:#7F8C8D;margin-top:10px;}.fil-post-contributor strong{color:#2C3E50;}.fil-post-footer{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding-top:15px;border-top:2px solid #ECF0F1;}.fil-view-map-btn{background-color:#3498DB;color:#FFFFFF;padding:10px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;}.fil-view-map-btn:hover{background-color:#2980B9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(52,152,219,0.3);}.fil-status{padding:6px 14px;border-radius:20px;font-size:0.85rem;font-weight:600;}.fil-status-active{background-color:#E8F8F5;color:#27AE60;}.fil-status-resolved{background-color:#EBF5FB;color:#3498DB;}.fil-status-ongoing{background-color:#FEF5E7;color:#F39C12;}.fil-views{color:#7F8C8D;font-size:0.9rem;display:flex;align-items:center;gap:5px;}.fil-views::before{content:'👁';}.fil-votes{display:flex;gap:10px;margin-left:auto;}.fil-vote-btn{background-color:#ECF0F1;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;color:#2C3E50;transition:all 0.3s ease;font-size:0.9rem;}.fil-vote-btn:hover{background-color:#3498DB;color:#FFFFFF;transform:scale(1.05);}.fil-pagination-section{max-width:1200px;margin:40px auto;padding:20px;text-align:center;}.fil-pagination{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;}.fil-page-btn{background-color:#FFFFFF;color:#2C3E50;border:2px solid #7F8C8D;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s ease;min-width:45px;}.fil-page-btn:hover{border-color:#3498DB;color:#3498DB;transform:translateY(-2px);}.fil-page-btn.active{background-color:#3498DB;color:#FFFFFF;border-color:#3498DB;}.fil-stats-section{background-color:#34495E;color:#ECF0F1;padding:60px 20px;text-align:center;}.fil-stats-title{font-size:2.2rem;font-weight:700;margin-bottom:40px;}.fil-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;}.fil-stat-card{background-color:rgba(236,240,241,0.05);padding:30px;border-radius:12px;transition:all 0.3s ease;}.fil-stat-card:hover{background-color:rgba(236,240,241,0.1);transform:translateY(-5px);}.fil-stat-number{font-size:3.5rem;font-weight:800;color:#3498DB;margin-bottom:10px;}.fil-stat-label{font-size:1.1rem;font-weight:600;color:#ECF0F1;}.fil-cta-section{background-color:#3498DB;color:#FFFFFF;padding:60px 20px;text-align:center;}.fil-cta-text{font-size:1.8rem;font-weight:700;margin-bottom:25px;}.fil-cta-btn{background-color:#FFFFFF;color:#3498DB;padding:16px 45px;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.fil-cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);background-color:#ECF0F1;}.fil-footer{background-color:#2C3E50;color:#ECF0F1;padding:40px 20px;text-align:center;}.fil-footer-content{max-width:1200px;margin:0 auto;}.fil-footer-text{font-size:1rem;margin-bottom:10px;}.fil-footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px;}.fil-footer-link{color:#3498DB;text-decoration:none;font-weight:600;transition:color 0.3s ease;}.fil-footer-link:hover{color:#ECF0F1;text-decoration:underline;}@media(max-width:768px){.fil-hero-title{font-size:2rem;}.fil-hero-subtitle{font-size:1.2rem;}.fil-hero-description{font-size:1rem;}.fil-category-filters{justify-content:center;}.fil-dropdown-row{grid-template-columns:1fr;}.fil-post-header{flex-direction:column;align-items:flex-start;}.fil-post-time{margin-left:0;}.fil-post-footer{flex-direction:column;align-items:flex-start;}.fil-votes{margin-left:0;}.fil-stats-grid{grid-template-columns:1fr;}.fil-stat-number{font-size:2.5rem;}.fil-cta-text{font-size:1.4rem;}}@media(max-width:480px){.fil-hero-title{font-size:1.5rem;}.fil-filters-section{padding:20px;}.fil-category-btn{padding:8px 16px;font-size:0.85rem;}.fil-post-title{font-size:1.2rem;}.fil-stat-number{font-size:2rem;}}

/* Page: Publier Un Signalement */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; line-height: 1.6; color: #2C3E50; background-color: #ECF0F1; overflow-x: hidden; } .publier-section-intro { background: #ECF0F1; padding: 60px 20px; text-align: center; } .publier-section-intro h1 { font-size: 2.8rem; color: #2C3E50; margin-bottom: 15px; font-weight: 700; } .publier-section-intro .subtitle { font-size: 1.3rem; color: #34495E; margin-bottom: 40px; font-weight: 400; } .publier-info-box { max-width: 800px; margin: 0 auto 40px; background: #FFFFFF; border: 3px solid #3498DB; border-radius: 12px; padding: 30px; text-align: left; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .publier-info-box p { font-size: 1.1rem; color: #2C3E50; margin-bottom: 20px; line-height: 1.8; } .publier-consignes { list-style: none; padding-left: 0; } .publier-consignes li { font-size: 1rem; color: #2C3E50; margin-bottom: 12px; padding-left: 30px; position: relative; } .publier-consignes li:before { content: '✓'; position: absolute; left: 0; color: #3498DB; font-weight: 700; font-size: 1.3rem; } .publier-form-section { background: #FFFFFF; padding: 60px 20px; min-height: 400px; } .publier-form-container { max-width: 900px; margin: 0 auto; } .publier-step { background: #FFFFFF; border: 2px solid #7F8C8D; border-radius: 12px; padding: 40px; margin-bottom: 30px; position: relative; transition: all 0.3s ease; } .publier-step:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); transform: translateY(-3px); } .publier-step-number { position: absolute; top: -20px; left: 30px; background: #3498DB; color: #FFFFFF; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; box-shadow: 0 3px 10px rgba(52, 152, 219, 0.4); } .publier-step-title { font-size: 1.8rem; color: #2C3E50; margin-bottom: 25px; margin-top: 10px; font-weight: 600; } .publier-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; } .publier-category-btn { background: #ECF0F1; border: 3px solid transparent; border-radius: 10px; padding: 20px; font-size: 1.1rem; color: #2C3E50; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; text-align: center; } .publier-category-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); } .publier-category-btn.active { border-color: #3498DB; background: #EBF5FB; box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); } .publier-category-btn.cat-circulation { background: #FFEBEE; } .publier-category-btn.cat-circulation.active { border-color: #E74C3C; background: #FADBD8; } .publier-category-btn.cat-incident { background: #FFF3E0; } .publier-category-btn.cat-incident.active { border-color: #E67E22; background: #FAE5D3; } .publier-category-btn.cat-eau { background: #E3F2FD; } .publier-category-btn.cat-eau.active { border-color: #2980B9; background: #D6EAF8; } .publier-category-btn.cat-electricite { background: #FFFDE7; } .publier-category-btn.cat-electricite.active { border-color: #F1C40F; background: #FCF3CF; } .publier-category-btn.cat-evenement { background: #E8F5E9; } .publier-category-btn.cat-evenement.active { border-color: #27AE60; background: #D5F4E6; } .publier-category-btn.cat-urgence { background: #F3E5F5; } .publier-category-btn.cat-urgence.active { border-color: #8E44AD; background: #EBDEF0; } .publier-category-btn.cat-autre { background: #ECEFF1; } .publier-category-btn.cat-autre.active { border-color: #7F8C8D; background: #D5DBDB; } .publier-location-options { margin-top: 25px; } .publier-tabs { display: flex; gap: 10px; margin-bottom: 20px; } .publier-tab-btn { background: #ECF0F1; border: 2px solid #7F8C8D; padding: 12px 25px; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; color: #2C3E50; transition: all 0.3s ease; } .publier-tab-btn:hover { background: #D5DBDB; } .publier-tab-btn.active { background: #3498DB; color: #FFFFFF; border-color: #3498DB; } .publier-tab-content { display: none; } .publier-tab-content.active { display: block; } .publier-map-container { background: #ECF0F1; border: 2px solid #7F8C8D; border-radius: 10px; height: 350px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #7F8C8D; position: relative; overflow: hidden; } .publier-map-placeholder { text-align: center; } .publier-gps-btn { display: inline-flex; align-items: center; gap: 10px; background: #3498DB; color: #FFFFFF; border: none; padding: 12px 25px; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; margin-top: 15px; transition: all 0.3s ease; } .publier-gps-btn:hover { background: #2980B9; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); } .publier-form-group { margin-bottom: 25px; } .publier-form-group label { display: block; font-size: 1.1rem; color: #2C3E50; margin-bottom: 10px; font-weight: 600; } .publier-form-group input, .publier-form-group select, .publier-form-group textarea { width: 100%; padding: 15px; border: 2px solid #BDC3C7; border-radius: 8px; font-size: 1rem; font-family: 'Inter', sans-serif; color: #2C3E50; background: #FFFFFF; transition: all 0.3s ease; } .publier-form-group input:focus, .publier-form-group select:focus, .publier-form-group textarea:focus { outline: none; border-color: #3498DB; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); } .publier-form-group textarea { resize: vertical; min-height: 150px; } .publier-char-counter { text-align: right; font-size: 0.9rem; color: #7F8C8D; margin-top: 5px; } .publier-upload-zone { border: 3px dashed #BDC3C7; border-radius: 10px; padding: 50px 20px; text-align: center; cursor: pointer; transition: all 0.3s ease; background: #FAFAFA; } .publier-upload-zone:hover { border-color: #3498DB; background: #EBF5FB; } .publier-upload-zone.drag-over { border-color: #27AE60; background: #E8F8F5; } .publier-upload-zone p { font-size: 1.1rem; color: #7F8C8D; margin-bottom: 10px; } .publier-upload-zone .upload-info { font-size: 0.9rem; color: #95A5A6; } .publier-upload-btn { display: inline-block; background: #3498DB; color: #FFFFFF; padding: 12px 30px; border-radius: 8px; font-weight: 600; margin-top: 15px; cursor: pointer; transition: all 0.3s ease; } .publier-upload-btn:hover { background: #2980B9; } .publier-image-preview { margin-top: 20px; position: relative; display: inline-block; } .publier-image-preview img { max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .publier-remove-image { position: absolute; top: 10px; right: 10px; background: #E74C3C; color: #FFFFFF; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; } .publier-remove-image:hover { background: #C0392B; } .publier-checkbox-group { margin: 20px 0; } .publier-checkbox-group label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: 1rem; color: #2C3E50; margin-bottom: 15px; } .publier-checkbox-group input[type="checkbox"] { width: 20px; height: 20px; margin-top: 2px; cursor: pointer; accent-color: #3498DB; } .publier-form-info { font-size: 0.9rem; color: #7F8C8D; margin-top: 8px; font-style: italic; } .publier-submit-section { text-align: center; margin-top: 40px; padding: 30px; background: #F8F9FA; border-radius: 10px; } .publier-submit-btn { background: #3498DB; color: #FFFFFF; border: none; padding: 18px 50px; font-size: 1.2rem; font-weight: 700; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; margin: 10px; box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); } .publier-submit-btn:hover { background: #2980B9; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); } .publier-reset-btn { background: #7F8C8D; color: #FFFFFF; border: none; padding: 18px 50px; font-size: 1.2rem; font-weight: 700; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; margin: 10px; box-shadow: 0 4px 12px rgba(127, 140, 141, 0.3); } .publier-reset-btn:hover { background: #5D6D7E; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(127, 140, 141, 0.4); } .publier-submit-info { font-size: 1rem; color: #7F8C8D; margin-top: 20px; } .publier-aide-section { background: #ECF0F1; padding: 60px 20px; } .publier-aide-container { max-width: 800px; margin: 0 auto; background: #FFFFFF; border-radius: 12px; padding: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .publier-aide-title { font-size: 2rem; color: #2C3E50; margin-bottom: 25px; font-weight: 700; text-align: center; } .publier-aide-list { list-style: none; padding-left: 0; } .publier-aide-list li { font-size: 1.1rem; color: #2C3E50; margin-bottom: 15px; padding-left: 35px; position: relative; line-height: 1.8; } .publier-aide-list li:before { content: '→'; position: absolute; left: 0; color: #3498DB; font-weight: 700; font-size: 1.4rem; } .publier-aide-link { display: block; text-align: center; margin-top: 30px; font-size: 1.1rem; color: #3498DB; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .publier-aide-link:hover { color: #2980B9; text-decoration: underline; } .publier-success-section { display: none; background: #FFFFFF; border: 4px solid #27AE60; border-radius: 12px; padding: 60px 40px; margin: 40px auto; max-width: 700px; text-align: center; box-shadow: 0 6px 20px rgba(39, 174, 96, 0.2); } .publier-success-section.active { display: block; } .publier-success-icon { font-size: 5rem; color: #27AE60; margin-bottom: 20px; } .publier-success-title { font-size: 2.2rem; color: #27AE60; margin-bottom: 15px; font-weight: 700; } .publier-success-text { font-size: 1.2rem; color: #2C3E50; margin-bottom: 35px; line-height: 1.8; } .publier-success-buttons { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; } .publier-success-btn { background: #3498DB; color: #FFFFFF; border: none; padding: 15px 30px; font-size: 1rem; font-weight: 600; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; } .publier-success-btn:hover { background: #2980B9; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); } .publier-success-btn.secondary { background: #27AE60; } .publier-success-btn.secondary:hover { background: #229954; } @media (max-width: 768px) { .publier-section-intro h1 { font-size: 2rem; } .publier-section-intro .subtitle { font-size: 1.1rem; } .publier-info-box { padding: 20px; } .publier-step { padding: 25px 20px; } .publier-step-number { width: 38px; height: 38px; font-size: 1.2rem; top: -18px; left: 20px; } .publier-step-title { font-size: 1.4rem; } .publier-category-grid { grid-template-columns: 1fr; } .publier-submit-btn, .publier-reset-btn { width: 100%; margin: 10px 0; padding: 15px 30px; font-size: 1.1rem; } .publier-success-buttons { flex-direction: column; } .publier-success-btn { width: 100%; } }

/* Page: Recherche */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;line-height:1.6;color:#2C3E50;overflow-x:hidden;}#header{width:100%;background:#2C3E50;color:#ECF0F1;padding:1rem 0;}.recherche-hero-section{background:linear-gradient(135deg,#2C3E50 0%,#34495E 100%);padding:80px 20px 100px;text-align:center;color:#ECF0F1;}.recherche-hero-section h1{font-size:2.8rem;font-weight:800;margin-bottom:20px;letter-spacing:-0.5px;}.recherche-hero-section .subtitle{font-size:1.2rem;font-weight:400;margin-bottom:50px;opacity:0.95;max-width:800px;margin-left:auto;margin-right:auto;}.recherche-search-container{max-width:900px;margin:0 auto;}.recherche-search-box{display:flex;gap:10px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.3);border-radius:50px;overflow:hidden;}.recherche-search-input{flex:1;padding:20px 30px;border:none;font-size:1.1rem;background:#FFFFFF;color:#2C3E50;outline:none;}.recherche-search-input::placeholder{color:#7F8C8D;}.recherche-search-btn{padding:20px 40px;background:#3498DB;color:#FFFFFF;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:150px;}.recherche-search-btn:hover{background:#2980B9;transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.4);}.recherche-search-options{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;margin-top:25px;}.recherche-radio-group{display:flex;gap:15px;flex-wrap:wrap;}.recherche-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.95rem;color:#ECF0F1;}.recherche-radio-label input[type="radio"]{cursor:pointer;width:18px;height:18px;}.recherche-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.95rem;color:#ECF0F1;}.recherche-checkbox-label input[type="checkbox"]{cursor:pointer;width:18px;height:18px;}.recherche-suggestions-section{background:#ECF0F1;padding:60px 20px;}.recherche-suggestions-container{max-width:1200px;margin:0 auto;}.recherche-suggestions-section h2{font-size:2rem;font-weight:700;color:#2C3E50;margin-bottom:30px;text-align:center;}.recherche-tags-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px;}.recherche-tag{padding:12px 24px;background:#FFFFFF;border:2px solid #3498DB;color:#2C3E50;border-radius:25px;cursor:pointer;transition:all 0.3s ease;font-weight:500;font-size:0.95rem;}.recherche-tag:hover{background:#3498DB;color:#FFFFFF;transform:translateY(-3px);box-shadow:0 5px 15px rgba(52,152,219,0.3);}.recherche-categories-section h3{font-size:1.5rem;font-weight:600;color:#2C3E50;margin-bottom:25px;text-align:center;}.recherche-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1000px;margin:0 auto;}.recherche-category-btn{padding:25px 20px;background:#FFFFFF;border:2px solid #BDC3C7;border-radius:12px;cursor:pointer;transition:all 0.3s ease;text-align:center;font-weight:600;color:#2C3E50;font-size:1rem;}.recherche-category-btn:hover{border-color:#3498DB;background:#3498DB;color:#FFFFFF;transform:translateY(-3px);box-shadow:0 5px 15px rgba(52,152,219,0.3);}.recherche-category-icon{font-size:2rem;margin-bottom:10px;display:block;}.recherche-results-section{background:#FFFFFF;padding:60px 20px;display:none;}.recherche-results-section.active{display:block;}.recherche-results-container{max-width:1400px;margin:0 auto;}.recherche-results-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ECF0F1;}.recherche-results-header h2{font-size:1.8rem;font-weight:700;color:#2C3E50;margin-bottom:10px;}.recherche-results-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;color:#7F8C8D;font-size:0.95rem;margin-bottom:15px;}.recherche-results-sort{display:flex;gap:15px;flex-wrap:wrap;}.recherche-sort-btn{padding:8px 16px;background:#ECF0F1;border:1px solid #BDC3C7;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-weight:500;color:#2C3E50;font-size:0.9rem;}.recherche-sort-btn:hover,.recherche-sort-btn.active{background:#3498DB;color:#FFFFFF;border-color:#3498DB;}.recherche-results-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;}.recherche-filters-sidebar{background:#ECF0F1;padding:25px;border-radius:12px;height:fit-content;position:sticky;top:20px;}.recherche-filters-sidebar h3{font-size:1.3rem;font-weight:600;color:#2C3E50;margin-bottom:20px;}.recherche-filter-group{margin-bottom:25px;}.recherche-filter-group h4{font-size:1rem;font-weight:600;color:#2C3E50;margin-bottom:12px;}.recherche-filter-option{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;}.recherche-filter-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer;}.recherche-filter-option label{cursor:pointer;font-size:0.95rem;color:#2C3E50;}.recherche-filter-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px;}.recherche-filter-apply-btn{padding:12px 20px;background:#3498DB;color:#FFFFFF;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s ease;}.recherche-filter-apply-btn:hover{background:#2980B9;}.recherche-filter-reset-btn{padding:12px 20px;background:#FFFFFF;color:#2C3E50;border:1px solid #BDC3C7;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s ease;}.recherche-filter-reset-btn:hover{background:#ECF0F1;}.recherche-results-main{min-height:400px;}.recherche-result-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:25px;margin-bottom:20px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.recherche-result-card:hover{box-shadow:0 8px 20px rgba(0,0,0,0.1);transform:translateY(-3px);}.recherche-result-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px;flex-wrap:wrap;gap:10px;}.recherche-result-badge{padding:6px 14px;background:#3498DB;color:#FFFFFF;border-radius:20px;font-size:0.85rem;font-weight:600;}.recherche-result-relevance{font-size:0.9rem;color:#7F8C8D;}.recherche-result-title{font-size:1.4rem;font-weight:700;color:#2C3E50;margin-bottom:12px;line-height:1.4;}.recherche-result-title .highlight{background:#FFF9C4;color:#2C3E50;padding:2px 4px;border-radius:3px;}.recherche-result-excerpt{color:#5D6D7E;font-size:1rem;line-height:1.6;margin-bottom:15px;}.recherche-result-excerpt .highlight{background:#FFF9C4;color:#2C3E50;font-weight:600;}.recherche-result-meta{display:flex;flex-wrap:wrap;gap:20px;color:#7F8C8D;font-size:0.9rem;margin-bottom:15px;}.recherche-result-meta span{display:flex;align-items:center;gap:5px;}.recherche-result-actions{display:flex;gap:10px;flex-wrap:wrap;}.recherche-result-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s ease;font-size:0.9rem;}.recherche-result-detail-btn{background:#3498DB;color:#FFFFFF;}.recherche-result-detail-btn:hover{background:#2980B9;}.recherche-result-map-btn{background:#ECF0F1;color:#2C3E50;border:1px solid #BDC3C7;}.recherche-result-map-btn:hover{background:#BDC3C7;}.recherche-no-results{text-align:center;padding:60px 20px;}.recherche-no-results h3{font-size:1.8rem;font-weight:700;color:#2C3E50;margin-bottom:20px;}.recherche-no-results p{font-size:1.1rem;color:#7F8C8D;margin-bottom:30px;}.recherche-suggestions-list{max-width:600px;margin:0 auto;text-align:left;background:#ECF0F1;padding:30px;border-radius:12px;}.recherche-suggestions-list h4{font-size:1.2rem;font-weight:600;color:#2C3E50;margin-bottom:15px;}.recherche-suggestions-list ul{list-style:none;}.recherche-suggestions-list li{padding:10px 0;color:#2C3E50;font-size:1rem;border-bottom:1px solid #BDC3C7;}.recherche-suggestions-list li:last-child{border-bottom:none;}.recherche-ai-summary-section{background:#ECF0F1;padding:40px 20px;border-left:5px solid #3498DB;margin-bottom:20px;border-radius:8px;display:none;}.recherche-ai-summary-section.active{display:block;}.recherche-ai-summary-container{max-width:1400px;margin:0 auto;}.recherche-ai-summary-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;}.recherche-ai-icon{font-size:2.5rem;}.recherche-ai-summary-section h3{font-size:1.6rem;font-weight:700;color:#2C3E50;}.recherche-ai-content{color:#2C3E50;font-size:1.05rem;line-height:1.8;}.recherche-ai-content p{margin-bottom:15px;}.recherche-export-section{background:#FFFFFF;border:2px solid #7F8C8D;border-radius:12px;padding:40px;margin:40px auto;max-width:1400px;}.recherche-export-section h3{font-size:1.6rem;font-weight:700;color:#2C3E50;margin-bottom:15px;text-align:center;}.recherche-export-section p{text-align:center;color:#5D6D7E;margin-bottom:30px;font-size:1.05rem;}.recherche-export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;}.recherche-export-option{background:#ECF0F1;padding:25px;border-radius:12px;text-align:center;border:2px solid transparent;transition:all 0.3s ease;}.recherche-export-option:hover{border-color:#3498DB;box-shadow:0 5px 15px rgba(52,152,219,0.2);}.recherche-export-icon{font-size:3rem;margin-bottom:15px;color:#3498DB;}.recherche-export-option h4{font-size:1.2rem;font-weight:600;color:#2C3E50;margin-bottom:10px;}.recherche-export-option p{font-size:0.95rem;color:#5D6D7E;margin-bottom:15px;}.recherche-export-btn{padding:12px 30px;background:#3498DB;color:#FFFFFF;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all 0.3s ease;font-size:1rem;}.recherche-export-btn:hover{background:#2980B9;transform:translateY(-2px);}.recherche-export-checkboxes{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;}.recherche-export-checkboxes label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1rem;color:#2C3E50;}.recherche-export-checkboxes input[type="checkbox"]{width:20px;height:20px;cursor:pointer;}.recherche-map-section{background:#FFFFFF;padding:60px 20px;display:none;}.recherche-map-section.active{display:block;}.recherche-map-container{max-width:1400px;margin:0 auto;}.recherche-map-section h3{font-size:1.8rem;font-weight:700;color:#2C3E50;margin-bottom:30px;text-align:center;}.recherche-map-placeholder{width:100%;height:600px;background:#ECF0F1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7F8C8D;font-size:1.2rem;margin-bottom:20px;border:2px solid #BDC3C7;}.recherche-map-fullscreen-btn{display:block;margin:0 auto;padding:14px 40px;background:#3498DB;color:#FFFFFF;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all 0.3s ease;}.recherche-map-fullscreen-btn:hover{background:#2980B9;transform:translateY(-2px);}.recherche-tips-section{background:#ECF0F1;padding:60px 20px;}.recherche-tips-container{max-width:1000px;margin:0 auto;}.recherche-tips-section h2{font-size:2rem;font-weight:700;color:#2C3E50;margin-bottom:30px;text-align:center;}.recherche-tips-list{background:#FFFFFF;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.recherche-tips-list ul{list-style:none;}.recherche-tips-list li{padding:12px 0 12px 30px;color:#2C3E50;font-size:1.05rem;position:relative;line-height:1.6;}.recherche-tips-list li::before{content:'✓';position:absolute;left:0;color:#3498DB;font-weight:bold;font-size:1.3rem;}.recherche-examples-section{background:#FFFFFF;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.recherche-examples-section h3{font-size:1.4rem;font-weight:600;color:#2C3E50;margin-bottom:20px;}.recherche-examples-list{list-style:none;}.recherche-examples-list li{padding:10px 15px;background:#ECF0F1;margin-bottom:10px;border-radius:6px;color:#2C3E50;font-size:1rem;font-style:italic;}.recherche-assistance-section{background:#3498DB;padding:60px 20px;text-align:center;color:#FFFFFF;}.recherche-assistance-container{max-width:800px;margin:0 auto;}.recherche-assistance-section h2{font-size:2rem;font-weight:700;margin-bottom:15px;}.recherche-assistance-section p{font-size:1.2rem;margin-bottom:30px;opacity:0.95;}.recherche-assistance-btn{padding:16px 50px;background:#FFFFFF;color:#3498DB;border:none;border-radius:50px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;}.recherche-assistance-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}.recherche-footer{background:#2C3E50;color:#ECF0F1;padding:40px 20px;text-align:center;}.recherche-footer p{font-size:1rem;}@media(max-width:1200px){.recherche-results-layout{grid-template-columns:1fr;}.recherche-filters-sidebar{position:static;}}@media(max-width:768px){.recherche-hero-section h1{font-size:2rem;}.recherche-hero-section .subtitle{font-size:1rem;}.recherche-search-box{flex-direction:column;border-radius:12px;}.recherche-search-btn{border-radius:6px;}.recherche-suggestions-section h2,.recherche-tips-section h2{font-size:1.5rem;}.recherche-categories-grid{grid-template-columns:1fr;}.recherche-results-sort{flex-direction:column;width:100%;}.recherche-sort-btn{width:100%;}.recherche-export-options{grid-template-columns:1fr;}.recherche-map-placeholder{height:400px;}.recherche-result-header{flex-direction:column;align-items:start;}}@media(max-width:480px){.recherche-hero-section{padding:60px 15px 80px;}.recherche-hero-section h1{font-size:1.6rem;}.recherche-search-input,.recherche-search-btn{padding:15px 20px;font-size:1rem;}.recherche-radio-group{flex-direction:column;gap:10px;width:100%;}.recherche-tags-container{gap:10px;}.recherche-tag{padding:10px 18px;font-size:0.9rem;}.recherche-result-card{padding:20px;}.recherche-result-title{font-size:1.2rem;}.recherche-result-actions{flex-direction:column;}.recherche-result-btn{width:100%;}}

/* Page: À Propos */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;line-height:1.6;color:#2C3E50;overflow-x:hidden;}#header{width:100%;height:auto;}.apropos-hero-section{background:linear-gradient(135deg,#2C3E50 0%,#34495E 100%);color:#ECF0F1;padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden;}.apropos-hero-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:50px 50px;animation:apropos-gridMove 20s linear infinite;opacity:0.3;}.apropos-hero-section h1{font-family:'Poppins',sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:20px;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,0.2);}.apropos-hero-tagline{font-size:1.8rem;font-weight:600;color:#3498DB;margin-bottom:30px;position:relative;z-index:2;font-style:italic;}.apropos-hero-intro{font-size:1.2rem;max-width:900px;margin:0 auto;line-height:1.8;position:relative;z-index:2;color:#ECF0F1;}.apropos-mission-section{background:#ECF0F1;padding:80px 20px;}.apropos-section-title{font-family:'Poppins',sans-serif;font-size:2.8rem;font-weight:700;color:#2C3E50;text-align:center;margin-bottom:50px;position:relative;padding-bottom:20px;}.apropos-section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#3498DB;border-radius:2px;}.apropos-content-wrapper{max-width:1200px;margin:0 auto;}.apropos-mission-text{max-width:900px;margin:0 auto 50px;}.apropos-mission-text p{font-size:1.1rem;color:#2C3E50;margin-bottom:25px;line-height:1.8;text-align:justify;}.apropos-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1000px;margin:0 auto;}.apropos-value-card{background:#FFFFFF;padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;border-top:4px solid #3498DB;}.apropos-value-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(52,152,219,0.3);}.apropos-value-icon{font-size:3rem;margin-bottom:15px;display:block;}.apropos-value-text{font-size:1.1rem;color:#2C3E50;font-weight:600;}.apropos-inspiration-section{background:#FFFFFF;padding:80px 20px;border-left:8px solid #3498DB;margin:0 5%;}.apropos-inspiration-content{max-width:1000px;margin:0 auto;}.apropos-inspiration-text{font-size:1.15rem;color:#2C3E50;margin-bottom:35px;line-height:1.8;}.apropos-characteristics-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px;}.apropos-characteristics-list li{background:#ECF0F1;padding:20px 25px;border-radius:8px;color:#2C3E50;font-size:1.05rem;font-weight:500;border-left:4px solid #3498DB;transition:all 0.3s ease;}.apropos-characteristics-list li:hover{background:#3498DB;color:#FFFFFF;transform:translateX(10px);}.apropos-fonctionnement-section{background:#ECF0F1;padding:80px 20px;}.apropos-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:50px auto 0;}.apropos-pillar-card{background:#FFFFFF;padding:40px 30px;border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,0.1);text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden;}.apropos-pillar-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#3498DB,#2C3E50);}.apropos-pillar-card:hover{transform:translateY(-10px);box-shadow:0 12px 35px rgba(52,152,219,0.3);}.apropos-pillar-icon{font-size:4rem;margin-bottom:20px;display:block;}.apropos-pillar-title{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:#2C3E50;margin-bottom:15px;}.apropos-pillar-description{font-size:1.05rem;color:#34495E;line-height:1.7;}.apropos-participation-section{background:#3498DB;color:#FFFFFF;padding:80px 20px;text-align:center;}.apropos-participation-section .apropos-section-title{color:#FFFFFF;}.apropos-participation-section .apropos-section-title::after{background:#FFFFFF;}.apropos-participation-text{font-size:1.2rem;max-width:900px;margin:0 auto 50px;line-height:1.8;}.apropos-steps-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin:50px auto;max-width:1000px;}.apropos-step-item{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:30px 25px;border-radius:12px;width:200px;position:relative;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.3);}.apropos-step-item:hover{background:rgba(255,255,255,0.25);transform:scale(1.05);}.apropos-step-number{font-size:2.5rem;font-weight:800;color:#FFFFFF;margin-bottom:10px;display:block;}.apropos-step-text{font-size:1.05rem;color:#FFFFFF;font-weight:500;}.apropos-motivation-text{font-size:1.15rem;font-weight:600;margin:40px auto 30px;max-width:800px;color:#FFFFFF;}.apropos-cta-button{display:inline-block;background:#FFFFFF;color:#3498DB;padding:18px 45px;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all 0.3s ease;border:3px solid #FFFFFF;margin-top:20px;}.apropos-cta-button:hover{background:transparent;color:#FFFFFF;transform:scale(1.08);box-shadow:0 8px 25px rgba(0,0,0,0.2);}.apropos-fonctionnalites-section{background:#FFFFFF;padding:80px 20px;}.apropos-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;max-width:1200px;margin:0 auto;}.apropos-feature-box{background:#ECF0F1;padding:35px 25px;border-radius:12px;transition:all 0.3s ease;border-bottom:4px solid #3498DB;}.apropos-feature-box:hover{background:#3498DB;color:#FFFFFF;transform:translateY(-5px);box-shadow:0 10px 30px rgba(52,152,219,0.3);}.apropos-feature-box:hover .apropos-feature-title,.apropos-feature-box:hover .apropos-feature-desc{color:#FFFFFF;}.apropos-feature-title{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:#2C3E50;margin-bottom:12px;}.apropos-feature-desc{font-size:1.05rem;color:#34495E;line-height:1.6;}.apropos-impact-section{background:#ECF0F1;padding:80px 20px;}.apropos-impact-box{background:#FFFFFF;padding:40px;border-radius:15px;max-width:900px;margin:40px auto;box-shadow:0 6px 20px rgba(0,0,0,0.1);}.apropos-impact-box p{font-size:1.15rem;color:#2C3E50;margin-bottom:15px;font-weight:600;}.apropos-impact-list{list-style:none;padding:0;margin-top:25px;}.apropos-impact-list li{font-size:1.1rem;color:#34495E;margin-bottom:15px;padding-left:30px;position:relative;line-height:1.7;}.apropos-impact-list li::before{content:'✓';position:absolute;left:0;color:#3498DB;font-weight:800;font-size:1.3rem;}.apropos-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;margin:50px auto 0;}.apropos-stat-card{background:#3498DB;color:#FFFFFF;padding:35px 20px;border-radius:12px;text-align:center;transition:all 0.3s ease;}.apropos-stat-card:hover{background:#2C3E50;transform:scale(1.05);}.apropos-stat-number{font-size:3rem;font-weight:800;display:block;margin-bottom:10px;}.apropos-stat-label{font-size:1.1rem;font-weight:500;}.apropos-equipe-section{background:#FFFFFF;padding:80px 20px;}.apropos-equipe-text{max-width:900px;margin:0 auto 40px;font-size:1.15rem;color:#2C3E50;line-height:1.8;text-align:justify;}.apropos-values-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1000px;margin:40px auto;}.apropos-team-value{background:#ECF0F1;padding:25px;border-radius:10px;color:#2C3E50;font-size:1.1rem;font-weight:600;text-align:center;border-top:3px solid #3498DB;transition:all 0.3s ease;}.apropos-team-value:hover{background:#3498DB;color:#FFFFFF;transform:translateY(-5px);}.apropos-contact-wrapper{text-align:center;margin-top:40px;}.apropos-contact-text{font-size:1.15rem;color:#34495E;margin-bottom:20px;}.apropos-contact-button{display:inline-block;background:#3498DB;color:#FFFFFF;padding:16px 40px;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all 0.3s ease;border:none;}.apropos-contact-button:hover{background:#2C3E50;transform:scale(1.05);box-shadow:0 8px 25px rgba(44,62,80,0.3);}.apropos-evolution-section{background:#34495E;color:#ECF0F1;padding:80px 20px;}.apropos-evolution-section .apropos-section-title{color:#ECF0F1;}.apropos-evolution-section .apropos-section-title::after{background:#3498DB;}.apropos-evolution-text{font-size:1.15rem;max-width:900px;margin:0 auto 40px;line-height:1.8;text-align:center;}.apropos-features-coming{list-style:none;padding:0;max-width:800px;margin:40px auto;}.apropos-features-coming li{background:rgba(236,240,241,0.1);padding:20px 25px;margin-bottom:15px;border-radius:10px;font-size:1.1rem;font-weight:500;border-left:4px solid #3498DB;transition:all 0.3s ease;}.apropos-features-coming li:hover{background:rgba(236,240,241,0.2);transform:translateX(10px);}.apropos-engagement-text{font-size:1.15rem;text-align:center;max-width:800px;margin:40px auto 0;font-weight:600;color:#ECF0F1;}.apropos-slogan-section{background:#3498DB;color:#FFFFFF;padding:80px 20px;text-align:center;}.apropos-main-quote{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:800;margin-bottom:30px;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,0.2);}.apropos-final-text{font-size:1.3rem;margin-bottom:40px;font-weight:600;}.apropos-final-buttons{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;}.apropos-final-button-primary{display:inline-block;background:#FFFFFF;color:#3498DB;padding:18px 45px;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all 0.3s ease;border:3px solid #FFFFFF;}.apropos-final-button-primary:hover{background:#2C3E50;color:#FFFFFF;border-color:#2C3E50;transform:scale(1.05);}.apropos-final-button-secondary{display:inline-block;background:transparent;color:#FFFFFF;padding:18px 45px;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all 0.3s ease;border:3px solid #FFFFFF;}.apropos-final-button-secondary:hover{background:#FFFFFF;color:#3498DB;transform:scale(1.05);}.apropos-footer{background:#2C3E50;color:#ECF0F1;padding:40px 20px;text-align:center;}.apropos-footer p{font-size:1rem;margin-bottom:10px;}.apropos-footer a{color:#3498DB;text-decoration:none;font-weight:600;transition:color 0.3s ease;}.apropos-footer a:hover{color:#FFFFFF;}@keyframes apropos-gridMove{0%{transform:translate(0,0);}100%{transform:translate(50px,50px);}}@media(max-width:768px){.apropos-hero-section h1{font-size:2.2rem;}.apropos-hero-tagline{font-size:1.3rem;}.apropos-hero-intro{font-size:1.05rem;}.apropos-section-title{font-size:2rem;}.apropos-main-quote{font-size:2rem;}.apropos-pillars-grid,.apropos-features-grid,.apropos-values-grid{grid-template-columns:1fr;}.apropos-steps-container{flex-direction:column;}.apropos-final-buttons{flex-direction:column;align-items:center;}.apropos-inspiration-section{margin:0 2%;border-left:5px solid #3498DB;}}

/* Page: Contact */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');:root{--primary-dark:#2C3E50;--secondary-dark:#34495E;--primary-light:#ECF0F1;--accent-blue:#3498DB;--white:#FFFFFF;--border-gray:#7F8C8D;--success-green:#27AE60;--warning-yellow:#F39C12}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--primary-dark);overflow-x:hidden}#header{width:100%;height:auto}.contact-hero-section{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-dark) 100%);color:var(--primary-light);padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.contact-hero-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(52,152,219,0.1) 0%,transparent 70%);animation:pulse 15s infinite}.contact-hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);position:relative;z-index:1}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.3}}.contact-hero-section .subtitle{font-size:1.8rem;font-weight:400;margin-bottom:30px;color:#BDC3C7;position:relative;z-index:1}.contact-hero-section .intro-text{max-width:900px;margin:0 auto;font-size:1.15rem;line-height:1.8;color:var(--primary-light);position:relative;z-index:1}.contact-intro-section{background:var(--primary-light);padding:80px 20px;text-align:center}.contact-intro-section .container{max-width:1000px;margin:0 auto}.contact-intro-section p{font-size:1.2rem;line-height:1.9;color:var(--primary-dark);margin-bottom:25px}.contact-intro-section .engagement{font-size:1.3rem;font-weight:600;color:var(--accent-blue);margin-top:30px}.contact-coords-section{background:var(--white);padding:80px 20px}.contact-coords-section h2{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:60px;font-weight:700}.contact-coords-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.contact-coord-card{background:var(--primary-light);border:2px solid transparent;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease}.contact-coord-card:hover{border-color:var(--accent-blue);transform:translateY(-5px);box-shadow:0 8px 25px rgba(52,152,219,0.2)}.contact-coord-card .icon{font-size:3.5rem;margin-bottom:20px;display:block}.contact-coord-card h3{font-size:1.6rem;color:var(--accent-blue);margin-bottom:15px;font-weight:600}.contact-coord-card .info-text{font-size:1.1rem;color:var(--primary-dark);margin-bottom:15px;font-weight:500;word-break:break-word}.contact-coord-card .description{font-size:0.95rem;color:var(--border-gray);line-height:1.6;margin-bottom:25px}.contact-coord-card .btn{display:inline-block;padding:12px 30px;background:var(--accent-blue);color:var(--white);text-decoration:none;border-radius:6px;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.contact-coord-card .btn:hover{background:#2980B9;transform:scale(1.05)}.contact-form-section{background:var(--primary-light);padding:80px 20px}.contact-form-section h2{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:15px;font-weight:700}.contact-form-section .form-subtitle{text-align:center;font-size:1.1rem;color:var(--border-gray);margin-bottom:50px}.contact-form-container{max-width:800px;margin:0 auto;background:var(--white);padding:50px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.1)}.contact-form-group{margin-bottom:25px}.contact-form-group label{display:block;font-size:1rem;font-weight:600;color:var(--primary-dark);margin-bottom:8px}.contact-form-group label .required{color:#E74C3C}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--border-gray);border-radius:6px;font-size:1rem;font-family:'Inter',sans-serif;transition:all 0.3s ease;background:var(--white);color:var(--primary-dark)}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(52,152,219,0.1)}.contact-form-group textarea{resize:vertical;min-height:180px}.contact-char-counter{text-align:right;font-size:0.85rem;color:var(--border-gray);margin-top:5px}.contact-checkbox-group{display:flex;align-items:flex-start;gap:10px;margin:30px 0}.contact-checkbox-group input[type='checkbox']{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:var(--accent-blue)}.contact-checkbox-group label{font-size:0.95rem;color:var(--primary-dark);cursor:pointer;line-height:1.5}.contact-form-buttons{display:flex;gap:15px;margin-top:35px}.contact-form-buttons button{flex:1;padding:16px;font-size:1.1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.contact-form-buttons .btn-submit{background:var(--accent-blue);color:var(--white)}.contact-form-buttons .btn-submit:hover{background:#2980B9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3)}.contact-form-buttons .btn-reset{background:var(--border-gray);color:var(--white)}.contact-form-buttons .btn-reset:hover{background:#6C7A89}.contact-success-message{display:none;background:#D5F4E6;border:2px solid var(--success-green);color:#1E8449;padding:20px;border-radius:8px;margin-top:25px;text-align:center;font-weight:600;align-items:center;justify-content:center;gap:10px}.contact-success-message.show{display:flex}.contact-success-message .icon{font-size:1.5rem}.contact-reasons-section{background:var(--white);padding:80px 20px}.contact-reasons-section h2{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:60px;font-weight:700}.contact-reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 30px;max-width:1200px;margin:0 auto}.contact-reason-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--primary-light);border-radius:10px;transition:all 0.3s ease}.contact-reason-item:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(0,0,0,0.08)}.contact-reason-item .icon{font-size:2.5rem;min-width:50px;text-align:center}.contact-reason-item .content h3{font-size:1.3rem;color:var(--primary-dark);margin-bottom:8px;font-weight:600}.contact-reason-item .content p{font-size:0.95rem;color:var(--border-gray);line-height:1.6}.contact-faq-section{background:var(--primary-light);padding:80px 20px}.contact-faq-section h2{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:60px;font-weight:700}.contact-faq-container{max-width:900px;margin:0 auto}.contact-faq-item{background:var(--white);border-radius:8px;margin-bottom:15px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease}.contact-faq-item:hover{box-shadow:0 4px 15px rgba(0,0,0,0.1)}.contact-faq-question{padding:20px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;color:var(--primary-dark);background:var(--white);border:none;width:100%;text-align:left;transition:all 0.3s ease}.contact-faq-question:hover{color:var(--accent-blue)}.contact-faq-question::after{content:'▼';font-size:0.8rem;transition:transform 0.3s ease;color:var(--accent-blue)}.contact-faq-question.active::after{transform:rotate(180deg)}.contact-faq-answer{max-height:0;overflow:hidden;transition:all 0.3s ease;padding:0 25px;background:var(--white)}.contact-faq-answer.active{max-height:500px;padding:0 25px 20px}.contact-faq-answer p{color:var(--border-gray);line-height:1.7;font-size:0.98rem}.contact-faq-answer a{color:var(--accent-blue);text-decoration:none;font-weight:600}.contact-faq-answer a:hover{text-decoration:underline}.contact-faq-link{text-align:center;margin-top:40px}.contact-faq-link a{color:var(--accent-blue);text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:5px;transition:all 0.3s ease}.contact-faq-link a:hover{text-decoration:underline;transform:translateX(5px)}.contact-response-section{background:var(--white);padding:80px 20px;border-left:6px solid var(--accent-blue)}.contact-response-section h2{font-size:2.2rem;color:var(--primary-dark);margin-bottom:40px;font-weight:700}.contact-response-container{max-width:900px;margin:0 auto}.contact-response-list{display:grid;gap:20px;margin-bottom:30px}.contact-response-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--primary-light);border-radius:8px}.contact-response-item .type{font-weight:600;color:var(--primary-dark);font-size:1.05rem}.contact-response-item .time{color:var(--accent-blue);font-weight:600;font-size:1.05rem}.contact-response-note{font-size:1rem;color:var(--border-gray);line-height:1.7;margin-top:25px;font-style:italic}.contact-community-section{background:var(--accent-blue);color:var(--white);padding:80px 20px;text-align:center}.contact-community-section h2{font-size:2.5rem;margin-bottom:30px;font-weight:700}.contact-community-section .intro-text{max-width:800px;margin:0 auto 40px;font-size:1.15rem;line-height:1.8}.contact-social-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.contact-social-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:var(--white);color:var(--accent-blue);text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05rem;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.contact-social-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,0.2)}.contact-community-section .share-text{font-size:1.1rem;margin-top:20px;font-weight:500}.contact-location-section{background:var(--primary-light);padding:80px 20px}.contact-location-section h2{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:40px;font-weight:700}.contact-location-content{max-width:800px;margin:0 auto;text-align:center;padding:40px;background:var(--white);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.contact-location-content p{font-size:1.15rem;line-height:1.8;color:var(--border-gray)}.contact-quality-section{background:var(--white);padding:80px 20px}.contact-quality-container{max-width:900px;margin:0 auto}.contact-quality-list{list-style:none;margin-bottom:40px}.contact-quality-list li{padding:18px 20px;padding-left:50px;position:relative;font-size:1.08rem;line-height:1.7;color:var(--primary-dark);margin-bottom:12px}.contact-quality-list li::before{content:'✓';position:absolute;left:15px;color:var(--success-green);font-size:1.5rem;font-weight:bold}.contact-quality-quote{text-align:center;font-size:1.5rem;font-style:italic;color:var(--accent-blue);font-weight:600;padding:30px;background:var(--primary-light);border-radius:10px;border-left:5px solid var(--accent-blue)}.contact-cta-section{background:var(--secondary-dark);color:var(--primary-light);padding:80px 20px;text-align:center}.contact-cta-section .cta-text{font-size:1.8rem;line-height:1.5;margin-bottom:40px;font-weight:600}.contact-cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-cta-buttons .btn{padding:16px 40px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all 0.3s ease;display:inline-block}.contact-cta-buttons .btn-primary{background:var(--accent-blue);color:var(--white);border:2px solid var(--accent-blue)}.contact-cta-buttons .btn-primary:hover{background:#2980B9;transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,0.3)}.contact-cta-buttons .btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.contact-cta-buttons .btn-secondary:hover{background:var(--white);color:var(--secondary-dark);transform:translateY(-3px)}.contact-footer{background:var(--primary-dark);color:var(--primary-light);padding:60px 20px 30px;text-align:center}.contact-footer-coords{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:40px}.contact-footer-coord{text-align:center}.contact-footer-coord .icon{font-size:2rem;margin-bottom:10px;display:block}.contact-footer-coord .label{font-size:0.9rem;color:#95A5A6;margin-bottom:5px}.contact-footer-coord .value{font-size:1.05rem;font-weight:600;color:var(--white)}.contact-footer-coord a{color:var(--accent-blue);text-decoration:none}.contact-footer-coord a:hover{text-decoration:underline}.contact-footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:25px;margin-top:30px;font-size:0.95rem;color:#95A5A6}@media(max-width:768px){.contact-hero-section h1{font-size:2.2rem}.contact-hero-section .subtitle{font-size:1.3rem}.contact-hero-section .intro-text{font-size:1rem}.contact-coords-grid{grid-template-columns:1fr}.contact-form-container{padding:30px 20px}.contact-form-buttons{flex-direction:column}.contact-reasons-grid{grid-template-columns:1fr}.contact-reason-item{flex-direction:column;text-align:center}.contact-reason-item .icon{margin:0 auto}.contact-cta-section .cta-text{font-size:1.4rem}.contact-cta-buttons{flex-direction:column;align-items:center}.contact-cta-buttons .btn{width:100%;max-width:300px}.contact-footer-coords{flex-direction:column;gap:25px}}@media(max-width:480px){.contact-hero-section{padding:80px 15px 60px}.contact-hero-section h1{font-size:1.8rem}.contact-coords-section h2,.contact-form-section h2,.contact-reasons-section h2,.contact-faq-section h2{font-size:1.8rem}}.error-input{border-color:#E74C3C!important}.error-message{color:#E74C3C;font-size:0.85rem;margin-top:5px;display:none}.error-message.show{display:block}