/*
  CSS fusionné à partir de :
  - main.css
  - event.css
  - nav.css

  Objectifs de cette version :
  - supprimer les doublons évidents
  - regrouper les règles par zone fonctionnelle
  - conserver le comportement existant autant que possible
  - clarifier la structure pour les futures évolutions
*/

/* ========================================
   Variables
======================================== */
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-text-muted: #777;
  --color-text-soft: #999;
  --color-border-soft: rgba(0, 0, 0, 0.08);
  --color-yellow: #f6bc1e;
  --color-blue: #0a466a;
  --color-blue-dark: #012439;
  --color-blue-hover: #113062;
  --color-section-light: #efefef;
  --ti-cursor-color: #f6bc1e;
  --ti-cursor-font-weight: bold;
}

/* ========================================
   Base
======================================== */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  background-color: var(--color-black);
  overflow-x: hidden; /* fix du 4 avril 2026 pour éviter le scroll horizontal */
}

img {
  max-width: 100%;
}

section {
  padding: 150px 0;
}

h2 {
  margin-bottom: 100px;
  font-size: 70px;
  font-weight: 800;
  letter-spacing: -7px;
  text-align: center;
}

h3 {
  font-size: 33px;
  font-weight: 800;
}

.handwritting {
  font-family: 'Caveat', cursive;
  font-size: 30px;
}

#avatar {
  margin-bottom: 50px;
}

#toTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: transparent url('/img/totop.png') no-repeat left top;
}

.hidden-section {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.exo_tva {
  font-size: 12px;
  text-align: right;
}

body .stars {
  margin-bottom: 10px;
  font-size: 22px;
  color: #edb13d;
}

body .stars i {
  margin: 0 1px;
}

body .big-stars {
  margin-bottom: 40px;
  font-size: 40px;
}

/* ========================================
   Navigation
======================================== */
nav {
  background-color: transparent !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease;
}

nav:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

nav .fa-bars {
  font-size: 22px;
}

.nav-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sina-nav {
  border: 0 none !important;
}

.sina-nav .extension-nav > ul > li > a {
  color: var(--color-text-muted) !important;
}

.navbar-nav {
  padding: 0;
  text-align: center;
  list-style: none;
}

.navbar-nav .nav-item {
  margin: 20px 0;
}

.navbar-nav .nav-link {
  font-size: 24px;
  font-weight: bold;
  color: var(--color-white) !important;
  text-decoration: none;
  transition: color 0.3s;
}

.navbar-nav .main-link,
.navbar-nav .nav-link:hover {
  color: #f8d210 !important;
}

#navbarNav li.nav-item {
  margin: 0;
  text-align: right;
}

#navbarNav li.nav-item .nav-link {
  font-size: 30px;
}

#navbarNav ul.submenu li.nav-item .nav-link {
  font-size: 20px;
}

ul.submenu {
  display: none;
}

#formation ul#submenu-formation {
  display: block;
}

.navbar-toggler {
  z-index: 1040;
  border: none;
  outline: none;
}

.navbar-dark .navbar-toggler-icon {
  width: 3em;
  height: 3em;
  background-image: url('/img/burger.svg');
}

.navbar-toggler.hidden {
  display: none;
}

.navbar.hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.close-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1051;
  display: none;
  border: none;
  background: none;
  color: var(--color-white);
  font-size: 40px;
  cursor: pointer;
}

.close-menu:hover {
  color: #f8d210;
}

.close-menu.show {
  display: block;
}

.full-screen-menu {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 10050;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.95);
  opacity: 0;
  visibility: hidden;
  transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.full-screen-menu.show {
  right: 0;
  opacity: 1;
  visibility: visible;
}

/* ========================================
   Homepage
======================================== */
#homepage header {
  height: 900px;
  padding-top: 300px;
  background-color: transparent;
  background-image: url('/img/patrice-udekwe-hp.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 70%;
}

#homepage header p {
  font-size: 30px;
  line-height: 40px;
}

#homepage header h1 {
  margin-left: -6px;
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  letter-spacing: -7px;
  text-transform: uppercase;
}

#homepage header h1 span:first-child {
  letter-spacing: -12px;
}

#homepage header h1 span:nth-of-type(2) {
  letter-spacing: -11px;
}

#homepage header h1 em {
  font-size: 80px;
  font-style: normal;
  color: var(--color-yellow);
}

#homepage header #TypeIt {
  font-family: 'Caveat', cursive;
  font-size: 33px;
}

