/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**************************************************************************************************/
/* LES ID's & CLASSES */
/**************************************************************************************************/
.ariane{
	font-size:90%!important;
	}
#comptecpf {
    display: none;
}
.form_tosa, .form_icdl, .form_eni, .form_certif1, .form_certif2, .form_certif3, .form_certif4 {
  display: none!important;
}
.form_oss{
	 display: none!important;
}
.walter{
	display:none!important;
}
.hide-parcoursplus,
.hide-parcours1,
.hide-parcours2 {
    display:none!important;
}
/**************************************************************************************************/
/* LIENS HYPERTEXTES */
/**************************************************************************************************/
.elementor-kit-10 a:hover {
    color:#ff9901!important;
	transition:all .7s ease-in-out!important;
}
/**************************************************************************************************/
/* COLONNE GAUCHE FORMATION */
/**************************************************************************************************/
#col_gauche_form {
    margin-top: 15% !important;
}

/**************************************************************************************************/
/* LES MODELES */
/**************************************************************************************************/
.form_sep {
    margin: 1.2em 0 !important;
}

/* BOUCLE SEARCH */
.search_no {
    display: none !important;
}

/**************************************************************************************************/
/* LIENS 1 BOUTONS */
/**************************************************************************************************/
.bt-footer a, a:hover {
    color: #fff;
    transition: all 0.6s ease-in-out;
}

.bt-footer a:hover {
    color: #fff;
}

.bt-menu-eval a {
    background: #fff;
    padding: 12px 20px !important;
    border-radius: 20px;
    color: #022e77 !important;
    transition: all 0.6s ease-in-out;
}

.bt-menu-eval a:hover {
    background: #ff9901;
    color: #fff !important;
}

/* Retour à la ligne */
.break {
    display: inline-block !important;
}

/* Chiffres animés Elementor */
.elementor-counter .elementor-counter-title {
    line-height: 1.3em !important;
    text-align: center !important;
}
/* Les bouton SUBMIT ELEMENTOR */
[type=button], [type=submit], button {
    background-color: #13288d!important;
    border: 1px solid #13288d!important;
    border-radius: 3px;
    color: #fff!important;
}
.download-button.full-width {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #13288D!important; /* adapter à ta charte graphique si besoin */
    color: #fff;
    padding: 12px 18px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

.download-button.full-width:hover {
    background-color: transparent!important;
	color:#13288D!important;
}
/**************************************************************************************************/
/* 4 BOUTONS HOMEPAGE */
/**************************************************************************************************/
.elementor-127 .elementor-element.elementor-element-c65f7d7 .elementor-button {
    border-color: #367CBF !important;
	height: 10vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 200px!important;
}

.elementor-127 .elementor-element.elementor-element-c65f7d7 .elementor-button:hover {
    border-color: #FF9901 !important;
}

.elementor-127 .elementor-element.elementor-element-cb7df1f .elementor-button {
    border-color: #367CBF !important;
	height: 10vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 200px!important;
}

.elementor-127 .elementor-element.elementor-element-cb7df1f .elementor-button:hover {
    border-color: #FF9901 !important;
}

.elementor-127 .elementor-element.elementor-element-57a054b .elementor-button {
    border-color: #367CBF !important;
	height: 10vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 200px!important;
}

.elementor-127 .elementor-element.elementor-element-57a054b .elementor-button:hover {
    border-color: #FF9901 !important;
}

.elementor-127 .elementor-element.elementor-element-f43d054 .elementor-button {
    border-color: #367CBF !important;
	height: 10vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 200px!important;
}

.elementor-127 .elementor-element.elementor-element-f43d054 .elementor-button:hover {
    border-color: #FF9901 !important;
}

/**************************************************************************************************/
/* FICHES FORMATION */
/**************************************************************************************************/
.chapitre {
    margin-bottom: 35px !important;
    font-size: 130% !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1.05em;
}

.contenu {
    font-size: 70% !important;
    font-weight: 300 !important;
    text-transform: none !important;
}

.dates_cal {
    font-size: 1em !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: block !important;
    list-style: none !important;
}
.date-list ul{
	text-align:center!important;
}
.dates_cal a.color_dates {
    color: #ff9900 !important; /* Couleur du texte */
    text-decoration: none; /* Pas de décoration de texte */
    font-weight: bold; /* Texte en gras */
    transition: color 0.3s ease; /* Transition de couleur au survol */
}

.dates_cal a.color_dates:hover {
    color: #FF0066 !important; /* Couleur du texte au survol */
}
.espace_date{
	margin-right:13%!important;

}
.hidden {
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    }


/**************************************************************************************************/
/* BOUTONS */
/**************************************************************************************************/
.color-change-button {
    position: relative;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.8s;
}

.color-change-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #022e77;
    transition: left 0.6s;
}

.color-change-button:hover::before {
    left: 100%;
}

.color-change-button:hover {
    background-color: #022e77;
}

.elementor-10539 .elementor-element.elementor-element-a6e9c37 .elementor-button{
	border-radius:0!important;
	padding: 10px 15px 10px 15px!important;
}

.bt_navigation a{
	background:#13288D!important;
	font-size:.85em!important;
	color:#fff!important;
	border-radius:0!important;
	padding: 6px 6px!important;
	text-transform:uppercase!important;
}
/**************************************************************************************************/
/* LES PUCES COLOREES */
/**************************************************************************************************/
.puces_rouge ul {
    list-style-type: none; /* Supprime les puces par défaut */
    padding: 0; /* Supprime le padding par défaut */
}

.puces_rouge ul li {
    position: relative; /* Nécessaire pour positionner les puces */
    padding-left: 40px; /* Espace pour la couleur */
}

.puces_rouge ul li::before {
    content: ''; /* Crée un contenu avant chaque élément de la liste */
    position: absolute; /* Positionne la puce */
    left: 20px; /* Aligne la puce sur la gauche */
    top: 0.5em; /* Ajuste la position verticale */
    width: 6px; /* Largeur de la puce */
    height: 6px; /* Hauteur de la puce */
    background-color: #ff0000; /* Couleur pour ce modèle */
    border-radius: 50%; /* Rendre la puce ronde */
}

