Audomarois

Aire-sur-la-Lys : le rez-de-chaussée de l’hôtel de ville allie pierres, bois et grands espaces

L’idée était d’apporter un certain dynamisme.

La mairie a été inaugurée cette semaine.
La mairie a été inaugurée cette semaine.
Crédit : Delta FM

Le chantier aura duré un an et demi : Il est désormais terminé. Le rez-de-chaussée de la mairie a été inauguré ce jeudi 4 décembre en présence de nombreux élus et d’habitants.

Désormais, l’espace mêle esthétique et modernité.

Le maire d’Aire-sur-la-Lys, Jean-Claude Dissaux en dit plus au micro Delta FM de Simon Soudain.

Jean-Claude Dissaux

Des bureaux d’accueil particuliers ont été créés pour recevoir les Airois(es).

Publié : 6 décembre 2025 à 7h39 par
Simon Soudain - 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; }