/*
Theme Name: Sparks
Theme URI: https://wordpress.org/themes/twentytwentyfour
Author: HARVEST
Author URI: https://wordpress.org
Description: Le thème enfant de Sparks Formation est conçu pour offrir une expérience personnalisée et optimisée pour les besoins de formation en ligne. Il repose sur un framework solide, intégrant des fonctionnalités spécifiques adaptées aux plateformes éducatives modernes. Ce thème allie esthétique professionnelle, navigation intuitive et outils de personnalisation avancés pour répondre aux attentes des formateurs et des apprenants.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Template: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

@font-face {
    font-family: 'Font-Awesome';
    src: url('form/font-awesome-4.5.0/fonts/fontawesome-webfont.woff2') format("woff2");;
}

a, a:focus, a:active {
    outline: 0 !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)):focus,
.wp-block-post-title a:where(:not(.wp-element-button)):focus,
.wp-block-site-title a:where(:not(.wp-element-button)):focus,
a:where(:not(.wp-element-button)):focus {
  text-decoration: none;
}

.admin-bar .wp-site-blocks{ margin-top: 32px;}
html, body {
  height: 100%;
}

body {
	overflow-x: hidden !important;
	width: 100% !important;
	overscroll-behavior: none;
	min-height: 100vh; /* OK si tu veux garder ça */
	background-color: var(--wp--preset--color--base);
}



/* Header */

header .heading { transition: all ease-in-out 0.55s; width: 100%; z-index: 30; z-index: 500; position: fixed; top: 0;}
header .heading, header .heading .custom-logo, header .ariane, .miniHeader{ }
header .heading .ariane{ transition: all ease-in-out 0.35s; top:0; }
header .heading.scrolled .ariane{ opacity: 0; top: -30px; display: none; }
header .heading.scrolled{ top: -100px;}

header .heading.scrolled .navigationDesktop{ /* display: none; */ }


.miniHeader{ position: relative; transition: all ease-in-out 0.55s; opacity: 0; z-index: 100; width: 100%; top: -50px; }
.miniHeader.scrolled{ opacity: 1; top: 0; z-index: 900;}

.miniHeader .moyenne{ display: none;}
.moyenne{ font-size: 0.75rem;}
/*
header .miniHeader .wp-block-group{ transition: all ease-in-out 0.125s; top: -200px; position: relative;}
header .miniHeader.scrolled .wp-block-group{ top: 0;}
*/
header.main-tool-bar--scrolled .miniHeader{ opacity: 1;  height: 120px;   }

/* header.main-tool-bar--scrolled{ background-color: var(--wp--preset--color--base);} */
header.main-tool-bar--scrolled .heading{ opacity: 0; }
header.main-tool-bar--scrolled .ariane{ opacity: 0;z-index: 1; margin-top: -50px; }


.miniHeader .note-moyenne-etoiles{margin-top: -10px !important;}

.yoast-breadcrumbs{
	color:  var(--wp--preset--color--contrast);
}
.yoast-breadcrumbs spans{
	var(--wp--preset--color--base);
}

.home_block_formations{
	top: -30px;
}
.home_block_formations a{
	transition: all 0.35s ease-in-out;
	color: var(--wp--preset--color--base);
	font-weight: bold;
}

.home_block_parcours .has-global-padding{
	padding: 10px 0px !important;
}

.home_block_parcours a{
	transition: all 0.35s ease-in-out;
	color: var(--wp--preset--color--base);
	font-weight: bold;
}



.box{z-index: 900!important; margin-top: -130px !important; width: 387px;}
.single-parcours .box{  margin-top: -70px !important;} 
.box.box--scrolled{ /* position:static; */ }

.box .panels{
	border-left: 4px solid black;
	border-right: 4px solid black;
	border-bottom: 4px solid black;
	border-radius: 15px;
}

.box .default-image-placeholder {
	width: 100px;
	height: 100px;
	background: url(img/star.svg) no-repeat center center;
	background-size: contain;
}


.navBar{ 
	width: 100%;  z-index: 800;
	 p{ cursor: pointer;}
	 p:after, .wp-block-sparks-menu-item.menu-item-has-children .fa.fa-angle-down{ content: ""; display: inline-block; background: url('img/fleche.svg') no-repeat center center; width: 16px; height: 16px; vertical-align: middle; margin-left: 4px;}
	 p.active, .navBar p:hover{ color: var(--wp--preset--color--contrast);}
	 
/* 	 .avis{ display: none;} */
	} 

.fa.fa-angle-down{
	content: ""; display: inline-block; background: url('img/fleche.svg') no-repeat center center; width: 16px; height: 16px; vertical-align: middle; margin-left: 4px;
}

.tabs {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
}

.tabs-titles{
	background-color: var(--wp--preset--color--contrast);
}


