/* ---------------------------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;}
.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, #menu_haut_prive a.menu_haut_lien {
    display:block;
    padding-left: 10pt;
    padding-right: 10pt;
    text-transform: uppercase;
	border-right: thin white solid;
	letter-spacing:0.15em;
	font-size:8pt;
}
#menu_haut a.menu_haut_spec, #menu_haut_prive a.menu_haut_spec{
    display:block;
    padding-left: 10pt;
    padding-right: 10pt;
    text-transform: uppercase;
	padding-top:16pt;
	padding-bottom:15pt;
	letter-spacing:0.15em;
	font-size:8pt;
}
/******************** Sous lignage actif menu haut***********************/
#menu_haut>li.active>a.menu_haut_lien_bibliotheque:after, #menu_haut>li.active>a.menu_haut_lien_evenements:after, #menu_haut>li.active>a.menu_haut_lien_boutique:after, #menu_haut>li.active>a.menu_haut_lien_don:after {
	content: "";
    position: absolute;
    bottom: 4pt;
	border-bottom: 0.2em solid #C2E0C5;
    font-size: 0.9em;
    font-weight: bold;
}
/*#menu_haut>li.active>a.menu_haut_lien_bibliotheque:after {left: 50%; right: 45%;}
#menu_haut>li.active>a.menu_haut_lien_evenements:after {left: 35%; right: 57%;}
#menu_haut>li.active>a.menu_haut_lien_boutique:after {left: 19%; right: 71%;}
#menu_haut>li.active>a.menu_haut_lien_don:after {left: 2%; right: 86%;}*/

#menu_haut_prive>li.active>a {color:#1F294E !important;}
.rond_hg {display:inline-block; vertical-align:middle; padding-right:0.2em;}
.rond_hg img {width:80%;}


/* ---------------------------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_bloc1, .cbf_bloc2 {background-color:white; } */
.cbf_bloc3 {background-color:#1F294E; }
.cbf_bloc3 ul>li>a {display:initial !important; padding:0px !important; overflow:none;}
.cbf_bloc3 ul>li {overflow:visible !important;}
.cbf_bloc3 a {color:white !important; text-transform:uppercase; letter-spacing:0.15em !important; font-size: 10pt !important; font-weight: 500;}
.cbf_bloc3 a.menu_haut_lien_moniteur { color:#0c2746 !important;position:relative;z-index:100;}
.cbf_bloc3 a.menu_haut_lien_prive {color:white; position:relative;z-index:99;top:0.5em;}
.cbf_bloc3 a.menu_haut_lien_deconnexion {color:#0c2746 !important; position:relative;z-index:99;top:0.5em;}
.cbf_bloc3 ul.menu>li {padding-bottom:5px !important;}
.cbf_bloc3 a.menu_haut_lien_moniteur:before {
	content:"";
	background-color: white;
	position:absolute;
	height:26pt; 
	width:225pt;
	left:-19pt;
	top:-6pt;
	z-index: -1;
}
.cbf_bloc3 a.menu_haut_lien_prive:before {
	content:"";
	background-color: #da9e09;
	position:absolute;
	height:26pt; 
	width:225pt;
	left:-19pt;
	top:-7pt;
	z-index: -1;
}
.cbf_bloc3 a.menu_haut_lien_deconnexion:before {
	content:"";
	background-color: white;
	position:absolute;
	height:26pt; 
	width:225pt;
	left:-19pt;
	top:-7pt;
	z-index: -1;
}
.icones_menu_canvas {
    text-align: center;
    padding-top: 1em !important;
}
#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--------------------------- */
.menus_bas {
	text-transform:uppercase;
}
.menus_bas h3, .titre_bas {
	color:#31433A !important;
	font-size:1.5em !important;
	letter-spacing: 0.2em;
	font-weight: 800 !important;
}
.texte_footer_gauche {letter-spacing: 0.3em; text-align:justify;}
.legals_bas {letter-spacing: 0.2em; font-size: 8pt;text-transform: uppercase; padding-top:1em;}
.titre_bas {padding-bottom:1em;}
.menus_bas a {color:white !important;}
#sp-bottom .sp-module ul>li {letter-spacing: 0.3em;}
/* ajout bord bas footer */
#sp-footer .container-inner {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#sp-bottom2, #sp-bottom3 { margin-top: 8em; }
#sp-bottom2 {padding-left:6em;}
.suivez_nous {text-transform: uppercase; font-size: 1.5em; font-weight: 500;display:inline;}
.suivez_nous img {width: 35px; display: inline !important; vertical-align: bottom; margin-left: 20px;}
.recherche_bas .form-control {padding: 0.375rem 3.75rem; text-transform:uppercase;}

/* ---------------------------Page Accueil--------------------------- */
.accueil_carousel h2{ color:#4D4D4D; background:rgba(255,255,255); letter-spacing:8px; text-transform:uppercase;margin: 120px 0px 20px 0px !important;}
.accueil_carousel .sppb-carousel-pro-content p{color: #4d4d4d;line-height: 32px;}
.accueil_temoignages .sppb-articles-carousel-content {box-shadow:none;}
/* .accueil_temoignages .sppb-articles-carousel-img img{height:300px; width:auto;} */


/* ---------------------------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 60px;}

/* 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;
}

/* --- 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;}
}