Audomarois

Lillers : trois blessés dans un accident sur l'A26

Jeudi 18 décembre au soir, un accident sur l'A26 entre un camion, une camionette et une voiture et impliquant six personnes a fait trois blessés.

pompiers
15 pompiers étaient sur place
Crédit : Delta FM (illustration)

C'était jeudi 18 décembre, aux alentours de 18h30. 

Un accident sur l'A26 au niveau de Lillers a impliqué six personnes. 

Les sapeurs-pompiers de Lillers, Auchel, Béthune et Aire-sur-la-Lys sont intervenus sur place.

Parmi les personnes impliquées, trois blessés légers : deux hommes, de 28 et 35 ans transportés au Centre Hospitalier de Beuvry et un autre homme de 53 ans transporté au Centre Hospitalier de Lens. 

La gendarmerie, le SMUR et la SANEF étaient également sur les lieux.

La circulation s’est faite sur une seule voie le temps de l’intervention.

Publié : 19 décembre 2025 à 6h57 - Modifié : 19 décembre 2025 à 12h40
Céline Abi Aad - Journaliste

 

LE TOP DE L'ACTU

 

 A LIRE ÉGALEMENT

 

A L'ANTENNE
/* ========================================================= ✅ CSS GLOBAL – White label Indés Radios (clean) Objectif : News blocks responsive + fix titres + bouton "+de" en bas ========================================================= */ /* ----------------------------- 1) Nettoyage / éléments divers ------------------------------ */ hr.hr { display: none !important; } figcaption { display: none !important; } figcaption.webradio-detail { display: block !important; } .media-credit, .media-legend { font-size: smaller; font-style: italic; } .media-credit { color: #757575; } .media-legend { color: #000; } blockquote { font-style: italic; padding-left: 2rem; border-left: solid 0.4rem #934444; margin: 4rem 0 0 0; } .paragraph a { text-decoration: underline; } img { border-radius: 7px; object-fit: cover; } /* ----------------------------- 2) Titres / typo ------------------------------ */ .h1, .h1.block { font-size: 2.8rem; font-weight: 700; text-transform: uppercase; } .h1 + .lead, .lead.block { font-size: larger; font-weight: 600; } @media (min-width: 768px) { .h1, .h1.block { font-size: 3.2rem; } .h1 + .lead, .lead.block { font-size: 1.8rem; } } h2.title:not(:empty) { font-weight: 700 !important; font-size: 3rem !important; text-transform: uppercase !important; } h2:not(.lead) { font-weight: 600 !important; font-size: 2rem !important; text-transform: none !important; margin-top: 2rem !important; margin-bottom: 0.5rem !important; } h3 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 2.1rem; line-height: 1.2; margin-top: 1.4rem; margin-bottom: 0.5rem; text-transform: none !important; } .h3, .title { font-weight: 600; font-size: 1.7rem; text-transform: none; margin-top: 1rem; } h3:hover { color: #189ab9 !important; } p.lead { color: #285e7b; font-size: 1.5rem; } body { margin: 0; font-size: 1.6rem; font-weight: 400; line-height: 1.4; text-align: left; } /* ----------------------------- 3) Bloc Auteur / Date (#dateEtAuteur) ------------------------------ */ html body #dateEtAuteur > span:first-of-type { font-weight: normal !important; } html body #dateEtAuteur > div:first-of-type { background: transparent !important; border: none !important; } html body #dateEtAuteur, html body #dateEtAuteur * { color: gray !important; } html body #dateEtAuteur img { width: 50px !important; height: 50px !important; object-fit: cover !important; border-radius: 50% !important; } html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > a span { display: block !important; } html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > span:nth-of-type(1) { display: none !important; } html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > span:nth-of-type(2) { display: block !important; } /* ----------------------------- 4) Webradios ------------------------------ */ .btn--alpha { color: #ffffff; background: rgb(30 94 125 / 75%); border-color: transparent !important; } .Broadcasts.HasWebradio .webradio { background-color: #3e6f8b2b; border-radius: 10px; padding: 10px; height: 250px; overflow: hidden; } .Broadcasts.HasWebradio .webradio .webradio-detail { margin-top: 10px; text-align: -webkit-center; word-break: break-word; } .Broadcasts.HasWebradio .webradio .broadcast-webradio-logo { width: 35%; display: block; margin-left: inherit; } .Broadcasts.HasWebradio .webradio .webradio-artist { color: #19658f; font-size: 1.2rem !important; font-family: 'Poppins'; font-weight: 500; text-transform: uppercase; } .Broadcasts.HasWebradio .webradio .webradio-title { color: #000; font-size: 1.2rem !important; font-family: 'Poppins'; font-weight: 400; text-transform: uppercase; } /* ========================================================= ✅ 5) NEWS BLOCKS (LE POINT IMPORTANT) Mobile : 1ère full + paysage + texte dessous Mobile : autres : image gauche / texte droite Desktop : on ne change rien ========================================================= */ /* 🔧 5.1 – Détronquer les titres dans tous les blocks news */ .block.News .resume .h3, .block.CategoryContentsList .resume .h3 { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; display: block !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; } /* 🔧 5.2 – MOBILE uniquement */ @media (max-width: 767.98px) { /* On empile les cards verticalement */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid, .block.CategoryContentsList .row.grid { display: flex !important; flex-direction: column !important; gap: 1.2rem; } /* Chaque item = pleine largeur */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div, .block.CategoryContentsList .row.grid > div { max-width: 100% !important; width: 100% !important; flex: 0 0 100% !important; } /* ✅ STYLE PAR DÉFAUT MOBILE : image à gauche + texte à droite */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div .thumbnail, .block.CategoryContentsList .row.grid > div .thumbnail { display: flex !important; flex-direction: row !important; align-items: stretch; gap: 1rem; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div .thumbnail .media, .block.CategoryContentsList .row.grid > div .thumbnail .media { flex: 0 0 42%; margin: 0 !important; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div .thumbnail .resume, .block.CategoryContentsList .row.grid > div .thumbnail .resume { flex: 1 1 auto; margin: 0 !important; } /* ✅ EXCEPTION : 1er item = FULL + image paysage + texte dessous */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div:first-child .thumbnail, .block.CategoryContentsList .row.grid > div:first-child .thumbnail { flex-direction: column !important; gap: 0.8rem; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div:first-child .thumbnail .media, .block.CategoryContentsList .row.grid > div:first-child .thumbnail .media { flex: 0 0 auto !important; width: 100% !important; /* ✅ Image moins haute + paysage */ aspect-ratio: 16 / 9; position: relative; overflow: hidden; } /* On neutralise le ratio padding des thèmes Indés Radios */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div:first-child .thumbnail .media:after, .block.CategoryContentsList .row.grid > div:first-child .thumbnail .media:after { content: none !important; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3) .row.grid > div:first-child .thumbnail .media img, .block.CategoryContentsList .row.grid > div:first-child .thumbnail .media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } } /* ========================================================= ✅ 6) Mettre le lien "+ de ..." en BAS du bloc (au lieu du haut) ========================================================= */ /* Cas 1 : le "+ de ..." est un lien direct dans .heading */ .section { position: relative; } /* On crée un espace en bas pour accueillir le bouton */ .section .heading { margin-bottom: 1.6rem; } /* Le lien de renvoi (souvent "+ de ...") est en haut => on le descend */ .section .heading > a { position: absolute !important; right: 0; bottom: 0; margin: 0 !important; } /* Cas 2 : si c’est dans une div.buttons */ .section .buttons { position: absolute !important; bottom: 0; right: 0; margin: 0 !important; } /* Pour éviter qu’il chevauche le contenu */ .section { padding-bottom: 3.2rem !important; } /* (optionnel) style + alignement */ .section .buttons a, .section .heading > a { font-weight: 600; text-transform: uppercase; font-size: 1.3rem; } /* ----------------------------- Divers ------------------------------ */ .slider-responsive-height { min-height: auto; }