.elementor-3785 .elementor-element.elementor-element-9370c5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3785 .elementor-element.elementor-element-c21f2ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3785 .elementor-element.elementor-element-8c2ce1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3785 .elementor-element.elementor-element-a8c17d8 .elementor-heading-title{color:var( --e-global-color-9c45326 );}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3785 .elementor-element.elementor-element-1c7f804 .elementor-toc__header-title{text-align:start;}.elementor-3785 .elementor-element.elementor-element-1c7f804 .elementor-toc__header{flex-direction:row;}.elementor-3785 .elementor-element.elementor-element-1c7f804{--item-text-hover-decoration:underline;}.elementor-3785 .elementor-element.elementor-element-0891509{--display:flex;}.elementor-3785 .elementor-element.elementor-element-b0030d3{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3785 .elementor-element.elementor-element-1bb4714{color:var( --e-global-color-9c45326 );}@media(min-width:768px){.elementor-3785 .elementor-element.elementor-element-c21f2ad{--width:50%;}.elementor-3785 .elementor-element.elementor-element-8c2ce1b{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-ecef5c6 *//* --- CSS Boîte Auteur JPF --- */

/* Conteneur principal */
.jpf-author-box {
    display: flex;
    align-items: center;
    /* Couleur de fond bleu nuit profond */
    background: #0F172A; 
    /* Légère bordure pour définir la boîte */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px; /* Coins arrondis modernes */
    padding: 35px;
    margin: 40px auto; /* Centré avec de l'espace autour */
    max-width: 900px;
    /* Ombre portée subtile pour la profondeur */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

/* Petit effet de lumière d'accentuation en arrière-plan (optionnel) */
.jpf-author-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 40%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(34, 211, 238, 0.1), transparent);
    transform: rotate(25deg);
    pointer-events: none;
}

/* Conteneur de l'image (gauche) */
.jpf-author-img-container {
    flex: 0 0 160px; /* Largeur fixe pour l'image */
    margin-right: 35px;
    position: relative;
}

/* Style de la photo */
.jpf-author-photo {
    width: 160px;
    height: 160px;
    object-fit: cover; /* Évite de déformer la photo */
    border-radius: 50%; /* Photo ronde */
    /* Bordure dégradée cyan/bleu */
    border: 4px solid transparent;
    background-image: linear-gradient(to bottom right, #22d3ee, #3b82f6);
    background-origin: border-box;
    box-shadow: 0 5px 15px rgba(34, 211, 238, 0.3); /* Lueur cyan */
}

/* Conteneur du texte (droite) */
.jpf-author-content {
    flex: 1; /* Prend tout l'espace restant */
    z-index: 2; /* Passe au-dessus de l'effet de fond */
}

/* Nom */
.jpf-author-name {
    margin: 0 0 8px 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
    font-family: sans-serif; /* Utilise la police de votre thème si possible */
}

/* Titre métier */
.jpf-author-title {
    color: #22d3ee; /* Accent cyan pour le titre */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 0.85rem;
    margin-bottom: 18px;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(34, 211, 238, 0.3);
}

/* Biographie */
.jpf-author-bio {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.9); /* Blanc légèrement atténué pour la lecture */
    margin-bottom: 25px;
}

/* Conteneur du bouton */
.jpf-author-cta-container {
    margin-top: 20px;
}

/* Style du bouton CTA */
.jpf-author-button {
    display: inline-flex;
    align-items: center;
    padding: 14px 30px;
    /* Dégradé horizontal bleu/cyan */
    background: linear-gradient(90deg, #3b82f6 0%, #22d3ee 100%);
    color: white !important;
    text-decoration: none !important;
    border-radius: 50px; /* Forme pilule */
    font-weight: 700;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

/* Effet au survol du bouton */
.jpf-author-button:hover {
    transform: translateY(-3px); /* Léger soulèvement */
    box-shadow: 0 8px 20px rgba(34, 211, 238, 0.6); /* Lueur plus intense */
    filter: brightness(110%);
}

.jpf-author-button span {
    margin-right: 8px; /* Espace pour l'icône éventuelle */
}

/* --- RESPONSIVE (Version Mobile) --- */
@media (max-width: 768px) {
    .jpf-author-box {
        flex-direction: column; /* Passe en colonne */
        text-align: center;
        padding: 25px;
    }

    .jpf-author-img-container {
        margin-right: 0;
        margin-bottom: 25px;
        flex: auto;
    }
    
    .jpf-author-title {
         border-bottom: none; /* Simplifie sur mobile */
    }

    .jpf-author-button {
        width: 100%; /* Bouton pleine largeur sur mobile */
        justify-content: center;
    }
}/* End custom CSS */