/* ========================= BASE LAYOUT ========================= */ .section { padding: 60px 20px; } /* Desktop spacing */ @media (min-width: 992px) { .section { padding: 80px 20px; } } /* ========================= CONTAINERS ========================= */ .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .container-small { max-width: 800px; margin: 0 auto; padding: 0 20px; } /* ========================= GRID SYSTEM ========================= */ .grid { display: flex; flex-wrap: wrap; gap: 20px; } /* 3 colonnes desktop */ .grid-3 > * { flex: 1; min-width: 250px; } /* ========================= RESPONSIVE MOBILE ========================= */ /* MOBILE = 1 colonne */ @media (max-width: 768px) { .grid, .grid-3 { flex-direction: column; } .section { padding: 40px 15px; } h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 18px; } } /* CTA PRINCIPAL (orange) */ .btn.btn-primary, a.btn-primary { background-color: #ea542a !important; color: #ffffff; border: none !important; } .btn.btn-primary:hover, a.btn-primary:hover { background-color: #c9431f !important; color: #ffffff; } /* BOUTON SECONDAIRE (gris) */ .btn-secondary { background: #3d4751 !important; color: #ffffff; } .btn-secondary:hover { background: #2f373f !important; color: #ffffff; } /* OUTLINE (optionnel) */ .btn-outline { background: transparent; color: #3d4751; border: 2px solid #3d4751; } .btn-outline:hover { background: #3d4751; color: #ffffff; } /* HERO (blanc sur fond sombre) */ .btn-white { background: transparent; color: #ffffff; border: 2px solid #ffffff; } .btn-white:hover { background: #ffffff; color: #3d4751; } /* === FIX GLOBAL BOUTONS (YAPLA OVERRIDE) === */ .btn, a.btn, button, input[type="submit"], .member-login, .member-register { border-radius: 0 !important; } /* HERO */ .hero { padding: 80px 20px; } @media (min-width: 992px) { .hero { padding: 120px 20px; } } .hero h1 { font-size: 32px; } @media (min-width: 992px) { .hero h1 { font-size: 42px; } } .hero { position: relative; background: linear-gradient(rgba(61,71,81,0.85), rgba(61,71,81,0.85)), url('https://images.unsplash.com/photo-1579154204601-01588f351e67'); background-size: cover; background-position: center; padding: 120px 20px; text-align: center; color: #ffffff; } .hero-content { max-width: 900px; margin: 0 auto; } /* TITRES HERO */ .hero h1 { font-size: 42px; font-weight: 600; color: #ffffff; margin-bottom: 20px; } .hero-subtitle { font-size: 20px; margin-bottom: 25px; color: #ffffff; } .hero-text { font-size: 16px; margin-bottom: 40px; color: #e0e0e0; } .hero-accent { color: #ea542a; font-weight: 600; } /* BOUTONS */ .hero-buttons .btn { margin: 5px; } /* SECTION PBM */ .section { padding: 80px 20px; } .pbm-container { display: flex; align-items: center; gap: 40px; max-width: 1200px; margin: 0 auto 50px auto; flex-wrap: wrap; } .pbm-layout { display: flex; gap: 40px; align-items: center; flex-wrap: wrap; } .pbm-layout > div { flex: 1; min-width: 300px; } /* MOBILE */ @media (max-width: 768px) { .pbm-layout { flex-direction: column; } } .cta-full, .line-footer { width: 100%; margin-left: 0; } .pbm-text { flex: 1; min-width: 300px; } .pbm-text p { margin-bottom: 15px; line-height: 1.6; } .pbm-image { flex: 1; min-width: 300px; text-align: center; } .pbm-image img { max-width: 100%; height: auto; border-radius: 4px; } /* BENEFICES */ .pbm-benefits { display: flex; gap: 20px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; } .pbm-benefit { flex: 1; min-width: 250px; background: #f7f7f7; padding: 20px; border-left: 4px solid #ea542a; } .pbm-benefit h3 { margin-bottom: 10px; } /* MECANISME */ .mechanism-container { max-width: 1000px; margin: 0 auto; text-align: center; } .mechanism-intro { margin-bottom: 40px; color: #6b6b6b; line-height: 1.6; } /* ETAPES */ .mechanism-steps { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; } .mechanism-step { flex: 1; min-width: 250px; padding: 20px; } /* NUMERO */ .mechanism-number { width: 50px; height: 50px; background: #ea542a; color: #ffffff; margin: 0 auto 15px auto; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 18px; } /* CONCLUSION */ .mechanism-conclusion { max-width: 800px; margin: 0 auto; font-style: italic; color: #3d4751; } .domains-container { max-width: 1200px; margin: 0 auto; text-align: center; } .domains-intro { margin-bottom: 40px; color: #6b6b6b; } .domains-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .domain-item { flex: 1; min-width: 250px; max-width: 300px; padding: 20px; background: #f7f7f7; border-top: 4px solid #ea542a; text-align: left; } .sfpbm-container { display: flex; align-items: center; gap: 40px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; } .sfpbm-text { flex: 1; min-width: 300px; } .sfpbm-image { flex: 1; min-width: 300px; text-align: center; } .sfpbm-image img { max-width: 100%; } .objectives-container { max-width: 1200px; margin: 0 auto; text-align: center; } .objectives-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; } .objective-item { flex: 1; min-width: 250px; padding: 20px; border-left: 4px solid #ea542a; background: #ffffff; } .ppt-container { text-align: center; max-width: 800px; margin: 0 auto; } /* CTA FULL WIDTH */ .cta-full { width: 100%; margin-left: 0; background: #3d4751; color: #ffffff; } /* CONTENU CENTRÉ */ .cta-container { max-width: 800px; margin: 0 auto; padding: 20px; text-align: center; } /* BOUTONS */ .cta-full h2 { color: #ffffff; } .cta-buttons { margin-top: 30px; } .cta-buttons .btn { margin: 10px; } /* BOUTON OUTLINE BLANC SPÉCIFIQUE */ .btn-outline-white { background: transparent; color: #ffffff; border: 2px solid #ffffff; } .btn-outline-white:hover { background: #ffffff; color: #3d4751; } /*__________________________________*/ /* FIN /*__________________________________*/ /* FOOTER */ .site_line__item { padding-bottom: 10px !important; padding-top: 10px !important; } /* FULL WIDTH + CONTAINER INTERNE */ [data-line-id="565320"] { width: 100%; margin-left: 0; padding-bottom: 0 !important } [data-line-id="565320"] > div { max-width: 800px; margin: 0 auto; padding: 0 20px; } .cta-full,

/* FULL WIDTH PROPRE */



[data-line-id="565320"] {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  padding-bottom: 0 !important;
}

/* CONTENU INTERNE CENTRÉ */

[data-line-id="565320"] > .container {
  max-width: 800px;
  margin: 0 auto !important;
  padding: 0 20px;
}

/* CONTENU CENTRÉ */
.line-footer {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50%;
  margin-right: -50%;
  width: 100%;
}
body {
  overflow-x: hidden;
}

.domain-item img {
  border-radius: 4px;
}

.domain-item {
  display: flex;
  flex-direction: column;
}

.domain-item .btn {
  margin-top: auto;
  margin-bottom: 10px;
}

.domain-item h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.domain-item p {
  font-size: 14px;
  color: #555;
}

/* GRID CONSEIL ADMINISTRATION */

.ca-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-width: 1000px;
  margin: 0 auto;
}

.ca-item {
  flex: 1 1 250px;
  padding: 12px 15px;
  background: #f7f7f7;
  border-left: 3px solid #ea542a;
  font-weight: 500;
}

/* CONTENU FOOTER CENTRÉ */ .line-footer > div { max-width: 1200px; margin: 0 auto; padding: 40px 20px; } /* FORCE COULEUR FOOTER */ .line-footer, .footer, .site-footer { background-color: #ea542a !important; } /* POWERED BY */ .poweredBy-wrapper { display:none !important; } /* BTN LOGIN & REGISTER */ @media (min-width: 992px) { a.member-register, a.member-login { display: inline-block; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; /*text-transform: uppercase;*/ padding: 12px 24px; text-decoration: none; border-radius: 0; transition: 0.3s ease; cursor: pointer; width: auto; } /* LOGIN = bouton blanc plein */ a.member-login { background-color: #ffffff; color: #3d4751; border: none; } a.member-login:hover { background-color: #f2f2f2; color: #3d4751; } /* REGISTER = outline blanc */ a.member-register { background-color: transparent; color: #ffffff; border: 2px solid #ffffff; margin-right: 5px; } a.member-register:hover { background-color: #ffffff; color: #3d4751; text-decoration: none; } }