.elementor-1972 .elementor-element.elementor-element-2a6e403{--display:flex;--min-height:40vh;--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:flex-end;--align-items:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--overlay-opacity:1;--padding-top:160px;--padding-bottom:48px;--padding-left:64px;--padding-right:64px;}.elementor-1972 .elementor-element.elementor-element-2a6e403:not(.elementor-motion-effects-element-type-background), .elementor-1972 .elementor-element.elementor-element-2a6e403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1B3D;background-image:url("https://digitalcity.comaseinfo-support.be/wp-content/uploads/2026/08/photo-hero-2048.jpeg");background-position:center center;background-size:cover;}.elementor-1972 .elementor-element.elementor-element-2a6e403::before, .elementor-1972 .elementor-element.elementor-element-2a6e403 > .elementor-background-video-container::before, .elementor-1972 .elementor-element.elementor-element-2a6e403 > .e-con-inner > .elementor-background-video-container::before, .elementor-1972 .elementor-element.elementor-element-2a6e403 > .elementor-background-slideshow::before, .elementor-1972 .elementor-element.elementor-element-2a6e403 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1972 .elementor-element.elementor-element-2a6e403 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, rgba(15,27,61,0.94) 0%, rgba(15,27,61,0.55) 100%);}.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-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1972 .elementor-element.elementor-element-eb64a94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1972 .elementor-element.elementor-element-1843cd9{--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;--padding-top:72px;--padding-bottom:96px;--padding-left:64px;--padding-right:64px;}.elementor-widget-archive-posts .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-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{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-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{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-1972 .elementor-element.elementor-element-6696b0d{--grid-row-gap:32px;--grid-column-gap:30px;}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.625 * 100% );}.elementor-1972 .elementor-element.elementor-element-6696b0d:after{content:"0.625";}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-post__thumbnail__link{width:100%;}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-post__meta-data span + span:before{content:"///";}.elementor-1972 .elementor-element.elementor-element-6696b0d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1972 .elementor-element.elementor-element-6696b0d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1972 .elementor-element.elementor-element-6696b0d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-1972 .elementor-element.elementor-element-2a6e403{--padding-top:96px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-1972 .elementor-element.elementor-element-1843cd9{--padding-top:32px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1972 .elementor-element.elementor-element-6696b0d:after{content:"0.5";}.elementor-1972 .elementor-element.elementor-element-6696b0d .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-1972 .elementor-element.elementor-element-2a6e403{--content-width:1320px;}.elementor-1972 .elementor-element.elementor-element-1843cd9{--content-width:1320px;}}/* Start custom CSS *//* ==========================================================================
   LISTE DES ACTUALITES
   Source : wireframe-liste-actualites-v10.html, version FIGEE du 28/07/2026
   telechargee depuis /wirframes/v10-figee-2026-07-28/.
   Le fichier local du meme nom est anterieur : il pose des ONGLETS soulignes la
   ou le V10 pose des PASTILLES, n'a pas de filtre par periode et laisse le
   bandeau newsletter en clair. Reference = la version en ligne.
   Les filtres restent decoratifs : decision Yassine.
   ========================================================================== */

.dc-page-title .elementor-heading-title.elementor-heading-title.elementor-heading-title{font-size:48px;line-height:1.15;letter-spacing:-.02em;}
@media(max-width:1024px){.dc-page-title .elementor-heading-title.elementor-heading-title.elementor-heading-title{font-size:38px;}}
@media(max-width:767px){.dc-page-title .elementor-heading-title.elementor-heading-title.elementor-heading-title{font-size:30px;}}
.dc-page-lead p{font-family:var(--dc-body);font-size:18px;line-height:1.6;color:var(--dc-text-light);max-width:600px;margin:0;}

/* Pastilles de filtre (V10) : contour fin, active en encre pleine.
   L'ancien fichier local dessinait des onglets soulignes — c'est ce que j'avais
   construit, d'ou l'ecart releve par Yassine. */
.dc-filter-pills{flex-wrap:wrap;}
.dc-fpill.elementor-widget-button .elementor-button.elementor-button{
  font-family:var(--dc-body)!important;font-size:14px!important;font-weight:400!important;color:var(--dc-text-light)!important;
  background-color:#fff!important;background-image:none!important;
  border:1px solid var(--dc-gray-200)!important;border-radius:var(--dc-radius-sm);
  padding:9px 20px!important;transition:var(--dc-transition);}
.dc-fpill .elementor-button:hover{color:var(--dc-text)!important;border-color:var(--dc-text)!important;}
.dc-fpill-active.elementor-widget-button .elementor-button.elementor-button{
  background-color:var(--dc-text)!important;color:#fff!important;border-color:var(--dc-text)!important;font-weight:500!important;}

/* Filtre par periode : selecteurs decoratifs, meme dessin que ceux du V10. */
.dc-date-label .elementor-heading-title.elementor-heading-title.elementor-heading-title{
  font-family:var(--dc-body);font-size:13px;font-weight:600;text-transform:uppercase;
  letter-spacing:.05em;color:var(--dc-text-light);}
.dc-date-select .elementor-heading-title.elementor-heading-title.elementor-heading-title{
  font-family:var(--dc-body);font-size:14px;color:var(--dc-text);background:#fff;
  border:1px solid var(--dc-gray-200);border-radius:var(--dc-radius-sm);
  padding:8px 34px 8px 12px;cursor:pointer;position:relative;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F6980' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;}

.dc-section-label .elementor-heading-title.elementor-heading-title.elementor-heading-title{
  font-family:var(--dc-body);font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.15em;color:var(--dc-text-light);}

/* ---- A LA UNE ----
   Le wireframe pose une grille 1.5fr / 1fr : image a gauche, contenu a droite.
   Le widget Publications d'Elementor empile image puis texte ; on le remet en
   deux colonnes en CSS plutot que de coder une carte a la main, pour que la
   mise en avant reste alimentee par le dernier article publie. */
.dc-featured-card .elementor-posts{display:block;}
.dc-featured-card .elementor-posts .elementor-post{display:grid!important;grid-template-columns:1.5fr 1fr!important;gap:0;
  border:1px solid var(--dc-gray-200);border-radius:var(--dc-radius-lg);overflow:hidden;
  background:#fff;margin:0;transition:box-shadow .3s var(--dc-ease);}
.dc-featured-card .elementor-post:hover{box-shadow:0 4px 24px rgba(15,27,61,.08);}
.dc-featured-card .elementor-post__thumbnail__link{margin:0;height:100%;}
.dc-featured-card .elementor-post__thumbnail{height:100%;min-height:320px;padding-bottom:0!important;}
.dc-featured-card .elementor-post__thumbnail img{width:100%;height:100%;object-fit:cover;position:static;}
.dc-featured-card .elementor-post__text{padding:40px;display:flex;flex-direction:column;justify-content:center;margin:0;}
.dc-featured-card .elementor-post__title,.dc-featured-card .elementor-post__title a{
  font-family:var(--dc-display);font-size:28px;font-weight:700;line-height:1.2;
  letter-spacing:-.02em;color:var(--dc-text);}
.dc-featured-card .elementor-post__meta-data{font-family:var(--dc-body);font-size:13px;color:var(--dc-text-light);margin-bottom:12px;}
.dc-featured-card .elementor-post__excerpt p{font-family:var(--dc-body);font-size:16px;line-height:1.6;color:var(--dc-text-light);}
.dc-featured-card .elementor-post__read-more{font-family:var(--dc-body);font-size:14px;font-weight:600;
  color:#00688A;margin-top:16px;display:inline-flex;align-items:center;gap:8px;}
@media(max-width:767px){
  .dc-featured-card .elementor-posts .elementor-post{grid-template-columns:1fr!important;}
  .dc-featured-card .elementor-post__thumbnail{min-height:0;aspect-ratio:16/10;}
  .dc-featured-card .elementor-post__text{padding:24px;}
  .dc-featured-card .elementor-post__title,.dc-featured-card .elementor-post__title a{font-size:22px;}
}

/* ---- GRILLE D'ARTICLES ---- */
.dc-articles-grid .elementor-post{background:#fff;border:1px solid var(--dc-gray-200);
  border-radius:var(--dc-radius-lg);overflow:hidden;transition:var(--dc-transition);}
.dc-articles-grid .elementor-post:hover{box-shadow:0 4px 24px rgba(15,27,61,.08);transform:translateY(-2px);}
.dc-articles-grid .elementor-post__thumbnail__link{margin:0;}
.dc-articles-grid .elementor-post__text{padding:20px 24px 24px;}
.dc-articles-grid .elementor-post__meta-data{font-family:var(--dc-body);font-size:12px;color:var(--dc-text-light);margin-bottom:8px;}
.dc-articles-grid .elementor-post__title,.dc-articles-grid .elementor-post__title a{
  font-family:var(--dc-display);font-size:18px;font-weight:700;line-height:1.3;
  letter-spacing:-.01em;color:var(--dc-text);}
.dc-articles-grid .elementor-post__excerpt p{font-family:var(--dc-body);font-size:14px;line-height:1.5;color:var(--dc-text-light);}

/* Pagination : carrees a bordure fine, page courante en encre (wireframe). */
.dc-articles-grid .elementor-pagination{margin-top:48px;display:flex;justify-content:center;gap:4px;}
.dc-articles-grid .page-numbers{display:flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;font-family:var(--dc-body);font-size:14px;
  color:var(--dc-text-light);border:1px solid var(--dc-gray-200);border-radius:var(--dc-radius-sm);
  transition:var(--dc-transition);}
.dc-articles-grid .page-numbers:hover{border-color:var(--dc-text);color:var(--dc-text);}
.dc-articles-grid .page-numbers.current{background:var(--dc-text);color:#fff;border-color:var(--dc-text);}

/* ---- NEWSLETTER ---- */
/* Bandeau newsletter SOMBRE (V10) : fond encre, titre blanc, texte a 70 %.
   Il etait en gris clair d'apres l'ancien fichier. On reutilise le degrade du
   bandeau de fin de l'accueil pour rester dans la meme famille. */
.dc-newsletter{background-image:var(--dc-grad-hero-deep)!important;position:relative;overflow:hidden;}
.dc-newsletter > *{position:relative;z-index:1;}
.dc-nl-title .elementor-heading-title.elementor-heading-title.elementor-heading-title{font-size:28px;letter-spacing:-.02em;text-align:center;color:#fff;}
.dc-nl-lead p{font-family:var(--dc-body);font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);
  text-align:center;max-width:600px;margin:0 auto;}
.dc-nl-btn .elementor-button{background-color:#fff!important;background-image:none!important;
  color:var(--dc-text)!important;border:1px solid #fff!important;}

/* ---- FORMULAIRE NEWSLETTER (V10) ----
   Champ e-mail translucide sur le bandeau sombre, bouton blanc a texte encre,
   mention de confidentialite en dessous. */
.dc-nl-form{max-width:480px;width:100%;margin:0 auto;}
.dc-nl-form .elementor-field-group{margin:0;}
.dc-nl-form .elementor-field-textual{background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.2)!important;border-right:0!important;
  border-radius:var(--dc-radius-sm) 0 0 var(--dc-radius-sm)!important;
  color:#fff!important;font-family:var(--dc-body);font-size:15px;padding:14px 20px!important;height:auto;}
.dc-nl-form .elementor-field-textual::placeholder{color:rgba(255,255,255,.4);}
.dc-nl-form .elementor-field-textual:focus{border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.12)!important;}
.dc-nl-form .elementor-field-label{display:none!important;}
.dc-nl-form .elementor-button[type="submit"]{background-color:#fff!important;background-image:none!important;
  color:var(--dc-text)!important;border:1px solid #fff!important;
  border-radius:0 var(--dc-radius-sm) var(--dc-radius-sm) 0!important;
  font-size:15px;font-weight:600;padding:14px 24px!important;}
.dc-nl-privacy p{font-family:var(--dc-body);font-size:12px;line-height:1.5;
  color:rgba(255,255,255,.4);text-align:center;max-width:480px;margin:0 auto;}


/* « Lire la suite » cale en bas de chaque carte : les chapos n'ont pas la meme
   longueur et le lien sautait d'une carte a l'autre. Meme raison que sur
   l'accueil, ou l'alignement du pied de carte avait deja ete demande. */
.elementor-posts .elementor-post{display:flex;flex-direction:column;}
.elementor-posts .elementor-post__text{display:flex;flex-direction:column;flex:1 1 auto;}
.elementor-posts .elementor-post__read-more{margin-top:auto;padding-top:12px;}

/* Champ et bouton de la newsletter : 480 px au total, comme le V10
   (.newsletter-form{max-width:480px}). Le formulaire Elementor s'etale sinon
   sur toute la largeur du conteneur. */
.dc-nl-form,.dc-nl-form .elementor-form{max-width:480px!important;width:100%;margin:0 auto;}
.dc-nl-form .elementor-form-fields-wrapper{flex-wrap:nowrap;}
.dc-nl-form .elementor-field-group:not(.elementor-field-type-submit){flex:1 1 auto;max-width:none;}
.dc-nl-form .elementor-field-type-submit{flex:0 0 auto;width:auto;}

/* ---- « LIRE LA SUITE » : EXACTEMENT LE STYLE DE L'ACCUEIL ----
   Mesure : sur l'accueil le lien vaut 14 px / 600 / bleu logo (.dc-link-text) ;
   le lien « en savoir plus » du widget Publications sortait a 16 px / 800, et
   meme en violet sur la fiche article. Elementor l'habille depuis ses propres
   reglages, a une specificite superieure : il faut le !important.
   La fleche est ajoutee au masque CSS, le widget n'ayant pas d'option d'icone. */
.elementor-posts .elementor-post__read-more{
  font-family:var(--dc-body)!important;font-size:14px!important;font-weight:600!important;
  /* #008AB7 sur blanc vaut 3,95:1, sous les 4,5 exiges a 14 px. #00688A donne
     5,02:1 — l'extremite bleue de --dc-grad-brand-aa. Corrige ici et non dans
     le socle : la feuille d'un gabarit de contenu est chargee APRES celle de
     l'en-tete, la regle du socle perdait malgre son !important. Meme cause et
     meme correctif que sur la fiche article (1690). */
  color:#00688A!important;display:inline-flex!important;align-items:center;gap:8px;
  transition:gap .25s var(--dc-ease);}
.elementor-posts .elementor-post__read-more::after{content:"";width:13px;height:13px;flex:none;
  background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;}
.elementor-posts .elementor-post:hover .elementor-post__read-more{gap:12px;}

/* Bouton colle au champ et de meme hauteur : le V10 pose les deux dans un meme
   bloc sans gouttiere (.newsletter-form{display:flex;gap:0}). Mesure avant
   correction : champ 54 px, bouton 47 px, 10 px d'ecart entre les deux. */
.dc-nl-form .elementor-form-fields-wrapper{gap:0!important;margin:0!important;}
.dc-nl-form .elementor-field-group{padding:0!important;margin:0!important;}
.dc-nl-form .elementor-field-textual{height:54px!important;}
.dc-nl-form .elementor-field-type-submit .elementor-button{height:54px!important;min-height:54px!important;
  display:flex;align-items:center;justify-content:center;}
/* regeneration forcee 8/9/2026 */
/* maj 8/9/2026 *//* End custom CSS */