.elementor-211 .elementor-element.elementor-element-69c06d1{--display:flex;--min-height:410px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-211 .elementor-element.elementor-element-69c06d1:not(.elementor-motion-effects-element-type-background), .elementor-211 .elementor-element.elementor-element-69c06d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ipe-quebec.ca/wp-content/uploads/2026/02/img.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-211 .elementor-element.elementor-element-69c06d1.e-con{--align-self:center;}.elementor-211 .elementor-element.elementor-element-f66fe89{--display:flex;}.elementor-211 .elementor-element.elementor-element-dabe829{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-211 .elementor-element.elementor-element-3e87443 .elementor-button{background-color:#E2F5FF59;font-family:"Roboto", Sans-serif;font-size:46px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF61;border-radius:80px 80px 80px 80px;padding:25px 25px 25px 25px;}.elementor-211 .elementor-element.elementor-element-e072f27{--display:flex;--min-height:544px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-subtitle.elementskit-style-border::before{background-color:var( --e-global-color-233a321 );width:40px;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-subtitle.elementskit-style-border::after{background-color:var( --e-global-color-233a321 );width:40px;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-title-wraper .elementskit-section-title{color:#333333;margin:0px 0px 0px 0px;font-family:"Lato", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#47ADE4;font-family:"Lato", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0px 0px 13px 0px;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-subtitle.elementskit-style-border::before, .elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-subtitle.elementskit-style-border::after{height:2px;transform:translateY(-2px);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);}.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-211 .elementor-element.elementor-element-8e72473 .elementor-icon-wrapper{text-align:center;}.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-211 .elementor-element.elementor-element-b66c0da{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;text-align:center;}.elementor-211 .elementor-element.elementor-element-b66c0da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-211 .elementor-element.elementor-element-b66c0da a{color:var( --e-global-color-233a321 );}.elementor-211 .elementor-element.elementor-element-ef1c4ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-211 .elementor-element.elementor-element-a50aeb8{--display:flex;--min-height:238px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 5px 0px 5px;--border-top-width:0px;--border-right-width:5px;--border-bottom-width:0px;--border-left-width:5px;border-color:#51B0E4;--border-color:#51B0E4;--border-radius:40px 40px 40px 40px;box-shadow:0px 11px 69px 4px rgba(0, 0, 0, 0.21);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-211 .elementor-element.elementor-element-a50aeb8:not(.elementor-motion-effects-element-type-background), .elementor-211 .elementor-element.elementor-element-a50aeb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3E2FF;}.elementor-211 .elementor-element.elementor-element-a50aeb8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-211 .elementor-element.elementor-element-bfcce72{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-bfcce72.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-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-211 .elementor-element.elementor-element-1dfcf6d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .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-211 .elementor-element.elementor-element-ec1a6b0{width:var( --container-widget-width, 101.874% );max-width:101.874%;--container-widget-width:101.874%;--container-widget-flex-grow:0;text-align:start;}.elementor-211 .elementor-element.elementor-element-ec1a6b0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-211 .elementor-element.elementor-element-ec1a6b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-211 .elementor-element.elementor-element-ac1273c{width:var( --container-widget-width, 101.874% );max-width:101.874%;--container-widget-width:101.874%;--container-widget-flex-grow:0;text-align:start;}.elementor-211 .elementor-element.elementor-element-ac1273c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-211 .elementor-element.elementor-element-ac1273c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;line-height:27px;color:#000000;}.elementor-211 .elementor-element.elementor-element-1bd0347 .elementor-button{background-color:#47ADE400;fill:var( --e-global-color-9dd3417 );color:var( --e-global-color-9dd3417 );border-style:solid;border-width:2px 2px 2px 2px;border-radius:80px 80px 80px 80px;padding:15px 15px 15px 15px;}.elementor-211 .elementor-element.elementor-element-1bd0347 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-211 .elementor-element.elementor-element-1bd0347 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-211 .elementor-element.elementor-element-4cc9443{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-211 .elementor-element.elementor-element-69c06d1{--min-height:455px;--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-211 .elementor-element.elementor-element-f66fe89{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-dabe829{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-3e87443 .elementor-button{font-size:28px;padding:10px 10px 10px 10px;}.elementor-211 .elementor-element.elementor-element-e072f27{--gap:38px 38px;--row-gap:38px;--column-gap:38px;--padding-top:44px;--padding-bottom:150px;--padding-left:15px;--padding-right:15px;}.elementor-211 .elementor-element.elementor-element-a50aeb8{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-211 .elementor-element.elementor-element-1dfcf6d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-ec1a6b0{text-align:center;}.elementor-211 .elementor-element.elementor-element-ac1273c{text-align:center;}}@media(max-width:767px){.elementor-211 .elementor-element.elementor-element-69c06d1{--min-height:537px;}.elementor-211 .elementor-element.elementor-element-f66fe89{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-e072f27{--padding-top:24px;--padding-bottom:131px;--padding-left:15px;--padding-right:15px;}.elementor-211 .elementor-element.elementor-element-0cbbf68 .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;}.elementor-211 .elementor-element.elementor-element-b66c0da{width:var( --container-widget-width, 311.094px );max-width:311.094px;--container-widget-width:311.094px;--container-widget-flex-grow:0;}.elementor-211 .elementor-element.elementor-element-1dfcf6d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-211 .elementor-element.elementor-element-ec1a6b0{width:var( --container-widget-width, 401.984px );max-width:401.984px;--container-widget-width:401.984px;--container-widget-flex-grow:0;text-align:center;}.elementor-211 .elementor-element.elementor-element-ec1a6b0 .elementor-heading-title{font-size:19px;}.elementor-211 .elementor-element.elementor-element-ac1273c{width:var( --container-widget-width, 401.984px );max-width:401.984px;--container-widget-width:401.984px;--container-widget-flex-grow:0;text-align:center;}.elementor-211 .elementor-element.elementor-element-ac1273c .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-211 .elementor-element.elementor-element-69c06d1{--content-width:76%;}.elementor-211 .elementor-element.elementor-element-f66fe89{--width:55%;}.elementor-211 .elementor-element.elementor-element-e072f27{--content-width:100%;}.elementor-211 .elementor-element.elementor-element-a50aeb8{--width:77%;}.elementor-211 .elementor-element.elementor-element-bfcce72{--width:17.019%;}}@media(max-width:1024px) and (min-width:768px){.elementor-211 .elementor-element.elementor-element-f66fe89{--width:93%;}.elementor-211 .elementor-element.elementor-element-bfcce72{--width:150.266px;}}/* Start custom CSS for post-comments, class: .elementor-element-0a5bc1f *//* ===============================
   CHAMPS COMMENTAIRES UNIFORMES
================================ */

#comments textarea,
#comments input[type="text"],
#comments input[type="email"],
#comments input[type="url"]{

    width:100%;
    padding:18px 22px;
    border-radius:14px;
    border:1px solid #d9e7ef;
    background:#f8fcff;

    font-size:15px;
    color:#333;

    transition:all .3s ease;

    box-shadow: inset 0 2px 6px rgba(0,0,0,0.04);
}

/* focus élégant */

#comments textarea:focus,
#comments input:focus{

    border-color:#47ADE4;
    background:#fff;

    box-shadow:
    0 0 0 3px rgba(71,173,228,0.15);
}

/* espacement entre champs */

.comment-form p{
    margin-bottom:18px;
}









/* ===============================
   CONTAINER PRINCIPAL
================================= */
.comment-respond {
    max-width: 1050px;
    margin: 60px auto;
    padding: 45px;
    border-radius: 24px;
    background: linear-gradient(145deg, #ffffff, #f4f9fc);
    box-shadow: 
        0 15px 40px rgba(36, 92, 124, 0.15);
    border: 1px solid rgba(71, 173, 228, 0.2);
    transition: all 0.4s ease;
}

.comment-respond:hover {
    transform: translateY(-6px);
    box-shadow: 
        0 25px 60px rgba(36, 92, 124, 0.25);
}

/* ===============================
   TITRE
================================= */
.comment-reply-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #245C7C;
    position: relative;
}

.comment-reply-title::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #47ADE4, #245C7C);
    margin-top: 10px;
    border-radius: 10px;
}

