1<!DOCTYPE html> 2<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 343 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9 })(window,document,'script','dataLayer','
9GTM-KQN8XQ64
vendor: 3 bytes, line 9
9');
9</script>
9 10 <!-- End Google Tag Manager --> 11 12 <meta charset="utf-8" /> 13<link rel="canonical" href="https://www.kopstal.lu/fr/vie-quotidienne" /> 14<meta property="og:site_name" content="kopstal" /> 15<meta property="og:url" content="https://www.kopstal.lu/fr/vie-quotidienne" /> 16<meta property="og:title" content="Vie quotidienne" /> 17<meta property="og:image" content="https://kopstal.lu/themes/kopstal/src/img/kopstal-meta-img.png" /> 18<meta property="og:image:secure_url" content="https://kopstal.lu/themes/kopstal/src/img/kopstal-meta-img.png" /> 19<meta property="profile:username" content="admin" /> 20<meta property="fb:app_id" content="admin" /> 21<meta name="twitter:card" content="summary_large_image" /> 22<meta name="twitter:image" content="https://kopstal.lu/themes/kopstal/src/img/kopstal-meta-img.png" /> 23<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 24<meta name="MobileOptimized" content="width" /> 25<meta name="HandheldFriendly" content="true" /> 26<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 27<link rel="alternate" hreflang="fr" href="https://www.kopstal.lu/fr/vie-quotidienne" /> 28<link rel="alternate" hreflang="lu" href="https://www.kopstal.lu/lu/liewen-am-alldag" /> 29<link rel="alternate" hreflang="en" href="https://www.kopstal.lu/en/everyday-life" /> 30 31 <title>Vie quotidienne | kopstal</title> 32 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 33 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_I_RuudiK9a18sC8pizlF_-IRk_aypLCGa6AbJEHmrT4.css?delta=0&language=fr&theme=kopstal&include=eJwrriwuSc3VT0osTtUpy0wtL9YHk3q5-SmlOakAuE0L2w" /> 34 35 36 <link rel="stylesheet" href="https://www.kopstal.lu/themes/kopstal/dist/assets/app-18ed92f2.css" crossorigin /> 37 <link rel="icon" href="/themes/kopstal/src/img/favicon.svg"> 38
38<script src="/themes/kopstal/src/js/outdated-browser-rework.min.js"></script>
38 39
39<script> 40 outdatedBrowserRework({ fullscreen: true, isUnknownBrowserOK: true }); 41 </script>
41 42 <style type="text/css"> 43 [x-cloak] { display: none; } 44 </style> 45 </head> 46 47 <body class="font-sans text-base text-purple antialiased leading-relaxed overflow-x-hidden relative w-full path-node page-node-type-page node-5" x-data="$store.menu" 48 :class="$store.menu.opened ? 'overflow-hidden !fixed' : ''"> 49 50 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 50-51
50 51 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
51GTM-KQN8XQ64
vendor: 91 bytes, lines 51-53
51" 52 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 53
53<!-- End Google Tag Manager (noscript) --> 54 55 <div id="outdated"></div> 56 57
57<script type="text/javascript"> 58(function(window, document, dataLayerName, id) { 59window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); 60var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName);var qPString=qP.length>0?("?"+qP.join("&")):""; 61tags.async=!0,tags.src="https://kopstal.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); 62!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); 63})(window, document, 'dataLayer', '99323e29-2e06-467e-9bef-0508c161d2c9'); 64</script>
64 65 66<a href="#main-content" class="sr-only focus:not-sr-only"> 67 Aller au contenu principal 68</a> 69 70<a id="main-content" tabindex="-1"></a> 71 72 73<header role="banner" class="pt-10 pb-14 w-full absolute xl:static z-50 top-0"> 74 <div class="container flex items-center justify-between"> 75 76 <a href="/fr" aria-label="Retour à la page d'accueil"> 77 <svg data-name="Groupe 3561" viewBox="0 0 133.399 70.002" class="h-[40px] sm:h-[60px] lg:h-[70px]"><defs><clipPath id="a"><path fill="none" d="M0 0h133.399v70.002H0z" data-name="Rectangle 223"/></clipPath></defs><g clip-path="url(#a)" data-name="Groupe 3546"><path fill="#db0" d="m17.543 60.439-1.839 1.4v-4.891l1.97-2.325c4.326-.766 10.248-8.8 10.139-12.972-4.239.111-10.47 8.234-10.69 12.681l-1.423 1.67v-6.781l1.526-1.957a.9.9 0 0 0 1.247-.7.887.887 0 0 0 .574-.709.887.887 0 0 0 .575-.709.886.886 0 0 0 .574-.709.9.9 0 0 0 .385-.275.913.913 0 1 0-1.418-1.149.9.9 0 0 0-.189.434.884.884 0 0 0-.574.709.883.883 0 0 0-.575.709.885.885 0 0 0-.575.708.906.906 0 0 0-.48 1.283l-1.07 1.372v-3.622l1.213-1.674a.749.749 0 0 0 .965-.635.737.737 0 0 0 .456-.606.738.738 0 0 0 .312-.24.75.75 0 0 0 .145-.366.737.737 0 0 0 .456-.606.757.757 0 1 0-.9-1.153.739.739 0 0 0-.144.367.731.731 0 0 0-.457.606.736.736 0 0 0-.456.606.739.739 0 0 0-.457.606.747.747 0 0 0-.385 1.026l-.749 1.033v-3a.304.304 0 1 0-.608 0v.821l-.694-.958a.747.747 0 0 0-.385-1.026.739.739 0 0 0-.457-.606.733.733 0 0 0-.456-.606.737.737 0 0 0-.456-.606.745.745 0 0 0-.145-.366.758.758 0 1 0-1.211.912.746.746 0 0 0 .312.24.736.736 0 0 0 .457.606.735.735 0 0 0 .144.366.745.745 0 0 0 .312.24.752.752 0 0 0 .144.366.743.743 0 0 0 .312.24.745.745 0 0 0 .145.366.755.755 0 0 0 .82.269l1.158 1.6v3.627l-1.017-1.3a.9.9 0 0 0-.479-1.282.909.909 0 0 0-.189-.434.894.894 0 0 0-.385-.274.9.9 0 0 0-.189-.434.911.911 0 0 0-.385-.276.909.909 0 0 0-.189-.433.9.9 0 0 0-.386-.275.9.9 0 0 0-.188-.434.913.913 0 1 0-1.418 1.149.9.9 0 0 0 .385.275.91.91 0 0 0 .189.434.9.9 0 0 0 .385.275.885.885 0 0 0 .575.709.882.882 0 0 0 .575.709.894.894 0 0 0 .188.434.909.909 0 0 0 1.058.265l1.471 1.887v6.781l-1.365-1.658c-.272-4.46-6.468-12.514-10.689-12.624-.11 4.19 5.865 12.279 10.2 12.983l1.837 2.23.021-.018v4.952l-1.785-1.354C12.02 54.061 4.134 47.652 0 48.521c.86 4.1 8.538 10.6 12.914 10.284l2.182 1.656v4.384a.304.304 0 0 0 .608 0v-2.243l2.236-1.7c4.376.313 12.055-6.181 12.914-10.284-4.133-.865-12.019 5.544-13.311 9.821" data-name="Tracé 1961"/><path fill="#392d87" d="M33.055 1.783c0-.584 0-.584 2.813-.584v10.36l5.454-10.188a9.187 9.187 0 0 1 1.783-.2q1.545 0 1.132.822l-5.527 9.566c2.71 2.059 4.6 6.485 5.489 13.036.034.514-.171.686-1.132.686a19.217 19.217 0 0 1-1.955-.1c-1-5.352-1.922-8.782-3.842-10.874a4.559 4.559 0 0 0-1.407-.925v11.281c0 .55 0 .55-2.813.55Z" data-name="Tracé 1962"/><path fill="#382f87" d="M50.993 7.718c3.6 0 5.317 1.852 5.317 8.816 0 6.38-1.955 9.022-5.625 9.022-3.533 0-5.386-1.2-5.386-8.918 0-6.279 2.093-8.92 5.695-8.92m-.24 15.471c1.475 0 2.539-1.27 2.539-6.621 0-5.453-.79-6.415-2.4-6.415-1.509 0-2.573 1.2-2.573 6.553 0 5.66.858 6.483 2.436 6.483" data-name="Tracé 1963"/><path fill="#382f87" d="M58.673 9.091a9.365 9.365 0 0 1 5.007-1.373c3.4 0 5.593 1.509 5.593 7.136 0 9.227-2.78 10.7-5.112 10.7a3.809 3.809 0 0 1-2.71-.96v7.136a4.242 4.242 0 0 1-1.442.24c-.96 0-1.337-.275-1.337-1.2Zm2.778 12.828a2.145 2.145 0 0 0 1.853 1.133c1.062 0 2.881-.756 2.881-7.892 0-4.081-.892-5.008-2.641-5.008a3.534 3.534
770 0 0-2.092.652Z" data-name="Tracé 1964"/><path fill="#382f87" d="M74.586 24.664c0 .55 0 .55-2.778.55V1.27c0-1.27.55-1.27 2.778-1.27Z" data-name="Tracé 1965"/><path fill="#382f87" d="M87.653 13.241a22.626 22.626 0 0 1-.376 4.46 44.138 44.138 0 0 1-7.171.548c.138 3.637 1.1 4.6 3.191 4.6a8.136 8.136 0 0 0 3.91-1.063 6.958 6.958 0 0 1 .241 1.887c0 1.063-2.163 1.886-4.734 1.886-3.191 0-5.49-1.338-5.49-8.028 0-8.575 3.052-9.81 6.072-9.81 2.882 0 4.356 1.819 4.356 5.523m-7.513 2.745a18.783 18.783 0 0 0 4.633-.378 10.306 10.306 0 0 0 .171-2.057c-.035-2.471-.479-3.4-1.955-3.4-1.407 0-2.642 1.2-2.848 5.832" data-name="Tracé 1966"/><path fill="#382f87" d="M99.519 9.639a2.248 2.248 0 0 1-.619 1.407 6.165 6.165 0 0 0-3.361-.892c-1.612 0-2.71.584-2.71 1.647 0 .618.206 1.165 1.372 2.127l3.191 2.572a5.42 5.42 0 0 1 2.023 4.288c0 3.054-2.159 4.769-5.66 4.769-2.435 0-4.185-.55-4.185-1.75a3.122 3.122 0 0 1 .481-1.613 6.517 6.517 0 0 0 3.429.859c1.75 0 2.778-.755 2.778-2.127a3.424 3.424 0 0 0-1.372-2.677l-3.327-2.846a4.543 4.543 0 0 1-1.956-3.637c0-2.4 1.75-4.049 5.591-4.049 3.534 0 4.324 1.235 4.324 1.921" data-name="Tracé 1967"/><path fill="#382f87" d="M110.149 10.806a5.26 5.26 0 0 0-2.4-.617c-1.612 0-3.4.721-3.4 6.826 0 4.837.961 6.071 3.053 6.071a5.288 5.288 0 0 0 2.709-.789 5.663 5.663 0 0 1 .275 1.509c0 .925-1.578 1.75-3.843 1.75-3.258 0-5.11-1.3-5.11-8.542 0-8.233 3.328-9.3 6.174-9.3 1.578 0 2.848.653 2.848 1.545a4.217 4.217 0 0 1-.308 1.543" data-name="Tracé 1968"/><path fill="#382f87" d="M112.65 1.27c0-1.27.481-1.27 2.78-1.27v9.056a5.959 5.959 0 0 1 3.842-1.338c2.949 0 3.567 1.646 3.567 4.529v12.417c0 .55-.139.55-2.882.55V13.036c0-1.51-.275-2.745-1.955-2.745a3.951 3.951 0 0 0-2.572.96v13.413c0 .55-.035.55-2.78.55Z" data-name="Tracé 1969"/><path fill="#382f87" d="M127.088 10.463h-2.334c0-2.127.035-2.4.618-2.4h1.716V2.848c0-.961.514-.961 2.813-.961v6.174h3.5c0 2.162 0 2.4-.549 2.4h-2.949v9.982c0 1.475 0 2.71 1.235 2.71a4 4 0 0 0 1.988-.514 4.981 4.981 0 0 1 .206 1.373c0 1.268-1.613 1.543-2.949 1.543-2.917 0-3.293-2.024-3.293-5.112Z" data-name="Tracé 1970"/><path fill="#008d36" d="M33.055 30.166c0-.322.129-.548.807-.548h3.228c2.454 0 5.392.774 5.392 4.907 0 3.809-1.872 5.037-3.164 5.231 1.356.1 3.875.807 3.875 4.745 0 6.426-3.746 7.717-6.2 7.717h-3.939Zm1.775 8.977h2.422c1.84 0 3.325-1.1 3.325-4.295 0-2.97-1.744-3.649-3.455-3.649h-2.293Zm0 11.461h2.163c2.131 0 4.165-1.388 4.165-5.941 0-3.712-1.808-3.97-4.165-3.97H34.83Z" data-name="Tracé 1971"/><path fill="#008d36" d="M45.713 37.173a7.832 7.832 0 0 1 4.327-1.421c1.582 0 2.324.452 2.324 1.13a2.7 2.7 0 0 1-.258 1.065 3.639 3.639 0 0 0-1.808-.483 4.469 4.469 0 0 0-2.777.9v13.431c0 .42-.065.42-1.808.42Z" data-name="Tracé 1972"/><path fill="#008d36" d="M55.66 29.133c.743 0 1 .453 1 1.453-.031.969-.387 1.517-1.1 1.517-.645 0-1-.42-.968-1.484 0-.937.356-1.487 1.065-1.487m.841 22.667c0 .419-.033.419-1.841.419V36.947c0-.872.42-.872 1.841-.872Z" data-name="Tracé 1973"/><path fill="#008d36" d="M67.672 29.359c0-.872.388-.872 1.808-.872v23.086a10.322 10.322 0 0 1-4.585.968c-2.841 0-5.23-.807-5.23-7.942 0-6.2 2.422-8.847 5.359-8.847a4.352 4.352 0 0 1 2.647.711Zm0 8.622a2.962 2.962 0 0 0-2.131-.646c-2.131 0-3.97 1.84-3.97 7.1 0 5.713 1.421 6.457 3.487 6.489a4.95 4.95 0 0 0 2.646-.646Z" data-name="Tracé 1974"/><path fill="#008d36" d="M80.654 29.359c0-.872.388-.872 1.808-.872v23.086a10.328 10.328 0 0 1-4.586.968c-2.841 0-5.229-.807-5.229-7.942 0-6.2 2.42-8.847 5.358-8.847a4.356 4.356 0 0 1 2.649.711Zm0 8.622a2.963 2.963 0 0 0-2.132-.646c-2.13 0-3.971 1.84-3.971 7.1 0 5.713 1.421 6.457 3.487 6.489a4.959 4.959 0 0 0 2.648-.646Z" data-name="Tracé 1975"/><path fill="#008d36" d="M95.378 40.854a20.039 20.039 0 0 1-.322 3.874 43.691 43.691 0 0 1-7.716.581c.032 4.714 1.484 5.489 3.777 5.489a6.846 6.846 0 0 0 3.875-1.1 3.744 3.744 0 0 1 .227 1.259c0 .774-2.035 1.582-4.391 1.582-3.068 0-5.295-1.033-5.295-7.523 0-8.3 3.1-9.265 5.778-9.265 2.809 0 4.068 1.9 4.068 5.1m-8.007 2.97a30.473 30.473 0 0 0 6.135-.452 17.411 17.411 0 0 0 .129-2.162c-.033-2.583-.55-3.843-2.487-3.843-1.646 0-3.55.743-3.777 6.458" data-name="Tracé 1976"/><path fill="#008d36" d="M100.03 51.8c0 .419-.032.419-1.776.419V29.36c0-.873.356-.873 1.776-.873Z" data-name="Tracé 1977"/><path fill="#008d36" d="m12.293 67.694-.984-1.33a49.356 49.356 0 0 1 48.423-2.875l
77-.708 1.5a47.668 47.668 0 0 0-46.731 2.71" data-name="Tracé 1978"/><path fill="#382f87" d="M80.707 70.002a50.25 50.25 0 0 1-21.683-5.018l.707-1.5a47.675 47.675 0 0 0 46.731-2.71l.984 1.331a48.919 48.919 0 0 1-26.739 7.894" data-name="Tracé 1979"/></g></svg> 78 </a> 79 80 <div class="flex space-x-4 md:space-x-6 lg:space-x-8 items-center font-garnett font-normal"> 81 82 <nav role="navigation" aria-labelledby="block-header-menu" id="block-header"> 83 <ul class="xl:flex xl:space-x-8 hidden font-medium after:content-[''] after:block after:w-[1px] after:bg-purple-100 after:ml-6 after:h-6"> 84 <li class=""> 85 <a 86 class=" link-underline" 87 href="/fr/commune"> 88 Commune 89 </a> 90 </li> 91 <li class=""> 92 <a 93 class="is-ractive link-underline" 94 href="/fr/vie-quotidienne"> 95 Vie quotidienne 96 </a> 97 </li> 98 <li class=""> 99 <a 100 class=" link-underline" 101 href="/fr/actualites"> 102 Actualités 103 </a> 104 </li> 105 <li class=""> 106 <a 107 class=" link-underline" 108 href="/fr/node/88"> 109 Publications 110 </a> 111 </li> 112 <li class=""> 113 <a 114 class=" link-underline" 115 href="/fr/urbanisme"> 116 Urbanisme 117 </a> 118 </li> 119 <li class=""> 120 <a 121 class=" link-underline" 122 href="/fr/contact"> 123 Contact 124 </a> 125 </li> 126 </ul> 127 128 129 130 </nav> 131 132 <div class="flex space-x-1 md:space-x-2 items-center"> 133 <div> 134 <div 135 data-region="language-dropdown" 136 class="relative group flex py-4 px-6 lg:px-7 lg:py-5 transition-colors" 137 :class="[$store.menu.opened ? 'bg-white' : 'bg-purple-50 hover:bg-purple-75', open ? 'rounded-b-none rounded-t-[1.8rem]' : 'rounded-[1.8rem]']" 138 x-data="language" 139> 140 <div class="space-y-2 w-full"> 141 <button 142 class="flex items-center text-sm font-medium z-10 w-full" 143 x-ref="button" 144 x-on:click="toggle()" 145 :aria-expanded="open" 146 :aria-controls="$id('dropdown-button')" 147 x-on:keydown.escape.prevent.stop="close($refs.button)" 148 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" 149 x-id="['dropdown-button']" 150 > 151 <span class="mr-2 text-sm uppercase font-medium">fr</span> 152 <svg xmlns="http://www.w3.org/2000/svg" width="8.485" height="5.657" aria-hidden="true" :class="open ? 'transform rotate-180' : 'transform rotate-0'"><path fill="#392d87" d="M4.243 5.656 0 1.414 1.415 0l2.828 2.828L7.071 0l1.414 1.414Z" data-name="Tracé 1980"/></svg> 153 </button> 154 155 <ul 156 class="absolute left-0 right-0 pb-4 rounded-b-[1.8rem] hover:cursor-pointer transition-colors duration-150 hover:transition-colors text-sm uppercase font-medium space-y-2 text-left" 157 :class="[$store.menu.opened ? 'bg-white' : 'bg-purple-50 group-hover:bg-purple-75']" 158 x-ref="panel" 159 x-on:click.outside="close($refs.button)" 160 role="menu" 161 :id="$id('dropdown-button')" 162 x-show="open" 163 x-cloak 164 > <li class="px-6 lg:px-7" role="menuitem"> 165 <a href="https://www.kopstal.lu/lu/liewen-am-alldag" class="small-link-underline"> 166 lu 167 </a> 168 </li> 169 <li class="px-6 lg:px-7" role="menuitem"> 170 <a href="https://www.kopstal.lu/en/everyday-life" class="small-link-underline"> 171 en 172 </a> 173 </li> 174 </ul> 175 </div> 176</div> 177 178 </div> 179 180 <a href="/search" 181 class="bg-sand-100 flex items-center justify-center p-4 lg:p-5 rounded-full hover:bg-purple hover:cursor-pointer hover:duration-300 transition-colors duration-300 hover:transition-colors group" 182 aria-label="Rechercher sur le site"> 183 <svg xmlns="http://www.w3.org/2000/svg" width="20.314" height="20.314" aria-hidden="true" role="img"><path class="fill-purple group-hover:fill-white transition-colors group-hover:transition-colors" d="m16.031 14.617 4.283 4.283-1.414 1.414-4.283-4.283a9 9 0 1 1 1.414-1.414Zm-2.006-.742a7 7 0 1 0-.15.15Z"/></svg> 184 </a> 185 186 <button 187 class="flex flex-col items-center justify-center p-[18px] rounded-full hover:cursor-pointer aspect-square xl:hidden" 188 :class="$store.menu.opened ? 'bg-purple' : 'bg-sand-100 hover:bg-sand-100/80 space-y-1'"
189 @click="$store.menu.toggle()" 190 :aria-expanded="$store.menu.opened" :aria-label="$store.menu.opened ? 'Fermer le menu' : 'Ouvrir le menu'" 191 x-ref="burger" :aria-controls="$id('main-menu-list')" 192 > 193 194 <svg xmlns="http://www.w3.org/2000/svg" class="w-4" viewBox="0 0 16 14.222" 195 :class="$store.menu.opened ? 'hidden' : 'block'"> 196 <path id="Tracé_2252" data-name="Tracé 2252" d="M3,4H19V5.778H3Zm0,6.222H19V12H3Zm0,6.222H19v1.778H3Z" transform="translate(-3 -4)" fill="#382d87"/> 197 </svg> 198 199 <svg xmlns="http://www.w3.org/2000/svg" class="w-4" viewBox="0 0 18.229 18.229" 200 :class="$store.menu.opened ? 'block' : 'hidden'"> 201 <g transform="translate(-371 -45)"> 202 <path d="M3,16.444H27v1.778H3Z" transform="translate(381.764 31.25) rotate(45)" fill="#fff"/> 203 <path d="M0,1.778H24V0H0Z" transform="translate(389.229 46.258) rotate(135)" fill="#fff"/> 204 </g> 205 </svg> 206 </button> 207 </div> 208 </div> 209 </div> 210</header> 211 212<div 213 x-show="$store.menu.opened" 214 class="bg-purple-50 fixed top-0 w-full h-full md:h-auto md:pb-24 z-20 pt-52 transform-gpu transition duration-200" 215 :class="$store.menu.opened ? 'translate-x-0' : 'translate-x-full'" 216 :aria-expanded="$store.menu.opened" 217 :aria-hidden="$store.menu.opened" 218 x-on:keydown.escape.prevent.stop="$store.menu.close($refs.button)" x-on:focusin.window="! $refs.panelmenu.contains($event.target) && $store.menu.close()" x-id="['main-menu-list']" x-ref="panelmenu" 219 x-cloak 220> 221 <div class="container"> 222 <nav role="navigation" aria-labelledby="block-mobile-menu" id="block-mobile"> 223 <ul class="font-garnett font-medium text-4xl space-y-8 md:space-y-11"> 224 <li class=""> 225 <a 226 class="" 227 href="/fr/commune">Commune</a> 228 </li> 229 <li class=""> 230 <a 231 class="is-ractive " 232 href="/fr/vie-quotidienne">Vie quotidienne</a> 233 </li> 234 <li class=""> 235 <a 236 class="" 237 href="/fr/actualites">Actualités</a> 238 </li> 239 <li class=""> 240 <a 241 class="" 242 href="/fr/node/88">Publications</a> 243 </li> 244 <li class=""> 245 <a 246 class="" 247 href="/fr/urbanisme">Urbanisme</a> 248 </li> 249 <li class=""> 250 <a 251 class="" 252 href="/fr/contact">Contact</a> 253 </li> 254 </ul> 255 256 257 258 </nav> 259 </div> 260</div> 261<main role="main" class="lg:w-screen-lg pt-32 md:pt-40 xl:pt-0" data-router-wrapper> 262 263<article data-router-view="node" class="node main-content node--type-page node--promoted node--view-mode-full"> 264 265 266<div class="container grid md:grid-cols-12"> 267 268 <div class="col-span-11 lg:col-span-9 bg-purple-50 relative before:content-[''] before:block before:absolute before:bg-purple-50 before:top-0 before:bottom-0 before:-left-96 before:right-0 pt-14 md:pt-16 pr-8 pb-44"> 269 270 <div class="relative space-y-4"> 271 272 <div id="block-breadcrumb"> 273 274 275 <nav role="navigation" aria-labelledby="system-breadcrumb"> 276 <ol class="flex flex-row flex-wrap gap-2 lg:gap-4 text-xs"> 277 <li class="flex items-center shrink-0"> 278 <a href="/fr" class="mr-2">Accueil</a> 279 <svg xmlns="http://www.w3.org/2000/svg" width="4.889" height="8" viewBox="0 0 4.889 8"> 280 <path id="Tracé_2206" data-name="Tracé 2206" d="M11.333,9.637,8.222,6.526l.889-.889,4,4-4,4-.889-.889Z" transform="translate(-8.222 -5.637)" fill="#382d87"/> 281 </svg> 282 283 </li> 284 </ol> 285 </nav> 286 287 </div> 288 289 290 <h1 data-appear data-appear-animation="slideIn" class="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-medium">Vie quotidienne</h1> 291 292 293 294 </div> 295 </div> 296 297</div> 298 <div class="container -mt-24 lg:-mt-28 xl:-mt-32 relative"> 299 <div class="views-element-container"><div class="js-view-dom-id-4b635dbad544155a58bdb00c6aa172ac03a6c5296b08cb8f5f017f7576529cda"> 300 301
302 303 304 305 306 307 308 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-16 md:gap-10 md:gap-y-20"> 309 <article> 310 311 <a href="/fr/vie-quotidienne/demarches-administratives" class="card block group mb-4"> 312 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 313 <picture> 314 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=xRR-Z4QH 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=0rZ0gmVi 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> 315 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=_SmuF8TV 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=0rZ0gmVi 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="853"/> 316 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=wBvxizEh 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=_SmuF8TV 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="427"/> 317 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=wBvxizEh 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=wBvxizEh 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 318 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01483.jpg?itok=wBvxizEh" alt="" loading="lazy" class="w-full" /> 319 320 </picture> 321 322 323 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 324 </div> 325 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 326 Démarches administratives 327 </h2> 328 </a> 329 330 <div class="views-element-container"><div class="js-view-dom-id-8806e4bc70764277a65783c9f2e44ccb9fd576b2c939a0c6b478019113fdfb35"> 331 332 333 334 335 336 337 338 339 <ul class="space-y-3"> 340 <li class="group"> 341 <a href="/fr/vie-quotidienne/demarches-administratives/documents-didentite" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 342 <span class="h-9 w-9 shrink-0"> 343 344 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 345 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 346 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 347 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 348 </g> 349 </svg> 350 </span> 351 <span>Documents dâidentité</span> 352 </a> 353</li> 354 <li class="group"> 355 <a href="/fr/vie-quotidienne/demarches-administratives/etat-civil" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 356 <span class="h-9 w-9 shrink-0"> 357 358 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 359 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 360 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 361 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 362 </g> 363 </svg> 364 </span>
365 <span>Ãtat civil</span> 366 </a> 367</li> 368 <li class="group"> 369 <a href="/fr/vie-quotidienne/demarches-administratives/residence" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 370 <span class="h-9 w-9 shrink-0"> 371 372 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 373 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 374 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 375 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 376 </g> 377 </svg> 378 </span> 379 <span>Résidence</span> 380 </a> 381</li> 382 <li class="group"> 383 <a href="/fr/vie-quotidienne/demarches-administratives/formulaires" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 384 <span class="h-9 w-9 shrink-0"> 385 386 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 387 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 388 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 389 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 390 </g> 391 </svg> 392 </span> 393 <span>Formulaires</span> 394 </a> 395</li> 396 <li class="group"> 397 <a href="/fr/vie-quotidienne/demarches-administratives/legalisation-de-signature" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 398 <span class="h-9 w-9 shrink-0"> 399 400 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 401 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 402 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 403 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 404 </g> 405 </svg> 406 </span> 407 <span>Légalisation de signature</span> 408 </a> 409</li> 410 <li class="group"> 411 <a href="/fr/vie-quotidienne/demarches-administratives/copie-conforme" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 412 <span class="h-9 w-9 shrink-0"> 413 414 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 415 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 416 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 417 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 418 </g> 419 </svg> 420 </span> 421 <span>Copie conforme </span> 422 </a> 423</li> 424 <li class="group"> 425 <a href="/fr/vie-quotidienne/demarches-administratives/autorisation-nuit-blanche" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 426 <span class="h-9 w-9 shrink-0"> 427 428 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 429 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 430 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 431 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 432 </g> 433 </svg> 434 </span>
435 <span>Autorisation nuit blanche</span> 436 </a> 437</li> 438 </ul> 439 440 441 442 443 444 445 446</div> 447</div> 448 449</article> 450 <article> 451 452 <a href="/fr/vie-quotidienne/education-jeunes" class="card block group mb-4"> 453 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 454 <picture> 455 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=FUhkv9hR 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=ZCMtpSnU 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1060"/> 456 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=Agd7q5T7 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=ZCMtpSnU 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="848"/> 457 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=twj3EwrE 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=Agd7q5T7 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="424"/> 458 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=twj3EwrE 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=twj3EwrE 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="424"/> 459 <img width="640" height="424" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-8775.jpg?itok=twj3EwrE" alt="Bâtiment de l'école Bridel Kopstal" loading="lazy" class="w-full" /> 460 461 </picture> 462 463 464 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 465 </div> 466 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 467 Ãducation & jeunes 468 </h2> 469 </a> 470 471 <div class="views-element-container"><div class="js-view-dom-id-bbbb5c582a0ff60313f23a6df19421f628277f8102c1883ac74f194f135ba080"> 472 473 474 475 476 477 478 479 480 <ul class="space-y-3"> 481 <li class="group"> 482 <a href="/fr/vie-quotidienne/education-jeunes/ecoles-et-structures-daccueil" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 483 <span class="h-9 w-9 shrink-0"> 484 485 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 486 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 487 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 488 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 489 </g> 490 </svg> 491 </span> 492 <span>Ãcoles et structures d'accueil</span> 493 </a> 494</li> 495 <li class="group"> 496 <a href="/fr/vie-quotidienne/education-jeunes/demarches-scolaires" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 497 <span class="h-9 w-9 shrink-0"> 498 499 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 500 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 501 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 502 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 503 </g> 504 </svg> 505 </span>
506 <span>Démarches scolaires</span> 507 </a> 508</li> 509 <li class="group"> 510 <a href="/fr/vie-quotidienne/education-jeunes/organisation-scolaire" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 511 <span class="h-9 w-9 shrink-0"> 512 513 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 514 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 515 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 516 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 517 </g> 518 </svg> 519 </span> 520 <span>Organisation scolaire</span> 521 </a> 522</li> 523 <li class="group"> 524 <a href="/fr/vie-quotidienne/education-jeunes/assistance-scolaire" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 525 <span class="h-9 w-9 shrink-0"> 526 527 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 528 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 529 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 530 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 531 </g> 532 </svg> 533 </span> 534 <span>Assistance scolaire</span> 535 </a> 536</li> 537 <li class="group"> 538 <a href="/fr/vie-quotidienne/education-jeunes/contacts-scolaires" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 539 <span class="h-9 w-9 shrink-0"> 540 541 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 542 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 543 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 544 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 545 </g> 546 </svg> 547 </span> 548 <span>Contacts scolaires</span> 549 </a> 550</li> 551 </ul> 552 553 554 555 556 557 558 559</div> 560</div> 561 562</article> 563 <article> 564 565 <a href="/fr/vie-quotidienne/culture-sport-et-loisirs" class="card block group mb-4"> 566 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 567 <picture> 568 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=nG51Ne2_ 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=0KMeyIUp 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> 569 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=MizKNSnm 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=0KMeyIUp 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="853"/> 570 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=bn6cAMcJ 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=MizKNSnm 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="427"/> 571 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=bn6cAMcJ 1x, /sites/default/files/styles/640/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=bn6cAMcJ 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 572 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2024-08/2024.04.20_1.jpg?itok=bn6cAMcJ" alt="" loading="lazy" class="w-full" /> 573 574 </picture> 575 576 577 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 578 </div> 579 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 580 Culture, sport et loisirs 581 </h2> 582 </a> 583 584 <div class="views-element-container"><div class="js-view-dom-id-528e9507ced21f44d449a58202f2e12554304fe61b2d9887e1949e270aeeb3b6"> 585 586
587 588 589 590 591 592 593 <ul class="space-y-3"> 594 <li class="group"> 595 <a href="/fr/vie-quotidienne/culture-et-loisirs/associations-locales" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 596 <span class="h-9 w-9 shrink-0"> 597 598 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 599 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 600 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 601 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 602 </g> 603 </svg> 604 </span> 605 <span>Associations locales</span> 606 </a> 607</li> 608 <li class="group"> 609 <a href="/fr/vie-quotidienne/culture-et-loisirs/cours-de-la-commune" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 610 <span class="h-9 w-9 shrink-0"> 611 612 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 613 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 614 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 615 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 616 </g> 617 </svg> 618 </span> 619 <span>Cours de la commune</span> 620 </a> 621</li> 622 <li class="group"> 623 <a href="/fr/vie-quotidienne/culture-et-loisirs/budget-participatif" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 624 <span class="h-9 w-9 shrink-0"> 625 626 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 627 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 628 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 629 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 630 </g> 631 </svg> 632 </span> 633 <span>Budget participatif</span> 634 </a> 635</li> 636 <li class="group"> 637 <a href="/fr/vie-quotidienne/culture-et-loisirs/sentiers-de-randonnee" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 638 <span class="h-9 w-9 shrink-0"> 639 640 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 641 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 642 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 643 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 644 </g> 645 </svg> 646 </span> 647 <span>Sentiers de randonnée</span> 648 </a> 649</li> 650 <li class="group"> 651 <a href="/fr/vie-quotidienne/culture-et-loisirs/reservation-de-salles" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 652 <span class="h-9 w-9 shrink-0"> 653 654 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 655 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 656 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 657 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 658 </g> 659 </svg> 660 </span>
661 <span>Réservation de salles</span> 662 </a> 663</li> 664 <li class="group"> 665 <a href="/fr/vie-quotidienne/culture-et-loisirs/restaurants-et-bars" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 666 <span class="h-9 w-9 shrink-0"> 667 668 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 669 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 670 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 671 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 672 </g> 673 </svg> 674 </span> 675 <span>Restaurants et bars</span> 676 </a> 677</li> 678 </ul> 679 680 681 682 683 684 685 686</div> 687</div> 688 689</article> 690 <article> 691 692 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens" class="card block group mb-4"> 693 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 694 <picture> 695 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=xqUmL1oy 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=gDIUwP0p 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1231"/> 696 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=74hNjqJ7 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=gDIUwP0p 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="985"/> 697 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=B7l8VI74 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=74hNjqJ7 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="492"/> 698 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=B7l8VI74 1x, /sites/default/files/styles/640/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=B7l8VI74 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="492"/> 699 <img width="640" height="492" src="/sites/default/files/styles/640/public/upload/media/image/2024-08/Aides%20et%20services%20aux%20citoyens_0.jpg?itok=B7l8VI74" alt="" loading="lazy" class="w-full" /> 700 701 </picture> 702 703 704 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 705 </div> 706 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 707 Aides et services aux citoyens 708 </h2> 709 </a> 710 711 <div class="views-element-container"><div class="js-view-dom-id-b2663b38e4a80448a284ca9e60b71693069235d8612fbaab87c87d045bf62248"> 712 713 714 715 716 717 718 719 720 <ul class="space-y-3"> 721 <li class="group"> 722 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/aides-aux-personnes-agees-ou-dependantes" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 723 <span class="h-9 w-9 shrink-0"> 724 725 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 726 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 727 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 728 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 729 </g> 730 </svg> 731 </span>
732 <span>Aides aux personnes âgées ou dépendantes</span> 733 </a> 734</li> 735 <li class="group"> 736 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/aides-sociales" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 737 <span class="h-9 w-9 shrink-0"> 738 739 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 740 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 741 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 742 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 743 </g> 744 </svg> 745 </span> 746 <span>Aides sociales</span> 747 </a> 748</li> 749 <li class="group"> 750 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/service-de-mediation" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 751 <span class="h-9 w-9 shrink-0"> 752 753 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 754 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 755 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 756 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 757 </g> 758 </svg> 759 </span> 760 <span>Service de médiation</span> 761 </a> 762</li> 763 <li class="group"> 764 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/babysitters" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 765 <span class="h-9 w-9 shrink-0"> 766 767 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 768 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 769 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 770 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 771 </g> 772 </svg> 773 </span> 774 <span>Babysitters</span> 775 </a> 776</li> 777 <li class="group"> 778 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/service-conciergerie" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 779 <span class="h-9 w-9 shrink-0"> 780 781 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 782 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 783 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 784 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 785 </g> 786 </svg> 787 </span> 788 <span>Service conciergerie</span> 789 </a> 790</li> 791 <li class="group"> 792 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/meteo" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 793 <span class="h-9 w-9 shrink-0"> 794 795 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 796 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 797 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 798 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 799 </g> 800 </svg> 801 </span>
802 <span>Météo</span> 803 </a> 804</li> 805 <li class="group"> 806 <a href="/fr/vie-quotidienne/aides-et-services-aux-citoyens/subsides" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 807 <span class="h-9 w-9 shrink-0"> 808 809 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 810 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 811 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 812 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 813 </g> 814 </svg> 815 </span> 816 <span>Subsides</span> 817 </a> 818</li> 819 </ul> 820 821 822 823 824 825 826 827</div> 828</div> 829 830</article> 831 <article> 832 833 <a href="/fr/vie-quotidienne/mobilite" class="card block group mb-4"> 834 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 835 <picture> 836 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=cDaWinL0 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=FblPpXGN 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> 837 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=dpT3q7kP 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=FblPpXGN 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="853"/> 838 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=HUEh_Zh4 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=dpT3q7kP 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="427"/> 839 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=HUEh_Zh4 1x, /sites/default/files/styles/640/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=HUEh_Zh4 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 840 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2024-08/Transport-public-bus.jpg?itok=HUEh_Zh4" alt="" loading="lazy" class="w-full" /> 841 842 </picture> 843 844 845 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 846 </div> 847 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 848 Mobilité 849 </h2> 850 </a> 851 852 <div class="views-element-container"><div class="js-view-dom-id-cb50a1f047e8616947ceed36c69d1cb5e2d292227261ec05fb391b218b06a89c"> 853 854 855 856 857 858 859 860 861 <ul class="space-y-3"> 862 <li class="group"> 863 <a href="/fr/vie-quotidienne/mobilite/transports-publics" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 864 <span class="h-9 w-9 shrink-0"> 865 866 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 867 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 868 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 869 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 870 </g> 871 </svg> 872 </span>
873 <span>Transports publics</span> 874 </a> 875</li> 876 <li class="group"> 877 <a href="/fr/vie-quotidienne/mobilite/transport-scolaire" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 878 <span class="h-9 w-9 shrink-0"> 879 880 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 881 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 882 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 883 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 884 </g> 885 </svg> 886 </span> 887 <span>Transport scolaire</span> 888 </a> 889</li> 890 <li class="group"> 891 <a href="/fr/vie-quotidienne/mobilite/kobribus" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 892 <span class="h-9 w-9 shrink-0"> 893 894 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 895 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 896 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 897 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 898 </g> 899 </svg> 900 </span> 901 <span>KoBriBus</span> 902 </a> 903</li> 904 <li class="group"> 905 <a href="/fr/vie-quotidienne/mobilite/night-rider" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 906 <span class="h-9 w-9 shrink-0"> 907 908 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 909 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 910 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 911 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 912 </g> 913 </svg> 914 </span> 915 <span>Night Rider</span> 916 </a> 917</li> 918 <li class="group"> 919 <a href="/fr/vie-quotidienne/mobilite/flex-carsharing" class="text-xs font-garnett font-medium flex items-center space-x-4 w-full"> 920 <span class="h-9 w-9 shrink-0"> 921 922 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" aria-hidden="true"> 923 <g data-name="Groupe 3641" transform="translate(-374 -1096)"> 924 <circle cx="18.5" cy="18.5" r="18.5" class="fill-sand-100 group-hover:fill-purple-500 transition-all group-hover:transition-all" data-name="Ellipse 25" transform="translate(374 1096)"/> 925 <path class="fill-purple-500 group-hover:fill-sand-100 transition-all group-hover:transition-all" d="m392.939 1114.999-2.545-2.545.727-.727 3.273 3.273-3.273 3.272-.727-.727Z" data-name="Tracé 2209"/> 926 </g> 927 </svg> 928 </span> 929 <span>FLEX Carsharing</span> 930 </a> 931</li> 932 </ul> 933 934 935 936 937 938 939 940</div> 941</div> 942 943</article> 944 <article> 945 946 <a href="/fr/vie-quotidienne/eaux-et-dechets" class="card block group mb-4"> 947 <div class="aspect-video cover relative mb-6 overflow-hidden img-container"> 948 <picture> 949 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=tJtzmj5E 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=uiugEZ2s 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> 950 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Fe0Crby6 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=uiugEZ2s 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="853"/> 951 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Xjn5iKUj 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Fe0Crby6 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="427"/> 952 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Xjn5iKUj 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Xjn5iKUj 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 953 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/092022_kobri-01275.jpg?itok=Xjn5iKUj" alt="" loading="lazy" class="w-full" /> 954 955 </picture> 956 957 958 <div class="img-container-wrapper-gradient absolute inset-0 bg-gradient-to-tr from-purple-200 from-20% to-transparent duration-300 transition-opacity opacity-20 group-hover:opacity-70 group-hover:transition-opacity group-hover:duration-300"></div> 959 </div> 960 <h2 class="font-medium font-garnett text-3xl min-h-[70px]"> 961 Eaux et déchets 962 </h2> 963 </a> 964 965 <div class="views-element-container"></div> 966 967</article> 968 </div> 969 970 971 972 973 974 975 976</div> 977</div> 978 979 </div> 980 981 982 983 984</article> 985 986 987</main> 988 989 990<footer class="pt-32 md:pt-36 lg:pt-56"> 991 992 <div class="bg-purple-50"> 993 <div class="aspect-video md:aspect-2/1 lg:aspect-29/9 relative overflow-hidden"> 994 <div x-data="{ random: Math.floor(Math.random() * 4) }" class="[&>picture>img]:h-full w-full [&>picture>img]:object-cover h-full aspect-video"> 995 996 997 <template x-if="random == 0"> 998 <picture> 999 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=AYHopg24 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=nTFGk6G- 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="2400"/> 1000 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=i5WwqsX3 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=nTFGk6G- 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="1920"/> 1001 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=B8S3Hz9R 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=i5WwqsX3 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="960"/> 1002 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=B8S3Hz9R 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=B8S3Hz9R 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="960"/> 1003 <img width="640" height="960" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01393_0.jpg?itok=B8S3Hz9R" alt="" loading="lazy" class="w-full" /> 1004 1005 </picture> 1006 1007 1008 </template> 1009 <template x-if="random == 1"> 1010 <picture> 1011 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=EQwVrZ25 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=_6pc9u6- 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="2400"/> 1012 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=hmxtLmV5 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=_6pc9u6- 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="1920"/> 1013 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=d2QXZ678 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=hmxtLmV5 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="960"/> 1014 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=d2QXZ678 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=d2QXZ678 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="960"/> 1015 <img width="640" height="960" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01402.jpg?itok=d2QXZ678" alt="" loading="lazy" class="w-full" /> 1016 1017 </picture> 1018 1019 1020 </template> 1021 <template x-if="random == 2"> 1022 <picture> 1023 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=LuKEpN6N 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=ckviHGnx 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="2400"/> 1024 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=VUGfcMxb 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=ckviHGnx 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="1920"/> 1025 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=PTX4yIPU 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=VUGfcMxb 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="960"/> 1026 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=PTX4yIPU 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=PTX4yIPU 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="960"/> 1027 <img width="640" height="960" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01377.jpg?itok=PTX4yIPU" alt="" loading="lazy" class="w-full" /> 1028 1029 </picture> 1030 1031 1032 </template> 1033 <template x-if="random == 3"> 1034 <picture> 1035 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=bb9tiWFV 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=gDXYB6Vm 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="2400"/> 1036 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=dObwGOQ- 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=gDXYB6Vm 2x" media="(min-width: 1280px)" type="image/jpeg" width="1280" height="1920"/> 1037 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=mz9AU_qY 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=dObwGOQ- 2x" media="(min-width: 640px)" type="image/jpeg" width="640" height="960"/> 1038 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=mz9AU_qY 1x, /sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=mz9AU_qY 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="960"/> 1039 <img width="640" height="960" src="/sites/default/files/styles/640/public/upload/media/image/2024-02/062023_kopstal-01404.jpg?itok=mz9AU_qY" alt="" loading="lazy" class="w-full" /> 1040 1041 </picture> 1042 1043 1044 </template> 1045 1046 </div> 1047 <div class="absolute right-0 left-0 -bottom-5 md:-bottom-10 h-24 md:h-48 bg-repeat-x bg-cover" style="background-image: url('/themes/kopstal/src/img/footer-waves.svg')"> 1048 </div> 1049 </div> 1050 1051 <div class="container grid gap-4 grid-cols-1 lg:grid-cols-12"> 1052 1053 <div class="bg-purple relative flex lg:justify-center py-20 px-4 lg:col-span-3 before:content-[''] before:block before:absolute before:bg-purple before:top-0 before:bottom-0 before:-left-[100vw] before:-right-96 lg:before:right-0 lg:items-start [&>
1053svg]:min-h-[100px]"> 1054 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="max-w-[190px] md:max-w-[220px] z-10" viewBox="0 0 194 101.803"> 1055 <defs> 1056 <clipPath id="clip-path"> 1057 <rect id="Rectangle_223" data-name="Rectangle 223" width="194" height="101.803" fill="#fff"/> 1058 </clipPath> 1059 </defs> 1060 <g id="Groupe_3546" data-name="Groupe 3546" clip-path="url(#clip-path)"> 1061 <path id="Tracé_1961" data-name="Tracé 1961" d="M25.513,162.6l-2.675,2.03v-7.112l2.865-3.381c6.291-1.114,14.9-12.8,14.745-18.865-6.165.162-15.226,11.975-15.546,18.442l-2.063,2.435v-9.866l2.219-2.846a1.311,1.311,0,0,0,1.814-1.016,1.29,1.29,0,0,0,.835-1.031,1.291,1.291,0,0,0,.836-1.031,1.289,1.289,0,0,0,.835-1.031,1.311,1.311,0,0,0,.56-.4,1.327,1.327,0,1,0-2.062-1.671,1.308,1.308,0,0,0-.274.631,1.285,1.285,0,0,0-.835,1.031,1.285,1.285,0,0,0-.836,1.031,1.287,1.287,0,0,0-.836,1.03,1.318,1.318,0,0,0-.7,1.866l-1.557,2v-5.267L24.6,137.14a1.089,1.089,0,0,0,1.4-.924,1.071,1.071,0,0,0,.664-.881,1.074,1.074,0,0,0,.454-.349,1.091,1.091,0,0,0,.211-.532,1.072,1.072,0,0,0,.663-.881,1.1,1.1,0,1,0-1.308-1.677,1.075,1.075,0,0,0-.209.533,1.064,1.064,0,0,0-.665.881,1.07,1.07,0,0,0-.663.881,1.074,1.074,0,0,0-.665.881,1.087,1.087,0,0,0-.56,1.492l-1.089,1.5V133.71a.442.442,0,1,0-.884,0V134.9l-1.01-1.394a1.086,1.086,0,0,0-.56-1.492,1.074,1.074,0,0,0-.665-.881,1.065,1.065,0,0,0-.663-.881,1.071,1.071,0,0,0-.663-.882,1.084,1.084,0,0,0-.211-.532,1.1,1.1,0,1,0-1.761,1.327,1.084,1.084,0,0,0,.454.348,1.07,1.07,0,0,0,.665.882,1.068,1.068,0,0,0,.21.532,1.084,1.084,0,0,0,.454.349,1.094,1.094,0,0,0,.21.532,1.081,1.081,0,0,0,.454.349,1.084,1.084,0,0,0,.211.532,1.1,1.1,0,0,0,1.193.392l1.685,2.325v5.275l-1.479-1.9a1.316,1.316,0,0,0-.7-1.864,1.323,1.323,0,0,0-.275-.631,1.3,1.3,0,0,0-.56-.4,1.311,1.311,0,0,0-.275-.631,1.325,1.325,0,0,0-.56-.4,1.322,1.322,0,0,0-.275-.63,1.308,1.308,0,0,0-.562-.4A1.3,1.3,0,0,0,17,134.2a1.327,1.327,0,1,0-2.063,1.671,1.311,1.311,0,0,0,.56.4,1.323,1.323,0,0,0,.275.632,1.308,1.308,0,0,0,.56.4,1.288,1.288,0,0,0,.836,1.031A1.283,1.283,0,0,0,18,139.366a1.3,1.3,0,0,0,.274.631,1.322,1.322,0,0,0,1.539.385l2.14,2.744v9.861l-1.986-2.411c-.4-6.486-9.406-18.2-15.545-18.359-.16,6.094,8.53,17.857,14.828,18.881l2.672,3.243.031-.026v7.2l-2.6-1.97C17.48,153.325,6.011,144,0,145.262c1.25,5.967,12.416,15.411,18.78,14.956l3.173,2.408V169a.442.442,0,0,0,.884,0V165.74l3.252-2.468c6.364.455,17.531-8.989,18.78-14.955-6.011-1.258-17.479,8.063-19.358,14.283" transform="translate(0 -74.704)" fill="#fff"/> 1062 <path id="Tracé_1962" data-name="Tracé 1962" d="M114.945,4.954c0-.849,0-.849,4.091-.849V19.17l7.932-14.816a13.361,13.361,0,0,1,2.593-.3q2.246,0,1.646,1.2L123.176,19.17c3.942,2.994,6.685,9.431,7.982,18.958.05.748-.249,1-1.646,1a27.948,27.948,0,0,1-2.843-.151c-1.448-7.783-2.795-12.772-5.588-15.815a6.63,6.63,0,0,0-2.045-1.346V38.228c0,.8,0,.8-4.091.8Z" transform="translate(-66.874 -2.36)" fill="#fff"/> 1063 <path id="Tracé_1963" data-name="Tracé 1963" d="M165.8,26.839c5.238,0,7.732,2.693,7.732,12.821,0,9.278-2.843,13.12-8.181,13.12-5.139,0-7.833-1.746-7.833-12.97,0-9.131,3.044-12.972,8.282-12.972m-.35,22.5c2.145,0,3.693-1.846,3.693-9.629,0-7.93-1.149-9.329-3.494-9.329-2.195,0-3.741,1.748-3.741,9.53,0,8.231,1.248,9.428,3.542,9.428" transform="translate(-91.643 -15.615)" fill="#fff"/> 1064 <path id="Tracé_1964" data-name="Tracé 1964" d="M204.029,28.835a13.619,13.619,0,0,1,7.281-2c4.94,0,8.133,2.2,8.133,10.377,0,13.419-4.042,15.564-7.434,15.564a5.54,5.54,0,0,1-3.941-1.4V61.76a6.169,6.169,0,0,1-2.1.349c-1.4,0-1.944-.4-1.944-1.746Zm4.04,18.656a3.119,3.119,0,0,0,2.694,1.648c1.544,0,4.19-1.1,4.19-11.476,0-5.935-1.3-7.284-3.841-7.284a5.14,5.14,0,0,0-3.043.948Z" transform="translate(-118.703 -15.614)" fill="#fff"/> 1065 <path id="Tracé_1965" data-name="Tracé 1965" d="M253.745,35.868c0,.8,0,.8-4.04.8V1.846c0-1.846.8-1.846,4.04-1.846Z" transform="translate(-145.276)" fill="#fff"/> 1066 <path id="Tracé_1966" data-name="Tracé 1966" d="M283.707,34.87a32.911,32.911,0,0,1-.547,6.486,64.19,64.19,0,0,1-10.428.8c.2,5.289,1.6,6.685,4.64,6.685a11.831,11.831,0,0,0,5.686-1.546,10.116,10.116,0,0,1,.351,2.744c0,1.545-3.145,2.743-6.884,2.743-4.64,0-7.983-1.946-7.983-11.
1066675,0-12.471,4.439-14.267,8.83-14.267,4.191,0,6.335,2.646,6.335,8.032m-10.927,3.991a27.315,27.315,0,0,0,6.737-.549,14.978,14.978,0,0,0,.249-2.992c-.051-3.593-.7-4.94-2.844-4.94-2.045,0-3.842,1.747-4.142,8.481" transform="translate(-156.236 -15.614)" fill="#fff"/> 1067 <path id="Tracé_1967" data-name="Tracé 1967" d="M325.941,29.631a3.269,3.269,0,0,1-.9,2.045,8.966,8.966,0,0,0-4.888-1.3c-2.345,0-3.941.849-3.941,2.4,0,.9.3,1.695,1.995,3.094l4.64,3.74c2.145,2.1,2.942,3.743,2.942,6.235,0,4.442-3.14,6.936-8.231,6.936-3.541,0-6.086-.8-6.086-2.545a4.541,4.541,0,0,1,.7-2.346,9.477,9.477,0,0,0,4.987,1.249c2.545,0,4.04-1.1,4.04-3.093a4.979,4.979,0,0,0-1.995-3.893l-4.838-4.139c-2.244-1.847-2.845-3.643-2.845-5.289,0-3.494,2.545-5.888,8.131-5.888,5.139,0,6.289,1.8,6.289,2.794" transform="translate(-181.213 -15.614)" fill="#fff"/> 1068 <path id="Tracé_1968" data-name="Tracé 1968" d="M365.4,31.328a7.65,7.65,0,0,0-3.492-.9c-2.344,0-4.939,1.048-4.939,9.927,0,7.034,1.4,8.83,4.44,8.83a7.69,7.69,0,0,0,3.94-1.147,8.235,8.235,0,0,1,.4,2.2c0,1.346-2.295,2.545-5.589,2.545-4.738,0-7.432-1.9-7.432-12.423,0-11.972,4.84-13.52,8.979-13.52,2.294,0,4.142.95,4.142,2.247a6.132,6.132,0,0,1-.448,2.244" transform="translate(-205.217 -15.614)" fill="#fff"/> 1069 <path id="Tracé_1969" data-name="Tracé 1969" d="M391.729,1.846c0-1.846.7-1.846,4.042-1.846V13.17a8.666,8.666,0,0,1,5.587-1.946c4.289,0,5.188,2.394,5.188,6.586V35.868c0,.8-.2.8-4.191.8V18.958c0-2.2-.4-3.991-2.843-3.991a5.746,5.746,0,0,0-3.74,1.4V35.868c0,.8-.051.8-4.042.8Z" transform="translate(-227.905)" fill="#fff"/> 1070 <path id="Tracé_1970" data-name="Tracé 1970" d="M437.216,19.033h-3.394c0-3.094.051-3.492.9-3.492h2.5V7.958c0-1.4.748-1.4,4.091-1.4V15.54h5.087c0,3.144,0,3.492-.8,3.492h-4.289V33.549c0,2.145,0,3.942,1.8,3.942a5.822,5.822,0,0,0,2.891-.748,7.242,7.242,0,0,1,.3,2c0,1.844-2.345,2.244-4.289,2.244-4.242,0-4.788-2.943-4.788-7.434Z" transform="translate(-252.394 -3.817)" fill="#fff"/> 1071 <path id="Tracé_1971" data-name="Tracé 1971" d="M114.946,103.792c0-.468.188-.8,1.174-.8h4.694c3.569,0,7.841,1.126,7.841,7.136,0,5.54-2.723,7.325-4.6,7.607,1.972.139,5.635,1.174,5.635,6.9,0,9.345-5.448,11.223-9.016,11.223h-5.728Zm2.582,13.054h3.522c2.676,0,4.836-1.6,4.836-6.246,0-4.32-2.536-5.307-5.024-5.307h-3.334Zm0,16.668h3.146c3.1,0,6.058-2.018,6.058-8.64,0-5.4-2.63-5.774-6.058-5.774h-3.146Z" transform="translate(-66.875 -59.922)" fill="#fff"/> 1072 <path id="Tracé_1972" data-name="Tracé 1972" d="M158.964,126.391a11.39,11.39,0,0,1,6.292-2.066c2.3,0,3.38.658,3.38,1.643a3.928,3.928,0,0,1-.375,1.549,5.293,5.293,0,0,0-2.63-.7,6.5,6.5,0,0,0-4.038,1.316v19.532c0,.61-.094.61-2.63.61Z" transform="translate(-92.484 -72.331)" fill="#fff"/> 1073 <path id="Tracé_1973" data-name="Tracé 1973" d="M191.393,101.307c1.081,0,1.456.659,1.456,2.114-.046,1.409-.563,2.206-1.6,2.206-.938,0-1.455-.61-1.408-2.158,0-1.363.517-2.162,1.549-2.162m1.222,32.964c0,.609-.048.609-2.677.609V112.671c0-1.269.611-1.269,2.677-1.269Z" transform="translate(-110.448 -58.94)" fill="#fff"/> 1074 <path id="Tracé_1974" data-name="Tracé 1974" d="M219.122,100.33c0-1.268.564-1.268,2.63-1.268v33.573a15.01,15.01,0,0,1-6.667,1.408c-4.132,0-7.606-1.174-7.606-11.55,0-9.016,3.522-12.866,7.794-12.866a6.329,6.329,0,0,1,3.85,1.034Zm0,12.538a4.308,4.308,0,0,0-3.1-.94c-3.1,0-5.773,2.676-5.773,10.331,0,8.309,2.066,9.39,5.07,9.437a7.2,7.2,0,0,0,3.849-.94Z" transform="translate(-120.709 -57.634)" fill="#fff"/> 1075 <path id="Tracé_1975" data-name="Tracé 1975" d="M264.267,100.33c0-1.268.564-1.268,2.63-1.268v33.573a15.021,15.021,0,0,1-6.67,1.408c-4.132,0-7.6-1.174-7.6-11.55,0-9.016,3.52-12.866,7.792-12.866a6.336,6.336,0,0,1,3.852,1.034Zm0,12.538a4.31,4.31,0,0,0-3.1-.94c-3.1,0-5.775,2.676-5.775,10.331,0,8.309,2.066,9.39,5.07,9.437a7.211,7.211,0,0,0,3.851-.94Z" transform="translate(-146.974 -57.634)" fill="#fff"/> 1076 <path id="Tracé_1976" data-name="Tracé 1976" d="M311.747,131.745a29.148,29.148,0,0,1-.469,5.634,63.542,63.542,0,0,1-11.222.846c.046,6.855,2.159,7.982,5.493,7.982a9.956,9.956,0,0,0,5.635-1.6,5.445,5.445,0,0,1,.329,1.831c0,1.126-2.959,2.3-6.386,2.3-4.461,0-7.7-1.5-7.7-10.941,0-12.066,4.508-13.474,8.4-13.474,4.084,0,5.916,2.769,5.916,7.418m-11.644,4.32a44.316,44.316,0,0,0,8.922-.658,25.318,25.318,0,0,0,.188-3.145c-.049-3.756-.8-5.589-3.617-5.589-2.393,0-5.163,1.081-5.493,9.391" transform="translate(-173.041 -72.332)" fill="#fff"/> 1077 <path id="Tracé_1977" data-name="Tracé 1977" d="M344.252,132.963c0,.609-.046.609-2.583.609V100.329c0-1.269.517-1.269,2.583-1.269Z" transform="translate(-198.78 -57.632)" fill="#fff"/> 1078 <path id="Tracé_1978" data-name="Tracé 1978" d="M40.756,216.736,39.325,214.8c.309-.229,31.363-22.67,70.42-4.182l-1.03,2.175c-37.717-17.859-67.66,3.72-67.959,3.941" transform="translate(-22.879 -118.291)" fill="#fff"/> 1079 <path id="Tracé_1979" data-name="Tracé 1979" d="M236.783,224.763a73.078,73.078,0,0,1-31.534-7.3l1.029-2.176c37.717,17.856,67.663-3.721,67.96-3.942l1.431,1.936a71.142,71.142,0,0,1-38.886,11.48" transform="translate(-119.412 -122.96)" fill="#fff"/> 1080 </g> 1081</svg> 1082 1083 </div> 1084 1085 <div class="lg:col-start-5 lg:col-span-8"> 1086 <div class="py-20 grid grid-cols-2 md:grid-cols-4 gap-4 gap-y-12 md:gap-8"> 1087 1088 <div class="col-span-2 [&>nav>ul]:columns-2"> 1089 <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer"> 1090 <ul class="space-y-7 md:space-y-5 font-medium text-lg font-garnett"> 1091 <li class=""> 1092 <a
1093 class=" link-underline" 1094 href="/fr/commune">Commune</a> 1095 </li> 1096 <li class=""> 1097 <a 1098 class="is-ractive link-underline" 1099 href="/fr/vie-quotidienne">Vie quotidienne</a> 1100 </li> 1101 <li class=""> 1102 <a 1103 class=" link-underline" 1104 href="/fr/actualites">Actualités</a> 1105 </li> 1106 <li class=""> 1107 <a 1108 class=" link-underline" 1109 href="/fr/node/88">Publications</a> 1110 </li> 1111 <li class=""> 1112 <a 1113 class=" link-underline" 1114 href="/fr/urbanisme">Urbanisme</a> 1115 </li> 1116 <li class=""> 1117 <a 1118 class=" link-underline" 1119 href="/fr/contact">Contact</a> 1120 </li> 1121 </ul> 1122 1123 1124 1125 </nav> 1126 </div> 1127 1128 <ul class="space-y-6 col-span-2 md:col-span-1"> 1129 <li class="font-garnett font-medium">Bureau de la population</li> 1130 <li>(Démarches administratives, Ãtat civil, Service scolaire)</li> 1131 <li class="text-purple-600">1-3, rue Nicolas Goedert<br>8133 Bridel</li> 1132 <li class="font-garnett font-medium">Lundi à vendredi</li> 1133 <li class="text-purple-600">7h30 - 12h00 et 13h00 - 16h00</li> 1134 </ul> 1135 1136 <ul class="space-y-6 col-span-2 md:col-span-1"> 1137 <li class="font-garnett font-medium">Administration communale de Kopstal</li> 1138 <li class="text-purple-600">28, rue de Saeul<br>8189 Kopstal</li> 1139 <li class="text-purple-600">T : <a href="Tel:+35227327222">27 327 - 222</a><br>E-mail : <a href="mailto:[email protected]">[email protected]</a></li> 1140 </ul> 1141 1142 </div> 1143 <div class="md:flex md:items-center md:justify-end mb-16"> 1144 1145 <ul class="flex gap-8 mb-9 md:gap-4 md:mb-0 md:justify-end" aria-label="Liste des langues"><li class=""> 1146 <a 1147 href="https://www.kopstal.lu/fr/vie-quotidienne" 1148 class="link-underline text-purple-300"> 1149 Français 1150 </a> 1151 </li><li class=""> 1152 <a 1153 href="https://www.kopstal.lu/lu/liewen-am-alldag" 1154 class="link-underline "> 1155 Lëtzebuergesch 1156 </a> 1157 </li><li class=""> 1158 <a 1159 href="https://www.kopstal.lu/en/everyday-life" 1160 class="link-underline "> 1161 English 1162 </a> 1163 </li></ul> 1164 1165 <div class="flex items-center gap-8 md:gap-4 md:justify-end md:ml-4"> 1166 1167 <nav role="navigation" aria-labelledby="block-footernav-menu" id="block-footernav"> 1168 <a 1169 class="flex md:before:content-[''] md:before:block md:before:w-[1px] md:before:bg-purple-100 md:before:mr-4 md:before:h-6 after:content-[''] after:block after:w-[1px] after:bg-purple-100 after:ml-8 md:after:ml-4 after:h-6" 1170 href="/fr/mentions-legales"> 1171 Mentions légales 1172 </a> 1173 1174 1175 1176 </nav> 1177 1178 <a href="https://www.facebook.com/CommunedeKopstal" title="Facebook page" target="_blank" class="group"> 1179 <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" aria-hidden="true"><g data-name="Groupe 5807" transform="translate(-1061 -6140)"><rect width="36" height="36" class="fill-purple-500 group-hover:fill-white transition-all group-hover:transition-all" data-name="Rectangle 1" rx="18" transform="translate(1061 6140)"/><path class="fill-white group-hover:fill-purple-500 transition-all group-hover:transition-all" d="M1079.5 6156.164h3l-.333 1.333h-2.667v6h-1.333v-6h-2.667v-1.333h2.667v-1.248a3.873 3.873 0 0 1 .356-2.055 2.423 2.423 0 0 1 1.008-1.008 3.873 3.873 0 0 1 2.054-.356 3.727 3.727 0 0 1 .915.1v1.233h-.915a2.785 2.785 0 0 0-1.425.2 1.085 1.085 0 0 0-.461.461 2.785 2.785 0 0 0-.199 1.425v1.248Z" data-name="Tracé 67"/></g></svg> 1180 <span class="sr-only">Facebook</span> 1181 </a> 1182 </div> 1183 </div> 1184 1185 </div> 1186 1187 </div> 1188 </div> 1189 1190</footer> 1191 1192 1193 1194 1195 1196 1197 <div class="absolute bg-purple-600 opacity-0 transform-gpu transition-all inset-0 translate-x-full z-10" :class="$store.menu.opened ? 'opacity-80 !translate-x-0' : ''"></div> 1198 1199
1199<script type="module" src="https://www.kopstal.lu/themes/kopstal/dist/assets/app-0b6248f6.js" crossorigin ></script>
1199 1200 </body> 1201 1202</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.