/*  Theme Name: ALSES v2
Theme URI:    https://www.loi-ses.org
Description:  Thème de ALSES
Author:       Fabien Marcot 
Author URI:   https://www.bienagiteravantusage.com
Template: Divi
Version:      0.2.0 */


@media all and (max-width: 980px) {
    #filariane {line-height:16px}   
}

/*** Changer l'ordre des colonnes Divi sur mobile ***/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}



/*** Styles objectif SES homepage ***/

.objectif-homepage {
    min-height: 310px;
    align-content: center;
    
}

.objectifs-homepage-icone {
font-size: 53px;
  color: #5bce8e;
  font-family: ETmodules !important;
  font-weight: 400 !important;
    text-align: center;
    animation: none !important;
    display: block
}

.objectifs-homepage-titles {
    font-family: 'Figtree',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  color: #5bce8e !important;
  line-height: 30px;
    text-align: center;
}

.objectifs-homepage-textes {
      font-family: 'Figtree',Helvetica,Arial,Lucida,sans-serif;
    text-align: center;
    line-height: 1.2em
}

@media (min-width: 980px) {


.objectif-homepage > span.objectifs-homepage-icone, .objectif-homepage > p.objectifs-homepage-titles {
  display:block;
}

.objectif-homepage:hover > span.objectifs-homepage-icone, .objectif-homepage:hover > p.objectifs-homepage-titles {
   display:none;
}

.objectif-homepage > p.objectifs-homepage-textes {
      display:none;
}

.objectif-homepage:hover > p.objectifs-homepage-textes {
     display: flex;
}

}

@media (max-width: 980px) {
    
    .objectifs-homepage-titles {
    
      display:block;
    }  
    
    .objectifs-homepage-icone {
        display: none}
    
    p.objectifs-homepage-textes {
     display: flex;
}
    
    
}



/*** Change Mobile Columns By VictorDuse.com.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }

    html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .five-col-mob .et_pb_column {
        width:15.6% !important;
    }

    html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .six-col-mob .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}

/*** Change Tablet Columns By VictorDuse.com.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .et-db .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}

/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .two-col-tab .et_pb_column {
        width:47.25% !important;
    }

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .five-col-tab .et_pb_column {
        width:15.6% !important;
    }

.five-col-tab .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .six-col-tab .et_pb_column {
        width:12.083% !important;
    }

    html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}


/* STYLE BOUTONS CONCERNEES */

@media (max-width: 980px) {
 .boutons-concernes .et_pb_button {
min-height: 65px !important;
    font-size: 11px !important;
     line-height: 14px !important;
display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
    
    @media (max-width: 980px) {
   .boutons-concernes .et_pb_module {
    margin-bottom: 18px;
  }
}

}



@media (min-width: 980px) {
 .boutons-concernes .et_pb_button {
min-height: 65px !important;
    font-size: 15px !important;
     line-height: 16px !important;
 display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
    

}





/* SIMULATEUR */
/* Conteneur principal global */
#simulateur-box-1 .et_pb_code_inner {
   font-family: 'Figtree',Helvetica,Arial,Lucida,sans-serif;
    line-height: 1.6;
}



/* Container principal avec fond gris */
#simulateur-box-1 .main-container {
  background-color: #FFF;
  border: 4px solid #D5D3F6;
  border-radius: 15px;
  padding: 30px;
  margin: 20px 0;
}

@media (max-width: 960px) {
.main-container ul {
    padding:0 !important;
}
}

/* Container pour Recettes et Dépenses côte à côte */
.recettes-depenses-container {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

/* Sections Recettes et Dépenses */
#recettes, #depenses {
    flex: 1;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

/* Conteneur pour les totaux côte à côte */
.totaux-container {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

/* Sections totaux */
.total-encaissements,
.total-paiements {
    flex: 1;
}

/* Flux de trésorerie en pleine largeur */
.flux-tresorerie {
    margin-bottom: 30px;
}

.flux-tresorerie .resultat li, .nombre-travailleurs .form li
{justify-content: center;}

/* Nombre de travailleurs en pleine largeur */
.nombre-travailleurs {
    margin-bottom: 0;
}

/* Titres principaux */
#simulateur-box-1 h4 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 30px 0;
    text-align: center;
    letter-spacing: -0.5px;
}

/* Couleurs des titres */
#recettes h4 {
    color: #52c788; /* Vert pour Recettes */
    font-weight: 800;
}

#depenses h4 {
    color: #ff6b47; /* Orange/Rouge pour Dépenses */
        font-weight: 800;
}

