.elementor-7329 .elementor-element.elementor-element-22e6724{--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;--margin-top:133px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7329 .elementor-element.elementor-element-456ead2{--display:flex;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7329 .elementor-element.elementor-element-1105e2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-icon i{color:var( --e-global-color-be40ab2 );font-size:14px;}.elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-icon svg{fill:var( --e-global-color-be40ab2 );--e-icon-list-icon-size:14px;}.elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-icon{width:14px;}.elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-text, .elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-text a{color:var( --e-global-color-accent );}.elementor-7329 .elementor-element.elementor-element-1105e2d .elementor-icon-list-item{font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-7329 .elementor-element.elementor-element-3797112 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-1fb58cd{color:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-027c04a{--display:flex;}.elementor-7329 .elementor-element.elementor-element-7ee8030{--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;--align-items:stretch;}.elementor-7329 .elementor-element.elementor-element-04d2d2e{--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-7329 .elementor-element.elementor-element-04d2d2e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7329 .elementor-element.elementor-element-3fe8e86{--display:flex;}.elementor-7329 .elementor-element.elementor-element-3239e8e{--box-background-color:var( --e-global-color-3043167 );--header-color:var( --e-global-color-primary );--toggle-button-color:var( --e-global-color-primary );--item-text-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;--marker-color:var( --e-global-color-78ff5f6 );}.elementor-7329 .elementor-element.elementor-element-3239e8e .elementor-toc__spinner{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-3239e8e .elementor-toc__header-title{text-align:start;}.elementor-7329 .elementor-element.elementor-element-3239e8e .elementor-toc__header{flex-direction:row;}.elementor-7329 .elementor-element.elementor-element-715dbee{--display:flex;}.elementor-7329 .elementor-element.elementor-element-637baa3{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-7329 .elementor-element.elementor-element-637baa3:after{content:"0.66";}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-post__thumbnail__link{width:100%;}.elementor-7329 .elementor-element.elementor-element-637baa3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-7329 .elementor-element.elementor-element-637baa3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-7329 .elementor-element.elementor-element-637baa3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-post__title, .elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-post__title a{color:var( --e-global-color-primary );font-weight:500;}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-post__excerpt p{color:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-1efde0a{--display:flex;}.elementor-7329 .elementor-element.elementor-element-cab52fa{text-align:justify;color:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-7168b81{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__prev--label{color:var( --e-global-color-secondary );}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__next--label{color:var( --e-global-color-secondary );}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__prev--label:hover{color:var( --e-global-color-78ff5f6 );}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__next--label:hover{color:var( --e-global-color-78ff5f6 );}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__prev--title, .elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__next--title{color:var( --e-global-color-primary );}.elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__prev--title:hover, .elementor-7329 .elementor-element.elementor-element-f6a57ef span.post-navigation__next--title:hover{color:var( --e-global-color-78ff5f6 );}.elementor-7329 .elementor-element.elementor-element-f6a57ef .post-navigation__arrow-wrapper:hover{color:var( --e-global-color-78ff5f6 );fill:var( --e-global-color-78ff5f6 );}@media(min-width:768px){.elementor-7329 .elementor-element.elementor-element-04d2d2e{--width:30.597%;}}@media(max-width:1024px){.elementor-7329 .elementor-element.elementor-element-22e6724{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-7329 .elementor-element.elementor-element-22e6724{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-7329 .elementor-element.elementor-element-637baa3:after{content:"0.5";}.elementor-7329 .elementor-element.elementor-element-637baa3 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ==========================================================
   WITECK — TEMPLATE ARTICLE DE BLOG
   VERSION DÉFINITIVE / NETTOYÉE / RESPONSIVE
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

.witeck-blog-template {
    --witeck-blue: #203967;
    --witeck-blue-dark: #162a4a;
    --witeck-blue-light: #aac6e5;

    --witeck-orange: #ef783e;

    --witeck-text: #4e5b6b;
    --witeck-text-dark: #2b3b4d;
    --witeck-text-light: #7f8b99;

    --witeck-bg: #f6f9fc;
    --witeck-bg-blue: #f1f6fb;

    --witeck-white: #ffffff;

    --witeck-border: rgba(32, 57, 103, 0.10);
    --witeck-border-medium: rgba(32, 57, 103, 0.16);

    --witeck-shadow:
        0 12px 30px rgba(32, 57, 103, 0.07);

    --witeck-shadow-hover:
        0 18px 40px rgba(32, 57, 103, 0.12);

    position: relative;

    background: var(--witeck-white);

    overflow: visible !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.witeck-blog-template .witeck-article-hero {
    position: relative;
    overflow: visible !important;
}


/* ==========================================================
   CATÉGORIE / KICKER
   ========================================================== */

.witeck-blog-template .witeck-article-kicker {
    margin-bottom: 10px;
}

.witeck-blog-template .witeck-article-kicker,
.witeck-blog-template .witeck-article-kicker a,
.witeck-blog-template
.witeck-article-kicker .elementor-heading-title {
    color: var(--witeck-orange) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;

    text-decoration: none !important;
}


/* ==========================================================
   H1
   ========================================================== */

.witeck-blog-template
.witeck-article-title .elementor-heading-title,

.witeck-blog-template
.witeck-article-title h1 {
    margin: 0 !important;

    color: var(--witeck-blue) !important;

    font-size: clamp(34px, 3.2vw, 50px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;

    letter-spacing: -0.035em !important;
}


/* ==========================================================
   INTRODUCTION
   ========================================================== */

.witeck-blog-template .witeck-article-intro {
    margin-top: 15px;
}

.witeck-blog-template .witeck-article-intro,
.witeck-blog-template .witeck-article-intro p {
    color: var(--witeck-text) !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

.witeck-blog-template .witeck-article-intro p {
    margin: 0 !important;
}


/* ==========================================================
   MÉTADONNÉES
   ========================================================== */

.witeck-blog-template .witeck-article-meta {
    margin-top: 20px;
}

.witeck-blog-template .witeck-article-meta,
.witeck-blog-template .witeck-article-meta a,
.witeck-blog-template .witeck-article-meta span,
.witeck-blog-template .witeck-article-meta li {
    color: var(--witeck-text-light) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}

.witeck-blog-template .witeck-article-meta a:hover {
    color: var(--witeck-orange) !important;
}

.witeck-blog-template .witeck-article-meta i,
.witeck-blog-template .witeck-article-meta svg {
    color: var(--witeck-orange) !important;
    fill: var(--witeck-orange) !important;
}

.witeck-blog-template
.witeck-article-meta .elementor-post-info {
    display: flex;
    flex-wrap: wrap;

    gap: 7px 14px;
}


/* ==========================================================
   IMAGE PRINCIPALE
   ========================================================== */

.witeck-blog-template .witeck-article-featured,
.witeck-blog-template
.witeck-article-featured .elementor-widget-container {
    overflow: hidden !important;

    border-radius: 14px !important;

    box-shadow:
        0 12px 28px rgba(32, 57, 103, 0.08);
}

.witeck-blog-template .witeck-article-featured img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    border-radius: 14px !important;

    object-fit: cover !important;
}


/* ==========================================================
   LAYOUT PRINCIPAL
   SIDEBAR + ARTICLE
   ========================================================== */

.witeck-blog-template .witeck-article-layout {
    position: relative !important;

    overflow: visible !important;

    align-items: flex-start !important;
}


/*
 * Les conteneurs restent visibles afin de préserver
 * la mise en page Elementor.
 */

.witeck-blog-template
.witeck-article-layout > .e-con-inner,

.witeck-blog-template
.witeck-article-layout > .elementor-container {
    overflow: visible !important;

    align-items: flex-start !important;
}


/* Elementor Containers */

.witeck-blog-template
.witeck-article-layout.e-con,

.witeck-blog-template
.witeck-article-layout .e-con {
    overflow: visible;
}


/* ==========================================================
   SIDEBAR
   AUCUN ÉPINGLAGE CSS
   ========================================================== */

.witeck-blog-template .witeck-article-sidebar {
    align-self: flex-start !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;

    padding-right: 6px;
}


/* ==========================================================
   TABLE DES MATIÈRES
   ========================================================== */

.witeck-blog-template
.witeck-article-toc .elementor-widget-container {
    overflow: hidden !important;

    background: var(--witeck-white) !important;

    border:
        1px solid
        var(--witeck-border-medium) !important;

    border-top:
        3px solid
        var(--witeck-orange) !important;

    border-radius: 14px !important;

    box-shadow:
        var(--witeck-shadow) !important;
}


/* Header */

.witeck-blog-template
.witeck-article-toc .elementor-toc__header {
    padding: 16px 18px !important;

    background: var(--witeck-bg) !important;

    border-bottom:
        1px solid
        var(--witeck-border) !important;
}


/* Titre */

.witeck-blog-template
.witeck-article-toc
.elementor-toc__header-title {
    color: var(--witeck-blue) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* Icône */

.witeck-blog-template
.witeck-article-toc
.elementor-toc__toggle-button {
    color: var(--witeck-orange) !important;
}


/* Corps */

.witeck-blog-template
.witeck-article-toc .elementor-toc__body {
    padding: 16px 18px 18px !important;
}

.witeck-blog-template
.witeck-article-toc
.elementor-toc__list-wrapper {
    margin: 0 !important;
}


/* Items */

.witeck-blog-template
.witeck-article-toc
.elementor-toc__list-item {
    margin-bottom: 9px !important;
}


/* Numéros */

.witeck-blog-template
.witeck-article-toc li::marker {
    color: var(--witeck-orange) !important;

    font-weight: 700 !important;
}


/* Liens */

.witeck-blog-template
.witeck-article-toc
.elementor-toc__list-item-text {
    color: var(--witeck-text) !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;

    text-decoration: none !important;

    transition:
        color 0.25s ease !important;
}

.witeck-blog-template
.witeck-article-toc
.elementor-toc__list-item-text:hover {
    color: var(--witeck-orange) !important;
}


/* Section active */

.witeck-blog-template
.witeck-article-toc
.elementor-item-active {
    color: var(--witeck-orange) !important;

    font-weight: 700 !important;
}


/* ==========================================================
   TITRE "NOS AUTRES ARTICLES"
   ========================================================== */

.witeck-blog-template .witeck-sidebar-title {
    width: 100% !important;

    margin-top: 26px !important;
    margin-bottom: 15px !important;
}


.witeck-blog-template
.witeck-sidebar-title .elementor-heading-title,
.witeck-blog-template
.witeck-sidebar-title h2,
.witeck-blog-template
.witeck-sidebar-title h3,
.witeck-blog-template
.witeck-sidebar-title h4,
.witeck-blog-template
.witeck-sidebar-title div,
.witeck-blog-template
.witeck-sidebar-title span {
    color: var(--witeck-blue) !important;
}


/* Titre Elementor */

.witeck-blog-template
.witeck-sidebar-title .elementor-heading-title {
    margin: 0 !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.02em !important;
}


/* Trait orange */

.witeck-blog-template
.witeck-sidebar-title
.elementor-heading-title::after {
    content: "";

    display: block;

    width: 37px;
    height: 3px;

    margin-top: 9px;

    background:
        var(--witeck-orange);

    border-radius: 50px;
}


/* ==========================================================
   ARTICLES ASSOCIÉS SIDEBAR
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts {
    width: 100% !important;
}

.witeck-blog-template
.witeck-sidebar-posts
.elementor-widget-container {
    width: 100% !important;
}


/* Grille */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-posts-container,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-posts,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-loop-container {
    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    gap: 19px !important;
}


/* ==========================================================
   CARTE ARTICLE SIDEBAR
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts article,

.witeck-blog-template
.witeck-sidebar-posts .elementor-post,

.witeck-blog-template
.witeck-sidebar-posts .e-loop-item {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        var(--witeck-white) !important;

    border:
        1px solid
        var(--witeck-border) !important;

    border-radius: 13px !important;

    box-shadow:
        0 7px 22px
        rgba(32, 57, 103, 0.06) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}


.witeck-blog-template
.witeck-sidebar-posts article:hover,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post:hover,

.witeck-blog-template
.witeck-sidebar-posts
.e-loop-item:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(239, 120, 62, 0.30) !important;

    box-shadow:
        var(--witeck-shadow-hover) !important;
}


/* ==========================================================
   IMAGE CARTE SIDEBAR
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__thumbnail__link {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 12px 12px 0 0 !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__thumbnail {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 0 !important;

    padding-bottom: 58% !important;

    overflow: hidden !important;

    border-radius:
        12px 12px 0 0 !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__thumbnail img {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: cover !important;

    border-radius:
        12px 12px 0 0 !important;

    transition:
        transform 0.45s ease !important;
}


.witeck-blog-template
.witeck-sidebar-posts article:hover
.elementor-post__thumbnail img,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post:hover
.elementor-post__thumbnail img {
    transform:
        scale(1.04) !important;
}


/* ==========================================================
   TEXTE CARTE SIDEBAR
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__text {
    display: block !important;

    width: 100% !important;

    padding:
        15px 16px 17px !important;
}


/* ==========================================================
   TITRES DES ARTICLES ASSOCIÉS
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__title,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__title a,

.witeck-blog-template
.witeck-sidebar-posts article h2,

.witeck-blog-template
.witeck-sidebar-posts article h2 a,

.witeck-blog-template
.witeck-sidebar-posts article h3,

.witeck-blog-template
.witeck-sidebar-posts article h3 a,

.witeck-blog-template
.witeck-sidebar-posts article h4,

.witeck-blog-template
.witeck-sidebar-posts article h4 a,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-heading-title,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-heading-title a {
    color: var(--witeck-blue) !important;

    text-decoration: none !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__title {
    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__title a {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    transition:
        color 0.25s ease !important;
}


/* Hover titres */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__title a:hover,

.witeck-blog-template
.witeck-sidebar-posts
article h2 a:hover,

.witeck-blog-template
.witeck-sidebar-posts
article h3 a:hover,

.witeck-blog-template
.witeck-sidebar-posts
article h4 a:hover,

.witeck-blog-template
.witeck-sidebar-posts
.elementor-heading-title a:hover {
    color: var(--witeck-orange) !important;
}


/* ==========================================================
   EXTRAIT
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__excerpt {
    margin:
        0 0 12px !important;

    color: var(--witeck-text) !important;

    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__excerpt p {
    margin: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;
}


/* ==========================================================
   LIRE LA SUITE
   ========================================================== */

.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__read-more,

.witeck-blog-template
.witeck-sidebar-posts
a.elementor-post__read-more {
    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;

    margin-top: 2px !important;

    color: var(--witeck-orange) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;

    transition:
        color 0.25s ease,
        gap 0.25s ease !important;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__read-more::after {
    content: "→";

    display: inline-block;

    font-size: 13px;
}


.witeck-blog-template
.witeck-sidebar-posts
.elementor-post__read-more:hover {
    gap: 8px !important;

    color: var(--witeck-blue) !important;
}


/* ==========================================================
   CONTENU PRINCIPAL
   ========================================================== */

.witeck-blog-template
.witeck-article-content {
    color: var(--witeck-text);

    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}


.witeck-blog-template
.witeck-article-content p {
    margin:
        0 0 20px;

    color: var(--witeck-text);

    line-height: 1.75;
}


/* ==========================================================
   H2
   ========================================================== */

.witeck-blog-template
.witeck-article-content h2 {
    margin:
        46px 0 17px;

    color: var(--witeck-blue);

    font-size:
        clamp(26px, 2.1vw, 32px);

    font-weight: 750;

    line-height: 1.14;

    letter-spacing: -0.025em;
}


/* ==========================================================
   H3
   ========================================================== */

.witeck-blog-template
.witeck-article-content h3 {
    margin:
        36px 0 15px;

    color: var(--witeck-blue);

    font-size:
        clamp(21px, 1.7vw, 25px);

    font-weight: 700;

    line-height: 1.22;

    letter-spacing: -0.015em;
}


/* ==========================================================
   H4
   ========================================================== */

.witeck-blog-template
.witeck-article-content h4 {
    margin:
        30px 0 12px;

    color:
        var(--witeck-text-dark);

    font-size: 19px;

    font-weight: 700;

    line-height: 1.3;
}


/* Premier titre */

.witeck-blog-template
.witeck-article-content
.elementor-widget-container > h2:first-child,

.witeck-blog-template
.witeck-article-content
.elementor-widget-container > h3:first-child {
    margin-top: 0;
}


/* ==========================================================
   GRAS
   ========================================================== */

.witeck-blog-template
.witeck-article-content strong,

.witeck-blog-template
.witeck-article-content b {
    color:
        var(--witeck-text-dark);

    font-weight: 700;
}


/* ==========================================================
   LIENS DANS LE CORPS DE L'ARTICLE
   ========================================================== */

.witeck-blog-template
.witeck-article-content
a:not(.wp-element-button):
not(.wp-block-button__link) {
    color: var(--witeck-blue) !important;

    font-weight: 600;

    text-decoration-line:
        underline !important;

    text-decoration-color:
        var(--witeck-orange) !important;

    text-decoration-thickness:
        1.5px !important;

    text-underline-offset:
        3px !important;

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;
}


.witeck-blog-template
.witeck-article-content
a:not(.wp-element-button):
not(.wp-block-button__link):hover {
    color:
        var(--witeck-orange) !important;

    text-decoration-color:
        var(--witeck-orange) !important;
}


/* Accessibilité clavier */

.witeck-blog-template a:focus-visible {
    outline:
        2px solid
        var(--witeck-orange);

    outline-offset: 3px;

    border-radius: 3px;
}


/* ==========================================================
   LISTES
   ========================================================== */

.witeck-blog-template
.witeck-article-content ul,

.witeck-blog-template
.witeck-article-content ol {
    margin:
        20px 0 24px;

    padding-left: 27px;
}


.witeck-blog-template
.witeck-article-content li {
    margin-bottom: 8px;

    padding-left: 3px;

    color: var(--witeck-text);
}


.witeck-blog-template
.witeck-article-content li::marker {
    color: var(--witeck-orange);

    font-weight: 700;
}


/* ==========================================================
   IMAGES DU CONTENU
   ========================================================== */

.witeck-blog-template
.witeck-article-content img {
    display: block;

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

    border-radius: 12px !important;
}


/* Figures */

.witeck-blog-template
.witeck-article-content figure {
    margin: 32px 0;
}


.witeck-blog-template
.witeck-article-content figure img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    border-radius: 12px !important;
}


/* Légendes */

.witeck-blog-template
.witeck-article-content figcaption {
    margin-top: 9px;

    color:
        var(--witeck-text-light);

    font-size: 12px;
    font-style: normal;
    line-height: 1.5;

    text-align: center;
}


/* ==========================================================
   CITATIONS
   ========================================================== */

.witeck-blog-template
.witeck-article-content blockquote {
    margin: 32px 0;

    padding:
        23px 27px 23px 30px;

    background:
        var(--witeck-bg);

    border: none;

    border-left:
        4px solid
        var(--witeck-orange);

    border-radius:
        0 14px 14px 0;

    color:
        var(--witeck-text-dark);

    font-size: 17px;
    line-height: 1.65;
}


.witeck-blog-template
.witeck-article-content
blockquote p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   TABLEAUX
   ========================================================== */

.witeck-blog-template
.witeck-article-content table {
    width: 100%;

    margin: 28px 0;

    border-collapse: separate;
    border-spacing: 0;

    border:
        1px solid
        var(--witeck-border-medium);

    border-radius: 12px;
}


.witeck-blog-template
.witeck-article-content th {
    padding: 13px 15px;

    background:
        var(--witeck-blue);

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    text-align: left;
}


.witeck-blog-template
.witeck-article-content td {
    padding: 12px 15px;

    border-bottom:
        1px solid
        var(--witeck-border);

    color:
        var(--witeck-text);

    font-size: 14px;
}


.witeck-blog-template
.witeck-article-content
tr:last-child td {
    border-bottom: 0;
}


/* ==========================================================
   SÉPARATEURS
   ========================================================== */

.witeck-blog-template
.witeck-article-content hr {
    height: 1px;

    margin: 44px 0;

    background:
        var(--witeck-border-medium);

    border: 0;
}


/* ==========================================================
   BOUTONS
   ========================================================== */

.witeck-blog-template
.witeck-article-content
.wp-element-button,

.witeck-blog-template
.witeck-article-content
.wp-block-button__link {
    display: inline-flex;

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

    min-height: 45px;

    padding: 11px 22px;

    background:
        var(--witeck-orange);

    color: #ffffff !important;

    border:
        1px solid
        var(--witeck-orange);

    border-radius: 50px;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


.witeck-blog-template
.witeck-article-content
.wp-element-button:hover,

.witeck-blog-template
.witeck-article-content
.wp-block-button__link:hover {
    background:
        var(--witeck-blue);

    border-color:
        var(--witeck-blue);

    transform:
        translateY(-2px);
}


/* ==========================================================
   VIDÉO / EMBEDS
   ========================================================== */

.witeck-blog-template
.witeck-article-content iframe,

.witeck-blog-template
.witeck-article-content video {
    display: block;

    max-width: 100%;

    border-radius: 12px;
}


/* ==========================================================
   ANCRES / TABLE DES MATIÈRES
   ========================================================== */

html {
    scroll-behavior: smooth;
}


.witeck-blog-template
.witeck-article-content h2[id],

.witeck-blog-template
.witeck-article-content h3[id],

.witeck-blog-template
.witeck-article-content h4[id] {
    scroll-margin-top: 140px;
}


/* ==========================================================
   NAVIGATION PRÉCÉDENT / SUIVANT
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation {
    width: 100%;

    margin-top: 58px;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);

    width: 100%;

    padding-top: 24px;

    border-top:
        1px solid
        var(--witeck-border-medium);
}


/* ==========================================================
   PRÉCÉDENT — GAUCHE
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__prev {
    width: 100% !important;

    justify-self: start;

    text-align: left !important;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__prev a {
    display: flex !important;

    width: 100%;

    align-items: center;

    justify-content:
        flex-start !important;

    text-align: left !important;

    text-decoration: none !important;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__link__prev {
    display: flex;

    flex-direction: column;

    align-items:
        flex-start !important;

    text-align: left !important;
}


/* ==========================================================
   SUIVANT — DROITE
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__next {
    width: 100% !important;

    justify-self: end;

    text-align: right !important;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__next a {
    display: flex !important;

    width: 100%;

    align-items: center;

    justify-content:
        flex-end !important;

    text-align: right !important;

    text-decoration: none !important;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__link__next {
    display: flex;

    flex-direction: column;

    align-items:
        flex-end !important;

    text-align: right !important;
}


/* ==========================================================
   LABELS PAGINATION
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.post-navigation__prev--label,

.witeck-blog-template
.witeck-post-navigation
.post-navigation__next--label {
    margin-bottom: 5px;

    color:
        var(--witeck-text-light);

    font-size: 10px;
    font-weight: 700;

    line-height: 1.2;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


/* ==========================================================
   TITRES PAGINATION
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.post-navigation__prev--title,

.witeck-blog-template
.witeck-post-navigation
.post-navigation__next--title {
    max-width: 270px;

    color:
        var(--witeck-blue);

    font-size: 13px;
    font-weight: 650;

    line-height: 1.35;

    transition:
        color 0.25s ease;
}


.witeck-blog-template
.witeck-post-navigation a:hover
.post-navigation__prev--title,

.witeck-blog-template
.witeck-post-navigation a:hover
.post-navigation__next--title {
    color:
        var(--witeck-orange);
}


/* ==========================================================
   FLÈCHES
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.post-navigation__arrow-prev {
    margin-right:
        13px !important;
}


.witeck-blog-template
.witeck-post-navigation
.post-navigation__arrow-next {
    margin-left:
        13px !important;
}


.witeck-blog-template
.witeck-post-navigation
.post-navigation__arrow-wrapper {
    color:
        var(--witeck-orange);

    font-size: 18px;

    transition:
        transform 0.25s ease;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__prev a:hover
.post-navigation__arrow-wrapper {
    transform:
        translateX(-4px);
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__next a:hover
.post-navigation__arrow-wrapper {
    transform:
        translateX(4px);
}


/* ==========================================================
   SÉPARATEUR PAGINATION
   ========================================================== */

.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__separator-wrapper {
    display: flex;

    align-items: stretch;

    padding: 0 28px;
}


.witeck-blog-template
.witeck-post-navigation
.elementor-post-navigation__separator {
    width: 1px;

    background:
        var(--witeck-border-medium);
}


/* ==========================================================
   TABLETTE
   768 Ã  1024 px
   ========================================================== */

@media (max-width: 1024px) {

    .witeck-blog-template
    .witeck-article-sidebar {
        overflow: visible !important;

        padding-right: 0;
    }


    /* Articles associés sur deux colonnes */

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-posts-container,

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-posts,

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-loop-container {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        gap: 20px !important;
    }


    .witeck-blog-template
    .witeck-sidebar-posts {
        margin-bottom: 35px;
    }


    .witeck-blog-template
    .witeck-article-title
    .elementor-heading-title,

    .witeck-blog-template
    .witeck-article-title h1 {
        font-size:
            clamp(32px, 5vw, 44px)
            !important;
    }
}


/* ==========================================================
   MOBILE
   Jusqu'Ã  767 px
   ========================================================== */

@media (max-width: 767px) {

    /* Hero */

    .witeck-blog-template
    .witeck-article-title
    .elementor-heading-title,

    .witeck-blog-template
    .witeck-article-title h1 {
        font-size:
            clamp(28px, 8vw, 34px)
            !important;

        line-height: 1.1 !important;
    }


    .witeck-blog-template
    .witeck-article-intro,

    .witeck-blog-template
    .witeck-article-intro p {
        font-size: 15px !important;
    }


    /* Contenu */

    .witeck-blog-template
    .witeck-article-content {
        font-size: 15.5px;

        line-height: 1.7;
    }


    .witeck-blog-template
    .witeck-article-content p {
        line-height: 1.7;
    }


    .witeck-blog-template
    .witeck-article-content h2 {
        margin-top: 38px;

        font-size: 25px;
    }


    .witeck-blog-template
    .witeck-article-content h3 {
        margin-top: 30px;

        font-size: 21px;
    }


    /* Sidebar */

    .witeck-blog-template
    .witeck-sidebar-title
    .elementor-heading-title {
        font-size:
            18px !important;
    }


    /* Articles associés : une colonne */

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-posts-container,

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-posts,

    .witeck-blog-template
    .witeck-sidebar-posts
    .elementor-loop-container {
        grid-template-columns:
            1fr !important;
    }


    /* Tableaux scrollables */

    .witeck-blog-template
    .witeck-article-content table {
        display: block;

        width: 100%;
        max-width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        white-space: nowrap;
    }


    /* Pagination deux colonnes tant que possible */

    .witeck-blog-template
    .witeck-post-navigation
    .elementor-post-navigation {
        grid-template-columns:
            1fr 1fr !important;

        gap: 18px;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .elementor-post-navigation__separator-wrapper {
        display: none !important;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .post-navigation__prev--title,

    .witeck-blog-template
    .witeck-post-navigation
    .post-navigation__next--title {
        max-width: 100%;

        font-size: 11.5px;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .post-navigation__arrow-wrapper {
        font-size: 15px;
    }
}


/* ==========================================================
   PETITS SMARTPHONES
   Jusqu'Ã  520 px
   ========================================================== */

@media (max-width: 520px) {

    /*
     * Pagination sur deux lignes :
     * beaucoup plus lisible si les titres sont longs.
     */

    .witeck-blog-template
    .witeck-post-navigation
    .elementor-post-navigation {
        display: flex !important;

        flex-direction: column !important;

        gap: 24px !important;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .elementor-post-navigation__prev {
        width: 100% !important;

        text-align: left !important;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .elementor-post-navigation__next {
        width: 100% !important;

        text-align: right !important;
    }


    .witeck-blog-template
    .witeck-post-navigation
    .post-navigation__prev--title,

    .witeck-blog-template
    .witeck-post-navigation
    .post-navigation__next--title {
        max-width: 85% !important;

        font-size: 12px !important;
    }
}


/* ==========================================================
   WITECK — CORRECTIF PRIORITAIRE SIDEBAR
   ========================================================== */


/* ==========================================================
   1. STRUCTURE SIDEBAR
   ========================================================== */

.witeck-article-layout {
    position: relative !important;
    overflow: visible !important;
    align-items: flex-start !important;
}

.witeck-article-layout > .e-con-inner,
.witeck-article-layout > .elementor-container {
    overflow: visible !important;
    align-items: flex-start !important;
}


/* Conteneurs Elementor situés dans le layout */

.witeck-article-layout.e-con,
.witeck-article-layout .e-con {
    overflow: visible !important;
}


/* LA COLONNE GAUCHE — SANS ÉPINGLAGE */

.witeck-article-sidebar {
    align-self: flex-start !important;

    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
}


/* ==========================================================
   2. TITRE "NOS AUTRES ARTICLES"
   ========================================================== */

.witeck-sidebar-title {
    width: 100% !important;

    margin-top: 25px !important;
    margin-bottom: 15px !important;
}


.witeck-sidebar-title .elementor-heading-title {
    margin: 0 !important;

    color: #203967 !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.02em !important;
}


.witeck-sidebar-title .elementor-heading-title::after {
    content: "" !important;

    display: block !important;

    width: 38px !important;
    height: 3px !important;

    margin-top: 9px !important;

    background: #ef783e !important;

    border-radius: 20px !important;
}


/* ==========================================================
   3. LIENS DES ARTICLES ASSOCIÉS
   ========================================================== */

/*
 * On ne dépend plus de la structure exacte du widget Elementor.
 * Tous les liens de la zone sont bleus par défaut.
 */

.witeck-sidebar-posts a,
.witeck-sidebar-posts a:visited {
    color: #203967 !important;
    text-decoration: none !important;
}


/* Titres */

.witeck-sidebar-posts .elementor-post__title,
.witeck-sidebar-posts .elementor-post__title a,
.witeck-sidebar-posts h2,
.witeck-sidebar-posts h2 a,
.witeck-sidebar-posts h3,
.witeck-sidebar-posts h3 a,
.witeck-sidebar-posts h4,
.witeck-sidebar-posts h4 a,
.witeck-sidebar-posts .elementor-heading-title,
.witeck-sidebar-posts .elementor-heading-title a {
    color: #203967 !important;
}


/* Hover */

.witeck-sidebar-posts a:hover,
.witeck-sidebar-posts .elementor-post__title a:hover,
.witeck-sidebar-posts h2 a:hover,
.witeck-sidebar-posts h3 a:hover,
.witeck-sidebar-posts h4 a:hover {
    color: #ef783e !important;
}


/* ==========================================================
   4. "LIRE LA SUITE"
   ========================================================== */

.witeck-sidebar-posts .elementor-post__read-more,
.witeck-sidebar-posts a.elementor-post__read-more {
    color: #ef783e !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


.witeck-sidebar-posts .elementor-post__read-more:hover,
.witeck-sidebar-posts a.elementor-post__read-more:hover {
    color: #203967 !important;
}


/* ==========================================================
   5. IMAGES ARTICLES ASSOCIÉS
   ========================================================== */

/*
 * On cible volontairement tous les niveaux possibles
 * d'Elementor.
 */

.witeck-sidebar-posts img {
    border-radius: 12px !important;
}


/* Lien entourant l'image */

.witeck-sidebar-posts .elementor-post__thumbnail__link,
.witeck-sidebar-posts .elementor-post__thumbnail,
.witeck-sidebar-posts .elementor-widget-image,
.witeck-sidebar-posts .elementor-widget-image a {
    overflow: hidden !important;
    border-radius: 12px !important;
}


/* Image Elementor */

.witeck-sidebar-posts .elementor-post__thumbnail img,
.witeck-sidebar-posts .elementor-widget-image img {
    display: block !important;

    width: 100% !important;

    border-radius: 12px !important;
}


/* ==========================================================
   6. IMAGE PRINCIPALE DU HERO
   ========================================================== */

.witeck-article-featured,
.witeck-article-featured .elementor-widget-container,
.witeck-article-featured a {
    overflow: hidden !important;

    border-radius: 14px !important;
}


.witeck-article-featured img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    border-radius: 14px !important;
}


/* ==========================================================
   7. IMAGES DANS LE CORPS DE L'ARTICLE
   ========================================================== */

.witeck-article-content img {
    max-width: 100% !important;
    height: auto !important;

    border-radius: 12px !important;
}


.witeck-article-content figure img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    border-radius: 12px !important;
}


/* ==========================================================
   8. LIENS DU CORPS DE L'ARTICLE
   ========================================================== */

.witeck-article-content a:not(.wp-element-button):not(.wp-block-button__link),
.witeck-article-content a:not(.wp-element-button):not(.wp-block-button__link):visited {
    color: #203967 !important;

    font-weight: 600 !important;

    text-decoration-line: underline !important;
    text-decoration-color: #ef783e !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 3px !important;
}


.witeck-article-content a:not(.wp-element-button):not(.wp-block-button__link):hover {
    color: #ef783e !important;
}


/* ==========================================================
   10. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .witeck-sidebar-posts img {
        width: 100% !important;
        height: auto !important;

        border-radius: 12px !important;
    }

}/* End custom CSS */