.tabs-title {
/*     display: flex; */
    list-style: none;
    padding: 0;
    margin: 0;
    color: white;
	background: var(--wp--preset--color--contrast);
	position: relative;
}
.tabs-title:hover {
	cursor: pointer;
	text-shadow: #FC0 1px 0 10px;
}
.tabs-title p{
	margin: 9px 0px !important;
	color: white;
}



.tabs-title.inter.active:after{
	 content: '';
      background: url('img/coin.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      bottom: 0;
      right: -15px;
      z-index: 100;
      transform: rotate(-90deg);
}
.tabs-title.inter.active:before{
	 content: '';
      background: url('img/coin_rouge.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
      transform: rotate(90deg);
}
.tabs-title.intra.active:before{
	 content: '';
      background: url('img/coin.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      bottom: 0;
      right: -15px;
      z-index: 100;
      transform: rotate(-90deg);
}
.tabs-title.intra.active:after{
	 content: '';
      background: url('img/coin.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      bottom: 0;
      left: -15px;
      z-index: 100;
      transform: rotate(180deg);
}

.tabs-title.smesure.active:before{
	 content: '';
      background: url('img/coin_rouge.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      transform: rotate(0deg);
}
.tabs-title.smesure.active:after{
	 content: '';
      background: url('img/coin.svg') no-repeat center center;;
      height: 15px;
      width: 15px;
      position: absolute;
      bottom: 0;
      left: -15px;
      z-index: 100;
      transform: rotate(180deg);
}
.tabs-title.intra.active{
	border-radius: 15px 15px 0px 0px;
}



.tabs-title.active {
    background: white;
    font-weight: bold;
}
.tabs-title.active p{
	color: var(--wp--preset--color--base);
}

.tabs-title.active.only {
	background: var(--wp--preset--color--contrast);
	p{
		color: white;
	}
}



:not(.wp-admin) .tab-panel {
   display: none;
    padding: 10px 0;
    border-radius: 0px 15px 15px 15px;
}

.tab-panel.active {
    display: block;
}

.btns_box a{
	transition: 0.3s all ease-in-out;
}
.btns_box a:hover{
	transform: scale(1.1);
}

.btns_box img{
	width: 51px;
	height: 51px;
}

.pin-spacer{
	height: 0 !important;
	padding: 0 !important;

}



/* parcours */

.number-form-parcours{
	border: 2px solid var(--wp--preset--color--contrast);
	border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 25px;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    color: white;
    display: block;
    background-color: var(--wp--preset--color--contrast);
    z-index: 3;
    position: relative;
}

/* Ligne verticale qui traverse tous les numéros */
.plan{
	 display: flex;
	  flex-direction: column;
    align-items: center;
    height: auto; /* Hauteur ajustable */
}
.plan a{
	display: block;
	width: 100%;	
}	
.single-parcours .plan::before {
    content: "";
    position: absolute;
    top: 100px;
    left: 55px;
    width: 0px; /* Épaisseur de la ligne */
    height: 100%; /* Elle couvre toute la hauteur du conteneur */
    transform: translateX(-50%);
    z-index: 1; /* Met la ligne en arrière-plan */
	border-left: 4px dotted var(--wp--preset--color--contrast);
}



.type{
	border: 1px solid var(--wp--preset--color--contrast);
	padding: 3px 18px;
	border-radius: 18px;
	display: inline-flex;
}

h5.accroche{ font-size: 1rem; font-weight: normal; color: var(--wp--preset--color--base); font-family: var(--wp--preset--font-family--open-sans); }

.value .ul{ margin: 0 !important; padding: 0 !important;}

.wp-block-term-description p{ color: white !important;}

.line{ border-bottom: 1px solid var(--wp--preset--color--contrast);}

/* Search */

.probox{ height: 38px !important;}
.probox .proinput input.orig, .probox .proinput input.autocomplete{color: white !important;}
.probox .proclose{ margin-top: 0px !important;}
.ajaxsearchpro {
  position: relative;
    border-radius: 50px;
    background: var(--wp--preset--color--base) !important;
    color: white !important;
}
.promagnifier, .innericon{ 
/* 	display: none; */
	border: 0;
	}
.ajaxsearchpro.asp_main_container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 3px; 
  background:linear-gradient(90deg, rgb(0, 191, 129) 2%, rgb(0, 174, 239) 16%, rgb(133, 76, 255) 36%, rgb(236, 0, 140) 49%, rgb(241, 0, 0) 64%, rgb(245, 118, 72) 82%, rgb(255, 242, 0) 100%); 
  -webkit-mask: 
     linear-gradient(var(--wp--preset--color--base) 0 0) content-box, 
     linear-gradient(var(--wp--preset--color--base) 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}
.proinput{ padding: 0px 10px !important;}
.proinput .orig{ height: inherit !important; font-size: 1rem !important;}
.proinput .orig::placeholder{ color: white !important; font-size: 1rem !important;}


/* Fiche */
.mainCover{ position: relative; }
.mainCover .data{ z-index: 2 !important; position: relative;}
.bg{ position: absolute; top: -230px; z-index:1!important; right: 0;}
.archive .bg{
	top: -130px;
}
.navBar{ box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.08);}
.space_navBar{ height: 30px !important;}

#objectifs a, #objectifs h4{ 
	color: var(--wp--preset--color--base);
    cursor: default;
    pointer-events: none;   	
}

#objectifs .wp-block-group {counter-reset: section;} /* on initialise et nomme un compteur */

#objectifs h4 {
	padding-left: 23px;
	position: relative;
}

#objectifs h4:before {
/* 	content: counter(section); */ /* on affiche le compteur */
/* 	counter-increment: section; */
}


#objectifs h4:before{
	
	content: "";
	background: url(img/star.svg) no-repeat center center;
    background-size: contain;
    background-size: 30%;
    display: block;
	
	position: absolute;
    border: 2px solid var(--wp--preset--color--contrast);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    color: var(--wp--preset--color--contrast);
	left: -30px;
	top: -7px;
}