/* Titres des sections totaux */
.flux-tresorerie h4 {
    color: white;
    background-color: #7c69ef;
    padding: 15px;
    border-radius: 10px;
    font-size: 24px;
    margin-bottom: 20px;
}

.nombre-travailleurs h4 {
    color: #333;
    background-color: #b8b3f0;
    padding: 12px;
    border-radius: 8px;
    font-size: 20px;
    margin-bottom: 10px;
}

/* Sous-titre pour nombre de travailleurs */
.nombre-travailleurs .subtitle {
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 0 0 15px 0;
    font-style: italic;
}

/* Titre de section pour choix politiques */
.section-title {
    text-align: center;
    margin: 40px 0 20px 0;
}

.section-title p {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0;
}

/* Réinitialisation des listes */
#simulateur-box-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Éléments de liste - disposition côte à côte */
#simulateur-box-1 li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Labels - largeur fixe avec texte aligné à droite */
label {
    color: #495057;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    flex: 0 0 auto;
    min-width: 250px;
    text-align: right;
}

/* Champs de saisie - largeur fixe identique */
input[type="text"] {
    padding: 12px 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 15px;
    background-color: #fff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 300px;
    box-sizing: border-box;
}

/* État focus des champs */
input[type="text"]:focus {
    outline: none;
    border-color: #52c788;
    box-shadow: 0 0 0 3px rgba(82, 199, 136, 0.1);
}

/* Placeholder */
input[type="text"]::placeholder {
    color: #adb5bd;
    font-style: normal;
}

/* Champs totaux (readonly) */
input[readonly] {
    font-weight: 600;
    border: none;
    cursor: default;
    font-size: 16px;
    color: white;
}

/* Couleurs des champs totaux */
#totalEncaissements {
    background-color: #B0EBD0 !important;
}

#etp {
       background-color: #D5D3F6 !important; 
    
}

.bloc-tresorerie-travailleurs {
        background-color: #EDECF9 !important;
    border-radius:15px;
    padding:30px;
    
}
#totalPaiements {
    background-color: #FBAD98 !important;
}

#tresoActivite {
    background-color: #D5D3F6 !important;
}

/* Labels des totaux avec couleurs */
label[for="totalEncaissements"] {
    color: #4DD194;
    font-weight: 700;
    font-size: 18px;
}

label[for="totalPaiements"] {
    color: #ED6C4A;
    font-weight: 700;
    font-size: 18px;
}

label[for="tresoActivite"] {
    color: #000;
    font-weight: 800;
    font-size: 28px;
}

.nombre-travailleurs .form li {margin-bottom:0}

.nombre-travailleurs .form li label {
        color: #000;
    font-weight: 800;
    font-size: 28px;
    
}

.form, .resultat {
    
    padding: 0 0 0px 1em !important;
}



/* Section choix politiques */
#choixPolitique {
     margin: 40px 0;
    width: 100%;
}



/* Titre de la section choix politiques */
#choixPolitique::before {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.4;
}

/* Conteneur des choix politiques */
#choixPol1, #choixPol2, #choixPol3 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5%;
    background-color: white;
    border: 4px solid #D5D3F6;
    border-radius: 12px;
    padding: 25px;
}

/* Titres des choix politiques */
#choixPol1 h4, #choixPol2 h4, #choixPol3 h4 {
    color: #413D91;
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 20px 0;
    text-align: center;
}

/* Liste des choix */
.choix li {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: none;
    font-size: 14px;
    color: #495057;
}

.choix li:last-child {
    border-bottom: none;
}

ul.choix {padding: 0;}

/* Labels à gauche */
.label-choix {
    text-align: right;
    color: #000;
    font-size: 16px;
    flex: 1;
}

/* Valeurs à droite */
.valeur-choix {
    background-color: #EDECF9;
    padding: 10px;
    color: #000;
    font-weight: 800;
    border-radius: 8px;
    text-align: center;
    min-width: 160px;
    font-size:16px;
    min-height: 46px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .recettes-depenses-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .totaux-container {
        flex-direction: column;
        gap: 15px;
    }
    
    #choixPolitique {
        flex-direction: column;
        gap: 15px;
    }
    
    /* Labels plus petits sur tablette */
    label {
        min-width: 200px;
        font-size: 15px;
    }
    
    /* Inputs plus petits sur tablette */
    input[type="text"] {
        width: 250px;
    }
}