#homepage .skew1 {
  position: relative;
  top: -50px;
  height: 100px;
  padding: 0;
  background-color: var(--color-black);
  transform: skewY(-3deg);
}

#homepage #mission {
  padding: 100px 0 200px;
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 40px;
}

#homepage #mission h2 {
  display: none;
}

#homepage #mission em {
  color: var(--color-yellow);
}

#homepage #mission #public {
  font-size: 30px;
  color: var(--color-text-soft);
}

#homepage #mission a:link,
#homepage #mission a:visited,
#homepage #mission a:hover,
#homepage #mission a:active {
  font-weight: bold;
  color: var(--color-white);
}

#homepage #message {
  position: relative;
  top: 50px;
  padding: 100px 0;
  background-color: var(--color-yellow);
  font-size: 33px;
  letter-spacing: -2px;
  text-align: center;
  transform: skewY(-3deg);
}

#homepage #chiffres,
#homepage #certifie {
  background-color: var(--color-yellow);
  color: var(--color-black);
  text-align: center;
}

#homepage #chiffres {
  padding-top: 150px;
  padding-bottom: 150px;
}

#homepage #chiffres .content {
  margin-bottom: 0;
}

#homepage #chiffres .chiffre {
  margin-bottom: 0;
  font-size: 150px;
  line-height: 150px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: -15px;
}

#homepage #chiffres .about {
  font-size: 25px;
}

#homepage #certifie {
  padding-top: 0;
}

#homepage #certifie p {
  padding: 10px;
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
  letter-spacing: -4px;
  text-transform: uppercase;
  transform: skewY(-3deg);
}

#visuel-st-anne-container {
  background-color: transparent;
  background-image: url('/img/bg-skew2.png');
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
}

#visuel-st-anne {
  position: relative;
  top: 110px;
  height: 600px;
  background-color: transparent;
  background-image: url('/img/visuel-st-anne.php');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: skewY(-3deg);
}

#temoignages {
  padding: 200px 0;
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 30px;
}

.temoignage .quote_icon {
  margin-bottom: 50px;
}

.temoignage .author {
  margin-top: 20px;
  margin-bottom: 50px;
  font-style: italic;
  color: var(--color-text-muted);
}

.temoignage .texte {
  margin-bottom: 25px;
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 20px;
  font-style: italic;
  text-align: left;
}

.temoignage .auteur {
  position: relative;
  top: -50px;
}

.temoignage .name {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-white);
}

.temoignage .job {
  min-height: 54px;
  font-size: 18px;
  color: #888;
}

.temoignage .photo {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: 35px auto 10px;
  overflow: hidden;
  border: 3px solid var(--color-white);
  border-radius: 100px;
  line-height: 1.4em;
}

.temoignage .photo img {
  width: 80px;
}

.temoignage .no-photo {
  height: 40px;
}

.temoignage-big {
  color: var(--color-white);
  font-size: 30px;
}

#temoignages #display_more_temoignages:link,
#temoignages #display_more_temoignages:visited,
#temoignages #display_more_temoignages:hover,
#temoignages #display_more_temoignages:active {
  color: var(--color-white);
  text-decoration: underline;
}

#temoignages #display_more_temoignages:hover,
#temoignages #display_more_temoignages:active {
  color: var(--color-yellow);
}

#profils {
  padding: 150px 0;
  text-align: center;
}

#homepage #profils h3 {
  margin-bottom: 25px;
  color: var(--color-white);
  text-align: center;
}

#homepage #solutions {
  padding: 150px 0;
  background-color: #fef8e8;
}

#homepage #solutions h2 em {
  color: var(--color-yellow);
}

#homepage #solutions .offre {
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 10px;
  background-color: var(--color-white);
}

#homepage #solutions #stage {
  border: 3px solid var(--color-yellow);
}

#homepage #solutions .offre .details p {
  padding: 10px;
  background-color: var(--color-section-light);
  color: var(--color-black);
}

#homepage #solutions .strengths {
  padding-bottom: 20px;
  background-color: var(--color-black);
  color: var(--color-white);
}

#homepage #solutions .strengths h3 {
  padding: 10px 20px;
}

#homepage #solutions #next_stage {
  padding: 20px;
  background-color: var(--color-yellow);
  font-weight: bold;
}

#homepage #solutions #next_stage a:link,
#homepage #solutions #next_stage a:visited,
#homepage #solutions #next_stage a:hover,
#homepage #solutions #next_stage a:active {
  color: var(--color-black);
}

