/* ---------------------------Contenu des pages--------------------------- */
#sp-main-body {letter-spacing: 2px;}
#sp-main-body h4 {color:#707070;padding-top: 0.5em; font-size: 1.3em;}
.sppb-title-heading {text-transform: uppercase;}
.article-ratings-social-share {display:none !important;}
#sp-main-body {padding-top:50px !important;}
h3 {font-weight:700;}
h4 {font-weight:700;}
.btn-primary {border-color: #1f294e !important; background-color: #1f294e !important;}
.sppb-articles-carousel-meta-date {display:none;}
#hob_feet_div {display:none;}
/* ---------------------------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 {display:inline;} */
#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{
    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;}

#menu_haut a.menu_haut_lien_moniteur { background-color: white; color:#0c2746 !important;}
#menu_haut a.menu_haut_lien_prive {background-color: #DA9E09;}
#menu_haut_prive a.menu_haut_lien_deconnexion  {background-color: #E2C369;}
#menu_haut a.menu_haut_lien_bibliotheque {border-right: none;}
.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;}
.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;
    bottom: 15pt;
    left: 20%;
    right: 20%;
    border-bottom: 0.2em solid #C2E0C5;
	font-size:0.9em; 
	font-weight:bold;
}
#sp-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* ---------------------------Fil d'ariane--------------------------- */
.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "•");
	color:#C2E0C5;
}
.breadcrumb {
	margin-top:3em;
	border-top: 1px solid #92ADC0;
	border-bottom: 1px solid #92ADC0;
	background-color:white;
	border-radius:0;
	color:#A8A8A8;
}
a.pathway  {color:#A8A8A8; text-decoration:underline;}

/* ---------------------------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:#697c98 !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 {color:white; 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 {border-radius: 1.25rem;padding: 0.375rem 3.75rem; text-transform:uppercase;}

/* ---------------------------Bouton--------------------------- */

.sppb-btn {
	padding:0;
	border:none;
	border-radius:0;
}
.cbf_btn {
	padding:0 0 0 0.5em;
	text-transform:uppercase;
	color:black !important;
	display:inline-block;
	font-weight: 500;
}
.cbf_btn i {padding:0 0 0 0.5em; display:inline-block;}	
.cbf_btn i:before {
	display:inline-block;
	vertical-align:middle;
    white-space: pre-line;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.25;
	padding:0.6em 0.7em 0.6em 0.7em;
}
.btn_fond_bl {background-color:white !important;}
.btn_fond_bl_contour {background-color:white !important; border:thin solid #707070;}
.btn_fond_gr {background-color:#F0F0F0 !important;}

/* Fleche verte */
.btn_vert:hover { background-color:#054741 !important; color:white !important; }
.btn_vert i:before {background-color:#054741;color:white;}

/* Fleche ocre */
.btn_ocre:hover {background-color:#bd8270 !important; color:white !important; }
.btn_ocre i:before {background-color:#bd8270; color:white;}

/* Fleche jaune */
.btn_jaune:hover {background-color:#BA9D54 !important; color:white !important; }
.btn_jaune i:before {background-color:#BA9D54; color:white;}

/* Fleche brique */
.btn_brique:hover {background-color:#934c3a !important; color:white !important; }
.btn_brique i:before {background-color:#934c3a; color:white;}

/* Fleche bleu gris */
.btn_blgris:hover {background-color:#87a7b8 !important;	color:white !important;}
.btn_blgris i:before {background-color:#87a7b8;	color:white;}

/* Fleche bleu */
.btn_bleu:hover {	background-color:#1F294E !important; color:white !important;}
.btn_bleu i:before {background-color:#1F294E;	color:white; }

/*Fleche kaki - Page Formation */
.btn_kaki:hover {	background-color:#768377 !important; color:white !important;}
.btn_kaki i:before {background-color:#768377;	color:white; }

/*Fleche verteau - Page Formation */
.btn_verteau:hover {	background-color:#C2E0C5 !important; color:white !important;}
.btn_verteau i:before {background-color:#C2E0C5;	color:white; }

/*Fleche vertfonce - Page Formation */
.btn_vertfonce:hover {	background-color:#064943 !important; color:white !important;}
.btn_vertfonce i:before {background-color:#064943;	color:white; }

/* ---------------------------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 questions--------------------------- */
.sppb-panel-modern {
    border-radius: 0px;
	border:none;
	border-bottom:thin solid #C38671;
}
.sppb-panel-modern>.sppb-panel-heading.active{
	color:#707070;
	border:none;
}
.sppb-panel-modern>.sppb-panel-heading{
	background-color:#f7f7f7;
	color:#707070;
	border:none;
}
.sppb-panel-title {
	font-size:1.4em;
	font-weight:600;
}
.sppb-toggle-direction {
	color:#C38671;
}
.sppb-panel-modern .sppb-panel-body {
	border:thin solid #C38671;
	margin-top: 0.4em;
}
/* ---------------------------Page méthode--------------------------- */
.questions h2 {
	font-size: 10pt;
	font-weight:800;
	text-transform:uppercase;
	padding-top:80px;
	hyphens : auto;
}
.questions h3 {
	font-size: 10pt;
	font-weight:800;
	text-transform:uppercase;
}
.questions {
	font-size: 8pt;
	font-weight:400;
}
.questions h2:before {
	content: '';
    background: url(/images/Utils/questions_petit.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 35%;
}

/* ---------------------------Page Contact et Connexion et page mon compte--------------------------- */
.intro_contact {text-align:center; color:#707070;}
.intro_contact h2 {text-transform:uppercase; color:#92ADC0; padding-bottom:20px;font-weight:700;}
.intro_contact p {font-weight:600;}
.visCSSinput, .logincbf_connexion, .login input {background-color: #F5F5F5 !important; border:0 !important; border-radius: 0 !important;}
.visforms textarea {width:100%;}
.visCSSlabel {color:#272727; font-weight:600;}
.visform {margin: 0% 15% 0% 15%;}
.visBtnCon {text-align:left !important;}
.cbf_btn_contact, .logincbf_connexion .btn, .resetcbf_connexion .btn, .remindcbf_connexion .btn, .login .btn, .reset .btn, .remind .btn {
	background-color:#983412 !important;
	color:white; 
	border:0 !important;
	border-radius:0;
	padding:5px 20px 5px 20px !important;
	letter-spacing:0.15em;
	text-transform:uppercase;	
}
.cbf_btn_contact:hover{
	background-color:#C38671 !important;
	color:white; 
	border:0 !important;
	border-radius:0;
	padding:5px 20px 5px 20px !important;
	letter-spacing:0.15em;
	text-transform:uppercase;	
}
.visBtnCon:after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f061";
    background-color: #C38671;
	color:white;
    width: 30px;
    height: 34px;
    font-size: 15pt;
    position: absolute;
	text-align:center;
	padding: 2pt !important;
	margin-left: -7px;
}
#form2consentementlbl, #form6consentementlbl {
	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 evenements--------------------------- */
.dp-link {color:#1F294E !important;}
.com-dpcalendar-timeline .dp-button, .dp-event__dot, .dp-button-print, .dp-button-copy-google,.dp-button-copy-ical,.dp-button-invite  {border:none !important;background-color:#1F294E !important;color:white !important;}
.dp-button-next {position: absolute; right: 0px;}
.com-dpcalendar-timeline .dp-button-bar__actions {float: none !important; position: relative; margin-top: 80px;}
.dp-event__dot-date {text-align:center;}
.dp-event__information a.dp-link_cta {background-color:#F0F0F0 !important; color:#4D4D4D !important; width:100%;}
.dp-title__start:before {content: "Du ";}
.dp-title__separator {display:none;}
.dp-title__end:before {content: "au ";}
.dp-title__start, .dp-title__end {color:#92ADC0; font-weight:500;}
.dp-button-bar__title {border-bottom:solid thin #707070;}
.com-dpcalendar-event__cta {overflow: visible !important}
.com-dpcalendar-bookingform__events .dp-table__thead {background-color:#1F294E !important; color:white;}
.com-dpcalendar-event .dp-button_cta, .dp-button-save {background-color:#054741 !important; color:white !important; border:none !important;}
.dp-button-map-site, .dp-button-map-directions {display:none !important;}
.dp-location__detail-link {color:#054741 !important;}
.dp-event__information a.dp-link_cta {color:#1F294E !important;}
.dp-event__link {color:white !important;}

/* ---------------------------Page Explorer--------------------------- */
.titre_explorer_vert h3 {border-bottom:solid #064943 1px; padding-bottom: 15px;}
.titre_explorer_jaune h3 {border-bottom:solid #DA9E09 1px; padding-bottom: 15px;}
.titre_explorer_bleu h3 {border-bottom:solid #1F294E 1px; padding-bottom: 15px;}
.livres a {color:#707070 !important;}

/* ---------------------------Page Trouver un formateur--------------------------- */
.article-info-term {display:none !important;}

/* ---------------------------Page Faire un don--------------------------- */
.form_don input {background-color: white !important; border:0 !important; border-radius: 0 !important;}
.form_don textarea {background-color: white !important; border:0 !important; border-radius: 0 !important;}
.cbf_btn_don {color:#C38671 !important;}
.cbf_btn_don:hover {color:white !important;}
.consentement_don {width: 100%; font-weight: 400; text-align: justify;}

/* ---------------------------Partie privée masquer les paramètres utilisateurs--------------------------- */
#users-profile-params, #users-profile-custom-webauthn, #users-profile-custom-dpcalendar {display:none;}

/* ---------------------------Partie privée Actualité--------------------------- */
.article-intro-image {max-width:500px !important;}

/* ---------------------------Phoca Download et article de l'espace privé ----------------------------------*/
.card-title a {color:#1F294E;}
.pd-category .btn, .pd-category-view .btn {background-color:#064943; border-color:white; color:white;}
.pd-subcategory a {font-weight:bold; color:#1f294e;}
.pd-tags-bp a {color:#983412;}
.pd-tags-bp a:before {content:"#";}
.list-group-item a {color:#707070;}
.pd-filename a {color:#1F294E;}
.article-details  h1 {color: #da9e09; font-size:2.5em;text-align:center;}
.article-details  h2 {color: #983412; font-size:1.5em;padding-bottom:0.5em;padding-top:1.5em;}
.article-details  p {font-size:1em;text-align: justify;}
.article-details  a {color:#C38671;}

/************** PhocaDownload PDF viewer *******************/
#pdCategoryModalIframe {width:100% !important;}

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