@media (max-width: 960px) {
    .main-container, #choixPolitique {
        padding: 20px;
        margin: 10px 0;
    }
    
     #choixPolitique {
        padding: 0;
        margin: 10px 0;
    }
    
    .et_pb_tab {
  padding: 24px 15px;
}
    
    h4 {
        font-size: 28px;
    }
    
    #choixPol1 h4, #choixPol2 h4, #choixPol3 h4 {
        font-size: 20px;
    }
    
    /* Disposition verticale sur mobile */
    li:not(.choix li) {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    label {
        min-width: auto;
        font-size: 15px;
        text-align: left;
    }
    
    input[type="text"] {
        padding: 10px 14px;
        font-size: 14px;
        width: 100%;
    }
    
    .section-title p {
        font-size: 16px;
    }
}

@media (max-width: 960px) {
    #choixPol1, #choixPol2, #choixPol3 {
        width: 100% !important;
        display: block !important;
        margin: 15px 0 !important;
    }
    
        .choix li {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .label-choix {
        text-align: left;
    }
    
    .valeur-choix {
        min-width: auto;
        width: 100%;
    }
}

/* États des champs invalides */
input[isvalid="false"] {
    border-color: #dc3545;
    background-color: #fff5f5;
}

input[isvalid="false"]:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

/* Animation subtile au survol */
input[type="text"]:hover:not(:focus):not([readonly]) {
    border-color: #adb5bd;
}

/* Amélioration de l'accessibilité */
input[type="text"]:focus-visible {
    outline: 2px solid #52c788;
    outline-offset: 2px;
}

/* Tabs simulateur */
#simu-tabs li {

border-radius: 15px 15px 0 0;
    margin-bottom:0;

}

#simu-tabs .recettes-depenses-container li {
     margin-bottom:20px;
    
}

#simu-tabs ul.et_pb_tabs_controls::after {
    border-top:0
}


#simu-tabs ul.et_pb_tabs_controls {


background-color:transparent

}

#simu-tabs {
    border:0 !important;
}

#simu-tabs .et_pb_all_tabs {
  background-color: #EDECF9;
    border-top: 4px solid #413D91;
}

.valeur-statique {
    background-color: #fff;
    padding: 12px 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    width: 300px;
    text-align: center;
    font-weight: 600;
}

.input-replacement {
    padding: 12px 16px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 15px;
    background-color: #fff;
    width: 225px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
}

/* Couleurs spécifiques comme les vrais inputs */
.total-encaissement { background-color: #B0EBD0 !important; }
.total-paiement { background-color: #FBAD98 !important; }
.flux-tresorerie-value { background-color: #D5D3F6 !important; }
.etp-value { background-color: #D5D3F6 !important; }


@media (max-width: 768px) {
    /* Masquer la barre d'onglets originale */
    .et_pb_tabs_controls {
        display: none;
    }
    
    /* Conteneur des onglets en colonne */
    .et_pb_all_tabs {
        display: flex;
        flex-direction: column;
    }
    
    /* Chaque onglet prend toute la largeur */
    .et_pb_tab {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }
    
    /* Créer un titre cliquable avant chaque contenu */
    .et_pb_tab::before {
        content: attr(data-title);
        display: block;
        background: #f5f5f5;
        padding: 15px;
        font-weight: bold;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }
    
    /* Titres spécifiques pour chaque onglet */
    .et_pb_tab_0::before { content: "1er mois"; }
    .et_pb_tab_1::before { content: "2e mois"; }
    .et_pb_tab_2::before { content: "3e mois"; }
    .et_pb_tab_3::before { content: "4e mois"; }
    .et_pb_tab_4::before { content: "5e mois"; }
    .et_pb_tab_5::before { content: "6e mois"; }
    
    /* Masquer tous les contenus par défaut */
    .et_pb_tab_content {
        display: none;
        padding: 15px;
    }
    
    /* Afficher seulement le contenu de l'onglet actif */
    .et_pb_tab.et_pb_active_content .et_pb_tab_content {
        display: block;
    }
    
    /* Style du titre actif */
    .et_pb_tab.et_pb_active_content::before {
        background: #007cba;
        color: white;
    }
}

   /* Page "vous êtes" */


#boutons-vous-etes .et_pb_button {
min-height: 150px !important;
  font-size: 20px !important;
}

#boutons-vous-etes .et_pb_button::after {
    display:none
}

#boutons-vous-etes .et_pb_button:hover {
    padding:.3em 1em;   
    opacity: 0.8;
}

#boutons-vous-etes .et_pb_button_0 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-1400488393-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#5BCE8E;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_1 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-1070643406-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#ff8000;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_2 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-1054713428-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#7d7ac8;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_3 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-2056891325-1024x10241@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#413d91;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_4 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-2167866562-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#5BCE8E;background-blend-mode: soft-light;}

#boutons-vous-etes .et_pb_button_5 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/shutterstock_2121910712-optim@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#ff8000;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_6 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-858087824-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#413d91;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_7 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/AdobeStock_942300199_Preview@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#5BCE8E;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_8 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/jason-goodman-LR5CYw3AQNo-unsplash@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#7d7ac8;background-blend-mode: soft-light;}

#boutons-vous-etes .et_pb_button_9 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-1465697087-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#7d7ac8;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_10 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/AdobeStock_465899383@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#5BCE8E;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_11 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/shutterstock_1740787631-optim@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#413d91;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_12 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/istockphoto-1345174163-1024x1024@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#ff8000;background-blend-mode: soft-light;}

#boutons-vous-etes .et_pb_button_13 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/shutterstock_2284852543@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#413d91;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_14 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/shutterstock_2469643825@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#7d7ac8;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_15 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/2.2-shutterstock_2201624661@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#ff8000;background-blend-mode: soft-light;}
#boutons-vous-etes .et_pb_button_16 {background-image:url("https://www.la-famille.org/wp-content/uploads/2025/06/shutterstock_2381843587@2x.jpg") !important;background-position: center; background-repeat: no-repeat; background-size: cover !important;background:#5BCE8E;background-blend-mode: soft-light;}


    /* Retirer animation boutons home */
.home .et_pb_button::after {
    display:none
}

.home .et_pb_button:hover {
    padding:.3em 1em;   
    opacity: 0.8;
}

@media (max-width: 768px) {
    #boutons-vous-etes .et_pb_button {
  min-height: 150px !important;
  font-size: 12px !important;
}
}