/**************************************************************************************************/
/* LES TYPOGRAPHIES */
/**************************************************************************************************/
p {
    text-justify: inter-word !important;
    text-align: justify !important;
    /* hyphens: auto !important; */
}

.algn_gauche p {
    text-justify: inter-word !important;
    text-align: left !important;
}
.accroche_formation p{
	text-align: center!important;
}
/* TABLEAUX */
/* Style par défaut pour les lignes paires */
.elementor-470 .elementor-element.elementor-element-6a22379 .elementskit-tablepress .tablepress tbody tr:nth-child(even) td {
    background-color: #f7f7f7;
    border-color: #ccc;
    transition: all 0.3s ease-in-out;
}

/* Style pour les lignes paires au passage de la souris */
.elementor-470 .elementor-element.elementor-element-6a22379 .elementskit-tablepress .tablepress tbody tr:nth-child(even):hover td {
    background-color: #1328bb; /* Couleur de fond au passage de la souris */
    color: #fff; /* Couleur du texte au passage de la souris */
    transition: all 0.3s ease-in-out;
}

/* Style pour les lignes impaires au passage de la souris */
.elementor-470 .elementor-element.elementor-element-6a22379 .elementskit-tablepress .tablepress tbody tr:nth-child(odd):hover td {
    background-color: #1328bb; /* Couleur de fond au passage de la souris */
    color: #fff; /* Couleur du texte au passage de la souris */
    transition: all 0.3s ease-in-out;
}

.elementor-470 .elementor-element.elementor-element-6a22379 .elementskit-tablepress .tablepress th {
    background-color: #13288d;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 1em 1em 1em 1em;
}

/* Les conteneurs en Hover + Text */
.certif {
    background-color: #FFFFFF;
    transition: all 0.6s ease-in-out;
}

.certif_inv {
    background-color: #13288D !important;
    transition: all 0.6s ease-in-out;
}

.certif_inv_text h4 {
    color: #fff !important;
}

.certif:hover {
    background-color: #13288D !important;
    border: solid 1px #13288D !important;
}

.certif_inv:hover {
    background-color: #fff !important;
    border: solid 1px #13288D !important;
}

.certif_text {
    color: #000 !important;
    transition: all 0.6s ease-in-out !important;
}

.certif_inv_text {
    color: #fff !important;
    transition: all 0.6s ease-in-out !important;
}

.certif_inv_text:hover {
    color: #13288D !important;
    transition: all 0.6s ease-in-out !important;
}

.certif:hover .certif_text h4 {
    color: #FFFFFF !important;
}

.certif_inv:hover h4 {
    color: #13288D !important;
}

.certif:hover .certif_text {
    color: #FFFFFF !important;
}

/* Style par défaut pour le séparateur */
.custom-divider {
    border: 0;
    height: 4px;
    width: 30% !important;
    background: #13288D !important;
    margin: 0;
}

.custom-divider_inv {
    border: 0;
    height: 4px;
    width: 30% !important;
    background: #fff !important;
    margin: 0;
}

/* Style pour le séparateur au passage de la souris */
.certif:hover .custom-divider {
    background: #fff !important;
}

.certif_inv:hover .custom-divider_inv {
    background: #13288D !important;
}

/**************************************************************************************************/
/* ONGLET INDIVIDUEL SUR-MESURE */
/**************************************************************************************************/

#mesure {
    background-color: #ffffff!important;
    color:#ff9901!important;
    border:solid 1px #ff9901!important;
}
#mesure:hover {
    background-color: #ff9901!important;
	color:#ffffff!important;
}
#mesure[aria-selected="true"] {
    background-color: #13288D!important; /* Couleur du bouton actif */
    color:#fff!important; /* Couleur du texte */
    border:solid 1px #13288D!important;
}
/**************************************************************************************************/
/* AFFICHAGE DES FORMATIONS / SESSIONS PROCHAINES - TABLEAUX */
/**************************************************************************************************/
/* un peut de css sur les types de catégories du tableaux 14 formations*/
.category-name {
    font-weight: bold;
}
.formations-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr); /* Une colonne par défaut */
    gap: 20px; /* Espacement entre colonnes et lignes */
    width: 100%; /* Assure que le conteneur occupe toute la largeur disponible */
    margin: 0 auto; /* Centrer si nécessaire */
}

.post-item {
    width: 100%;
    max-width: 100% !important;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    min-height: 0; /* Assurez-vous que la hauteur minimale est définie */
    height: auto; /* Permet à la div de s'adapter à son contenu */
	max-height:60vh!important;
}
.post-title-detail{
	font-size:115%!important;
}
.post-item * {
    box-sizing: border-box; /* Assurez-vous que les éléments enfants utilisent border-box */
}

.post-content, .post-shortcodes {
    flex: 1; /* Permet aux éléments enfants de grandir pour remplir l'espace disponible */
}

.post-content {
    display: flex;
    flex-direction: column;
}

.post-shortcodes {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.post-item-2 {
    width: 100%;
    max-width: 100% !important;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
	min-height:300px!important;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.post-item:hover {
    background-color: #eaf4ff;
    border-color: #13288D;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transition: background-color 0.7s ease-in-out, border-color 0.7s ease-in-out, box-shadow 0.7s ease-in-out;
}
.post-item-2:hover {
    background-color: #eaf4ff;
    border-color: #13288D;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transition: background-color 0.7s ease-in-out, border-color 0.7s ease-in-out, box-shadow 0.7s ease-in-out;
}
.post-thumbnail {
    position: relative;
    display: inline-block;
    width: 100%; /* Le conteneur occupe toute la largeur disponible */
    height: 0; /* Aucune hauteur définie ici */
    padding-bottom: 56.25%; /* Aspect ratio 16:9 - peut être ajusté selon l'aspect que tu souhaites */
    overflow: hidden;
}

.post-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centre l'image dans le conteneur */
    width: 100%; /* L'image s'étend pour occuper toute la largeur */
    height: 100%; /* L'image s'étend pour occuper toute la hauteur */
    object-fit: cover; /* Maintient les proportions sans déformation */
    border-radius: 6px;
    transition: transform 0.5s ease; /* Transition pour l'effet de zoom */
}

.post-thumbnail a:hover img {
    transform: translate(-50%, -50%) scale(1.1); /* Applique un zoom sur l'image */
}

.post-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease; /* Effet de transition pour le zoom */
}