#homepage #solutions #ctaQ {
  padding: 200px 50px;
  border-radius: 10px;
  background-color: #58481c;
  color: var(--color-white);
  font-size: 30px;
  font-weight: bold;
}

#homepage #solutions #ctaQ a:link,
#homepage #solutions #ctaQ a:visited {
  color: var(--color-white);
  text-decoration: underline;
}

#homepage #solutions #ctaQ a:hover,
#homepage #solutions #ctaQ a:active {
  color: var(--color-black);
  text-decoration: underline;
}

#about {
  padding: 100px 0 0;
  background-color: var(--color-yellow);
  background-image: url('/img/doodad.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}

#about .wrapper {
  padding: 100px 0;
  background-color: transparent;
  background-image: url('/img/patrice-udekwe.png');
  background-repeat: no-repeat;
  background-size: 550px auto;
  background-position: 10% bottom;
}

#about h2 {
  text-align: left;
}

#about p.handwritting a:link,
#about p.handwritting a:visited,
#about p.handwritting a:hover,
#about p.handwritting a:active {
  color: var(--color-black);
}

#logos {
  position: relative;
  top: 50px;
  padding: 50px 0;
  background-color: #efefef;
  color: var(--color-text-soft);
  transform: skewY(-3deg);
}

#logos img {
  width: 80%;
  margin-bottom: 10px;
}

#logos p {
  margin: 0;
  font-size: 17px;
}

body.event #logos-wrapper,
body#avis #logos-wrapper {
  background-color: #222;
}

#contact {
  position: relative;
  top: 50px;
  padding: 50px 0;
  background-color: #2d5e9f;
  transform: skewY(-3deg);
}

#contact p {
  margin: 0;
}

#contact a {
  margin: 0 20px;
  font-size: 33px;
  font-weight: bold;
  letter-spacing: -3px;
}

#contact a:link,
#contact a:visited,
#contact a:hover,
#contact a:active {
  color: var(--color-white);
  text-decoration: none;
}

#contact a:hover,
#contact a:active {
  color: var(--color-yellow);
}

#avisGoogle {
  padding-top: 150px;
  padding-bottom: 100px;
  background-color: #f1f5fb;
}

.video-container {
  height: 810px;
}

#homepage #remerciements-adeline {
  display: none !important;
}

/* ========================================
   Pages spécifiques
======================================== */
#avis header {
  padding-top: 50px;
  background-color: #f1f5fb;
  color: var(--color-black);
  text-align: center;
}

#avis header h1 {
  font-size: 20px !important;
}

#avis header h1 a:link,
#avis header h1 a:visited,
#avis header h1 a:hover,
#avis header h1 a:active {
  color: var(--color-black);
}

#mentions header {
  padding: 100px 0;
  background-color: #ccc;
}

#mentions h1 {
  font-weight: 800;
  font-style: italic;
}

#mentions h2 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: initial;
  text-align: left;
}

#mentions section {
  margin-bottom: 100px;
  padding-top: 100px;
  background-color: var(--color-white);
}

#mentions .bloc {
  margin-bottom: 100px;
}

body#patrice-udekwe h1 {
  font-weight: bold;
}

body#patrice-udekwe #main {
  padding: 100px 0;
  color: var(--color-white);
}

body#patrice-udekwe #main header .details {
  font-size: 15px;
  color: #ccc;
}

body#patrice-udekwe #main section {
  padding: 50px 0;
}

body#patrice-udekwe #main h2 {
  margin-bottom: 50px;
  text-align: left;
}

/* ========================================
   Event / formation / stage 
======================================== */
body.event > header {
  position: relative;
  height: 810px;
}

body.event > header #title {
  position: absolute;
  bottom: 170px;
  left: 170px;
}

body.event header h1,
body.event header h2,
body.event header p {
  color: var(--color-white);
}

body.event header p,
body.event header h2 {
  margin-bottom: 25px;
  font-size: 30px;
  font-style: italic;
}

body.event h1 {
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: -3px;
}

body.event #bigTitle {
  padding: 100px 0;
  background-color: var(--color-white);
}

body.event #bigTitle h2 {
  margin: 0;
}

body.event #probleme {
  padding: 150px 0;
  background-color: var(--color-white);
  font-size: 25px;
}

body.event #probleme h3 {
  margin-bottom: 30px;
  text-align: center;
}

body.event #probleme ul {
  margin-bottom: 50px;
  margin-left: 40px;
}

body.event #probleme #pains .fa-li {
  color: red;
}