/* accordeons */

.subcategory-posts{ 
	margin-top: 0; padding-left: 0;
}

.category-posts-wrapper {
    margin-top: 20px;
}

.subcategory-wrapper {
    margin-bottom: 20px;
}

.subcategory-title {
    cursor: pointer;
    background-color: var(--wp--preset--color--base);
    padding: 10px;
	border-radius: 15px;
}
.subcategory-title.active {
	border-radius: 15px 15px 0px 0px;
}

.subcategory-content {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
}
.subcategory-posts li{
	list-style: none;
}

.subcategory-posts li .bigRow{
		transition: all ease-in-out 0.35s;
}
.subcategory-posts li .row{
	margin-top:0;
	margin-bottom:0;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right:var(--wp--preset--spacing--30);
	padding-left:var(--wp--preset--spacing--30);

}
.subcategory-posts li:nth-child(odd) .bigRow{ 
	background-color: var(--wp--preset--color--secondary);
}
.subcategory-posts li:hover .bigRow{
	background-color: var(--wp--preset--color--contrast);
}
.subcategory-posts li .bigRow h4{
	transition: all ease-in-out 0.35s;
	color: var(--wp--preset--color--base);
}
.subcategory-posts li:hover .bigRow h4, .subcategory-posts li:hover .date p, .subcategory-posts li:hover .prix p{
	color: white;
}

.subcategory-posts li:hover .pictos.new, .subcategory-posts li:hover .pictos.best{
	color: white; border: 1px solid white;
}
.subcategory-posts li:hover .pictos.certifiante:before{
	background: url(img/certifiant_white.svg) no-repeat center center;
}

.pictos{ 
	position: absolute;
	display: inline-flex; font-weight: bold;  border-radius: 25px; padding: 5px 15px; margin: 0px 10px; font-size: 13px;
}
.pictos.new{
	transition: all ease-in-out 0.35s;
	color: #2F5CEA; border: 1px solid #2F5CEA;
}	
.pictos.best{
	transition: all ease-in-out 0.35s;
	color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--contrast);
}
.pictos.certifiante{
	transition: all ease-in-out 0.35s;
	position: relative;
}

.pictos.certifiante:not(.legend) span{
	font-size: 0;

}
.legend span{
	padding-left: 25px;
	margin-top: -12px;
}


.pictos.certifiante:before{
	content: "";
	background: url(img/certifiant.svg) no-repeat center center;
	background-size: contain;
	display: block;
	position: absolute;
	width: 20px;
	height: 30px;
	top: -15px;
}


/* Formations */

.value > h3 {
  margin-left: -30px !important;
  cursor: pointer;
  padding: 10px 10px 10px 30px; /* Ajout d'espace pour la puce */
  margin: 15px 0px 5px 0px;
  position: relative;
   line-height: normal;
  color: color: var(--wp--preset--color--base);
  font-size: 1.5rem;
}

.value > h3::before {
  content: '+';
  position: absolute;
  left: 10px; /* Position de la puce */
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px; /* Taille de la puce */
  font-weight: bold;
  color: var(--wp--preset--color--contrast); /* Couleur de la puce */
  transition: transform 0.3s ease; /* Transition pour rotation */
}

.value > ul, .value > li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.value > ul{
	margin: 3px 0px 1px 0px;
}
.value li a.term-link{
	color: color: var(--wp--preset--color--base);
}
.value li a.term-link:hover{
	color: color: var(--wp--preset--color--contrast) !important;
}

.value > P{
	margin: 0;
}