.post-content {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 23vh;
	min-height:200px!important;
}

.post-content h3, .post-content h4 {
    margin: 5px 0;
}

.post-shortcodes {
    width: 100%; /* Assure que la colonne prend toute la largeur disponible */
    text-align: center; /* Centre le contenu de la colonne */
}

.post-title a {
    color: #13288D !important;
    font-size: 0.9em !important;
    font-weight: 300 !important;
	line-height:.8em!important;
}

.post-title a:hover {
    color: #000 !important;
}
.post-title-detail a{
	font-size: 0.8em !important;
}
.post-level {
    font-size: 0.9em !important;
    font-weight: 700 !important;
    color: #13288D !important;
}

.post-elig {
    font-size: 0.9em !important;
    font-weight: 700 !important;
    color: #13288D !important;
}

.post-date {
    font-size: 0.9em !important;
    font-weight: 500 !important;
    color: #ff0099 !important;
    background: #eaf4ff;
    padding: 8px;
}

.post-type-form {
    font-size: 0.9em !important;
    font-weight: 700 !important;
    color: #13288D !important;
}
.post-logiciel {
    font-size: 0.9em !important;
    font-weight: 700 !important;
    color: #13288D !important;
}
.download-button {
    display: inline-block; /* Inline-block pour contrôler la largeur */
    width: 100%; /* Prend toute la largeur de la colonne */
    padding: 15px;
    background-color: #13288D;
    border: solid 1px #13288D;
    color: #fff !important;
    text-align: center; /* Centre le texte à l'intérieur */
    text-decoration: none;
    margin-top: 10px;
	margin-bottom:15px!important;
    box-sizing: border-box; /* Assure que padding ne dépasse pas la largeur */
}

.download-button:hover {
    background-color: transparent;
    border: solid 1px #13288D;
    color: #13288D !important;
}

/* Style pour le bouton de redirection */
.url-button a {
    display: inline-block; /* Inline-block pour contrôler la largeur */
    width: 100%; /* Prend toute la largeur de la colonne */
    padding: 15px;
    background-color: #13288D;
    border: solid 1px #13288D;
    color: #fff !important;
    text-align: center; /* Centre le texte à l'intérieur */
    text-decoration: none;
    margin-top: 15px!important;
	margin-bottom:10px!important;
    box-sizing: border-box; /* Assure que padding ne dépasse pas la largeur */
}

.url-button:hover {
    color: #13288D !important;
}
/**************************************************************************************************/
/* ARCHIVES */
/**************************************************************************************************/

.objectifs-formation {
}

.objectifs-formation h4 {
    margin-top: 0;
	color:#13288D!important;
}
.titre-objectifs{
	color:#13288D!important;
	font-weight:700!important;
}
.texte-objectifs{
	color:#13288D!important;
	font-weight:400!important;
}
.mire{
	font-size:1.2em!important;
}
.pagination-wrapper {
    text-align: center !important;
    margin-top: 40px !important;
}