body.event #probleme #dreams .fa-li {
  color: green;
}

body.event #teaser,
body.event #reasons {
  padding: 100px 0;
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 25px;
}

body.event #teaser em,
body.event #reasons em {
  color: var(--color-yellow);
}

body.event #teaser em.em2,
body.event #reasons em.em2 {
  color: var(--color-text-muted);
}

body.event .cta {
  margin-bottom: 10px;
  padding: 20px;
  font-weight: bold;
}

body.event header .cta {
  text-align: left;
}

body.event .cta:hover {
  background-color: #003166;
  border-color: #003166;
}

body.event section .cta-wrapper {
  margin: 100px 0;
}

body.event a.btn:hover {
  background-color: var(--color-blue-hover) !important;
  border-color: var(--color-blue-hover) !important;
}

body.event a.btn.cta1 {
  background-color: #222 !important;
  border-color: #222 !important;
}

body.event a.btn.cta1:hover {
  background-color: var(--color-black) !important;
  border-color: var(--color-black) !important;
}

body.event a.btn.cta2 {
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
}

body.event a.btn.cta2:hover {
  background-color: var(--color-blue-dark) !important;
  border-color: var(--color-blue-dark) !important;
}

body.event a.btn.cta3 {
  background-color: #a77c07 !important;
  border-color: #a77c07 !important;
}

body.event a.btn.cta3:hover {
  background-color: #594100 !important;
  border-color: #594100 !important;
}

body.event a.btn.cta4 {
  background-color: var(--color-black) !important;
  border-color: var(--color-black) !important;
  color: var(--color-white) !important;
}

body.event a.btn.cta4:hover {
  background-color: #333 !important;
  border-color: #333 !important;
  color: var(--color-white) !important;
}

body.event a.btn.cta4 span {
  color: var(--color-yellow);
}

body.event a.btn.cta5 {
  background-color: #555 !important;
  border-color: #555 !important;
}

body.event a.btn.cta5:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

body.event #formateur {
  background-color: var(--color-blue);
  color: var(--color-white);
}

body.event #formateur h2 {
  margin-bottom: 50px;
  text-align: left;
}

body.event #formateur img {
  margin-bottom: 50px;
  border: 10px solid var(--color-white);
  border-radius: 10px;
  rotate: -3deg;
}

body.event #formateur p {
  margin-bottom: 30px;
  font-size: 25px;
  line-height: 30px;
}

body.event #formateur p.handwritting a:link,
body.event #formateur p.handwritting a:visited,
body.event #formateur p.handwritting a:hover,
body.event #formateur p.handwritting a:active {
  color: var(--color-white);
}

body.event #programme {
  padding: 100px 0;
  background-color: var(--color-section-light);
}

body#formation #programme ul,
body#stage #programme ul {
  position: relative;
  left: -18px;
  padding-left: 0;
}

#programme mark {
  background-color: var(--color-yellow);
  font-size: 25px;
  font-weight: bold;
}

#programme h3 {
  letter-spacing: -2px;
}

body.event #strengths {
  background-color: var(--color-white);
}

body.event #strengths .card {
  padding: 28px 24px;
  border: 1px solid var(--color-border-soft);
  border-radius: 20px;
  background-color: var(--color-white);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  color: #1f2937;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.event #strengths .card:hover {
  transform: translateY(-4px);
  border-color: rgba(246, 188, 30, 0.5);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

body.event #strengths .card h3 {
  margin-bottom: 10px;
  color: var(--color-yellow);
  font-weight: 700;
}

body.event #strengths .card p {
  color: #4b5563;
  line-height: 1.5;
}

body.event #strengths img {
  width: 50%;
}

.card-stage-container {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-stage-container:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

body.event .dates {
  position: relative;
  top: -10px;
  padding-top: 75px;
  background-image: url('/img/arrow-dates.png');
  background-repeat: no-repeat;
  background-position: top center;
}

body.event .dates .more-dates {
  margin-bottom: 0;
  font-size: 15px;
}

body.event .dates ul {
  padding: 0;
  list-style-type: none;
  font-size: 25px;
  font-weight: bold;
}

body.event .dates ul li {
  margin-bottom: 5px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: var(--color-black);
  color: var(--color-white);
}

body.event .dates ul li.hidden,
#inscription .hidden {
  display: none;
}

body.event .dates ul li.date span {
  display: block;
  font-size: 15px;
  color: var(--color-yellow);
}

body.event #locaux {
  height: 400px;
  background-color: transparent;
  background-image: url('/img/bg-cocoon.jpg?v=1');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