/* AGENDA */


 #page-agenda .ligne {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

@media only screen and (min-width: 1600px) {
 #page-agenda .section {

    padding-top: 10px;
    padding-bottom: 30px;
  }
}

@media (min-width: 981px) {
    
    #page-agenda .section {
  padding-top: 10px;
  padding-bottom: 30px;
  background-color: #413d91 !important;
}
    
    
#page-agenda #filariane {
    
    font-size:14px;
    color:#FFF;
    margin-bottom: 50px !important;
}

#page-agenda #filariane a {
    

    color:#FFF
}

#page-agenda .ligne h1 {
    
    font-weight: 700;
  font-size: 38px;
  color: #FFFFFF !important;
}

#page-agenda .et_pb_text_inner p {
color: #FFFFFF !important;
line-height: 1.7em;
  font-weight: 500;
}

#page-agenda .section {
  position: relative;
  background-position: 50%;
background-repeat: no-repeat;
  background-size: cover;
}


#page-agenda .ligne {
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  margin-top: 19px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}






#page-agenda .ligne {
  background-size: contain;
  background-position: right 0px center;
  background-image: url(https://www.la-famille.org/wp-content/uploads/2025/06/illustration-couverture_RVB-copie-1.webp);
  background-color: RGBA(255,255,255,0);
  min-height: 211px;
    background-repeat: no-repeat;
}

#page-agenda .ligne {
  max-width: 1280px;
  margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
  position: relative;
}
    }

  #page-agenda .ligne > #page-agenda .colonne {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

    
    #page-agenda .ligne .colonne, #page-agenda .ligne .colonne {
    margin-right: 0 !important;
  }


  #page-agenda .colonne {
    width: 100%;
  }


    
@media only screen and (max-width: 981px) {
   #page-agenda .section {
    padding-bottom: 30px;
    margin-top: 97px;
         background-color: #413d91 !important;
  }



  #page-agenda #filariane {
    margin-bottom: 111px !important;
          font-size:12px;
    color:#FFF;
  
  }
    
     #filariane a {

    color:#FFF !important;
    }


    #page-agenda .ligne {
    background-size: 62% auto;
    background-position: right 0px top 16%;
    min-height: 211px;
            padding-top: 5px !important;
    padding-bottom: 5px !important;
        width: 90%;
        font-size: 12px;
        margin:auto;
        

  background-image: url(https://www.la-famille.org/wp-content/uploads/2025/06/illustration-couverture_RVB-copie-1.webp);
  background-color: RGBA(255,255,255,0);
  min-height: 211px;
    background-repeat: no-repeat;
  }
    
    #page-agenda .ligne h1 {
    
    font-weight: 700;
  font-size: 26px !important;
  color: #FFFFFF !important;
}

