.elementor-95304 .elementor-element.elementor-element-b08f1ab{--display:flex;}.elementor-95304 .elementor-element.elementor-element-42d7319b{--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:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;box-shadow:1px 2px 10px -6px rgba(0,0,0,0.5);}.elementor-95304 .elementor-element.elementor-element-42d7319b:not(.elementor-motion-effects-element-type-background), .elementor-95304 .elementor-element.elementor-element-42d7319b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-423567b );}.elementor-95304 .elementor-element.elementor-element-42d7319b.e-con{--order:-99999 /* order start hack */;}.elementor-95304 .elementor-element.elementor-element-60ab2987{--spacer-size:25px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-95304 .elementor-element.elementor-element-54a5a08{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-element{--align-self:center;}.elementor-95304 .elementor-element.elementor-element-54a5a08 .elementor-icon-wrapper{text-align:center;}.elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-view-framed .elementor-icon, .elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-view-framed .elementor-icon, .elementor-95304 .elementor-element.elementor-element-54a5a08.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-95304 .elementor-element.elementor-element-54a5a08 .elementor-icon{font-size:60px;}.elementor-95304 .elementor-element.elementor-element-54a5a08 .elementor-icon svg{height:60px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-95304 .elementor-element.elementor-element-4613fe9{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-95304 .elementor-element.elementor-element-4613fe9 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-95304 .elementor-element.elementor-element-4613fe9.elementor-element{--align-self:center;}.elementor-95304 .elementor-element.elementor-element-4613fe9 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-text );}.elementor-widget-text-editor{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-95304 .elementor-element.elementor-element-7ddc1b1f{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto Flex", Sans-serif;font-size:20px;font-weight:400;}.elementor-95304 .elementor-element.elementor-element-7ddc1b1f.elementor-element{--align-self:center;}.elementor-95304 .elementor-element.elementor-element-7ddc1b1f p{margin-block-end:0px;}.elementor-95304 .elementor-element.elementor-element-791f9e92{--spacer-size:10px;}@media(max-width:1024px){.elementor-95304 .elementor-element.elementor-element-42d7319b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-95304 .elementor-element.elementor-element-4613fe9{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-95304 .elementor-element.elementor-element-4613fe9 .elementor-heading-title{font-size:36px;}.elementor-95304 .elementor-element.elementor-element-7ddc1b1f{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-size:20px;}.elementor-95304 .elementor-element.elementor-element-7ddc1b1f p{margin-block-end:0px;}.elementor-95304 .elementor-element.elementor-element-791f9e92{--spacer-size:10px;}}@media(max-width:767px){.elementor-95304 .elementor-element.elementor-element-42d7319b{--border-radius:10px 10px 10px 10px;}.elementor-95304 .elementor-element.elementor-element-60ab2987{--spacer-size:25px;}.elementor-95304 .elementor-element.elementor-element-4613fe9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-95304 .elementor-element.elementor-element-4613fe9.elementor-element{--align-self:center;}.elementor-95304 .elementor-element.elementor-element-4613fe9 .elementor-heading-title{font-size:24px;}.elementor-95304 .elementor-element.elementor-element-7ddc1b1f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:18px;}.elementor-95304 .elementor-element.elementor-element-791f9e92{--spacer-size:10px;}}/* Start custom CSS for heading, class: .elementor-element-4613fe9 */.elementor-95304 .elementor-element.elementor-element-4613fe9 h2.elementor-heading-title {
    margin: 0 !important;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-4becfaeb *//* ==========================================
   THOMYOG — FORMULAIRE DE COMMENTAIRES
   Design minimaliste, centré et responsive
   ========================================== */


/* ==========================================
   1. STRUCTURE ET CENTRAGE
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb {
    width: 100% !important;
    max-width: 100%;
    margin-inline: auto !important;
    box-sizing: border-box;
}

.elementor-95304 .elementor-element.elementor-element-4becfaeb > .elementor-widget-container {
    width: 100%;
    margin-inline: auto;
}

.elementor-95304 .elementor-element.elementor-element-4becfaeb #respond {
    width: 100% !important;
    max-width: 700px;

    margin: 40px auto 0 !important;
    padding: 0 !important;

    float: none;
    clear: both;

    background: transparent;
    border: none;
    box-shadow: none;

    box-sizing: border-box;
}


/* ==========================================
   2. MASQUER LE TITRE NATIF
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #reply-title,
.elementor-95304 .elementor-element.elementor-element-4becfaeb .comment-reply-title {
    display: none !important;
}


/* ==========================================
   3. FORMULAIRE
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform {
    display: block;
    width: 100%;

    margin: 0 auto !important;
    padding: 0;

    background: transparent;
    box-sizing: border-box;
}


/* ==========================================
   4. TEXTES D'INFORMATION
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .logged-in-as,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-notes,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .required-field-message {
    display: block;
    width: 100%;

    margin: 0 auto 24px !important;
    padding: 0;

    color: #777777;

    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;

    text-align: center !important;
}


/* ==========================================
   5. LIENS DE CONNEXION
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .logged-in-as a {
    color: #555555;
    font-size: inherit;

    text-decoration: none !important;

    transition: color 0.15s ease-out;
}

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .logged-in-as a:hover {
    color: #000000;
    text-decoration: none !important;
}


/* ==========================================
   6. ESPACEMENT DES CHAMPS
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-comment,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-author,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-email,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-url {
    display: block;
    width: 100%;

    margin: 0 0 24px;
    padding: 0;

    float: none;
    clear: both;

    box-sizing: border-box;
}


/* ==========================================
   7. LIBELLÉS DES CHAMPS
   ========================================== */

/* Votre commentaire */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-comment label {
    display: block;
    width: 100%;

    margin: 0 0 12px;

    color: #000000;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left !important;
}

/* Prénom, e-mail et autres champs */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-author label,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-email label,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-form-url label {
    display: block;

    margin: 0 0 10px;

    color: #000000;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left !important;
}


/* ==========================================
   8. CHAMPS DE SAISIE
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform textarea,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="text"],
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="email"],
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="url"] {
    display: block;

    width: 100% !important;
    max-width: 100%;

    margin: 0;
    padding: 16px 18px !important;

    background: #FFFFFF !important;
    color: #000000 !important;

    border: 1px solid #D9DCD5 !important;
    border-radius: 10px !important;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;

    box-shadow: none !important;
    box-sizing: border-box;

    transition: border-color 0.15s ease-out;
}


/* ==========================================
   9. CHAMP COMMENTAIRE
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform textarea#comment {
    min-height: 160px;
    height: auto;

    resize: vertical;
}


/* ==========================================
   10. PLACEHOLDERS
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform textarea::placeholder,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input::placeholder {
    color: #969C94;
    opacity: 1;
}


/* ==========================================
   11. FOCUS DES CHAMPS
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform textarea:focus,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="text"]:focus,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="email"]:focus,
.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform input[type="url"]:focus {
    border-color: #75816F !important;

    outline: 2px solid #75816F;
    outline-offset: 2px;

    box-shadow: none !important;
}


/* ==========================================
   12. CENTRAGE DU BOUTON
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .form-submit {
    display: flex !important;

    justify-content: center !important;
    align-items: center;

    width: 100%;

    margin: 28px auto 0 !important;
    padding: 0;

    float: none;
    clear: both;

    text-align: center;
    box-sizing: border-box;
}


/* ==========================================
   13. BOUTON PUBLIER MON COMMENTAIRE
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit {
    display: inline-block !important;

    width: auto;
    min-width: 230px;

    margin: 0 auto !important;
    padding: 16px 30px !important;

    background: #000000 !important;
    color: #FFFFFF !important;

    border: 1px solid #000000 !important;
    border-radius: 50px !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    text-align: center;
    text-transform: none;
    text-decoration: none !important;
    letter-spacing: 0;

    box-shadow: none !important;
    cursor: pointer;

    transform: scale(1);

    transition:
        transform 0.15s ease-out,
        background-color 0.15s ease-out,
        border-color 0.15s ease-out !important;
}


/* ==========================================
   14. EFFET GROW AU SURVOL
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #FFFFFF !important;

    text-decoration: none !important;

    transform: scale(1.03);
}


/* ==========================================
   15. EFFET AU CLIC
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit:active {
    transform: scale(0.98);
}


/* ==========================================
   16. MESSAGE DE MODÉRATION
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb .thomyog-moderation-notice {
    display: block;

    width: 100%;
    max-width: 700px;

    margin: 32px auto 0;
    padding: 22px 0 0;

    border-top: 1px solid #D9DCD5;

    color: #75816F;

    font-size: 13px;
    line-height: 1.7;
    text-align: center;

    box-sizing: border-box;
}


/* ==========================================
   17. COMMENTAIRES PUBLIÉS
   ========================================== */

.elementor-95304 .elementor-element.elementor-element-4becfaeb .comment-list {
    max-width: 700px;

    margin: 35px auto;
    padding: 0;

    list-style: none;
}

.elementor-95304 .elementor-element.elementor-element-4becfaeb .comment-body {
    margin-bottom: 18px;
    padding: 22px;

    background: #FAF9F6;

    border: 1px solid #E5E5E0;
    border-radius: 12px;
}


/* ==========================================
   18. VERSION MOBILE
   Bouton moins haut
   Tablette et ordinateur inchangés
   ========================================== */

@media (max-width: 767px) {

    /* Conteneur du formulaire */

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #respond {
        max-width: 100%;
        margin-top: 30px !important;
    }

    /* Zone de commentaire */

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform textarea#comment {
        min-height: 140px;
    }

    /* Textes d'information */

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .logged-in-as,
    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .comment-notes {
        font-size: 12px;
        line-height: 1.7;
    }

    /* Conteneur du bouton */

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform .form-submit {
        margin-top: 24px !important;
        padding: 0 !important;
    }

    /* Bouton Publier mon commentaire */

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;

        padding: 10px 20px !important;

        background: #000000 !important;
        color: #FFFFFF !important;

        border: 1px solid #000000 !important;
        border-radius: 50px !important;

        font-family: inherit;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;

        text-align: center;
        text-decoration: none !important;

        box-shadow: none !important;
    }

}


/* ==========================================
   19. ACCESSIBILITÉ DES ANIMATIONS
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit {
        transition: none !important;
        transform: none !important;
    }

    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit:hover,
    .elementor-95304 .elementor-element.elementor-element-4becfaeb #commentform #submit:active {
        transform: none !important;
    }

}


/* ==========================================
   FIN — THOMYOG COMMENTAIRES
   ========================================== *//* End custom CSS */