.value > h3.open::before {
  content: '-'; /* Change le "+" en "-" lorsque ouvert */
}
.ville{
	padding-left: 20px;
	position: relative;
}
.ville:before{
		content: "";
		background: url(img/marker.svg) left center no-repeat; 
		height: 20px;
		width: 20px;
		display: block;
		position: absolute;
		background-size: contain;
		left: 0;
		top: 3px;
	}

/* Dates */

#listeDates{
	margin: 0;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
}




#listeDates li{ 
	list-style: none; 
	margin: 0;
	}

#listeDates li:nth-child(odd) .row{
	background-color: rgba(50, 60, 77, 0.55) !important;
}

#listeDates .liste-item {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

/* Éléments cachés avec animation */
#listeDates .hidden-item {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

#listeDates .hidden {
    display: none !important;
}

/* Pour réafficher en douceur */
#listeDates .show-item {
    display: block !important;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeIn 0.3s ease forwards;
}

/* Animation d'apparition */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#listeDates .hidden-item {
    opacity: 0;
    transform: scaleY(0);
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, height 0.3s ease;
}

#filterCity{
	
	background: transparent;
	color: white;
	border: 1px solid white;
	padding: 15px;
	margin: 0 auto;
	border-radius: 50px;
	display: block;
	margin-bottom: 20px;
}

.imageFormation{
	width: 140px;
}


.imageFormation img{
	width: 120px;
	height: 120px;
	object-fit: contain; 
}

.show-more-dates{
	color: white;
	font-weight: bold;
	background-color: var(--wp--preset--color--contrast);
	padding: 9px 20px;
	border-radius: 50px;
	margin: 0 auto;
	cursor: pointer;
	width: 250px;
	display: block;
	text-align: center;
	margin-top: 20px;
	transition: transform 0.3s ease;
}
.show-more-dates:hover{
	transform: translateY(8%);
}



/* Core styles/functionality */
.tab {
  position: relative;
  margin-bottom: var(--wp--preset--spacing--30);
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
	opacity: 1;
	max-height: max-content;
}

/* Visual styles */
.accordion {
  color: var(--wp--preset--color--base);
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--wp--preset--color--base);
  cursor: pointer;
  transition: all 0.35s;
}
.tab__label {
	border-radius: 15px;
  justify-content: space-between;
  padding: 1rem 2rem;
}
.tab input:checked ~ .tab__label, .tab__label:hover {
	opacity: 0.92;
}
.tab__label h4{
	font-family: 1rem;
	margin: 0;
	padding: 5px 0px;
	color: var(--wp--preset--color--primary) !important;
}
.tab__label .count::after {
  content: "\276F";
  width: 1em;
  height: auto;
  text-align: center;
  transform: rotate(90deg);
  transition: rotate 0.35s;
  margin: auto 0;
  color: var(--wp--preset--color--contrast) !important;
  margin-left: 10px;
}
.tab input:checked + .tab__label .count::after {
  transform: rotate(270deg);
}
.tab input:checked + .tab__label{
	border-radius: 15px 15px 0px 0px;
}

.tab__content p {
  margin: 0;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--wp--preset--color--secondary);
}
.count{
	 margin: auto 0;
	 width: auto;
    text-align: center;
	display: flex;
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover .count::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}


.type-it-talk{ 
	border-radius: 15px;
	overflow: hidden;
}

.logoQualiopi{ 
	max-width: 280px;
	max-height: 100px;
}

/* prix */

.prix .value{
	font-size: 1.7rem;
	font-weight: bold;
}

.intro{
	overflow: hidden;
}

.wp-block-cover p{
	color: white;
}



.intro .wp-block-cover:before{
	content: "";
	background: url(img/roue.svg) no-repeat center center;
	background-size: 110%;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;

}

.chiffres{
	overflow: hidden;
}

.chiffres .wp-block-cover:before{
	content: "";
	background: url(img/roue.svg) no-repeat right top;
	background-size: 80%;
	display: block;
	position: absolute;
	width: 100%;
	height: 130%;
	right: -35%;
}

.merci{
	overflow: hidden;
}

.merci .wp-block-cover:before{
	content: "";
	background: url(img/roue.svg) no-repeat right top;
	background-size: 80%;
	display: block;
	position: absolute;
	width: 100%;
	height: 130%;
	right: -35%;
}


.archive .container-tech {
	display:flex;
}

.archive .logotech {
    width: 39px;
    display: block;
    height: 39px;
    background-size: contain;
    background-repeat: no-repeat;
	margin-right:10px;
	background-position: center;
}

.archive .logotech:not(:first-child) {
margin-left:10px;
}

/* ICONES TECHNOLOGIES FILIERE*/

.archive .CPP {
	background-image:url(/wp-content/uploads/2020/05/C.png);
}

.archive .Java {
	background-image:url(/wp-content/uploads/2020/05/java.png);
}

.archive .Kotlin {
	background-image:url(/wp-content/uploads/2020/05/kotlin.png);
}