/* ===============================
   TEXTAREA
================================= */
.comment-form-comment textarea {
    width: 100%;
    min-height: 180px;
    padding: 18px 22px;
    border-radius: 18px;
    border: 1px solid #d6e8f2;
    font-size: 16px;
    resize: none;
    transition: all 0.3s ease;
    background: #ffffff;
}

/* Focus élégant */
.comment-form-comment textarea:focus {
    border-color: #47ADE4;
    box-shadow: 0 0 0 4px rgba(71, 173, 228, 0.2);
    outline: none;
}

/* ===============================
   BOUTON PREMIUM
================================= */
.comment-form input[type="submit"] {
    margin-top: 30px;
    background: linear-gradient(135deg, #47ADE4, #245C7C);
    color: #fff;
    border: none;
    padding: 14px 35px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(36, 92, 124, 0.4);
}

/* Effet lumière animée */
.comment-form input[type="submit"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.6),
        transparent
    );
    transform: skewX(-20deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% { left: -80%; }
    100% { left: 130%; }
}

.comment-form input[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(36, 92, 124, 0.6);
}



/* Inverser l’ordre dans #comments */
#comments {
    display: flex;
    flex-direction: column;
}

/* Mettre le formulaire en premier */
#comments .comment-respond {
    order: -1;
    margin-bottom: 40px;
}