.pagination-list {
    list-style: none !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.pagination-item {
    display: inline-block !important;
}

.pagination-link {
    display: block !important;
    padding: 8px 14px !important;
    background-color: #f2f2f2 !important;
    color: #333 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: background-color 0.3s !important;
}

.pagination-link:hover {
    background-color: #ddd !important;
}

.pagination-item.active .p

nav.pagination-wrapper ul.pagination-list li.pagination-item a.pagination-link,
nav.pagination-wrapper ul.pagination-list li.pagination-item span.pagination-link {
    padding: 8px 14px;
    background-color: #f2f2f2;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
    display: block;
}

nav.pagination-wrapper ul.pagination-list li.pagination-item a.pagination-link:hover {
    background-color: #ddd;
}

nav.pagination-wrapper ul.pagination-list li.pagination-item.active span.pagination-link {
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
}

/**************************************************************************************************/
/* LES FILTRES FACETWP */
/**************************************************************************************************/
.facet-title h3 {
    font-size: 1em !important;
    text-align: center;
    text-transform: uppercase;
}

.facetwp-type-dropdown select {
    width: 100%;
    padding: 10px 30px 10px 15px;
    border: 1px solid #13288D !important;
    border-radius: 35px !important;
    background-color: #fff !important;
    font-size: 16px;
    color: #333 !important;
    appearance: none;
    background-image: url(https://dolfi-formation.fr/wp-content/uploads/2024/11/chevron-bas_dd.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

.facetwp-type-reset button {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #13288D;
    border: 1px solid #13288D !important;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
}

.facetwp-type-reset button:hover {
    display: inline-block;
    font-weight: 400;
    color: #13288D;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #13288D !important;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
}

/* Les filtres FACETWP */
.page-id-1260 select {
    min-width: 200px !important;
    max-width: 200px !important;
}
.footer_menu a {
   transform:all .7s ease-in-out!important;
    }
.footer_menu a:hover {
    color:#13288D!important;
	text-decoration:underline;
	transform:all .7s ease-in-out!important;
    }
/**************************************************************************************************/
/* HERO BANDEAU FORMATION ARCHIVES */
/**************************************************************************************************/
.hero{
	text-align:center!important;
}
.hero p a:hover {
	text-decoration:underline!important;
}
.hero_titre h1{
	text-align:left!important;
}
/**************************************************************************************************/
/* MODELE FORMATION */
/**************************************************************************************************/
#form_col_droite {
    margin-top: -50% !important;
}
/**************************************************************************************************/
/* CARTE FORMATION */
/**************************************************************************************************/

.post-category-link {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.post-category-link a {
    color: #13288D;
    text-decoration: none;
}
.post-category-link a:hover {
    text-decoration: underline;
}
.logiciel-links {
    text-align: center;
    margin: 10px 0;
}

.logiciel-link {
    display: block;
    color: #0073aa;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
}

.logiciel-link:hover {
    color: #005177;
    text-decoration: underline;
}
.logiciel-links ul {
    list-style-type: none; /* Supprime les puces */
    padding-left: 0; /* Supprime l'indentation par défaut de la liste */
}
.voir-toutes a{
	display:block!important;
    text-align: center;
    margin-top: 10px;
	color:#fff!important;
	background:#13288D!important;
	padding:8px 15px!important;
}

/**************************************************************************************************/
/* VERSION MOBILE */
/**************************************************************************************************/
@media (max-width: 768px) {
    #sep1 {
        display: none;
    }

    #gap1 {
        margin-top: 50px;
    }

    #form_col_droite {
        margin-top: -5% !important;
    }

    .custom-divider_inv {
        border: 0;
        height: 4px;
        width: 30% !important;
        background: #fff !important;
        margin: 0 auto !important;
        display: block;
    }

    .custom-divider {
        border: 0;
        height: 4px;
        width: 30% !important;
        background: #13288D !important;
        margin: 0 auto !important;
        display: block;
    }

    /* SEARCH TITRE */
    .search_title h3 {
        color: #FF0066 !important;
    }

    /**************************************************************************************************/
    /* LES PARAGRAPHES */
    /**************************************************************************************************/
    .formations-wrapper {
        display: grid;
        grid-template-columns: repeat(1, minmax(350px, 1fr)) !important; /* Une colonne par défaut */
        gap: 20px; /* Espacement entre colonnes et lignes */
        width: 100%;
        margin: 0 auto;
    }
	.post-content {
    height: 24vh!important;
}
    .post-item {
        display: block !important;
        max-width: 350px;
        width: 100% !important; /* S'assurer que chaque élément occupe toute sa colonne */
        transition: transform 0.6s ease-in-out; /* Ajoute une transition fluide */
    }

    .form_button {
        font-size: 1em !important;
    }

    .chapitre {
        margin-bottom: 35px !important;
        font-size: 90% !important;
    }

    .contenu {
        font-size: 100% !important;
        font-weight: 300 !important;
        text-transform: none !important;
    }

    .form_ref {
        font-size: 1.2em !important;
        margin-top: 0.7em;
    }

    .form_duree {
        font-size: 1em !important;
        margin-top: 0.4em;
    }

    .form_pipe {
        font-size: 0.7em !important;
        margin-bottom: 0.4em;
        color: #fff !important;
		padding:0 10px!important;
    }

    .form_pipe {
        /* display:none; */
        margin-block-end: -0.8em !important;
    }

    .form_elig {
        font-size: 1em !important;
    }

    .form_stag {
        font-size: 1.1em !important;
        margin-top: 0.7em;
    }

    .form_hor {
        font-size: 1.1em !important;
        margin-top: -1em!important;
    }

    .form_typ {
        font-size: 1.1em !important;
        margin-top: -1em!important;
    }

    .form_prog {
        margin-top: 0.8em;
        font-size: 1.5em !important;
    }

    .form_title {
        font-size: 1.4em !important;
    }

    .form_title h3 {
        font-size: 1.4em !important;
    }

    .form_titleh3 h3 {
        font-size: 1.2em !important;
    }

    .form_titleh4 {
        font-size: 1.5em !important;
    }

    .form_titleh3 {
        font-size: 1.4em !important;
    }

    .form_titleh2 {
        font-size: 1.6em !important;
    }

    .form_button button {
        padding: 20px 15px !important;
        font-size: 2em !important;
    }

    .btn-custom {
        font-size: 20px; /* Augmente la taille du texte */
        padding: 20px 40px; /* Ajuste les marges internes */
        color: #fff; /* Change la couleur du texte */
        border-radius: 10px; /* Ajoute des bords arrondis */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Ajoute une ombre */
    }

    .form_sep {
        margin: 0.8em 0;
    }

    .form_text {
        font-size: 1.2em !important;
        line-height: 1.5em !important;
    }

    ul li {
        line-height: 1.2em !important;
    }

    .form_base {
        line-height: 1.5em !important;
    }
	.date-list{
	padding-right:50px!important;
	}
	.espace_date{
		margin-right:0!important;
	}


    /**************************************************************************************************/
    /* LES TABLEAUX */
    /**************************************************************************************************/
    .tablepress {
        width: 100%;
        overflow-x: auto;
        display: block;
        font-size: 75%;
    }

    .tablepress table {
        width: 100%;
    }

    .tablepress thead {
        display: none;
    }

    .tablepress tr {
        margin-bottom: 10px;
    }

    .tablepress td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    .tablepress td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
    }

    /**************************************************************************************************/
    /* AFFICHAGE DES FORMATIONS - TABLEAUX */
    /**************************************************************************************************/
    .formations-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .post-item {
        width: calc(50% - 20px); /* Deux éléments par ligne avec espacement */
    }

    .post-item {
		display:flex!important;
        width: 100% !important;
        max-width: 767px !important;
		justify-content:space-between!important;
    }

    /**************************************************************************************************/
    /* FACET WP */
    /**************************************************************************************************/
    .facet-title h3 {
        font-size: 1em !important;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600 !important;
    }
}

/**************************************************************************************************/
/* CHAMP DE RECHERCHE */
/**************************************************************************************************/
/* Conteneur principal */
.search-container {
    position: relative;
    display: inline-flex; /* Fixe l'icône et le champ ensemble */
    align-items: center;
    width: 200px; /* Largeur initiale */
    transition: width 0.3s ease;
    overflow: hidden; /* Empêche la création d'un élément fantôme */
}

/* Champ de recherche */
#search-formations {
    flex-grow: 1; /* Permet au champ de s'étendre proprement */
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: left;
    transition: width 0.3s ease, padding 0.3s ease;
}