.archive .Netcore {
	background-image:url(/wp-content/uploads/2020/05/netcore.png);
}

.archive .Python {
	background-image:url(/wp-content/uploads/2020/05/python.png);
}

.archive .Angular {
	background-image:url(/wp-content/uploads/2020/05/angular.png);
}

.archive .Graphql {
	background-image:url(/wp-content/uploads/2020/05/graphql.png);
}

.archive .Javascript {
	background-image:url(/wp-content/uploads/2020/05/javascript.png);
}

.archive .php {
	background-image:url(/wp-content/uploads/2020/05/php.png);
}

.archive .React {
	background-image:url(/wp-content/uploads/2020/05/react.png);
}

.archive .certif-pmp {
	background-image:url(/wp-content/uploads/2020/05/certification-pmp-pmi.png);
}

.archive .certif-psm {
	background-image:url(/wp-content/uploads/2020/05/certification-psm.png);
}

.archive .certif-safe {
	background-image:url(/wp-content/uploads/2020/05/certification-safe.png);
}

.archive .Jira {
	background-image:url(/wp-content/uploads/2020/05/jira.png);
}

.archive .ms-project  {
	background-image:url(/wp-content/uploads/2020/05/ms-project.png);
}

.archive .Elk {
	background-image:url(/wp-content/uploads/2020/05/elk.png);
}

.archive .Hadoop {
	background-image:url(/wp-content/uploads/2020/05/hadoop.png);
}

.archive .Mongodb {
	background-image:url(/wp-content/uploads/2020/05/mongodb.png);
}

.archive .Powerbi {
	background-image:url(/wp-content/uploads/2020/05/powerbi.png);
}

.archive .Tensorflow {
	background-image:url(/wp-content/uploads/2020/05/tensorflow.png);
}

.archive .certif-iso-27001 {
	background-image:url(/wp-content/uploads/2020/05/certification-iso-27001.png);
}

.archive .Nagios {
	background-image:url(/wp-content/uploads/2020/05/nagios.png);
}

.archive .Nutanix {
	background-image:url(/wp-content/uploads/2020/05/nutanix.png);
}

.archive .palo-alto {
	background-image:url(/wp-content/uploads/2020/05/palo-alto-networks.png);
}

.archive .rgpd {
	background-image:url(/wp-content/uploads/2020/05/rgpd.png);
}

.archive .Ansible {
	background-image:url(/wp-content/uploads/2020/05/ansible.png);
}

.archive .Aws {
	background-image:url(/wp-content/uploads/2020/05/aws.png);
}

.archive .Azure {
	background-image:url(/wp-content/uploads/2020/05/azure.png);
}

.archive .Docker {
	background-image:url(/wp-content/uploads/2020/05/docker.png);
}

.archive .Kubernetes {
	background-image:url(/wp-content/uploads/2020/05/kubernetes.png);
}

.archive .certif-cobit {
	background-image:url(/wp-content/uploads/2020/05/certification-cobit.png);
}

.archive .certifi-itil {
	background-image:url(/wp-content/uploads/2020/05/certification-itil.png);
}

.archive .lean-six-sigma  {
	background-image:url(/wp-content/uploads/2020/05/lean-six-sigma.png);
}

.archive .Linux {
	background-image:url(/wp-content/uploads/2020/05/linux.png);
}


.note-moyenne-etoiles .star {
    font-size: 0;
    color: gold;
    margin-right: 2px;
    position: relative;
    display: inline-flex;
    width: 18px;
    height: 26px;
}

.note-moyenne-etoiles .star:after{
	content: "";
	position: absolute;
	background: url(img/star.svg) no-repeat center center;
	background-size: contain;
	display: block;
	width: 18px;
	height: 24px;
}

.note-moyenne-etoiles .star.half{
    color: var(--wp--preset--color--contrast); 
}
.note-moyenne-etoiles .star.half:after{
	margin-top: 1px;
	background: url(img/star_half.svg) no-repeat center center;
}
.note-moyenne-etoiles .star.empty {
    color: var(--wp--preset--color--contrast); 
}
.note-moyenne-etoiles .star.empty:after{
	margin-top: 1px;
	background: url(img/star_empty.svg) no-repeat center center;
}
.note-moyenne-etoiles .note-text {
	display: inline-flex;
	font-weight: bold;
    font-size: 1.125rem;
    margin-left: 8px;
    vertical-align: bottom;
    color: var(--wp--preset--color--contrast);
}
.wp-block-cover .note-moyenne-etoiles .note-text{
	font-weight: normal;
}

.note-moyenne-etoiles h2{ 
	padding: 0px 50px;
}
.apropos h2{
	color: var(--wp--preset--color--contrast) !important;
}


.chiffres .note-text{
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.8rem;
}

.element-avis-stagiaire{ padding: 10px 50px 40px 50px; background: white; border-radius: 20px; margin-bottom: 10px;}