/* Garder la liste en dessous */
#comments .comment-list {
    order: 1;
}





/* Conteneur principal du commentaire (La Carte) */
.comment-body {
    background: #ffffff;
    border-radius: 20px; 
    max-width: 1050px;
    margin: 60px auto;
    padding: 45px;
    
    /* Plus d'espace tout autour du contenu (Haut/Bas Gauche/Droite) */
    /* ------------------------------------------------- */
    
    margin-bottom: 35px; /* Espace entre deux commentaires */
    
    /* Ombre plus douce et diffuse pour un effet premium */
    box-shadow: 0 15px 45px rgba(36, 92, 124, 0.12);
    
    border-left: 6px solid #47ADE4; /* Accent lumineux sur le côté */
    transition: all 0.4s ease-in-out;
    position: relative;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden; /* Pour que rien ne dépasse des coins arrondis */
}

/* Effet au survol (Hover) */
.comment-body:hover {
    transform: translateY(-8px); /* Élévation plus prononcée */
    box-shadow: 0 20px 60px rgba(36, 92, 124, 0.2); /* Ombre plus forte au survol */
    border-left: 6px solid #245C7C; /* Change vers le bleu profond au survol */
}

/* En-tête du commentaire (Auteur et Date) */
.comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px; /* Plus d'espace sous l'en-tête avant le texte */
    border-bottom: 1px solid #f0f4f7;
    padding-bottom: 15px; /* Espace entre le texte de l'en-tête et sa ligne de séparation */
}

/* Vcard pour l'avatar et le nom */
.vcard {
    display: flex;
    align-items: center;
}

/* Style de l'avatar pour plus de relief */
.vcard img {
    border-radius: 50%;
    border: 4px solid #fff; /* Bordure blanche épaisse */
    box-shadow: 0 5px 15px rgba(0,0,0,0.15); /* Ombre portée sous l'avatar */
    
    /* --- ESPACE APRÈS L'AVATAR --- */
    margin-right: 50px;
    
    /* Pour ne pas que le nom soit collé à l'image */
    /* ------------------------------ */
}

.comment-author b {
    color: #245C7C; /* Bleu profondeur pour le nom */
    font-size: 1.15rem;
    text-transform: capitalize;
}

.comment-metadata a {
    color: #a0aec0;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 30px!important;
}

/* Style du texte du commentaire */
.comment-content p {
    color: #4a5568;
    line-height: 1.8; /* Plus d'espace entre les lignes pour la lisibilité */
    font-size: 1.05rem;
    
    /* --- ESPACE AU-DESSUS DU TEXTE --- */
    margin-top: 15px; /* Pour aérer par rapport à l'en-tête */
    /* --------------------------------- */
}

/* Bouton Répondre (Reply) */
.reply {
    /* --- ESPACE AU-DESSUS DU BOUTON --- */
    margin-top: 30px; /* Pour ne pas que le bouton soit collé au texte */
    /* ---------------------------------- */
}

.reply a {
    display: inline-block;
    background-color: #47ADE4;
    color: white !important;
    padding: 12px 30px; /* Bouton plus grand et généreux */
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(71, 173, 228, 0.4);
}

.reply a:hover {
    background-color: #245C7C;
    box-shadow: 0 8px 25px rgba(36, 92, 124, 0.5);
}












/* zone attachment */
.comment-form-attachment{
margin-top:20px;
}

/* cacher les textes du plugin */
.comment-form-attachment small,
.comment-form-attachment br,
.comment-form-attachment span,
.comment-form-attachment p{
display:none !important;
}

/* champ fichier */
.comment-form-attachment input[type="file"]{
width:100%;
border:none;
background:#f3f8fc;
padding:14px;
border-radius:12px;
font-size:14px;
cursor:pointer;
}

/* bouton choisir fichier */
.comment-form-attachment input[type="file"]::file-.elementor-211 .elementor-element.elementor-element-0a5bc1f-button{
background:linear-gradient(135deg,#47ADE4,#245C7C);
color:#fff;
border:none;
padding:10px 18px;
border-radius:30px;
font-weight:600;
cursor:pointer;
margin-right:10px;
transition:all .3s ease;
}

/* hover bouton */
.comment-form-attachment input[type="file"]::file-.elementor-211 .elementor-element.elementor-element-0a5bc1f-button:hover{
transform:scale(1.05);
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}/* End custom CSS */