/* Agrandissement propre du champ */
.search-container.expanded {
    width: 300px; /* Largeur agrandie */
}

/* Icône de recherche bien positionnée */
#search-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #007bff;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Résultats de recherche bien alignés */
#search-results {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease, top 0.3s ease;
}

/* Affichage correct des résultats */
#search-results.active {
    display: block !important;
    opacity: 1 !important;
}

/* Évite qu'un champ fantôme apparaisse */
.search-container input:focus {
    outline: none;
}

#search-results li {
    margin: 10px 0;
	list-style: none !important; /* Supprime les puces */
}

#search-results li a {
    margin: 20px 0 !important;
    color: #13288D !important;
    cursor: pointer;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

#search-results li a:hover {
    margin: 20px 0 !important;
    color: #FF0066 !important;
    background: #f0f0f0;
}
/* Style spécifique pour les liens de logiciels */
.software-link {
    list-style: none !important; /* Supprime les puces */
}

.software-link a {
    margin: 20px 0 !important;
    color: #13288D !important;
	font-weight:600!important;
	text-transform:uppercase!important;
    cursor: pointer;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

/* Effet au survol des liens de logiciels */
.software-link a:hover {
    margin: 20px 0 !important;
    color: #FF0066 !important;
    background: #f0f0f0;
}

    /**************************************************************************************************/
    /* CHAMP DE RECHERCHE HOMEPAGE */
    /**************************************************************************************************/
    /* Styles spécifiques à la homepage */
    .search-container-homepage {
        position: relative;
        display: flex;
        align-items: center;
    }

    #search-formations-homepage {
        background-color: #FFFFFF1F;
        border: #ff9901 2px solid !important;
        border-radius: 40px !important;
        padding: 18px 40px !important;
        width: 60vh !important;
        font-size: 1.2em;
        color: #FFF!important;
    }
	#search-formations-homepage::placeholder {
  		color: #fff!important; /* Change la couleur du placeholder */
    	opacity: .7; /* Assure que la couleur est bien visible */
	}

    .custom-search-button-homepage {
        position: absolute !important;
        right: -45px !important;
        background-color: #FF0066 !important;
        border-radius: 50% !important;
        padding: 30px !important;
        border: none !important;
        cursor: pointer !important;
    }

    .custom-search-button-homepage i {
        color: white;
        font-size: 20px;
    }

    #search-results-homepage {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        display: none; /* Caché par défaut */
        z-index: 1000;
    }

    #search-results-homepage.active {
        display: block; /* Afficher les résultats quand une recherche est en cours */
    }

    #search-results-homepage ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #search-results-homepage ul li {
        padding: 8px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
		transition:all .7s ease-in-out!important;
    }

    #search-results-homepage ul li:hover {
        background-color: #FF0066!important;
		color:#fff!important;
		transition:all .7s ease-in-out!important;
    }

    .warning:hover {
        color: #FF0066 !important;
        background: #fff !important;
    }

    /**************************************************************************************************/
    /* CHAMP DE RECHERCHE HOMEPAGE MOBILE */
    /**************************************************************************************************/
    /* Styles spécifiques à la homepage */
    .search-container-homepage-mob {
        position: relative;
        display: flex;
        align-items: center;
    }

    #search-formations-homepage-mob {
        background-color: #FFFFFF1F;
        border: #ff9901 2px solid !important;
        border-radius: 40px !important;
        padding: 18px 40px !important;
        width: 60vh !important;
        font-size: 1.2em;
        color: #FFF!important;
    }
	#search-formations-homepage-mob::placeholder {
  		color: #fff!important; /* Change la couleur du placeholder */
    	opacity: .7; /* Assure que la couleur est bien visible */
	}

    .custom-search-button-homepage-mob {
        position: absolute !important;
        right: -45px !important;
        background-color: #FF0066 !important;
        border-radius: 50% !important;
        padding: 30px !important;
        border: none !important;
        cursor: pointer !important;
    }

    .custom-search-button-homepage-mob i {
        color: white;
        font-size: 20px;
    }

    #search-results-homepage-mob {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        display: none; /* Caché par défaut */
        z-index: 1000;
    }

    #search-results-homepage-mob.active {
        display: block; /* Afficher les résultats quand une recherche est en cours */
    }

    #search-results-homepage-mob ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #search-results-homepage-mob ul li {
        padding: 8px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
		transition:all .7s ease-in-out!important;
    }

    #search-results-homepage-mob ul li:hover {
        background-color: #FF0066!important;
		color:#fff!important;
		transition:all .7s ease-in-out!important;
    }
