CINXE.COM
Mairie de Marconnelle
<!doctype html> <html lang="fr" class="scroll-smooth"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./css/theme.min.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css" integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.9.2/dist/leaflet.js" integrity="sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=" crossorigin=""></script> <script type="text/javascript" src="./js/app.js"></script> <title>Mairie de Marconnelle</title> <link rel="icon" href="media/blason COMMUNE.jpg" /> <meta name="description" content="Le site officiel de Marconnelle vous communique les informations utiles relatives 脿 la mairie et aux actualit茅s de la commune."> </head> <body class="flex flex-col min-h-screen bg-white text-paragraph"> <header role="banner" class="z-40 top-0 left-0 right-0 w-full"> <div class="h-fit lg:pb-8 bg-[url('/img/fond_titre_clair.webp')] bg-no-repeat bg-bottom bg-cover px-2 pb-2 "> <div class="flex gap-8 items-center max-w-[1100px] mx-auto flex-wrap"> <div class="bg-white w-[80px] aspect-[1/1.17] shrink-0 flex items-center justify-center p-2 shadow-picto-title lg:w-[150px]"> <img src="media/blason COMMUNE.jpg" alt="" class="object-fit"> </div> <button id="scroll_to_top_btn" class="w-full md:max-w-fit" title="retour en haut de page"> <h1 class="text-indigo font-saira text-2xl flex flex-col items-start w-full md:text-4xl md:gap-2 lg:text-5xl"> <span class="font-light">Commune de</span> <span class="font-medium break-words text-left">Marconnelle</span> </h1> </button> </div> </div> <nav role="navigation" class="max-w-[1100px] mx-auto border-b border-b-slate-200 w-full flex flex-wrap bg-white font-open-sans-condensed text-sm font-semibold text-indigo md:text-3xl md:font-caveat md:font-bold md:gap-6 md:relative md:top-0 md:border-none"> <ul class="max-w-[1100px] mx-auto w-full flex flex-wrap bg-white"> <li class="flex-1 border-t-4 border-t-vert-gris "> <a rel="stylesheet" href="#contact" class="text-center flex items-center justify-center p-4 hover:bg-vert-gris md:bg-vert-gris md:pt-3" title="acc茅der aux informations de contact">Contact</a> </li> <li class="flex-1 border-t-4 border-t-jaune "> <a rel="stylesheet" href="#actualit茅s" class="text-center flex items-center justify-center p-4 hover:bg-jaune md:bg-jaune md:pt-3" title="acc茅der aux actualit茅s">Actualit茅s</a> </li> <li class="flex-1 border-t-4 border-t-vert"> <a rel="stylesheet" href="#carte" class="text-center flex items-center justify-center p-4 hover:bg-vert md:bg-vert md:pt-3" title="acc茅der 脿 la carte">Carte</a> </li> </ul> </nav> </header> <main role="main" class="w-full flex-1 flex flex-col max-w-[1100px] pt-20 md:pt-24 lg:mx-auto"> <section class="font-open-sans p-2 text-base text-center py-16 px-6 leading-7 prose max-w-none"> <p> Ch猫res Marconnelloises, chers Marconnellois, ch猫res visiteuses, chers visiteurs.</p> <p> Soyez les bienvenus sur la toute nouvelle page internet de la commune de Marconnelle.</p> <p> Nous esp茅rons que vous y trouverez les informations essentielles concernant notre commune o霉 nous cultivons le 芦聽Bien Vivre聽Ensemble禄.</p> <p> A tr猫s bient么t dans notre beau village.</p> <p> Claude BACQUET Maire de Marconnelle</p> </section> <section id="contact" class="flex-1 bg-[url('/img/fond_contact-mairie.webp')] bg-no-repeat bg-cover flex flex-col justify-between items-center gap-8 font-paragraph p-4 py-16 pb-32 lg:gap-16"> <h2 class="font-caveat font-semibold text-indigo text-4xl lg:text-5xl">La mairie</h2> <div class="flex flex-wrap justify-center items-center gap-8 w-full"> <div class="w-full max-w-[16rem] xs:aspect-[1/1.3] bg-white shadow-indigo-light flex flex-col gap-4 items-center font-open-sans text-center p-6"> <img src="/img/icons/mail.svg" alt="" width="56" height="56" class="w-14 h-14"> <div> <h3 class="font-bold">Adresse mairie</h3> <p>827 route Nationale<br>BP 41<br>62140 Marconnelle</p> </div> <div> <h3 class="font-bold">Maire</h3> <p>Claude BACQUET</p> </div> </div> <div class="w-full max-w-[16rem] xs:aspect-[1/1.3] bg-white shadow-indigo-light flex flex-col gap-4 items-center font-open-sans text-center p-6"> <img src="/img/icons/call.svg" alt="" width="56" height="56" class="w-14 h-14"> <div> <h3 class="font-bold">T茅l茅phone mairie</h3> <a href="tel:+33321869719"> 03 21 86 97 19 </a> </div> </div> <div class="w-full max-w-[16rem] xs:aspect-[1/1.3] bg-white shadow-indigo-light flex flex-col gap-4 items-center font-open-sans text-center p-6"> <img src="/img/icons/schedule.svg" alt="" width="56" height="56" class="w-14 h-14"> <div> <h3 class="font-bold">Horaires d'ouverture</h3> <p> Du lundi au vendredi de 8h30 脿 12h30 et 13h30 脿 17h30 </p> <p> Le samedi de 9h30 脿 11h30 </p> <p> Les carnets de cantine et garderie sont d茅livr茅s le lundi, le mercredi et samedi matin </p> </div> </div> </div> <div class="flex flex-wrap justify-center items-center gap-8 w-full"> <div class="font-open-sans text-indigo bg-white border-2 border-indigo flex gap-2 p-4 shadow-indigo-dark"> <img src="/img/icons/comment.svg" alt="" width="56" height="56" class="w-14 h-14"> <a class="text-indigo text-sm flex items-center" href="mailto:mairie@marconnelle.fr">mairie@marconnelle.fr</a> </div> </div> </section> <section id="actualit茅s" class="bg-white flex-1 flex flex-col items-center gap-8 p-4 py-16 pb-32"> <h2 class="font-caveat font-semibold text-indigo text-center text-4xl lg:text-5xl">Les actualit茅s de Marconnelle</h2> <ul class="w-full flex flex-col gap-2 px-4"> <li class="prose max-w-full prose-img:mx-auto font-open-sans text-paragraph leading-7 w-full"> <p> <strong>INFOS UTILES :</strong></p> <p> La page de toutes les aides aux logements 2023 (Achat, Location et R茅novation) a 茅t茅 mise 脿 jour : <a href="https://u14208460.ct.sendgrid.net/ls/click?upn=ZZSnkWjx6p1XqTKq9d5vv9doWwcKYftWs4uJNulX0a6oTHJqJi-2B4AxsrQsYfYgMik2WgFAeAYUljzAxet0aFAw-3D-3DigiK_FQC2LT8GxayrM161hhHVAvfwx2xoXw2-2FZsHR7Ecu8x25LetR8hGpqpLp70T6h4IEaRHy6F95LiLT8gIW1Bss-2Fg2dLwMFzg3uBavwnTTqgPGubCrQ5j4yPCN0dnWz9qYlzdirbJoI-2BpdbyOjvTAKqP-2FCQd9x5Bu5dHHXjAPEKa-2FTvy-2BauTqAioyeQy9dLOFtkVNvxekNxpYVCNkBRFc8R-2BMjQXdueEYBkJ9kAEQoQlUuX3n7o2H6r11I7vbV9XilB14QJUFOnLeC9wS-2FCnrp520x8IOtFiqZ6A9JIuhm356ddDURAoS3F-2FToqvt-2FAIoujU3YWd8jgbx9-2F9DYGmSXzaOUC0993SfTeHoixMKM7Zx06GVbjnJmLz2nT9oGZcN38eprdgqHeroUQtQ5MKszSVNbXEWM8e2bB0Mm0g-2BWEXTdG8bPzA50RmR35AizO7gkvJfxNmpAz34dlhlwVb55w87k-2BU3xkYuslqnIl-2BsIFfI2j-2Ff-2F2RKpEarnUX0WZtvLNPHWyEFS-2B-2FBXTggk09MbcusKKfv4YgMjiRVeAcYMK0U-2BoQg7ttbRpLYPPWTNXChFkRJL0p04-2BqltvMeT-2F1iy01oD73H-2FFnpPag1UluNoxNyxiIR3lVnhwfVJqLbbXK6ZmW-2FfJYosMoFr6mdfH6ezXqFLIODOFpMNpIfHZW2yFdy9X2qhrbyJVqI-2FNHVp61DcPEMkQSmVY3Sybg-2FNBbSwldrLGwTz517KdWjck7ob1Rvh-2FFgL6zFQQcxi5EB4hh6JfvVru0wLriDR8ByTgrMdQC8SFRNjqEZv8Y92CW4I8rRaZrOgfSiZFR6d0TQPdLPRpcj4alzd5RYnj0S-2FvYm37Y2aqrVg0TO07lWnqQ-2BxhOcYuP3TMhUWaQDAi8p6ID1vViMGNxABFJujwWvW7IS-2F6U99SXgwglQaVzm83Gl-2F-2FisD1VEl6OyMyp-2F5sct62auy84qz85wLuvnq-2BJyTDKr7KypxfmieLgJoHSlWehKziDTk-3D">https://comparateur-ade.com/aides-au-logement</a></p> <p> ***********</p> <p> <strong>Action Educ鈥橲port des 7 Vall茅es pour les 8-14 ans</strong> sur 4 journ茅es mises en place par l鈥橭TSJ des 7 Vall茅es en partenariat avec la Communaut茅 de Communes des 7 Vall茅es.聽Quatre journ茅es sur Campagne les Hesdin, du 18 au 21 avril 2023.</p> <p> Attention, places limit茅es, faites vite!!!!</p> <p> Merci de bien vouloir diffuser massivement ces informations en transf茅rant ce mail 脿 vos contacts ou en imprimant et affichant le document en PJ</p> <p> Merci de votre participation et de votre partage sur les diff茅rents r茅seaux sociaux afin que chaque personne concern茅e puisse obtenir l鈥檌nformation.</p> <p> Inscriptions et Renseignements sur:聽<a href="https://2e322.r.ag.d.sendibm3.com/mk/cl/f/FTKFyY2MeZETGZxp9aNrVydzRfWutAyyLoN5CafSBKdID5GCzuIgdh9wLSphm6Dj3SAo-nmK_KbYEmSgZ9lUcsrAziLFYe8Kl9B69aoN5oVk-4RMNJVfFibRbWOJA2QfippGkEjc2oA_X2Cj0AlU4kQaTs9pIFoEuNYMjzUkoCD3v4NMg_nTB1NmEzWnSK7oyHh44ti1u-FEZgy4owmHudwkeB4-XI9lkKn0KXXO50pxjKQAE75ByMlwkdVOv8403kUvVEw">https://www.otsjfunsport62.fr/collect/description/307753-m-educ-sport-des-7-vallees-avril-2023?header=%2Fpage%2F1600997-educ-sport-des-7-vallees</a></p> <p> <strong>RAPPEL:</strong></p> <p> RENDEZ VOUS POUR LA FETE DU VELO dans le cadre de la 32猫me 茅dition des Boucles de l鈥橝rtois, qui passe sur Beaurainville le samedi 1er avril 2023.</p> <p> L鈥檕ccasion pour les familles et amateurs de v茅lo de d茅couvrir la boucle autour de Beaurainville que les coureurs de l鈥櫭﹑reuve emprunteront et pour les plus petits de s鈥檌nitier sur un atelier draisiennes.</p> <p> La rando (n鈥檕ubliez pas votre v茅lo) et l鈥檃telier (draisiennes 脿 disposition) sont accompagn茅s par un 茅ducateur sportif de l鈥橭TSJ des 7 Vall茅es.</p> <p> ***********</p> <p> INSCRIPTIONS ECOLE MATERNELLE</p> <p> <img src="media/INSCRIPTIONS%20ECOLE%20MATERNELLE.png" alt=""> </p> </li> </ul> </section> <section phx-hook="loadMap" id="carte" class="bg-[url('/img/fond_carte.webp')] bg-no-repeat bg-cover flex-1 flex flex-col items-center gap-4 p-4 py-16 pb-32"> <h2 class="font-caveat font-semibold text-indigo text-4xl lg:text-5xl">Sur la carte</h2> <div class="bg-white p-4 border-2 border-indigo"> <div id="map" class="z-30 max-w-full w-[300px] h-[300px] md:h-[500px] md:w-[500px]" data-lat="50.3691540509" data-long="2.00655879922"></div> </div> <script src="./js/leaflet.js"></script> </section> </main> <footer role="contentinfo" class="bg-white font-open-sans text-paragraph flex flex-col items-center"> <div class="flex items-center flex-wrap w-full p-2 max-w-[1100px] md:justify-around md:gap-2 md:p-4"> <ul class="flex justify-around items-center gap-2 w-full md:flex-1 md:justify-between"> <li><img src="/img/union-europeenne.jpg" alt="Cofinanc茅 par l'Union europ茅enne" class="h-20 object-contain"></li> <li><img src="/img/logo_HDF.jpg" class="h-20 object-contain" alt="Hauts de France" height="80" width="80"></li> <li><img src="/img/logo-mairie-connectee.png" class="h-16 object-contain" alt="Mairie Connect茅e"></li> <li><img src="/img/logo-sommenumerique.webp" class="h-16 object-contain" alt="Somme Num茅rique" height="64" width="64"></li> <li><img src="/img/fibre5962.jpg" class="h-16 object-contain" alt="Fibre 5962" height="64"></li> </ul> </div> <div class="w-full h-[4rem] flex items-center justify-center bg-vert-gris"> <a href="/mentions_legales.html" title="acc猫s 脿 la page de mentions l茅gales">Mentions l茅gales</a> </div> </footer> </body> </html>