#page-agenda .et_pb_text_inner p {
color: #FFFFFF !important;
font-size: 16px;
    line-height: 1.2em;
  font-weight: 500;
}
    #filariane {
    margin-top:5px;
}
}

.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
  background-color: #413d91 !important;
}

.tribe-common .tribe-common-c-btn-border {
    border: 1px solid #413d91 !important;
    color: #413d91 !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
border-radius:10px;
  background: #5BCE8E;
}

.tribe-events-calendar-list__event-date-tag-weekday, .tribe-events-calendar-list__event-date-tag-daynum {
    color:#FFF !important;
    
}

.tribe-events-single-event-title {
        color: #413d91 !important;
}


/* FOOTER */

.nous-suivre-footer .nous-suivre-texte {


  font-size: 19px;


  text-transform: uppercase;
}

.nous-suivre-footer .nous-suivre-icone {
  width: 45px;
  height: 45px;
}

/* CSS à ajouter pour le responsive mobile */
@media (max-width: 768px) {
    .nous-suivre-footer .nous-suivre-ligne {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    .nous-suivre-footer .nous-suivre-ligne {
        gap: 20px;
    }
    
    .nous-suivre-footer .nous-suivre-texte {
        margin-right: 0;
        text-align: center;
        width: 100%; /* Force le texte à prendre toute la largeur */
        order: -1; /* Met le texte en premier */
    }
    
    .nous-suivre-footer .nous-suivre-lien {
        margin-right: 0;
    }
    
    .nous-suivre-footer .nous-suivre-lien:last-child {
        margin-right: 0;
    }
}







/*Ajustements mobile / tablette */


.entry-content .et_pb_row_0 {width:100%}

    @media only screen and (min-width: 768px) and (max-width:1400px) {
        
        .entry-content .et_pb_row_0, .et-l--header .et_pb_row_0_tb_header  {width:90% !important}
}


    @media only screen and (max-width:768px) {
        

.entry-content .et_pb_row_0 {
    width:90%;
  
        }
        
        .et_pb_section_0.et_pb_section {
              margin-top:125px !important
        }
        
        
.et_pb_row_0 {
    background-size: 40% auto !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .et_pb_column_1_tb_header {
    width: 62% !important;

  }
}


@media only screen and (min-width: 2000px) {
    
    .et_pb_text_0_tb_header {
  font-size: 1.2vw !important;
}
}


@media only screen and (min-width: 1500px) and (max-width: 2000px)  {
    
    .et_pb_text_0_tb_header {
  font-size: 1.4vw !important;
}
}

@media only screen and (min-width: 980px) and (max-width: 1500px)  {
    
    .et_pb_text_0_tb_header {
  font-size: 1.7vw !important;
}
}


@media only screen and (max-width: 1300px) {
    
    #sous-titre-header {
display:none;
}
}

@media only screen and (min-width: 1700px) {
.et_pb_button_0_tb_header {
  font-size: 0.8vw !important;
    }
}
    
   @media only screen and (min-width: 980px) and (max-width: 1700px) { 

      .et_pb_button_0_tb_header {
  font-size: 1.2vw !important;
    } 
    
    }


  .et_pb_section_0_tb_header .custom_row:last-child .et_pb_column:last-child {
margin-bottom: 0 !important;
}

@media (max-width: 980px) {
    
      .et_pb_section_0_tb_header .custom_row:last-child .et_pb_column:last-child {
margin-bottom: 0 !important;
}
    
    
}

@media only screen and (max-width: 980px) {
  .home .et_pb_section_0.et_pb_section {
    margin-top: 125px !important;
  }
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
  .home .et_pb_section_0.et_pb_section {
    margin-top: 0 !important;
  }
}
/* MENU PROJET */
#menu-menu-projet {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#menu-menu-projet li {
    margin: 0;
    padding: 0;
}

#menu-menu-projet li a {
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}