/**************************************************************************************************/
/* LISTE DEROULANTE FORMATION PAR NIVEAU */
/**************************************************************************************************/
/* Supprime l'effet de focus et l'arrière-plan bleu sur les éléments */
.dropdown-item-mob:focus!important,
.dropdown-item-mob:focus-visible!important,
.dropdown-item-mob:active!important {
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Supprime le comportement de bouton interactif sur mobile */
.dropdown-item-mob::before {
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    pointer-events: none; /* Empêche l'interaction avec l'icône */
    background: transparent !important; /* Assure qu'il n'y a pas de fond */
}

/* Empêcher le surlignement automatique */
.dropdown-item-mob {
    -webkit-tap-highlight-color: transparent!important; /* Supprime le highlight sur mobile */
    user-select: none!important; /* Désactive la sélection de texte */
}

.dropdown-formations-mob {
    position: relative;
    width: 95vw; 
    max-width: 100%;
    margin: 0 auto;
}
.dropdown-selected-mob {
    background: #13288D;
    color: #fff;
    padding: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
	text-align:center!important;
    font-size: 16px;
    border-radius: 6px;
}
.select-arrow-mob {
    margin-left: 10px;
}
.dropdown-list-mob {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100;
    padding: 0;
    list-style-type: none; /* Enlève les puces */
}
.dropdown-item-mob {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative; /* Permet d'ajouter l'icône */
}
/* Ajout de l'icône disclosure-closed avant chaque élément */
.dropdown-item-mob::before {
    font-size: 12px;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}
.dropdown-item-mob:hover {
    background: #13288D;
    color: #fff;
}


/**************************************************************************************************/
/* VERSION GRANDS ECRANS */
/**************************************************************************************************/
@media (min-width: 1599px) {
	.ariane{
		font-size:130%!important;
	}
	.pararchives{
		font-size:130%!important;
	}
	.accroche_formation p{
	font-size:130%!important;
}
    #form_col_droite {
        margin-top: -35% !important;
    }

    #col_gauche_form {
        margin-top: 10% !important;
    }

    #tarif {
        margin-top: 1% !important;
    }
	#home_4bt{
		max-width:50%!important;
		margin:auto!important;
		margin-top:10vh!important;
	}

    .footer_button {
        max-width: 70% !important;
    }

    .dates_cal {
        font-size: 1.3em !important;
		display:block!important;
    }
    .hidden {
      visibility: hidden !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
    }

	.espace_date{
		margin-right:0!important;
	}
    .form_session {
        font-size: 1.5em !important;
        font-weight: 600 !important;
    }

    /* BOUCLE SEARCH */
    .search_no {
        display: block !important;
    }

    h1 {
        font-size: 2.5em !important;
    }

    p {
    }

    .form_ref h3 {
        font-size: 1.5em !important;
        margin-top: 0.7em;
    }

    .form_duree {
        font-size: 1.5em !important;
        margin-top: 0.7em;
    }

    .form_elig {
        font-size: 1.5em !important;
    }

    .form_stag {
        font-size: 1.5em !important;
        margin-top: 0.7em;
    }

    .form_hor {
        font-size: 1.5em !important;
        margin-top: 0.7em;
    }

    .form_typ {
        font-size: 1.5em !important;
        margin-top: 0.7em;
    }

    .form_prog {
        margin-top: 0.8em;
        font-size: 1.2em !important;
    }

    .form_title {
        font-size: 1.8em !important;
    }

    .form_titleh3 h3 {
        font-size: 1.5em !important;
    }

    .form_titleh4 {
        font-size: 1.5em !important;
    }

    .form_titleh3 {
        font-size: 1.5em !important;
    }

    .form_titleh2 {
        font-size: 1.5em !important;
    }

    .form_button button {
        padding: 20px 15px !important;
        font-size: 2em !important;
    }

    .form_button {
        font-size: 1.7em !important;
    }

    .btn-custom {
        font-size: 20px; /* Augmente la taille du texte */
        padding: 20px 40px; /* Ajuste les marges internes */
        color: #fff; /* Change la couleur du texte */
        border-radius: 10px; /* Ajoute des bords arrondis */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Ajoute une ombre */
    }

    .form_sep {
        margin: 0.8em 0;
    }

    .form_text {
        font-size: 1.5em !important;
        line-height: 1.5em !important;
    }

    ul li {
        line-height: 1.5em !important;
    }

    .form_base {
        line-height: 1.5em !important;
    }

    #tarif {
        margin-top: -2em;
    }

    .form_niveau h4 {
        font-size: 2.2em !important;
        margin-top: 0.2em;
    }

    #form_col_droite {
        margin-top: -42% !important;
    }

    .chapitre {
        margin-bottom: 35px !important;
        font-size: 110% !important;
    }

    .contenu {
        font-size: 100% !important;
    }

    .form_large {
        font-size: 130% !important;
    }

    .post-title a {
        font-size: 130% !important;
    }
    .post-title-detail a {
        font-size: 140% !important;
		line-height:1!important;
    }
    .post-title-detail{
        font-size: 140% !important;
		line-height:1!important;
    }
    .form_pipe {
		padding:0 10px!important;
    }
	#col_right{
	}
    /**************************************************************************************************/
    /* CHAMP DE RECHERCHE */
    /**************************************************************************************************/
    /* Conteneur principal */
    .search-container {
        position: relative;
        display: inline-flex; /* Fixe l'icône et le champ ensemble */
        align-items: center;
        width: 350px; /* Largeur initiale */
        transition: width 0.3s ease;
        overflow: hidden; /* Empêche la création d'un élément fantôme */
    }

    /* Champ de recherche */
    #search-formations {
        flex-grow: 1; /* Permet au champ de s'étendre proprement */
        padding: 10px;
        font-size: 1.2em;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: left;
        transition: width 0.3s ease, padding 0.3s ease;
    }

    /* Agrandissement propre du champ */
    .search-container.expanded {
        width: 600px; /* Largeur agrandie */
    }

    /* Icône de recherche bien positionnée */
    #search-toggle {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        color: #007bff;
        cursor: pointer;
        transition: color 0.3s ease;
    }

    /* Résultats de recherche bien alignés */
    #search-results {
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        display: none !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease, top 0.3s ease;
    }

    /* Affichage correct des résultats */
    #search-results.active {
        display: block !important;
        opacity: 1 !important;
    }

    /* Évite qu'un champ fantôme apparaisse */
    .search-container input:focus {
        outline: none;
    }

    #search-results li {
        margin: 10px 0;
    }

    #search-results li a {
        margin: 20px 0 !important;
        color: #13288D !important;
        cursor: pointer;
        transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    }

    #search-results li a:hover {
        margin: 20px 0 !important;
        color: #FF0066 !important;
        background: #f0f0f0;
    }

    /**************************************************************************************************/
    /* CHAMP DE RECHERCHE HOMEPAGE */
    /**************************************************************************************************/
    /* Styles spécifiques à la homepage */
    .search-container-homepage {
        position: relative;
        display: flex;
        align-items: center;
    }

    #search-formations-homepage {
        background-color: #FFFFFF1F;
        border: #ff9901 2px solid !important;
        border-radius: 40px !important;
        padding: 25px 40px !important;
        width: 50vh !important;
        font-size: 1.4em;
        color: #FFF !important;
    }

    .custom-search-button-homepage {
        position: absolute !important;
        right: -45px !important;
        background-color: #FF0066 !important;
        border-radius: 50% !important;
        padding: 30px !important;
        border: none !important;
        cursor: pointer !important;
    }

    .custom-search-button-homepage i {
        color: white;
        font-size: 20px;
    }

    #search-results-homepage {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        display: none; /* Caché par défaut */
        z-index: 1000;
    }

    #search-results-homepage.active {
        display: block; /* Afficher les résultats quand une recherche est en cours */
    }

    #search-results-homepage ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #search-results-homepage ul li {
        padding: 8px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
		transition:all .7s ease-in-out!important;
    }
    #search-results-homepage ul li:hover {
        background-color: #FF0066!important;
		color:#fff!important;
		transition:all .7s ease-in-out!important;
    }
    .warning:hover {
        color: #FF0066 !important;
        background: #fff !important;
    }
    /* FORMINATOR */
    /* Augmentez la taille des labels */
    .forminator-field label {
        font-size: 1.5em !important;
    }
    /* Augmentez la taille des champs de saisie */
    .forminator-field input,
    .forminator-field textarea,
    .forminator-field select,
    .forminator-field-phone input {
        font-size: 1.6em !important;
    }

    /* Augmentez la taille des boutons */
    .forminator-field button,
    .forminator-field input[type="submit"],
    .forminator-field input[type="button"] {
        font-size: 1.6em !important;
    }

    /* Augmentez la taille des messages d'erreur */
    .forminator-field .forminator-error-message {
        font-size: 1.2em !important;
    }

    /* Augmentez la taille des titres de section */
    .forminator-field .forminator-section-title {
        font-size: 1.4em !important;
    }

    /* Augmentez la taille des checkboxes */
    .forminator-field-checkbox input[type="checkbox"] {
        transform: scale(1.5) !important; /* Ajustez cette valeur selon vos besoins */
    }

    /* Augmentez la taille des labels des checkboxes */
    .forminator-field-checkbox label {
        font-size: 1.2em !important;
    }

    /* FACETWP */
    .facet-title h3 {
        font-size: 1.5em !important;
        text-align: center;
        text-transform: uppercase;
    }
    .facetwp-type-dropdown select {
        width: 100%;
        min-width: 300px !important;
        padding: 10px 30px 10px 15px;
        border: 1px solid #13288D !important;
        border-radius: 35px !important;
        background-color: #fff !important;
        font-size: 1.5em;
        color: #333 !important;
        appearance: none;
        background-image: url(https://www.dolfi.fr/2025/wp-content/uploads/2024/11/chevron-bas_dd.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
    }

    .facetwp-type-reset button {
        display: inline-block;
        font-weight: 400;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: #13288D;
        border: 1px solid #13288D !important;
        padding: .5rem 1rem;
        font-size: 1.5rem;
        border-radius: 3px;
        transition: all 0.3s;
    }

    .facetwp-type-reset button:hover {
        color: #13288D;
        background-color: transparent;
        border: 1px solid #13288D !important;
        font-size: 1.5rem;
    }

    /**************************************************************************************************/
    /* FIXE LA COLONNE DE DROITE */
    /**************************************************************************************************/
    .header_menu a {
        font-size: 1.5em !important;
    }

    .footer_menu a {
        font-size: 1.2em !important;
        line-height: 1.3em !important;
		transform:all .7s ease-in-out!important;
    }
    .footer_menu a:hover {
		color:#13288D!important;
		text-decoration:underline;
		transform:all .7s ease-in-out!important;
    }

    .footer_bio {
        font-size: 1.1em !important;
        text-align: left !important;
    }

    .footer_title {
        font-size: 1.4em !important;
    }

    /**************************************************************************************************/
    /* AFFICHAGE DES FORMATIONS SUR 3 COLONNES */
    /**************************************************************************************************/
    .formations-wrapper {
        display: grid;
        grid-template-columns: repeat(3, minmax(40vh, 1fr)); /* Une colonne par défaut */
        gap: 24px; /* Espacement entre colonnes et lignes */
        width: 100%;
        margin: 0 auto;
		min-height:60vh!important;
    }

.post-item {
    width: 100%;
    max-width: 100% !important;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    min-height: 0; /* Assurez-vous que la hauteur minimale est définie */
    height: auto; /* Permet à la div de s'adapter à son contenu */
	max-height:100vh!important;
}
	.post-content{
		height:20vh!important;
		font-size:130%!important;
	}
	.post-title a{
		font-size:110%!important;
	}

	.post-type-form{
		font-size:100%!important;
		line-height:1.3!important;
	}
	.date-list{
	padding-right:50px!important;
	}
    /**************************************************************************************************/
    /* BOUTONS */
    /**************************************************************************************************/
    .color-change-button {
        font-size: 1.6em !important;
    }
	.bt_navigation a{
	background:#13288D!important;
	font-size:1.2em!important;
	color:#fff!important;
	border-radius:0!important;
	padding: 8px 12px!important;
	text-transform:uppercase!important;
}
	.post-category-link {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
	.url-button a {
    display: inline-block; /* Inline-block pour contrôler la largeur */
    width: 100%; /* Prend toute la largeur de la colonne */
	font-size:24px!important;
    padding: 15px;
    background-color: #13288D;
    border: solid 1px #13288D;
    color: #fff !important;
    text-align: center; /* Centre le texte à l'intérieur */
    text-decoration: none;
    margin-top: 15px!important;
	margin-bottom:10px!important;
    box-sizing: border-box; /* Assure que padding ne dépasse pas la largeur */
}
/**************************************************************************************************/
/* LISTE DEROULANTE FORMATION PAR NIVEAU */
/**************************************************************************************************/


/**************************************************************************************************/
/* AFFICHAGE POUR LES ECRANS ENTRE 1025 et 1280px */
/**************************************************************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {
.search-form-1200{
	margin-top:-12vh!important;
	margin-bottom:12vh!important;
}
.menu_addres{
	display:none!important;
}
.custom-nav .elementor-nav-menu .elementor-item {
    font-size: 80%!important;
	background:red!important;
}
.dates_cal{
	display:block!important;
	background:red!important;
}
.post-item {
    width: 100%;
    max-width: 100% !important;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    min-height: 0; /* Assurez-vous que la hauteur minimale est définie */
    height: auto; /* Permet à la div de s'adapter à son contenu */
	min-height:60vh!important;
}
}
/**************************************************************************************************/
/* AFFICHAGE POUR TABLETTES */
/**************************************************************************************************/
@media (min-width: 769px) and (max-width: 1024px) {
    .formations-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(350px, 1fr)); /* Une colonne par défaut */
        gap: 20px; /* Espacement entre colonnes et lignes */
        width: 100%;
        margin: 0 auto;
		background:red!important;
    }
    .form_button {
        font-size: 0.7em !important;
    }

    .form_ref {
        font-size: 1.2em !important;
        margin-top: 0.7em;
    }

    .form_duree {
        font-size: 1.2em !important;
        margin-top: 0.7em;
    }

    .form_elig {
        font-size: 1.2em !important;
    }

    .form_stag {
        font-size: 1.0em !important;
        margin-top: 0.3em;
    }

    .form_hor {
        font-size: 1.0em !important;
        margin-top: 0.3em;
    }

    .form_typ {
        font-size: 1.0em !important;
        margin-top: 0.3em;
    }

    .form_prog {
        margin-top: 0.8em;
        font-size: 1.5em !important;
    }

    .form_title {
        font-size: 1.4em !important;
    }

    .form_titleh3 h3 {
        font-size: 1.2em !important;
    }

    .form_titleh4 {
        font-size: 1.5em !important;
    }

    .form_titleh3 {
        font-size: 1.2em !important;
    }

    .form_titleh2 {
        font-size: 1.6em !important;
    }

    .form_niveau {
        font-size: 1.1em !important;
    }

    .form_button button {
        padding: 20px 15px !important;
        font-size: 2em !important;
    }

    .btn-custom {
        font-size: 20px; /* Augmente la taille du texte */
        padding: 20px 40px; /* Ajuste les marges internes */
        color: #fff; /* Change la couleur du texte */
        border-radius: 10px; /* Ajoute des bords arrondis */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Ajoute une ombre */
    }

    .form_sep {
        margin: 0.8em 0;
    }

    .form_text {
        font-size: 1.2em !important;
        line-height: 1.5em !important;
    }

    ul li {
        line-height: 1.5em !important;
		font-size:130%!important;
		background-color:red!important;
    }

    .form_base {
        line-height: 1.5em !important;
    }
    /* Icone Hamburger à droite */
    .elementor-1184 .elementor-element.elementor-element-6f318c3a .elementor-icon-wrapper {
        text-align: right !important;
    }

    .elementor-491 .elementor-element.elementor-element-1e512cb6 .elementor-icon-wrapper {
        text-align: right !important;
    }

    /* Changer l'ordre des colonnes */
    .footer-item:nth-child(1) {
        order: 1;
    }

    .footer-item:nth-child(2) {
        order: 3;
    }

    .footer-item:nth-child(3) {
        order: 4;
    }

    .footer-item:nth-child(4) {
        order: 2;
    }
