PageSourceSearch

https://www.kopstal.lu/fr/vie-quotidienne

html kopstal.lu collected 2026-10-02 16:19:26 UTC 83,371 bytes, 1,202 lines download raw bytes

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&amp;language=fr&amp;theme=kopstal&amp;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&#039;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&#039;é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 &amp; 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&#039;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.