/* ---------------------------Contenu des pages--------------------------- */
.sppb-title-heading {text-transform: uppercase;}
.article-ratings-social-share {display:none !important;}
/*#sp-main-body {padding-top:50px !important;}*/
h3 {font-family: 'Borel', cursive !important;font-size:40px;}
h4 {font-family: 'Borel', cursive !important;font-size:30px;}
h5 {font-family: 'Borel', cursive !important;}
.sppb-articles-carousel-meta-date {display:none;}
#hob_feet_div {display:none;}

/* ---------------------------Bouton--------------------------- */
.btn_cho {
  display: inline-block;
  font-weight: 400;
  font-family:'Baloo 2', cursive;
  text-align: center;
  white-space: pre-line;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent !important;
  padding: 8px 20px !important;
  font-size: 16px;
  line-height: 1.25;
  border-radius: 4px !important;
  transition: all .15s ease-in-out;
}
.bleu {background-color:#4DB5BD !important; color:white !important;}
.bleu:hover {background-color:#F2F2F2 !important; color:#4DB5BD !important;}

.jaune {background-color:#FACB6E !important; color:white !important;}
.jaune:hover {background-color:#F2F2F2 !important; color:#FACB6E !important;}

.blanc {background-color:white !important; color:#4DB5BD !important;}
.blanc:hover {background-color:#4DB5BD !important; color:white !important;}

/* ---------------------------Menu tout en haut--------------------------- */
#menu_haut {display:inline;}

#sp-top-bar {
  height: 55px;           /* ← ajuste ici (ex: 36px, 40px, 48px) */
  padding: 0;
}
#sp-top-bar .navbar {
  min-height: 42px;       /* même valeur que #sp-top-bar */
  padding: 0;
}

#sp-top-bar .navbar-collapse {
  height: 100%;
}

#sp-top-bar .navbar-nav,
#sp-top-bar ul#menu_haut {
  height: 100%;
  align-items: center;    /* centrage vertical */
}

/* 2) Affichage horizontal des items */
#sp-top-bar nav.navbar #menu_haut {
  display: flex;
  align-items: center;
}

/* 3) Items */
#sp-top-bar nav.navbar #menu_haut > li {
  display: inline-flex;   /* garde les <li> sur la ligne */
}

#menu_haut a.menu_haut_lien {
    display:block;
    padding-left: 10pt;
    padding-right: 10pt;
    text-transform: uppercase;
	letter-spacing:0.15em;
	font-size:8pt;
}
#menu_haut a.menu_haut_ventes {border-right: thin white solid; border-left: thin white solid;}
#menu_haut a.menu_haut_investir {padding-top:16pt; padding-bottom:15pt;}
#menu_haut li.active > a {background-color: #FACB6E;}
}

/* ---------------------------Menu principal--------------------------- */
.sp-megamenu-parent {text-transform:uppercase; font-family: 'Jost', cursive !important;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size:13pt; font-weight:600;letter-spacing:1pt;}
.sp-megamenu-parent>li.active>a {font-weight:bold;font-size:13pt;}
.sp-megamenu-parent>li.current-item>a:after {
    content: "";
    position: absolute;
    top: 30pt;
    left: 20%;
    right: 25%;
    border-top: 0.2em solid #4DB5BD;
	font-size:0.9em; 
	font-weight:bold;
}
#sp-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ---------------------------Menu burger--------------------------- */
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {text-transform:uppercase;}
#menu_canvas {	display:flex;	flex-direction: column;}
.offcanvas-menu {background-color:white;}

#cbf_menu_principal>li.active>a:after {
    content: "";
	width: 3em;
    position: absolute;
    bottom: 0.1em;
    left: 0;
    right: 0;
    border-bottom: 0.2em solid #C2E0C5;
	font-size:0.9em; 
	font-weight:bold;
}