.posts-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 16px; /* Espacement entre les slides */
}

.posts-slider .wp-block-group {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: left;
}

.posts-slider .wp-block-group img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.posts-slider .wp-block-post-title {
    margin: 10px 0;
    font-size: 16px;
    text-align: center;
}

.slick-slide{ 
	margin: 0 10px;
	height: auto !important;
}
.slick-slide .slide{
	flex-direction: row;
	justify-content: space-between;
}
.slick-slide .wp-block-tiptip-hyperlink-group-block{
	transition: 0.5s all ease-in-out;
}
.slick-slide .wp-block-tiptip-hyperlink-group-block:hover{
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.11);
}
.slick-slide .wp-block-tiptip-hyperlink-group-block{
	border-radius: 15px;
	padding: 15px;
}

.slick-slide .rigthCol{
	flex-direction: column;
	width: 60%;
	justify-content: center;
}
.slick-slide .rigthCol p, .slick-slide .rigthCol h3{
	margin: 0;	
}
.slick-slide .imageFormation{
	width: 40%;
}
.slick-slide .imageFormation img{
	width: 100px;
	height: 100px;
}
.slick-slide .slide h3{
	font-size: 1rem;
	color: black;
}
.slick-slide .ref, .wp-block-group.ref{
	font-size: 0.7rem;
}
.slick-slide .wp-block-cover{
	min-height: 120px;
}
.slick-slide .moyenne, header .moyenne, .chiffres .moyenne{
	display: none;
}

.modal {
  transition: 0.5s all ease-in-out;
  opacity: 0;
  display: none; /* Caché par défaut */
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(231, 36, 0, 0.3); /* Ombre de fond */
  backdrop-filter: blur(5px); /* Appliquer un flou */
  -webkit-backdrop-filter: blur(5px); /* Compatibilité avec Safari */
}
.modal.open {
	display: block;	
	opacity: 1;
}	

.modal-content {
  background-color: var(--wp--preset--color--base);
  margin: 5% auto;
  padding: 0px;
  border-radius: 15px;
  overflow: hidden;
  max-width: 1200px;
  box-shadow: 0 5px 15px rgba(215, 49, 19, 0.3);
}
.modal-content .title{
	margin-top: 30px;
	color: white;
	font-size: 2rem;
	font-weight: bold;
}
.modal-content .header-formation{
	margin-bottom: 50px;
}

.modal-content .header-formation h3{
	margin: 0;
	color: white;
	font-weight:200;
	line-height: 1rem;
}
.modal-content .header-formation .reference{
	font-size: 0.7rem;
	color: red;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-right: 28px;
  margin-top: 10px;
}

.close:hover,
.close:focus {
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
  cursor: pointer;
}

.form_apercu_ext_container{
	display: none;
}

.gf_progressbar_wrapper, .header-formation{ background-color: var(--wp--preset--color--base); margin: 0px 5%; }
.gf_progressbar{ height: 0px; border-bottom: 3px dashed white;}
.gf_progressbar_percentage:before{ content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; background-color: white; vertical-align: middle; top:-7px; left: 0;}
.gf_progressbar_percentage:after{ content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; background-color: var(--wp--preset--color--base); vertical-align: middle; top:-7px; right: 50%; border: 1px solid white;}
.gf_progressbar_wrapper{ position: relative;}
.gf_progressbar_wrapper:before{content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; background-color: var(--wp--preset--color--base); vertical-align: middle; top:-7px; right: 0; border: 1px solid white; z-index: 5; }
.gform_wrapper.gravity-theme .gf_progressbar_percentage{
	height: 4px;
}
.percentbar_blue{ background: linear-gradient(90deg, rgb(0, 191, 129) 2%, rgb(0, 174, 239) 16%, rgb(133, 76, 255) 36%, rgb(236, 0, 140) 49%, rgb(241, 0, 0) 64%, rgb(245, 118, 72) 82%, rgb(255, 242, 0) 100%); }

