.elementor-1900 .elementor-element.elementor-element-b64466e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1900 .elementor-element.elementor-element-835f404{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"degular", Sans-serif;font-weight:400;color:var( --e-global-color-d54494c );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-835f404 *//* --- Style du H2 (Titre principal des sections) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 h2 {
    color: #040A16; /* 🔴 Remplace par la couleur de ton agence Les Slasheurs */
    font-family: 'degular', sans-serif; /* Ta typographie */
    font-size: 33px; /* Taille bien visible */
    font-weight: 700; /* En gras */
    margin-top: 50px; /* Grand espace au-dessus pour aérer la lecture */
    margin-bottom: 20px; /* Petit espace en dessous */
}

/* --- Style du H3 (Sous-titres) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 h3 {
    color: #040A16; /* Un gris très foncé ou noir */
    font-family: 'degular', sans-serif;
    font-size: 24px; /* Un peu plus petit que le H2 */
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* --- Style du H4 (S'il y en a) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 h4 {
    color: #040A16;
    font-family: 'degular', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

/* --- Style des puces (Listes) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 ul li::marker {
    color: #2563EB; /* 🔵 Le fameux bleu que tu as demandé ! */
    font-size: 1.2em; /* Optionnel : grossit un tout petit peu la puce pour la mettre en valeur */
}

/* --- Si tu as aussi des listes numérotées (1, 2, 3...) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 ol li::marker {
    color: #2563EB;
    font-weight: bold; /* Met les numéros en gras */
}

/* --- Style des liens dans le texte --- */
.elementor-1900 .elementor-element.elementor-element-835f404 a {
    color: #2563EB; /* 🔵 Le bleu que tu as choisi */
    font-weight: 500; /* Met le lien un peu en gras pour qu'il ressorte bien */
    text-decoration: none; /* Enlève le soulignement par défaut */
    transition: all 0.3s ease; /* Ajoute une petite animation douce au survol */
}

/* --- Effet au survol de la souris (Hover) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 a:hover {
    color: #2563EB; /* 🔴 Remplace par la couleur "d'origine" ou principale de ton agence (ton orange/rouge) */
    text-decoration: underline; /* Remet le soulignement au survol pour bien montrer que c'est cliquable */
}








/* --- 1. Conteneur du tableau (Répare le scroll mobile) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 figure.wp-block-table, 
.elementor-1900 .elementor-element.elementor-element-835f404 .elementor-widget-container > table {
    width: 100% !important;
    overflow-x: auto !important; /* 👈 Active la barre de scroll */
    -webkit-overflow-scrolling: touch !important; /* 👈 Scroll fluide sur smartphone */
    margin: 30px 0 !important;
    display: block;
}

/* --- 2. Le tableau à l'intérieur --- */
.elementor-1900 .elementor-element.elementor-element-835f404 table {
    width: 100% !important;
    min-width: 650px !important; /* 👈 Force le tableau à être large pour obliger l'apparition du scroll sur mobile */
    border-collapse: collapse;
    margin: 0 !important;
    background: transparent !important;
}

/* --- 3. Les coins arrondis (sans casser le scroll) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 th:first-child { border-top-left-radius: 5px; }
.elementor-1900 .elementor-element.elementor-element-835f404 th:last-child { border-top-right-radius: 5px; }
.elementor-1900 .elementor-element.elementor-element-835f404 tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.elementor-1900 .elementor-element.elementor-element-835f404 tr:last-child td:last-child { border-bottom-right-radius: 5px; }

/* --- Style des cellules (Alignement à gauche avec de l'espace) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 th, .elementor-1900 .elementor-element.elementor-element-835f404 td {
    text-align: left !important; 
    padding: 16px 24px !important; /* 👈 C'est ça qui va redonner de l'air au texte */
    border-bottom: 1px solid #E5E7EB; 
    font-family: 'degular', sans-serif;
    color: #1A1A1A;
}

/* --- Style de l'En-tête (Bleu sans bordures arrondies) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 th {
    background-color: #2563EB; 
    color: #FFFFFF; 
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap; 
}

/* --- Effet Zébré (Une ligne sur deux grisée pour la lecture) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 tr:nth-child(even) {
    background-color: #F8FAFC; 
}

/* --- Personnalisation de la barre de Scroll --- */
.elementor-1900 .elementor-element.elementor-element-835f404 table::-webkit-scrollbar {
    height: 8px; 
}
.elementor-1900 .elementor-element.elementor-element-835f404 table::-webkit-scrollbar-thumb {
    background-color: #2563EB; 
    border-radius: 10px; 
}
.elementor-1900 .elementor-element.elementor-element-835f404 table::-webkit-scrollbar-track {
    background-color: transparent; 
}






/* --- Style des images (Alignement gauche et arrondi) --- */
.elementor-1900 .elementor-element.elementor-element-835f404 .wp-block-image, 
.elementor-1900 .elementor-element.elementor-element-835f404 figure.wp-block-image {
    margin-left: 0 !important; /* Force l'alignement à gauche */
    margin-right: auto !important;
    text-align: left !important;
    display: block !important;
}

.elementor-1900 .elementor-element.elementor-element-835f404 img {
    border-radius: 5px !important; /* Ton arrondi de 5px */
    height: auto;
    max-width: 100%; /* S'assure que l'image ne dépasse pas du cadre sur mobile */
}





/* --- Style des Citations / Anecdotes --- */
.elementor-1900 .elementor-element.elementor-element-835f404 blockquote,
.elementor-1900 .elementor-element.elementor-element-835f404 .wp-block-quote {
    background-color: #F8FAFC; /* Fond très léger et moderne */
    border-left: 5px solid #2563EB; /* La fameuse ligne bleue à gauche */
    padding: 20px 25px !important; /* On aère bien le texte à l'intérieur */
    margin: 30px 0 !important; /* De l'espace au-dessus et en dessous */
    border-radius: 0 8px 8px 0; /* Arrondi doux uniquement sur la droite */
    font-style: italic;
    color: #334155; /* Un gris-bleu très foncé pour le texte */
    font-size: 1.1em; /* Texte très légèrement agrandi */
    box-shadow: 0 2px 5px rgba(0,0,0,0.02); /* Ombre ultra subtile */
}

/* Style si tu ajoutes le nom de l'auteur sous la citation */
.elementor-1900 .elementor-element.elementor-element-835f404 blockquote cite,
.elementor-1900 .elementor-element.elementor-element-835f404 .wp-block-quote cite {
    display: block;
    margin-top: 15px;
    font-style: normal;
    font-weight: 700;
    color: #2563EB; /* L'auteur en bleu */
    font-size: 0.9em;
}/* End custom CSS */