/* ---------------------------Menu Bas--------------------------- */
.legals_bas {letter-spacing: 0.2em; font-size: 8pt;text-transform: uppercase; padding-top:1em;}
.legals_bas a {color:#707070 !important;}
.legals_bas a:hover {font-weight:500;}
.bloc_bas_1 a {color:white !important;}
.bloc_bas_1 a:hover {font-weight:500;}
.menu_bas a {color:white !important;border-bottom: 1px solid white;padding-bottom: 15px;}
.menu_bas a:hover {font-weight:700;}

/* ---------------------------Bas page--------------------------- */
.social-icons{
  display: flex;
  align-items: center;
  gap: 10px;          /* espace entre les icônes */
  flex-wrap: nowrap;  /* empêche de passer à la ligne */
}
.social-icons a,
.social-icons img{
  display: inline-block !important;
}

/* ---------------------------Page Contact et Connexion et page mon compte--------------------------- */
.intro_contact p {font-weight:600;}
.visCSSinput, .logincbf_connexion, .login input {border:1px solid #797979 !important; width:80% !important; border-radius: 0 !important;}
.visforms textarea {width:100%;}
.visCSSlabel {color:#797979; font-family:'Baloo 2', cursive;text-align:right;padding-right:20px;width:15% !important;}
.consent {color:#797979; font-family:'Baloo 2', cursive; width:93% !important; font-size:small; padding-left: 72px;}
.visform {margin: 0% 5% 0% 5%;}
.visBtnCon {text-align: right !important; padding-right:20px;}

#form2consentementlbl {
	width:100%;
	font-weight:400;
	text-align:justify;
}
.visform input.error, .visform textarea.error, .visform select.error {	border: 1px dotted #983412 !important;}
/* Masquer le Cadenas sur le formulaire de connexion */
.input-group-text {display:none;}
.logincbf_connexion .star,.login .star, .resetcbf_connexion .star,.reset .star, .remindcbf_connexion .star,.remind .star,.modif_formateur .star {display:none;}
.logincbf_connexion a:hover, .login a:hover {color:#983412;}
.modif_formateur h3 {text-align:center; color:#C38671 !important; text-transform:uppercase;}
.icon-eye:before, .icon-eye-slash:before {color:#f5f5f5 !important;}



/* ---------------------------Page Inscription ----------------------------------*/
/* --- Frais scolaires - bloc complet --- */
.frais_scol_wrap{
  display:flex;
  align-items:center;
  gap:40px;
  padding:20px;
  font-family: Arial, sans-serif;

  /* centrage + largeur max */
  max-width: 1100px;
  margin: 0 auto;
  justify-content: center;
  box-sizing: border-box;
}

/* Colonnes */
.frais_scol_col{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Lignes (colonne gauche) */
.frais_scol_row{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Libellé enfant */
.frais_scol_label, .frais_scol_label_prem {
  background:#1B5155;
  color:#fff;
  border-radius:8px;
  font-size:14px;
  min-width:180px;
  text-transform:uppercase;
  letter-spacing:0.2px;
}
.frais_scol_label {padding:15px 18px;}
.frais_scol_label_prem {padding:15px 66px;}

/* Remise */
.frais_scol_discount{
  background:#ffffff;
  color:#4DB5BD;
  padding:15px 18px;
  border-radius:8px;
  font-weight:700;
  min-width:80px;
  text-align:center;
  font-family:'Baloo 2', cursive;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Prix (les pastilles bleues) */
.frais_scol_price{
  background:#4DB5BD;
  color:#fff;
  padding:15px 18px;
  border-radius:8px;
  min-width:120px;
  text-align:center;
  font-family:'Baloo 2', cursive;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Symboles + et = */
.frais_scol_symbol{
  font-size:44px;
  font-weight:800;
  color:#1f5558;
  line-height:1;
}

/* Bloc fournitures */
.frais_scol_box{
  background:#fff;
  border-radius:12px;
  padding:50px 22px;
  text-align:center;
  width:200px;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

/* Icône */
.frais_scol_box_icon{
  width:114px;
  height:100px;
  margin:0 auto 14px auto;
  background-image:url("/images/2026/04/10/fourniture_petit.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* Texte bloc fournitures */
.frais_scol_box_amount{
  font-size:22px;
  /*font-weight:800;*/
  color:#1f5558;
  margin-top:4px;
  font-family: 'Borel', cursive;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.frais_scol_box_text{
  color:#777;
  margin-top:6px;
  font-size:14px;
  font-family:'Baloo 2', cursive;
}

.frais_scol_price,
.frais_scol_discount,
.frais_scol_box_amount {
  padding-top: 17px;
  padding-bottom: 13px;
}

/* ---------------------------Page Investir ----------------------------------*/
#contact_investir label.visCSSlabel {
  color: white;
}
#contact_investir textarea {
  background-color: white;
}

/* --- Responsive (mobile) --- */
@media (max-width: 900px){
  .frais_scol_wrap{
    flex-direction:column;
    align-items:stretch;
    gap:16px;
  }
  .frais_scol_symbol{
    text-align:center;
  }
  .frais_scol_row{
    flex-wrap:wrap;
  }
  .frais_scol_label{
    min-width:unset;
    flex: 1 1 100%;
  }
  .frais_scol_discount,
  .frais_scol_price{
    flex:1 1 45%;
    min-width:unset;
  }
  .frais_scol_box{
    width:auto;
  }
}

/************** Test Scroll *******************/

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    /* -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);  */
    -webkit-border-radius: 0px;
    border-radius: 0px;
	background:white;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: ; 
    /* -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.5);  */
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #707070; 
}

/* ---------------------------En dessous de 1200px--------------------------- */
@media (max-width: 1200px) {
	/* Menu tout en haut */
	#menu_haut a.menu_haut_lien, #menu_haut_prive a.menu_haut_lien {
		display:block;
		padding-left: 1em;
		padding-right: 1em;
		text-transform: uppercase;
		border-right: thin white solid;
		/* font-weight:bold; */
		letter-spacing:1pt;
		font-size:7pt;
	}
	#menu_haut a.menu_haut_spec, #menu_haut_prive a.menu_haut_spec {
		display:block;
		padding-left: 1em;
		padding-right: 1em;
		text-transform: uppercase;
		padding-top:3em;
		padding-bottom:3em;
		/* font-weight:bold; */
		letter-spacing:1pt;
		font-size:7pt;
	}
	/* Menu principal */
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size:11pt; font-weight:bold;}
	.sp-megamenu-parent>li.active>a {font-weight:bold;font-size:11pt;}
}
@media (max-width: 991px) {
	/*Disparition du menu haut */
	#menu_haut, .navbar	{display:none;}
	#sp-top-bar {display:none;}
	/*suppression du décalage à gauche du menu A propos */
	#sp-bottom2, #sp-bottom3 { margin-top: 0; }
	#sp-bottom2 {padding-left: calc(var(--bs-gutter-x) * .5);}
	/* Page Méhode*/
	.questions h2:before {right: 43%; width: 90px;}
	.questions h2 {font-size: 15pt;}
	.questions h3 {font-size: 15pt;}
	.questions {font-size: 12pt;}
	/* Page Evenements*/
	.dp-button-next {position: relative;}
	.dp-button-bar__actions {float: left !important; margin-top: 80px;}
}