body.event #faq,
body.event #strengths {
  background-color: var(--color-white);
}

body.event #faq .faq-group {
  margin-bottom: 150px;
}

body.event #faq dl {
  margin-bottom: 50px;
}

body.event #faq dt {
  font-size: 20px;
  font-weight: bold;
}

body.event #faq h3 {
  margin-bottom: 50px;
}

#faq .faq-collapsible {
  --faq-max: 500px;
  position: relative;
  max-height: var(--faq-max);
  overflow: hidden;
  transition: max-height 0.35s ease;
}

#faq .faq-collapsible::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 120px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}

#faq .faq-collapsible.is-open {
  max-height: 9999px;
}

#faq .faq-collapsible.is-open::after {
  display: none;
}

#faq .faq-toggle {
  margin-top: 18px;
}

body.event #temoignages-video .temoignage {
  margin-bottom: 100px;
  text-align: center;
}

body.event #temoignages-video .video {
  margin-bottom: 25px;
  border: 10px solid var(--color-white);
  border-radius: 10px;
  background-color: var(--color-white);
}

body.event #temoignages-video .extrait {
  margin-bottom: 20px;
  font-size: 21px;
  font-style: italic;
}

#bgVideo {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

#remerciements-adeline {
  /*display: none;*/
  padding-bottom: 100px;
  background-color: #222;
  color: var(--color-white);
}

#remerciements-adeline img {
  rotate: -3deg;
}

.event #thrivecart button {
  display: none;
}

body.event .countdown {
  padding: 50px 0;
  background-color: red;
  color: var(--color-white);
}

body.event #bonus {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

body.event #bonus em {
  color: var(--color-white);
}

body.event #bonus .bonus {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 10px dotted var(--color-white);
}

body.event #inscription {
  background-color: #333;
}

#inscription .top-row,
#inscription .price-table,
#inscription ._21h,
#inscription ._28h {
  display: none;
}

#inscription h2,
#inscription h6 {
  color: var(--color-white);
}

#inscription h2 {
  margin-bottom: 0;
}

#inscription h2 span {
  color: var(--color-yellow);
}

#inscription h3 {
  padding: 20px 0 60px;
  background: transparent url('/img/bg-h3-yellow.png') bottom center no-repeat;
  color: var(--color-black);
  font-size: 30px;
  text-align: center;
}

#inscription .card {
  margin-top: 50px;
  border: 0;
  background: var(--color-white) url('/img/bg-price-card.png') top center no-repeat;
  text-align: center;
}

#inscription .card h4 {
  text-align: center;
}

#inscription .badge-feat {
  position: absolute;
  top: 0;
  left: -10px;
  padding: 0.3em 0.5em;
  background-color: var(--color-yellow) !important;
  color: var(--color-black);
  font-size: 17px;
  rotate: -10deg;
}

#inscription h4 {
  display: block;
  margin: 20px 0 90px;
  color: var(--color-white);
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}

#inscription .price {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 10px dotted #ddd;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -2px;
}

#inscription .price sup {
  position: relative;
  top: -20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
}

#inscription .pdf {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
}

#inscription .version-indicateur {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 3px;
  border-radius: 50%;
  background-color: var(--color-white);
  color: #ddd;
  font-size: 1.5rem;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease;
}

#inscription .version-indicateur.on,
#inscription .version-indicateur:hover {
  color: var(--color-black);
}

#inscription .version-indicateur:hover {
  text-decoration: none;
}

#inscription #bootcamp ._21h {
  display: initial;
}

#inscription i {
  color: green;
}

#inscription #city_selector {
  margin-bottom: 10px;
}

.city-sessions {
  display: none;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

#sessions_paris {
  display: block;
}

.city-badge .badge {
  cursor: pointer;
}

.city-badge.is-active .badge {
  opacity: 1;
}

.city-badge:not(.is-active) .badge {
  opacity: 0.5;
}

.badge-city {
  background-color: #e9ecef;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}

.city-badge.is-active .badge-city {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

#comparatif {
  padding-top: 100px;
}

#comparatif h5 {
  padding-top: 70px;
}

#comparatif p {
  color: var(--color-white);
}

#comparatif .badge {
  font-size: 100%;
}

#comparatif .badge-warning {
  background-color: #ff7f00;
  color: var(--color-white);
}

#comparatif .inconvenients i {
  color: orange;
}

#highlights {
  padding: 50px 0;
  background-color: var(--color-white);
  font-size: 50px;
  font-weight: bold;
}