.gf_progressbar_percentage.percentbar_50:before{
	background: rgb(0, 191, 129);
}
.gf_progressbar_percentage.percentbar_50:after{
	background: white;
}
.gf_progressbar_percentage.percentbar_100:before{
	background: rgb(0, 191, 129); 
}
.gf_progressbar_percentage.percentbar_100:after{
	background: #D214A9; border: none;
}
.gform_wrapper.gravity-theme .gf_progressbar{
	margin-bottom: 30px;
}
.gform_wrapper.gravity-theme .gf_progressbar_blue{ background: rgba(255, 255, 255, 0);}
.gf_progressbar_title{ position: absolute; top:-20px; display: none;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span{ float: left; margin-left: -22px; width: 150px; color: white;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span{ font-size: 0; width: 80px; font-weight: bold; width: 150px; color: white;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span:before{ display: block; }
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span:before{ content: "Votre formation"; font-size: 1rem;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_50 span:before{ content: "Vos coordonnées"; font-size: 1rem; margin-right: -50%;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_100 span:before{ content: "Merci !"; font-size: 1rem; margin-right: -25px;}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span{ margin-top:-40px; }
.gform_body, .confirmation_container{ background-color: white; padding: 1% 5%;}
.gform_required_legend{ display: none;}
.gform_confirmation_wrapper{
	ul, li{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
	}
}


input, select, .textarea{ border-radius: 15px; border: 1px solid var(--wp--preset--color--base);}

input:focus::-webkit-input-placeholder {
	color : transparent;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{ text-align: center;}

.gform-page-footer.gform_page_footer input[type="button"], .gform-page-footer.gform_page_footer input[type="submit"], .back_to_home_form{ 
	 background-color: var(--wp--preset--color--contrast);
	 color: white;
	 border: 0px solid black;
	 padding: 12px 38px;
	 font-weight: bold;
	 border-radius: 25px;
	 text-decoration: none;
}
.confirmation_container.end{
	margin-top: 30px;
	margin-bottom: 30px;
}

.gform-page-footer.gform_page_footer top_label .gform_previous_button_2{
	background-color: var(--wp--preset--color--secondary) !important;
}

.gform_wrapper.gravity-theme .gfield_label{ 
	font-size: 1.5rem;
}

.gform_wrapper.gravity-theme .gsection{
	border-bottom: 0px solid black;
	padding: 0;
}
.gform_wrapper.gravity-theme .gsection h3{
	color: var(--wp--preset--color--base);
	 font-weight: bold;
	 font-size: 1.5rem;
	 margin: 0px 0px 4px 0px;
}

.confirmation_container.wp-block-columns{
	margin-bottom: 0;
	padding: 50px;
}
.confirmation_container .wp-block-column{
	width: 50%;
	display: flex;
	vertical-align: middle;
	flex-wrap: wrap;
	align-content: space-around;
}
.confirmation_container .wp-block-column.logo{
	padding-left: 5%;
}

.confirmation_container .merci{
	color: var(--wp--preset--color--base);
	line-height: 1.5rem;
	float: left;
	width: inherit;
	font-weight: bold;
	font-size: 1.5rem;
	margin-left: 15px;
}


.tel .wp-element-button{ }
.tel .wp-element-button:before{
	content: ""; display: inline-block; background: url('img/tel.svg') no-repeat center center; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; 
}
.contact .wp-element-button:before{
	content: ""; display: inline-block; background: url('img/contact.svg') no-repeat center center; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; 
}
.tel .wp-element-button:hover:before{
	background: url('img/tel_red.svg') no-repeat center center; width: 16px; height: 16px; 
}
.contact .wp-element-button:hover:before{
	background: url('img/contact_red.svg') no-repeat center center; width: 16px; height: 16px;
}


/* agence */

#googlemaps-canvas{ max-width: 69% !important; max-height: 150px; width: 280px; border-radius: 15px; overflow: hidden;}


/* Styles pour la grille d'images */
.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Grille responsive */
    gap: 15px; /* Espacement entre les images */
    padding: 10px; /* Marges internes pour la grille */
    justify-items: center; /* Centrer les images dans leurs conteneurs */
}

.grid-item {
    position: relative; /* Nécessaire si vous voulez ajouter des effets ou du contenu superposé */
    overflow: hidden; /* Assure que tout dépassement est masqué */
    border-radius: 8px; /* Coins arrondis pour les images */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet visuel */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animation fluide */
}

.grid-item img {
    width: 100%; /* Ajuste les images à la largeur du conteneur */
    height: auto; /* Préserve les proportions */
    display: block; /* Retire les espaces blancs en bas des images */
    object-fit: cover; /* S'assure que l'image remplit le conteneur */
    border-radius: 8px; /* Coins arrondis identiques au conteneur */
}

.grid-item:hover {
    transform: scale(1.05); /* Effet zoom au survol */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Augmente l'ombre au survol */
}

/* Recherche */
#ajaxsearchprores1_1 .results .item .asp_content h3 a, #ajaxsearchprores1_2 .results .item .asp_content h3 a, div.asp_r.asp_r_1 .results .item .asp_content h3 a, div.asp_r.asp_r_1 .asp_group_header{
	
	color: var(--wp--preset--color--base) !important;
}


ul.posts-best-list, ul.posts-best-list li{
 margin: 0; padding: 0;
 list-style: none;
 font-size: 0.8rem;
}


.cup
{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 38px;
    height: 38px;
	cursor: pointer;
    border-radius: 50%;
    z-index: 99999999999;
    background-blend-mode:multiply;
		opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.cup.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.water{
    position: absolute;
    top: 0px;
    left: 0;
    width: 38px; /* reducir el ancho del agua*/
    height: 38px;
	border-radius: 50%;
    overflow: hidden;
    z-index: -1;  /*mueve el agua detras de la imagen del tarro  */
  
    
    -webkit-mask-image: url(img/mask.svg);
  	mask-image: url(img/mask.svg);
    -webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;	
	mask-size: cover;
	animation: animate 6s linear infinite;
    
    border: 3px solid white;
}

.water .wave{
	
	
	
    content: '';
    position: absolute;
    top: -38px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.43);
    animation: animate 6s linear infinite;
    

    
}

.water .mask2{
 position: absolute;
    top: 0px;
    left: 0;
    width: 38px; /* reducir el ancho del agua*/
    height: 38px;
 -webkit-mask-image: url(img/mask2.svg);
  	mask-image: url(img/mask2.svg);
    -webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position : right;
	-webkit-mask-size: cover;
	mask-position : right;
	mask-size: cover;
}
.water .mask{
 position: absolute;
    top: -38px;
    left: 0;
    width: 38px; /* reducir el ancho del agua*/
    height: 38px;
	border-radius: 50%;
    overflow: hidden;
}

.water .wave .f{
	content: "";
	display: block;
	position: fixed;
	width: 38px;
	height: 38px;
	background: url(img/fleche_blanc.svg) no-repeat center center;
}

.water .fleche{
	display: block;
	position: absolute;
	width: 38px;
	height: 38px;
	background: url(img/mask.svg) no-repeat center center;
	
}

	.header .menu .mobile-menu-head .current-menu-title{ 
		font-size: 1rem;
		color: white;
	}
	.go-back{
		background: url(img/fleche.svg) no-repeat center center;
		background-size: contain;
        width: 25px;
        height: 25px;
        transform: rotate(90deg);
	}

/* Classes spéciales */
.wrap{
	padding: 20px 0px !important;
}	

.littleMargin{
	margin-block-start: 12px !important;
}
.googlemap{
	width: 313px;
	height: 280px;
}

/* Responsive : assure un bon espacement sur petits écrans */
@media (max-width: 768px) {
    .image-grid {
        gap: 10px; /* Réduit l'espacement sur petits écrans */
    }
}

/* Change the WordPress default css to a 1250px media query */
@media (min-width: 1250px) {
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
 	.navigationDesktop{
	 	padding-top: 20px !important;
	 	padding-bottom: 20px !important;
 	}
}

@media (max-width: 1250px) {
	.entete{display: none;}

}

@media (max-width: 1180px) {
/* 	.entete{display: none;} */
	.content{ 
		flex-basis: 56%;
	}	
}
@media (max-width: 1090px) {
/* 	.entete{display: none;} */
	.content{ 
		flex-basis: 50%;
	}	
}
@media (max-width: 995px) {
	
	
/* 	.entete{display: none;} */
	.content{ 
		flex-basis: 100%;
	}
	.box{
		width: 100%;
	}
	.space_navBar{ display: none;}	
	
	
	.header .menu .mobile-menu-head {
		padding: 20px;
	}
	.home .custom-logo{
		margin-top: -70px;
		margin-bottom: 10px;
	}
}
@media (max-width: 780px) {
	
	.ariane{ display: none !important;}
	.space_navBar{ display: none;}
	.topMenu{ display: none;}
	.mainHeader .tel a, 
	.mainHeader .contact a{
		font-size: 0 !important;
		padding: 5px !important;
		width: 31px; height: 31px !important;
	} 
	
		.contact .wp-element-button:before, .tel .wp-element-button:before{
		margin-right: auto !important;
		margin-left: auto !important;
		width: 20px;
		height: 20px;
	}
	.mainHeader .contact a{ margin-right: 20px;}
	
	.mainCover{
		margin-top: 0;
		.data{ 
			padding: 5vh;
			padding-left: 2vh !important;
			padding-right: 2vh !important;
		}
	}
	.miniHeader{
		display: none;
	}
	
	.formation .content{ 
		flex-basis: 100%;
	}
	.cover .wp-block-cover{ margin-top:-90px !important;}
	.bg{ margin-top: -150px;}
	
	.mobile-search{
		.ajaxsearchpro{ 
			padding: 0px 17px;
			max-width: 90%;
			margin: 0 auto !important;
		}
	}
	.menu-main{
		.wp-block-sparks-menu-item{
			margin-top: 5vh !important;
			margin-bottom: 5vh !important;
		}
	}
	.searchbar{ display: none;}
	
	.intro .wp-block-cover__inner-container .wp-block-group{
		padding: 20px !important;
		h1{max-width: inherit !important;}
	}
	.intro .wp-block-cover:before {
    content: "";
    background: url(img/roue.svg) no-repeat center top;
    background-size: 170%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    }
    
    #listeDates .is-layout-flex{
	    display: inherit;
    }
		
 }