/* 4 BOUTONS HOMEPAGE */
.elementor-127 .elementor-element.elementor-element-c65f7d7 .elementor-button {
    border-color: #367CBF !important;
	height: 7vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 160px!important;
	font-size:95%!important;
	line-height:1.3em;
}
.elementor-127 .elementor-element.elementor-element-cb7df1f .elementor-button {
    border-color: #367CBF !important;
	height: 7vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 160px!important;
	font-size:95%!important;
	line-height:1.3em;
}
.elementor-127 .elementor-element.elementor-element-57a054b .elementor-button {
    border-color: #367CBF !important;
	height: 7vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 160px!important;
	font-size:95%!important;
	line-height:1.3em;
}
.elementor-127 .elementor-element.elementor-element-f43d054 .elementor-button {
    border-color: #367CBF !important;
	height: 7vh!important;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 160px!important;
	font-size:95%!important;
	line-height:1.3em;
}
.espace_date{
	margin-right:13%!important;
}
#col_gauche_form {
    margin-top:0% !important;
}
.dates_cal {
	display:block!important;
}
.dates_cal a.color_dates {
    margin-right: 30px!important;
}
/**************************************************************************************************/
/* LISTE DEROULANTE FORMATION PAR NIVEAU */
/**************************************************************************************************/
/* Supprime l'effet de focus et l'arrière-plan bleu sur les éléments */
.dropdown-item-mob:focus!important,
.dropdown-item-mob:focus-visible!important,
.dropdown-item-mob:active!important {
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Supprime le comportement de bouton interactif sur mobile */
.dropdown-item-mob::before {
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    pointer-events: none; /* Empêche l'interaction avec l'icône */
    background: transparent !important; /* Assure qu'il n'y a pas de fond */
}

/* Empêcher le surlignement automatique */
.dropdown-item-mob {
    -webkit-tap-highlight-color: transparent!important; /* Supprime le highlight sur mobile */
    user-select: none!important; /* Désactive la sélection de texte */
}

/* Applique un changement d'icône au survol */
.dropdown-item-mob:hover::before {
    content: "▼"; /* Icône qui change au survol */
}
.dropdown-formations-mob {
    position: relative;
    width: 95vw; 
    max-width: 100%;
    margin: 0 auto;
}


.dropdown-selected-mob {
    background: #13288D;
    color: #fff;
    padding: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    border-radius: 6px;
}

.select-arrow-mob {
    margin-left: 10px;
}

.dropdown-list-mob {
    display: none;
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100;
    padding: 0;
    list-style-type: none; /* Enlève les puces */
}

.dropdown-item-mob {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative; /* Permet d'ajouter l'icône */
}

/* Ajout de l'icône disclosure-closed avant chaque élément */
.dropdown-item-mob::before {
    font-size: 12px;
    margin-right: 10px;
    transition: transform 0.3s ease-in-out;
}
.dropdown-item-mob:hover {
    background: #13288D;
    color: #fff;
}
}