#highlights .content {
  gap: 30px; /* espace entre les logos */
}

#highlights .item img,
#highlights img.item {
  max-height: 80px;
  width: auto;
}





#chiffres-cles {
  padding: 75px 0;
  background-color: #041c2a;
  color: var(--color-white);
}

#chiffres-cles h2 {
  display: none;
}

#chiffres-cles h3 {
  font-size: 100px;
  letter-spacing: -7px;
}

#chiffres-cles h3 span.small {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: normal;
}

#chiffres-cles span.douze_mois {
  display: block;
  font-size: 12px;
}

#chiffres-cles-bis {
  background-color: var(--color-black);
}

#chiffres-cles-bis p.big {
  margin-bottom: 100px;
  color: var(--color-white);
  font-size: 100px;
  line-height: 110px;
  font-weight: 800;
  letter-spacing: -7px;
}

#chiffres-cles-bis p.small {
  color: var(--color-white);
  font-size: 25px;
}

#chiffres-cles-bis p em {
  color: var(--color-yellow);
}

#Carrousel_Google_Reviews {
  min-height: 388px;
  padding: 75px 0;
  background-color: var(--color-section-light);
  background-image: url('/img/loader.gif');
  background-position: center center;
  background-repeat: no-repeat;
}

#Carrousel_Google_Reviews .es-embed-root {
  background-color: var(--color-section-light);
}






/* ========================================
   Footer
======================================== */
footer {
  padding: 100px 0;
  background-color: var(--color-black);
  color: var(--color-text-muted);
  font-size: 15px;
  text-align: center;
}

footer p {
  margin: 0;
}

footer a:link,
footer a:visited {
  color: var(--color-text-muted);
}

/* ========================================
   Responsive
======================================== */
@media (max-width: 1140px) {
  #homepage header {
    background-position: center;
  }
}

@media (min-width: 1140px) {
  #homepage header {
    background-size: auto;
  }
}

@media (max-width: 1024px) {
  body#formation > header #title,
  body#stage > header #title {
    left: 0;
    padding: 0 25px;
  }
}

@media (max-width: 768px) {
  #homepage header {
    height: auto;
    padding-top: 580px;
    padding-bottom: 20px;
    background-image: url('/img/patrice-udekwe2.jpg');
    background-repeat: no-repeat;
    background-size: auto 550px;
    background-position: top;
  }

  #homepage header h1,
  #homepage #TypeIt {
    color: var(--color-white);
  }

  #homepage #TypeIt br {
    display: none;
  }

  body.event h2 {
    font-size: 50px;
    letter-spacing: -2px;
  }

  body.event #teaser h2,
  body.event #reasons h2 {
    text-align: left !important;
  }

  body.event #strengths img,
  #bgVideo {
    display: none !important;
  }

  body.event #chiffres-cles-bis .big {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .temoignage-big {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  #visuel-st-anne,
  body.event > header #title {
    display: none;
  }

  #about .wrapper {
    background-image: url('/img/patrice-udekwe.png');
    background-size: 100%;
    background-position: bottom;
  }

  #about .content {
    margin-bottom: 450px;
  }

  #contact a {
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0;
  }

  body#formation > header,
  body#stage > header {
    height: auto;
    padding-bottom: 0;
  }

  body#formation > header #title,
  body#stage > header #title {
    position: relative;
    bottom: auto;
    display: block;
    padding: 0;
  }

  body.event header {
    padding: 100px 0 !important;
  }

  body.event .cta {
    width: 100%;
  }

  #profils .col-sm-6 {
    margin-bottom: 5rem;
  }

  body#patrice-udekwe h2 {
    font-size: 50px;
  }
}


/*@media (max-width: 480px) {*/
@media (max-width: 768px) {
  #homepage header {
    padding-top: 355px;
    padding-bottom: 100px;
    background-size: auto 325px;
    background-position: top;
  }

  #homepage header h1 {
    font-size: 50px;
    line-height: 50px;
  }

  #homepage header h1 em {
    font-size: 60px;
  }


  #highlights .content {
    flex-wrap: wrap; /* autorise le passage à la ligne */
  }

  #highlights .item img,
  #highlights img.item {
    max-height: 50px; /* plus petit sur mobile */
  }
}

@media (min-width: 768px) {
  #remerciements-adeline {
    display: block;
  }
}

@media only screen and (max-width: 1140px) {
  #visuel-st-anne {
    top: 50px;
    background-size: auto;
    background-position: -200px;
  }
}