/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1742373802
Updated: 2025-03-19 08:43:22

*/


#HeaderFormationCat{
	border-radius:15px;
}


/*  --------------------------*/
.accordion-item {
  border-top: none;
}

.accordion-header {
  border-radius: 15px;
  gap: 15px;
  padding: 15px 20px;
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  display: flex;
  transition: background 0.3s;
  margin-bottom: 15px;
  color: #01041c !important;
	font-family:inter;
	font-size:18px;
	font-weight:500;
}

.accordion-header:hover,.accordion-header.active {
  color: #01041c !important;
}


.accordion-icon {
  font-size: 18px;
  transition: transform 0.3s;
}

.accordion-content {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
  padding: 0 20px;
		font-family:inter;
	font-size:18px;
	color:#01041CA8;
}

.accordion-label strong {
  font-size: 18px;
}


/* Navigation Intérieur */

.navInter a{
	color: #ffffff !important;
}
					 
.navInter a:hover{
	color:#ffffff !important
}
		
/* sessions de formation */
.sessions-formation{
	font-family:inter;
	font-size:18px;
}

.bouton3 a{
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
	padding:8px 14px;
	transition: all .3s;
	font-weight:500;
	font-family:inter;
}


/* Avis */
.avis-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
	margin-bottom:40px;
}

.avis-item {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
		font-family:inter;
	font-size:18px;
	font-weight:500;
	color:#01041c;
}

.avis-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.avis-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50% !important;
    border: 2px solid #ccc;
}

.avis-info strong {
    font-size: 1.1em;
    display: block;
}

.avis-stars {
    margin-top: 5px;
    font-size: 1.2em;
    color: #f5b301; /* goldish look */
}

.avis-description {
    margin-top: 10px;
    line-height: 1.5;
}

@media screen and (max-width: 900px) {
    .avis-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .avis-list {
        grid-template-columns: 1fr;
    }
}






/* Catégories */
.badges-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto;
    gap: 15px 30px;
    text-align: center;
}

.badge-row {
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.badge-categorie {
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #ccc;
    color: white;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.badge-categorie:hover {
    transform: scale(1.05);
    color: #ffffff !important;
}

#sm-17435079267951687-2{
	z-index:100 !important;	
}


/* Bouton itinéraire */

  .btn-itineraire {
	font-family: "Inter", Sans-serif;
    font-weight: 600;
	background-color:#d31e44;
    color: #FFFFFF;
	border-color:#d31e44;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    padding: 12px 14px 12px 14px;
    transition: all 0.3s;
  }

  .btn-itineraire:hover {
    background-color: #ffffff !important;
	color:#d31e44 !important;
  }

.search-results {
  margin-top: 20px;
}

.session-item {
  padding-bottom: 20px;
}

.session-item hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
  border-top: 1px solid #ccc;
}