/* VERSION MOBILE FIRST */
@media (max-width: 981px) {
    /* Menu mobile complet */
    #menu-menu-projet {
        width: 100% !important;
    }
    
    #menu-menu-projet li a {
        width: 100% !important;
    }
    
    /* Bouton menu mobile */
    .mobile_nav {
        background: #10B981 !important;
        border-radius: 12px !important;
        padding: 15px 20px !important;
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        width: 100%;
    }
    
    /* Icône hamburger */
    .mobile_nav .mobile_menu_bar {
        background: white !important;
        width: 20px !important;
        height: 2px !important;
        position: relative !important;
        margin: 0 10px 0 0 !important;
        display: inline-block !important;
        float: none !important;
    }
    
    .mobile_nav .mobile_menu_bar:before,
    .mobile_nav .mobile_menu_bar:after {
        content: '' !important;
        background: white !important;
        width: 20px !important;
        height: 2px !important;
        position: absolute !important;
        left: 0 !important;
        display: block !important;
    }
    
    .mobile_nav .mobile_menu_bar:before {
        top: -6px !important;
    }
    
    .mobile_nav .mobile_menu_bar:after {
        bottom: -6px !important;
    }
    
    /* Texte Menu ajouté par JS */
    .mobile_nav .menu-text {
        color: white !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        margin-left: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Menu ouvert */
    .et_mobile_menu {
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
        padding: 20px 0 !important;
        margin-top: 10px !important;
        border: none !important;
    }
    
    .et_mobile_menu li {
        border-bottom: none !important;
        margin: 0 !important;
    }
    
    .et_mobile_menu li a {
        padding: 5px 20px !important;
        color: #413d91 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        border: none !important;
        background: transparent !important;
        text-decoration: none !important;
    }
    
    /* Élément actif dans le menu mobile */
    .et_mobile_menu li.current-menu-item a,
    .et_mobile_menu li.current_page_item a {
        color: #10B981 !important;
        font-weight: 600 !important;
    }
    
    /* Hover sur mobile */
    .et_mobile_menu li a:hover {
        background: #F3F4F6 !important;
        color: #374151 !important;
    }
    
    .et_mobile_menu li.current-menu-item a:hover,
    .et_mobile_menu li.current_page_item a:hover {
        color: #10B981 !important;
    }
    
    .et_pb_menu .et_mobile_nav_menu {
        width: 100% !important;
    }
}


/* VERSION DESKTOP (980px+) */
@media (min-width: 980px) {
    /* Conteneur du menu desktop */
    .et_pb_menu__menu {
        background: transparent;
    }
    
    .et-menu-nav, .et_pb_menu__menu {
        width: 100% !important;
    }
    
    #menu-menu-projet {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: fit-content !important;
        max-width: 380px !important;
    }
    
    #menu-menu-projet li a {
        padding: 15px 20px;
        color: #413d91; 
        font-size: 16px;
        font-weight: 600;
        border-radius: 12px;
        margin-bottom: 8px;
        background: #FFF;
        width:100%
    }
    
    /* Élément actif (current-menu-item) */
    #menu-menu-projet li.current-menu-item a,
    #menu-menu-projet li.current_page_item a {
        background: #10B981;
        color: white;
        font-weight: 600;
    }
    
    /* Hover sur les éléments non-actifs */
    #menu-menu-projet li:not(.current-menu-item):not(.current_page_item) a:hover {
        background: #F3F4F6;
        color: #374151;
    }
    
    /* Image décorative après le menu */
    #menu-menu-projet::after {
        margin-top: 20px;  
        background-image: url('https://www.la-famille.org/wp-content/uploads/2025/06/Sans-titre-2.webp');
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 100%; 
        height: 127px;
        content: "";
    }
    
    /* Cacher le menu mobile sur desktop */
    .et_mobile_nav_menu {
        display: none !important;
    }
}

  /* FORMULAIRES */

/* Champs de saisie - largeur fixe identique */
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
    padding: 12px 16px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background-color: #fff !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}

/* État focus des champs */
.wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form textarea:focus {
    outline: none !important;
    border-color: #52c788 !important;
    box-shadow: 0 0 0 3px rgba(82, 199, 136, 0.1) !important; 
}

/* Placeholder */
.wpcf7-form input[type="text"]::placeholder {
    color: #adb5bd;
    font-style: normal;
}

.wpcf7-form input[type="submit"] {
text-transform: uppercase !important;
  padding: 12px 20px;
  background-color: #FFA200;
  color: #FFF;
  font-weight: 700;
  font-size: 20px;
  border-radius: 50px;
  border: none;
    cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #52c788;
}

.mc4wp-checkbox {margin-left:1.12rem !important}

.mc4wp-checkbox span {
  font-size: 18px !important;
  padding-left: 5px !important;
}

#wpcf7-f4476-o1 .wpcf7-form input[type="email"], #wpcf7-f4476-o2 .wpcf7-form input[type="email"], #wpcf7-f4476-p3843-o1 .wpcf7-form input[type="email"] {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-radius: 50px !important;
}