1<!DOCTYPE html> 2<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#" style="--accent-color: #D10513" data-accent-color="#D10513"> 3 <head> 4 <meta charset="utf-8" /> 5<meta name="description" content="Vous trouverez ici les informations concernant l'utilisation des cookies sur notre site web." /> 6<link rel="canonical" href="https://luxdev.lu/fr/mentions-legales/politique-concernant-les-cookies" /> 7<link rel="image_src" href="https://luxdev.lu/sites/default/files/styles/meta/public/upload/media/image/2025-03/_MG_1988.jpg?itok=BTliNk2e" /> 8<meta property="og:site_name" content="LuxDev" /> 9<meta property="og:title" content="Politique concernant les cookies" /> 10<meta property="og:description" content="Vous trouverez ici les informations concernant l'utilisation des cookies sur notre site web." /> 11<meta property="og:image" content="https://luxdev.lu/sites/default/files/styles/meta/public/upload/media/image/2025-03/_MG_1988.jpg?itok=BTliNk2e" /> 12<meta property="og:image:url" content="https://luxdev.lu/sites/default/files/styles/meta/public/upload/media/image/2025-03/_MG_1988.jpg?itok=BTliNk2e" /> 13<meta property="og:image:type" content="image/png" /> 14<meta property="og:image:height" content="1260" /> 15<meta property="og:image:alt" content="StarrySky meta image" /> 16<meta property="profile:username" content="admin" /> 17<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 18<meta name="MobileOptimized" content="width" /> 19<meta name="HandheldFriendly" content="true" /> 20<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 21<link rel="alternate" hreflang="en" href="https://luxdev.lu/en/legal-information/cookie-policy" /> 22<link rel="alternate" hreflang="fr" href="https://luxdev.lu/fr/mentions-legales/politique-concernant-les-cookies" /> 23 24 <title>Politique concernant les cookies | LuxDev</title> 25 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 26 27 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_R5q7OVc68Q1OJXALEV7zAU378FxDNrsQmQc9CS1ZYMg.css?delta=0&language=fr&theme=luxdev&include=eJx9ikEKAjEQBD8UJm-akDYbmNkM6cTF34siXgQv1VBdoVPb1DiY69yhJvE1ss_YxToP1MQHFzwXJdK942J-U3zUbUgXym1Mz58VGBznkoql3ShrtPYnc5Dafv8Xnn6MP7U" /> 28 29 30 31 32 <link rel="stylesheet" href="https://luxdev.lu/themes/luxdev/dist/assets/app-65c7f3a3.css" crossorigin /> 33 34 <link rel="icon" type="image/png" href="/themes/luxdev/src/img/favicon/favicon-96x96.png" sizes="96x96" /> 35 <link rel="icon" type="image/svg+xml" href="/themes/luxdev/src/img/favicon/favicon.svg" /> 36 <link rel="shortcut icon" href="/themes/luxdev/src/img/favicon/favicon.ico" /> 37 <link rel="apple-touch-icon" sizes="180x180" href="/themes/luxdev/src/img/favicon/apple-touch-icon.png" /> 38 <meta name="apple-mobile-web-app-title" content="LuxDev" /> 39 <link rel="manifest" href="/themes/luxdev/src/img/favicon/site.webmanifest" /> 40 41 </head> 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 <body class="font-primary font-medium text-blue-700/70 bg-blue-50 antialiased overflow-x-hidden path-node page-node-type-page node-60 layout-default group/body" style="" data-bg-color=""> 72 <div id="outdated"></div> 73 74 75 76 <div id="app"> 77 <a href="#main-content" class="sr-only focus:not-sr-only"> 78 Aller au contenu principal 79</a> 80 81<a id="main-content" tabindex="-1"></a> 82 83 84<div 85 x-data="$store.cookieConsent" 86 x-init="initCookies('[{"name":"necessary","label":"Cookies n\u00e9cessaires","description":"Cookies n\u00e9cessaires","required":true},{"name":"analytics","label":"Mesure de l\u0027audience (Matomo)","description":"Ces cookies permettent d\u2019analyser anonymement le trafic du site.","required":false}]')" 87 x-cloak 88 class="fixed inset-0 z-[55] pointer-events-none"> 89 90 <div 91 x-show="panelOpened" 92 x-on:keydown.escape.window="closePanel()" 93 x-trap="panelOpened" 94 role="dialog" 95 aria-modal="true" 96 aria-hidden="panelOpened" 97 aria-labelledby="cc-panel-title" 98 aria-describedby="cc-panel-text" 99 class="absolute inset-0 z-10 pointer-events-auto"> 100 101 <div class="absolute z-10 right-0 bottom-0 top-0 lg:bottom-4 lg:top-4 lg:right-4 bg-white divide-y divide-gray-100 flex flex-col w-full sm:max-w-xl md:max-w-lg rounded-md sm:rounded-lg md:rounded-xl"> 102 103 <div class="p-4 flex items-center justify-between sm:p-6"> 104 <div> 105 <p id="cc-panel-title" class="font-semibold text-blue tracking-tight text-xl">Cookies</p> 106 </div> 107 <div> 108 109 110<button 111 x-on:click="closePanel()" class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3">
112 <span class="sr-only">Fermer la fenêtre</span> 113 <div class="relative z-10"> 114 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 115 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-close-line"></use> 116</svg> </div> 117 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 118</button> 119 </div> 120 </div> 121 122 <div class="flex-1 overflow-y-auto p-4 space-y-6 sm:p-6"> 123 124 <div class="prose"> 125 <p class="text-sm text-blue-700-70 leading-5 font-medium">Ce site utilise des cookies pour analyser anonymement son trafic et nous aider à vous apporter la meilleure expérience possible. <a href="/fr/mentions-legales/politique-concernant-les-cookies">Politique concernant les cookies</a>.</p> 126 </div> 127 128 <div> 129 <ul class="space-y-3"> 130 131 <template x-for="cookie in cookies" :key="cookie.name"> 132 <li> 133 <div class="bg-blue-50 p-4 lg:p-5 rounded-lg space-y-5 sm:p-6"> 134 <div class="flex items-center justify-between"> 135 <div> 136 <p 137 x-text="cookie.label" 138 class="text-base font-semibold text-blue leading-9"></p> 139 </div> 140 <div> 141 <button 142 x-on:click="toggleCookie(cookie)" 143 x-bind:class="{ 'bg-blue': cookie.enabled, 'bg-blue-100 ': !cookie.enabled }" 144 x-bind:disabled="cookie.required" 145 type="button" 146 class="relative inline-flex h-7 w-12 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue focus:ring-offset-2" role="switch" aria-checked="false"> 147 148 <span 149 x-text:enabled="cookie.enabled ? 'Disable' : 'Enable'" 150 class="sr-only"></span> 151 152 <span 153 x-bind:aria-checked="cookie.enabled" 154 x-bind:class="cookie.enabled ? 'translate-x-5 bg-blue-50' : 'translate-x-0 bg-blue'" 155 class="pointer-events-none relative inline-block h-6 w-6 transform rounded-full shadow ring-0 transition duration-200 ease-in-out"> 156 157 <span 158 x-bind:class="cookie.enabled ? 'opacity-0 duration-100 ease-out' : 'opacity-100 duration-200 ease-in'" 159 class="absolute inset-0 p-0.5 flex text-blue-50 h-full w-full items-center justify-center transition-opacity"> 160 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 161 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-close-line"></use> 162</svg> </span> 163 164 <span 165 x-bind:class="cookie.enabled ? 'opacity-100 duration-200 ease-in' : 'opacity-0 duration-100 ease-out'" 166 class="absolute inset-0 p-0.5 flex text-blue h-full w-full items-center justify-center transition-opacity" aria-hidden="true"> 167 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 168 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-check-line"></use> 169</svg> </span> 170 171 </span> 172 </button> 173 </div> 174 </div> 175 <div> 176 <p 177 x-text="cookie.description" 178 class="text-sm text-blue-700-70 font-medium leading-5 w-10/12"></p> 179 </div> 180 </div> 181 </li> 182 </template> 183 184 </ul> 185 </div> 186 187 </div> 188 189 <div class="p-4 sm:p-6"> 190 <ul class="flex flex-col gap-4 lg:flex-row lg:items-center"> 191 <li> 192 193<button 194 x-on:click="acceptAllCookies();" class="w-full justify-center group relative inline-flex items-center overflow-hidden gap-x-4 bg-blue-500 rounded-full px-4 py-3 lg:pl-7 lg:pr-6 lg:py-4"> 195 <span class="relative z-10 text-blue-100 uppercase font-secondary font-medium text-xs group-hover:text-white transition-colors ease-in-out duration-500">Accepter</span> 196 <span class="block relative z-10 size-1.5 bg-[var(--accent-color)] rounded-full transition ease-in-out duration-500 lg:size-2 group-hover:scale-50"></span> 197 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 198</button> 199 </li> 200 <li> 201 202<button 203 x-on:click="rejectAllCookies()" class="w-full justify-center group relative inline-flex items-center overflow-hidden gap-x-4 bg-blue-500 rounded-full px-4 py-3 lg:pl-7 lg:pr-6 lg:py-4"> 204 <span class="relative z-10 text-blue-100 uppercase font-secondary font-medium text-xs group-hover:text-white transition-colors ease-in-out duration-500">Refuser</span> 205 <span class="block relative z-10 size-1.5 bg-[var(--accent-color)] rounded-full transition ease-in-out duration-500 lg:size-2 group-hover:scale-50"></span> 206 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 207</button> 208 </li> 209 <li class="mx-auto"> 210 211<button 212 x-on:click="savePreferences()" class=" group relative"> 213 <span class="font-secondary uppercase text-blue-500 text-xs">Sauvegarder les préférences</span> 214 <div class="relative h-0.5 bg-blue-100"> 215 <span class="absolute inset-0 bg-blue-500 scale-x-0 transition-transform duration-500 ease-out origin-right group-hover:origin-left group-hover:scale-x-100"></span> 216 </div> 217</button> </li> 218 </ul> 219 </div> 220 221 </div> 222 223 <div 224 x-on:click="closePanel()" 225 class="bg-blue-700 bg-opacity-50 backdrop-blur-md absolute z-0 inset-0"> 226 </div> 227 228 </div> 229 230 <div 231 x-show="barOpened" 232 role="dialog" 233 aria-modal="true" 234 aria-hidden="barOpened" 235 aria-labelledby="cc-bar-title" 236 aria-describedby="cc-bar-text" 237 class="absolute z-0 right-2 left-2 bottom-2 lg:bottom-4 lg:right-4 bg-white rounded-md sm:rounded-lg md:rounded-xl pointer-events-auto sm:left-auto max-w-96 lg:max-w-lg"> 238
239 <div class="p-4 lg:p-8 lg:pb-7 divide-y divide-blue-100 prose"> 240 <p id="cc-bar-title" class="font-semibold text-blue tracking-tight text-xl mb-4">Cookies</p> 241 <p id="cc-bar-text" class="text-sm pt-4 text-blue-700-70 leading-5 font-medium">Ce site utilise des cookies pour analyser anonymement son trafic et nous aider à vous apporter la meilleure expérience possible. <a href="/fr/mentions-legales/politique-concernant-les-cookies">Politique concernant les cookies</a>.</p> 242 </div> 243 244 <div class="p-4 lg:px-8 lg:py-7"> 245 <ul class="flex flex-col gap-4 lg:flex-row lg:items-center"> 246 <li> 247 248<button 249 x-on:click="acceptAllCookies(); closeBar();" class="w-full justify-center group relative inline-flex items-center overflow-hidden gap-x-4 bg-blue-500 rounded-full px-4 py-3 lg:pl-7 lg:pr-6 lg:py-4"> 250 <span class="relative z-10 text-blue-100 uppercase font-secondary font-medium text-xs group-hover:text-white transition-colors ease-in-out duration-500">Accepter</span> 251 <span class="block relative z-10 size-1.5 bg-[var(--accent-color)] rounded-full transition ease-in-out duration-500 lg:size-2 group-hover:scale-50"></span> 252 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 253</button> 254 </li> 255 <li> 256 257<button 258 x-on:click="rejectAllCookies(); closeBar();" class="w-full justify-center group relative inline-flex items-center overflow-hidden gap-x-4 bg-blue-500 rounded-full px-4 py-3 lg:pl-7 lg:pr-6 lg:py-4"> 259 <span class="relative z-10 text-blue-100 uppercase font-secondary font-medium text-xs group-hover:text-white transition-colors ease-in-out duration-500">Refuser</span> 260 <span class="block relative z-10 size-1.5 bg-[var(--accent-color)] rounded-full transition ease-in-out duration-500 lg:size-2 group-hover:scale-50"></span> 261 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 262</button> 263 </li> 264 <li class="mx-auto"> 265 266<button 267 x-on:click="openPanel()" class=" group relative"> 268 <span class="font-secondary uppercase text-blue-500 text-xs">Paramètres</span> 269 <div class="relative h-0.5 bg-blue-100"> 270 <span class="absolute inset-0 bg-blue-500 scale-x-0 transition-transform duration-500 ease-out origin-right group-hover:origin-left group-hover:scale-x-100"></span> 271 </div> 272</button> </li> 273 </ul> 274 </div> 275 276 277 278 </div> 279 280</div> 281 282<header 283 id="header" 284 role="banner" 285 x-data="$store.header" 286 x-init="setup()" 287 x-on:keydown.escape="closePanel()" 288 x-bind:class="{ '-translate-y-full': menuIsHidden }" 289 class="fixed left-0 top-0 right-0 p-2 z-50 transition-transform duration-500 ease-out mx-auto sm:p-4 3xl:max-w-[80%]"> 290 291 <div 292 class="header-inner relative z-10 py-6 rounded-md sm:rounded-lg sm:w-2/3 md:rounded-xl md:w-1/2 xl:w-full" 293 x-bind:class="{ 'bg-blue-50': searchIsOpen, 'bg-white': !searchIsOpen }"> 294 295 <div 296 x-show="!searchIsOpen" 297 class="container flex flex-col gap-8 xl:flex-row"> 298 299 <div class="flex items-center justify-between"> 300 301 <div class="min-h-[60px] xl:min-h-[68px]"> 302 <a href="/fr" class="block w-28 lg:w-32" x-cloak> 303 <svg viewBox="0 0 134 71" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-full h-auto"> 304 <path d="M115 9.4c0-3.1 1.5-5.9 3.9-7.6a9.6 9.6 0 0 0-15.2 7.6A9.5 9.5 0 0 0 119 17a9.4 9.4 0 0 1-4-7.6" fill="#E30613"/> 305 <path fill-rule="evenodd" clip-rule="evenodd" d="M30.7 9.4C30.7 4.2 35 0 40.2 0c5.3 0 9.6 4.2 9.6 9.4s-4.3 9.4-9.6 9.4a9.5 9.5 0 0 1-9.5-9.4ZM64.6 0A9.5 9.5 0 0 0 55 9.4c0 5.2 4.3 9.4 9.6 9.4 5.2 0 9.5-4.2 9.5-9.4S69.8 0 64.6 0ZM79 9.4C79 4.2 83.3 0 88.5 0 93.8 0 98 4.2 98 9.4s-4.2 9.4-9.5 9.4A9.5 9.5 0 0 1 79 9.4Zm39.9-7.6A9.6 9.6 0 0 1 134 9.4a9.5 9.5 0 0 1-15.1 7.6 9.3 9.3 0 0 0 0-15.2Z" fill="#009FE3"/> 306 <path fill-rule="evenodd" clip-rule="evenodd" d="M118.9 1.8a9.3 9.3 0 0 1 0 15.2 9.3 9.3 0 0 1 0-15.2Zm-82.4 25h-4.7l6 8.3-6.3 8.5h4.6l4-5.4 4 5.4h4.7L42.5 35l6-8.1H44l-3.7 5-3.7-5ZM22 40.7c-2.8 0-3.4-1.3-3.4
306-3.8v-10h-4v9.6c0 5.5 2.1 7.5 7.4 7.5 5.2 0 7.2-2.5 7.2-7.6v-9.4h-4v9.7c0 2.5-.4 4-3.2 4Zm44.8-5.4c0 6.4-4.3 8.4-9.9 8.4h-5.5V26.9h5.5c5.6 0 10 2 10 8.3Zm-11.4-5v10H57c3 0 5.6-.6 5.6-5s-2.7-5-5.6-5h-1.6Zm27.6.1V27H70.1v16.7h13V40h-9v-3.4h8.5v-3.5H74v-2.9h9Zm10.3 8.8L97.2 27h4l-5.7 16.7h-4.7l-5.7-16.7h4.3L93.3 39ZM5 59.1v-1.2H1.4v-6H0V59h5Zm2.4 0c-1.3 0-1.9-.7-1.9-2v-3.4H7v3c0 .8.1 1.4 1 1.4.8 0 1-.8 1-1.6v-2.8h1.4V59H9v-.8c-.4.6-1 .9-1.6.9Zm7.5 0h1.5l-2-2.9 2-2.5h-1.5l-1.1 1.6-1.2-1.6h-1.5l1.9 2.6-2 2.7h1.4l1.3-1.7 1.2 1.7Zm4.4-1c.4 0 .8-.1 1.1-.6h1.4c-.2.8-1 1.7-2.5 1.7-1.8 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.7 2.7-2.7 1.7 0 2.8 1.3 2.7 3.1h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.2-1.3-1.2-.5 0-1.2.3-1.3 1.2h2.6Zm7 3.2v-2.8c0-.8.2-1.5 1.1-1.5.8 0 .9.6.9 1.2V59h1.4v-3.3c0-1.3-.5-2.1-1.9-2.1a2 2 0 0 0-1.8.8c-.2-.4-.6-.8-1.5-.8-.6 0-1.2.3-1.5.8v-.7h-1.4V59h1.4v-2.8c0-.8.1-1.5 1-1.5s1 .6 1 1.2V59h1.3Zm4.5-7.2h1.4v2.6c.3-.5 1-.8 1.6-.8 1.3 0 2.3 1 2.3 2.8 0 1.7-1 2.8-2.3 2.8-.6 0-1.2-.2-1.6-.8v.7H32v-7.3Zm2.7 2.8c-.8 0-1.3.7-1.3 1.8 0 1 .5 1.7 1.3 1.7.7 0 1.2-.7 1.2-1.7s-.5-1.8-1.2-1.8Zm8.7 1.8c0-2-1.3-2.8-2.7-2.8-1.4 0-2.7.9-2.7 2.8s1.3 2.8 2.7 2.8c1.4 0 2.7-1 2.7-2.8Zm-1.4 0c0 1-.6 1.7-1.3 1.7-.8 0-1.3-.6-1.3-1.7s.5-1.8 1.3-1.8c.7 0 1.3.7 1.3 1.8Zm4 2.8c-1.3 0-1.8-.8-1.8-2.1v-3.4h1.4v3c0 .8.1 1.4.9 1.4 1 0 1.1-.8 1.1-1.6v-2.8H49V59h-1.4v-.8c-.3.6-.9.9-1.5.9Zm5.7-3c0-1 .4-1.2 1-1.2h.7v-1.3H53c-.7 0-1.1.3-1.5 1v-1h-1.3V59h1.4v-2.8Zm7.3 2.3c0 1.8-1 2.4-2.6 2.4-1.2 0-2.2-.4-2.4-1.7h1.3c.1.5.5.7 1.1.7.8 0 1.2-.3 1.2-1.1V58c-.3.6-1 .8-1.5.8-1.4 0-2.4-1-2.4-2.6s1-2.7 2.4-2.7c.7 0 1.3.4 1.5.9v-.7H59v4.8Zm-2.6-3.9c-.7 0-1.2.7-1.2 1.6 0 1 .5 1.6 1.2 1.6.8 0 1.3-.6 1.3-1.6s-.5-1.6-1.3-1.6ZM2.2 69.1c2.3 0 4-.7 4-3.6 0-2.9-1.7-3.6-4-3.6H0V69h2.2Zm-.8-1V63h.7c1.3 0 2.6.3 2.6 2.5S3.4 68 2.1 68h-.7Zm8.3 0c.4 0 .9 0 1.1-.5h1.5c-.3.8-1.1 1.7-2.6 1.7C8 69.3 7 68 7 66.4c0-1.5 1.2-2.8 2.8-2.8 1.6 0 2.7 1.3 2.6 3.2h-4c.1 1 .7 1.4 1.4 1.4ZM11 66c0-1-.6-1.3-1.2-1.3-.5 0-1.2.4-1.3 1.3h2.5Zm7-2.1h-1.4l-1.3 4-1.2-4h-1.5l2 5.3h1.4l2-5.3Zm2.9 4.4c.4 0 .9-.2 1.1-.6h1.5c-.3.8-1.1 1.7-2.6 1.7-1.7 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.8 2.8-2.8 1.6 0 2.7 1.3 2.6 3.2h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.3-1.2-1.3-.6 0-1.2.4-1.4 1.3H22Zm2.3-4h1.4v7.2h-1.4V62Zm5 1.7c1.4 0 2.7 1 2.7 2.9 0 1.8-1.3 2.8-2.7 2.8-1.4 0-2.7-1-2.7-2.8 0-2 1.3-2.9 2.7-2.9Zm0 4.6c.8 0 1.3-.6 1.3-1.7 0-1.2-.5-1.8-1.3-1.8-.7 0-1.3.6-1.3 1.8 0 1 .6 1.7 1.3 1.7Zm5-4.4H33v7h1.4v-2.3c.3.6 1 .8 1.6.8 1.2 0 2.3-1.2 2.3-2.8 0-1.7-1-2.9-2.3-2.9-.7 0-1.3.4-1.6.9v-.7Zm0 2.6c0-1 .5-1.7 1.2-1.7s1.3.7 1.3 1.8c0 1-.6 1.7-1.3 1.7-.7 0-1.2-.7-1.2-1.8Zm9.6 0V69h-1.4V66c0-.6 0-1.3-.9-1.3-1 0-1 .8-1 1.6v2.8H39v-5.3h1.4v.7c.3-.6.9-.9 1.5-.9 1 0 1.4.5 1.6 1a2 2 0 0 1 1.8-1c1.3 0 1.8.9 1.8 2.2V69h-1.4V66c0-.6 0-1.3-.9-1.3s-1 .8-1 1.6Zm8 1.2c-.3.4-.7.6-1.1.6-.7 0-1.4-.5-1.4-1.4h4c0-1.9-1-3.2-2.7-3.2a2.7 2.7 0 0 0-2.7 2.8c0 1.6 1 2.9 2.8 2.9 1.4 0 2.2-1 2.5-1.7H52Zm-1.2-3c.6 0 1.2.4 1.3 1.3h-2.6c.1-1 .8-1.3 1.3-1.3Zm6.5-1c1.4 0 2 .8 2 2.1v3.4h-1.5v-3c0-.8-.1-1.4-1-1.4-.8 0-1 .8-1 1.6v2.8h-1.4v-5.4h1.4v.8c.3-.6.9-.9 1.5-.9Zm4.7.2v-1.5h-1.4v1.5h-.8v.9h.8v3c0 1 .2 1.4 1.5 1.4h1v-1h-.4c-.5 0-.7 0-.7-.6v-2.8H63v-1h-1.1Zm7.8-1.9 2.7 7.2H71l-.5-1.4h-2.9L67 69h-1.5l2.8-7.2h1.4Zm.3 4.6-1-2.9-1 2.9h2Zm5.3 4.5c1.7 0 2.7-.7 2.7-2.4v-4.8h-1.4v.7c-.2-.5-.8-.9-1.5-.9-1.4 0-2.4 1.1-2.4 2.7 0 1.5 1 2.6 2.4 2.6.5 0 1.2-.2 1.5-.8v.7c0 .9-.5 1.2-1.2 1.2-.6 0-1-.2-1.1-.7H73c.2 1.3 1.2 1.7 2.3 1.7Zm-1.1-4.7c0-.9.5-1.6 1.2-1.6.8 0 1.3.6 1.3 1.6s-.5 1.6-1.3 1.6c-.7 0-1.2-.7-1.2-1.6Zm7.5 1.9c.4 0 .8-.2 1.1-.6h1.4c-.3.8-1 1.7-2.5 1.7-1.8 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.8 2.7-2.8s2.8 1.3 2.7 3.2h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.3-1.3-1.3-.5 0-1.2.4-1.3 1.3H83Zm7.1-.2c0-1.3-.5-2-1.9-2-.6 0-1.2.2-1.5.8v-.8h-1.4v5.4h1.4v-2.8c0-.8.2-1.6 1-1.6.9 0 1 .6 1 1.3v3.1H90v-3.4Zm4.7-.1c-.1-.5-.6-.9-1.1-.9-.8 0-1.3.6-1.3 1.7s.5 1.8 1.3 1.8c.4 0 1-.3 1.1-1h1.4c-.3 1.6-1.5 2-2.6 2-1.6 0-2.7-1.1-2.7-2.8 0-1.6 1.1-2.8 2.8-2.8 1 0 2.2.6 2.4 2h-1.3Zm2.6 4.2h-.6v1h.6c1.4 0 1.7-.2 2.3-1.8l2-5.2h-1.4l-1.3 3.8-1.2-3.8h-1.5l2 5.3v.2c-.2.5-.5.5-1 .5ZM0 27v16.7h12v-3.5H4V27H0Z" fill="#080099"/> 307</svg>
308 <span class="sr-only">LuxDev</span> 309 </a> 310 </div> 311 312 <div class="xl:hidden"> 313 <button 314 x-on:click="toggleMenu()" 315 class="flex items-center gap-x-4"> 316 <span 317 x-text="menuIsOpen ? 'Fermer' : 'Menu'" 318 class="font-secondary uppercase text-xs text-blue-500"></span> 319 320 </button> 321 </div> 322 323 </div> 324 325 <div 326 x-cloak 327 x-show="menuIsOpen || $store.breakpoint.matches['xl']" 328 class="divide-y divide-gray-200 w-full xl:flex xl:flex-row xl:items-center xl:gap-4 xl:divide-y-0"> 329 330 <div class="py-4 first:pt-0 last:pb-0 xl:py-0 xl:w-full"> 331 <nav role="navigation" aria-labelledby="block-header-menu" id="block-header"> 332 333 334 335 <ul class="flex flex-col gap-1 xl:gap-0 xl:flex-row"> 336 <li class="h-full"> 337 338 339 340 341 342 <button id="header-button-agence" 343 data-href="/fr/agence" 344 data-title="Agence" 345 x-on:click="togglePanel('header-panel-agence')" 346 x-bind:aria-expanded="activePanel === 'header-panel-agence'" 347 x-bind:aria-controls="'header-panel-agence'" 348 x-bind:class="{ 'is-open': activePanel === 'header-panel-agence' }" 349 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 350 351 <span>Agence</span> 352 353 <div 354 class="w-4 -mr-1 transition-transform duration-200 ease-out" 355 x-bind:class="{ '-rotate-180': activePanel === 'header-panel-agence' }"> 356 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 357 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-down-s-line"></use> 358</svg> </div> 359 360 361 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 362 </button> 363 364 365 366 <div 367 x-cloak 368 x-show="activePanel === 'header-panel-agence'" 369 data-header-panel 370 id="header-panel-agence" 371 aria-labelledby="header-button-agence" 372 role="menu" 373 class="mt-2 mb-8 space-y-4 xl:space-y-0 xl:mt-2 xl:mb-0 xl:absolute xl:left-0 xl:right-0 xl:top-[var(--header-inner-height)] xl:flex xl:gap-2"> 374 375 <div data-header-panel-box class="xl:flex-1 xl:w-full xl:bg-white xl:py-12 xl:rounded-xl"> 376 <div class="xl:container xl:flex xl:flex-col xl:gap-y-16"> 377 378 <div data-header-panel-item class="hidden xl:block xl:max-w-xl"> 379 <p class="text-xs sm:text-sm md:text-base"> 380 LuxDev est l'agence luxembourgeoise pour la Coopération au développement. 381 </p> 382 </div> 383 384 <ul class="space-y-0.5 xl:space-y-4"> 385 <li data-header-panel-item> 386 <a 387 href="/fr/agence/qui-sommes-nous" 388 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 389 <span>Qui sommes-nous ?</span> 390 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 391 </a> 392 393 394 395 396 </li> 397 <li data-header-panel-item> 398 <a 399 href="/fr/agence/organisation-et-gouvernance" 400 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue">
401 <span>Organisation et gouvernance</span> 402 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 403 </a> 404 405 406 407 408 </li> 409 <li data-header-panel-item> 410 <a 411 href="/fr/agence/engagements" 412 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 413 <span>Engagements</span> 414 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 415 </a> 416 417 418 419 420 </li> 421 <li data-header-panel-item> 422 <a 423 href="/fr/agence/partenariats" 424 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 425 <span>Partenariats</span> 426 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 427 </a> 428 429 430 431 432 </li> 433 </ul> 434 435 </div> 436 </div> 437 438 <div data-header-panel-box class="rounded-xl overflow-hidden aspect-video xl:aspect-auto xl:w-1/3 2xl:w-1/4"> 439 <a 440 href="/fr/agence" 441 class="group w-full h-full relative p-4 flex items-end"> 442 <div class="relative z-20 flex items-center gap-4"> 443 <div> 444 445 446<div 447 class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 448 <span class="sr-only">Rechercher</span> 449 <div class="relative z-10"> 450 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 451 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-right-up-line"></use> 452</svg> </div> 453 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 454</div> 455 </div> 456 <div> 457 <span class="text-white text-sm">Notre Agence</span> 458 </div> 459 </div> 460 <div class="absolute inset-0 z-10 bg-gradient-to-t from-blue-500"></div> 461 <div class="absolute inset-0 z-0 [&_img]:w-full [&_img]:h-full [&_img]:object-cover transition-transform duration-500 ease-out group-hover:scale-105"> 462 463 464 <picture> 465 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=jnrWNn2Q 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=YYOplVd2 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1065"/> 466 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=jnrWNn2Q 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=YYOplVd2 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1065"/> 467 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=x-B6ZaxD 1x, /sites/default/files/styles/1600/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=jnrWNn2Q 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="852"/> 468 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=p9IFP0Mn 1
468x, /sites/default/files/styles/1280/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=x-B6ZaxD 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="426"/> 469 <img width="640" height="426" src="/sites/default/files/styles/640/public/upload/media/image/2024-09/c2331b2dcb5826f7aae9048415b0c665.jpeg?itok=p9IFP0Mn" alt="Groupe de femmes au Sénégal" title="" loading="lazy" class="w-full" /> 470 471 </picture> 472 473 474 475 </div> 476 </a> 477 </div> 478 479 </div> 480 481 482 </li> 483 <li class="h-full"> 484 485 486 487 488 489 <button id="header-button-activits" 490 data-href="/fr/activites" 491 data-title="Activités" 492 x-on:click="togglePanel('header-panel-activits')" 493 x-bind:aria-expanded="activePanel === 'header-panel-activits'" 494 x-bind:aria-controls="'header-panel-activits'" 495 x-bind:class="{ 'is-open': activePanel === 'header-panel-activits' }" 496 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 497 498 <span>Activités</span> 499 500 <div 501 class="w-4 -mr-1 transition-transform duration-200 ease-out" 502 x-bind:class="{ '-rotate-180': activePanel === 'header-panel-activits' }"> 503 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 504 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-down-s-line"></use> 505</svg> </div> 506 507 508 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 509 </button> 510 511 512 513 <div 514 x-cloak 515 x-show="activePanel === 'header-panel-activits'" 516 data-header-panel 517 id="header-panel-activits" 518 aria-labelledby="header-button-activits" 519 role="menu" 520 class="mt-2 mb-8 space-y-4 xl:space-y-0 xl:mt-2 xl:mb-0 xl:absolute xl:left-0 xl:right-0 xl:top-[var(--header-inner-height)] xl:flex xl:gap-2"> 521 522 <div data-header-panel-box class="xl:flex-1 xl:w-full xl:bg-white xl:py-12 xl:rounded-xl"> 523 <div class="xl:container xl:flex xl:flex-col xl:gap-y-16"> 524 525 <div data-header-panel-item class="hidden xl:block xl:max-w-xl"> 526 <p class="text-xs sm:text-sm md:text-base"> 527 LuxDev Åuvre dans une quinzaine de pays partenaires pour renforcer les capacités locales et favoriser un développement durable. Active dans des secteurs-clés de la coopération, l'Agence met l'accent sur l'inclusion, la durabilité et l'efficacité de l'appui apporté. 528 </p> 529 </div> 530 531 <ul class="space-y-0.5 xl:space-y-4"> 532 <li data-header-panel-item> 533 <a 534 href="/fr/activites/en-quelques-chiffres" 535 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 536 <span>En quelques chiffres</span> 537 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 538 </a> 539 540 541 542 543 </li> 544 <li data-header-panel-item> 545 <a 546 href="/fr/activites/zones-dintervention" 547 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue">
548 <span>Zones dâintervention</span> 549 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 550 </a> 551 552 553 554 555 </li> 556 <li data-header-panel-item> 557 <a 558 href="/fr/activites/secteurs-dintervention" 559 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 560 <span>Secteurs dâintervention</span> 561 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 562 </a> 563 564 565 566 567 </li> 568 <li data-header-panel-item> 569 <a 570 href="/fr/activites/themes-transversaux" 571 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 572 <span>Thèmes transversaux</span> 573 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 574 </a> 575 576 577 578 579 </li> 580 <li data-header-panel-item> 581 <a 582 href="/fr/activites/nouveaux-focus" 583 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 584 <span>Nouveaux focus</span> 585 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 586 </a> 587 588 589 590 591 </li> 592 </ul> 593 594 </div> 595 </div> 596 597 <div data-header-panel-box class="rounded-xl overflow-hidden aspect-video xl:aspect-auto xl:w-1/3 2xl:w-1/4"> 598 <a 599 href="/fr/activites" 600 class="group w-full h-full relative p-4 flex items-end"> 601 <div class="relative z-20 flex items-center gap-4"> 602 <div> 603 604 605<div 606 class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 607 <span class="sr-only">Rechercher</span> 608 <div class="relative z-10"> 609 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 610 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-right-up-line"></use> 611</svg> </div> 612 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 613</div> 614 </div> 615 <div>
616 <span class="text-white text-sm">Activités</span> 617 </div> 618 </div> 619 <div class="absolute inset-0 z-10 bg-gradient-to-t from-blue-500"></div> 620 <div class="absolute inset-0 z-0 [&_img]:w-full [&_img]:h-full [&_img]:object-cover transition-transform duration-500 ease-out group-hover:scale-105"> 621 622 623 <picture> 624 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=Z07SBTEQ 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=H2WBqiSH 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="2118"/> 625 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=Z07SBTEQ 1x, /sites/default/files/styles/2000/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=H2WBqiSH 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="2118"/> 626 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=tkx5Wytt 1x, /sites/default/files/styles/1600/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=Z07SBTEQ 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="1695"/> 627 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=kzcYyCcd 1x, /sites/default/files/styles/1280/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=tkx5Wytt 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="847"/> 628 <img width="640" height="847" src="/sites/default/files/styles/640/public/upload/media/image/2024-11/EXPO%20_a%CC%81gua_energia_%2038.jpg?itok=kzcYyCcd" alt="" title="" loading="lazy" class="w-full" /> 629 630 </picture> 631 632 633 634 </div> 635 </a> 636 </div> 637 638 </div> 639 640 641 </li> 642 <li class="h-full"> 643 644 645 646 647 <a href="/fr/projets" 648 data-title="Projets" 649 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 650 651 <span>Projets</span> 652 653 654 655 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 656 </a> 657 658 659 660 661 </li> 662 <li class="h-full"> 663 664 665 666 667 <a href="/fr/actualites" 668 data-title="Actualités" 669 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 670 671 <span>Actualités</span> 672 673 674 675 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 676 </a> 677 678 679 680 681 </li> 682 </ul> 683 684 </nav> 685 </div> 686 687 <div class="py-4 first:pt-0 last:pb-0 xl:py-0"> 688 <nav role="navigation" aria-labelledby="block-header--2-menu" id="block-header--2"> 689 690 691 692 <ul class="flex flex-col gap-1 xl:gap-0 xl:flex-row"> 693 <li class="h-full"> 694 695 696 697 698 699 <button id="header-button-jobs" 700 data-href="/fr/jobs" 701 data-title="Jobs" 702 x-on:click="togglePanel('header-panel-jobs')" 703 x-bind:aria-expanded="activePanel === 'header-panel-jobs'" 704 x-bind:aria-controls="'header-panel-jobs'" 705 x-bind:class="{ 'is-open': activePanel === 'header-panel-jobs' }" 706 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&
706.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 707 708 <span>Jobs</span> 709 710 <div 711 class="w-4 -mr-1 transition-transform duration-200 ease-out" 712 x-bind:class="{ '-rotate-180': activePanel === 'header-panel-jobs' }"> 713 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 714 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-down-s-line"></use> 715</svg> </div> 716 717 718 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 719 </button> 720 721 722 723 <div 724 x-cloak 725 x-show="activePanel === 'header-panel-jobs'" 726 data-header-panel 727 id="header-panel-jobs" 728 aria-labelledby="header-button-jobs" 729 role="menu" 730 class="mt-2 mb-8 space-y-4 xl:space-y-0 xl:mt-2 xl:mb-0 xl:absolute xl:left-0 xl:right-0 xl:top-[var(--header-inner-height)] xl:flex xl:gap-2"> 731 732 <div data-header-panel-box class="xl:flex-1 xl:w-full xl:bg-white xl:py-12 xl:rounded-xl"> 733 <div class="xl:container xl:flex xl:flex-col xl:gap-y-16"> 734 735 <div data-header-panel-item class="hidden xl:block xl:max-w-xl"> 736 <p class="text-xs sm:text-sm md:text-base"> 737 à Luxembourg ou sur le terrain, nous cherchons à recruter des personnes qui partagent les valeurs de lâAgence et offrons un cadre de travail agréable et stimulant. 738 </p> 739 </div> 740 741 <ul class="space-y-0.5 xl:space-y-4"> 742 <li data-header-panel-item> 743 <a 744 href="/fr/jobs/travailler-luxdev" 745 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 746 <span>Travailler à LuxDev</span> 747 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 748 </a> 749 750 751 752 753 </li> 754 <li data-header-panel-item> 755 <a 756 href="/fr/jobs/rejoindre-luxdev" 757 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 758 <span>Rejoindre LuxDev</span> 759 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 760 </a> 761 762 763 764 765 </li> 766 <li data-header-panel-item> 767 <a 768 href="https://careers.luxdev.lu/go/Tous-les-postes/8586955" 769 target="_blank" 770 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue">
771 <span>Postes vacants</span> 772 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 773 </a> 774 775 776 777 778 </li> 779 <li data-header-panel-item> 780 <a 781 href="/fr/jobs/programme-pour-les-jeunes" 782 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 783 <span>Programme pour les jeunes</span> 784 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 785 </a> 786 787 788 789 790 </li> 791 </ul> 792 793 </div> 794 </div> 795 796 <div data-header-panel-box class="rounded-xl overflow-hidden aspect-video xl:aspect-auto xl:w-1/3 2xl:w-1/4"> 797 <a 798 href="/fr/jobs" 799 class="group w-full h-full relative p-4 flex items-end"> 800 <div class="relative z-20 flex items-center gap-4"> 801 <div> 802 803 804<div 805 class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 806 <span class="sr-only">Rechercher</span> 807 <div class="relative z-10"> 808 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 809 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-right-up-line"></use> 810</svg> </div> 811 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 812</div> 813 </div> 814 <div> 815 <span class="text-white text-sm">Jobs</span> 816 </div> 817 </div> 818 <div class="absolute inset-0 z-10 bg-gradient-to-t from-blue-500"></div> 819 <div class="absolute inset-0 z-0 [&_img]:w-full [&_img]:h-full [&_img]:object-cover transition-transform duration-500 ease-out group-hover:scale-105"> 820 821 822 <picture> 823 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=YzK6w4Vo 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=MuepZcFj 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1067"/> 824 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=YzK6w4Vo 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=MuepZcFj 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1067"/> 825 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=v5lvFh86 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=YzK6w4Vo 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="853"/> 826 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=fsRSM3HT 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=v5lvFh86 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 827 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2025-04/Adobe%20Express%20-%20file.jpg?itok=fsRSM3HT" alt="" title="" loading="lazy" class="w-full" /> 828 829 </picture> 830 831 832 833 </div> 834 </a> 835 </div> 836 837 </div> 838 839 840 </li> 841 <li class="h-full"> 842 843 844 845 846 847 <button id="header-button-marchs" 848 data-href="/fr/marches" 849 data-title="Marchés" 850 x-on:click="togglePanel('header-panel-marchs')" 851 x-bind:aria-expanded="activePanel === 'header-panel-marchs'" 852 x-bind:aria-controls="'header-panel-marchs'" 853 x-bind:class="{ 'is-open': activePanel === 'header-panel-marchs' }" 854 class="relative inline-flex items-center gap-1 group font-semibold text-blue text-3xl [&
854.is-active]:underline-offset-4 [&.is-active]:decoration-2 [&.is-active]:underline xl:[&.is-active]:no-underline [&.is-open]:underline-offset-4 [&.is-open]:decoration-2 [&.is-open]:underline xl:[&.is-open]:no-underline xl:px-5 xl:py-3 xl:text-sm"> 855 856 <span>Marchés</span> 857 858 <div 859 class="w-4 -mr-1 transition-transform duration-200 ease-out" 860 x-bind:class="{ '-rotate-180': activePanel === 'header-panel-marchs' }"> 861 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 862 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-down-s-line"></use> 863</svg> </div> 864 865 866 <span class="hidden absolute inset-0 bg-blue-500/10 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-hover:bg-blue-500/10 group-[.is-active]:scale-100 group-[.is-open]:scale-100 xl:block"></span> 867 </button> 868 869 870 871 <div 872 x-cloak 873 x-show="activePanel === 'header-panel-marchs'" 874 data-header-panel 875 id="header-panel-marchs" 876 aria-labelledby="header-button-marchs" 877 role="menu" 878 class="mt-2 mb-8 space-y-4 xl:space-y-0 xl:mt-2 xl:mb-0 xl:absolute xl:left-0 xl:right-0 xl:top-[var(--header-inner-height)] xl:flex xl:gap-2"> 879 880 <div data-header-panel-box class="xl:flex-1 xl:w-full xl:bg-white xl:py-12 xl:rounded-xl"> 881 <div class="xl:container xl:flex xl:flex-col xl:gap-y-16"> 882 883 <div data-header-panel-item class="hidden xl:block xl:max-w-xl"> 884 <p class="text-xs sm:text-sm md:text-base"> 885 Découvrez les opportunités de marchés proposées par LuxDev et participez aux projets et programmes de coopération mis en oeuvre par l'Agence. 886 </p> 887 </div> 888 889 <ul class="space-y-0.5 xl:space-y-4"> 890 <li data-header-panel-item> 891 <a 892 href="/fr/marches/passation-de-marches" 893 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 894 <span>Passation de marchés</span> 895 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 896 </a> 897 898 899 900 901 </li> 902 <li data-header-panel-item> 903 <a 904 href="/fr/marches/avis-dappels-doffres" 905 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue"> 906 <span>Avis dâappels dâoffres</span> 907 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 908 </a> 909 910 911 912 913 </li> 914 <li data-header-panel-item> 915 <a 916 href="/fr/marches/appels-propositions" 917 class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl xl:text-4xl 2xl:text-5xl hover:text-blue [&.is-active]:text-blue">
918 <span>Appels à propositions</span> 919 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 920 </a> 921 922 923 924 925 </li> 926 </ul> 927 928 </div> 929 </div> 930 931 <div data-header-panel-box class="rounded-xl overflow-hidden aspect-video xl:aspect-auto xl:w-1/3 2xl:w-1/4"> 932 <a 933 href="/fr/marches" 934 class="group w-full h-full relative p-4 flex items-end"> 935 <div class="relative z-20 flex items-center gap-4"> 936 <div> 937 938 939<div 940 class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 941 <span class="sr-only">Rechercher</span> 942 <div class="relative z-10"> 943 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 944 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-right-up-line"></use> 945</svg> </div> 946 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 947</div> 948 </div> 949 <div> 950 <span class="text-white text-sm">Marchés</span> 951 </div> 952 </div> 953 <div class="absolute inset-0 z-10 bg-gradient-to-t from-blue-500"></div> 954 <div class="absolute inset-0 z-0 [&_img]:w-full [&_img]:h-full [&_img]:object-cover transition-transform duration-500 ease-out group-hover:scale-105"> 955 956 957 <picture> 958 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=xjOOkb3N 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=XO9CUmm_ 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="900"/> 959 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=xjOOkb3N 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=XO9CUmm_ 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="900"/> 960 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=6tuaiw72 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=xjOOkb3N 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="720"/> 961 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=9LwzhdZP 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=6tuaiw72 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="360"/> 962 <img width="640" height="360" src="/sites/default/files/styles/640/public/upload/media/image/2025-03/_MG_0102_0.jpg?itok=9LwzhdZP" alt="Agricultrice au Nicaragua" title="" loading="lazy" class="w-full" /> 963 964 </picture> 965 966 967 968 </div> 969 </a> 970 </div> 971 972 </div> 973 974 975 </li> 976 </ul> 977 978 </nav> 979 </div> 980 981 <div class="flex items-center justify-between gap-4 py-4 first:pt-0 last:pb-0 xl:py-0"> 982 983 <div> 984 <div class="language-switcher-language-url" role="navigation"> 985 986 987 <nav 988 role="navigation" 989 aria-label="Language options" 990 data-region="language" 991 class="inline-block bg-blue-500/10 rounded-full p-1"> 992 <div data-region="langs" class="h-full"> 993 <ul class="links flex items-center"><li hreflang="en" data-drupal-link-system-path="node/60" class="h-full"> 994 <a 995 href="https://luxdev.lu/en/legal-information/cookie-policy" 996 class="relative h-full inline-flex items-center group align-baseline font-semibold text-blue text-xs uppercase px-3 py-2 rounded-full transition-colors duration-200 ease-out hover:text-white [&.is-active]:text-white " 997 title="English" 998 data-router-disabled 999 data-language-link="en">
1000 <span class="relative z-10 mt-0.5">en</span> 1001 <span class="absolute inset-0 z-0 bg-blue-500 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-[.is-active]:scale-100"></span> 1002 </a></li><li hreflang="fr" data-drupal-link-system-path="node/60" class="h-full is-active" aria-current="page"> 1003 <a 1004 href="https://luxdev.lu/fr/mentions-legales/politique-concernant-les-cookies" 1005 class="relative h-full inline-flex items-center group align-baseline font-semibold text-blue text-xs uppercase px-3 py-2 rounded-full transition-colors duration-200 ease-out hover:text-white [&.is-active]:text-white is-active" 1006 title="Français" 1007 data-router-disabled 1008 data-language-link="fr"> 1009 <span class="relative z-10 mt-0.5">fr</span> 1010 <span class="absolute inset-0 z-0 bg-blue-500 rounded-full scale-0 transition-transform duration-200 group-hover:scale-100 group-[.is-active]:scale-100"></span> 1011 </a></li></ul> </div> 1012</nav> 1013 1014 </div> 1015 1016 </div> 1017 1018 <div> 1019 <button 1020 x-on:click="toggleSearch()" 1021 x-bind:aria-expanded="searchIsOpen" 1022 aria-controls="search-dialog" 1023 aria-label="Ouvrir la recherche" 1024 > 1025 1026 1027<div 1028 class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 1029 <div class="relative z-10"> 1030 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1031 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-search-line"></use> 1032</svg> </div> 1033 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 1034</div> 1035 </button> 1036 </div> 1037 1038 </div> 1039 1040 </div> 1041 1042 </div> 1043 1044 <div 1045 x-cloak 1046 x-show="searchIsOpen" 1047 x-on:click.away="closeSearch()" 1048 x-on:keydown.escape="closeSearch()" 1049 x-trap.noreturn="searchIsOpen" 1050 x-bind:aria-hidden="!searchIsOpen" 1051 x-bind:aria-expanded="searchIsOpen" 1052 aria-labelledby="search-dialog-title" 1053 aria-describedby="search-dialog-description" 1054 role="dialog" 1055 id="search-dialog" 1056 > 1057 1058 <p id="search-dialog-description" class="sr-only">Saisissez votre requête de recherche dans le champ de saisie ci-dessous.</p> 1059 1060 <div class="container"> 1061 1062 <div class="flex items-center"> 1063 <form class="flex-1"> 1064 <label for="search-input" id="search-label" class="sr-only">Mots-clés</label> 1065 <input 1066 x-model="searchKey" 1067 x-on:keyup.debounce="search()" 1068 @keydown.enter.prevent="document.getElementById('search-cta').click()" 1069 x-bind:aria-expanded="searchData.length > 0" 1070 aria-labelledby="search-label" 1071 aria-autocomplete="both" 1072 aria-haspopup="listbox" 1073 aria-owns="search-results-list" 1074 aria-controls="search-results-list" 1075 type="search" 1076 autocomplete="off" 1077 autocorrect="off" 1078 id="search-input" 1079 placeholder="Rechercher" 1080 class="text-2xl font-bold text-blue-500 border-0 w-full bg-transparent p-0 placeholder:opacity-50 focus:outline-none focus:ring-0 sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl"/> 1081 </form> 1082 <div> 1083 1084 1085<button 1086 x-on:click="closeSearch()" class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 1087 <span class="sr-only">Close search</span> 1088 <div class="relative z-10"> 1089 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1090 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-close-line"></use> 1091</svg> </div> 1092 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 1093</button> 1094 </div> 1095 </div> 1096 1097 <template x-if="searchLoading"> 1098 <div class="mt-6"> 1099 <svg class="animate-spin size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 1100 <circle class="stroke-blue-500 opacity-25" cx="12" cy="12" r="10" stroke-width="4"></circle> 1101 <path class="fill-blue-500" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 1102 </svg> 1103 </div> 1104 </template> 1105 1106 <template x-if="searchData.length > 0"> 1107 <div class="border-t border-blue-100 mt-6 pt-6 space-y-4 sm:sp
1107ace-y-6 md:space-y-8 lg:mt-8 lg:pt-8"> 1108 <div> 1109 <h3 1110 id="search-results-title" 1111 class="block font-bold font-secondary text-xs uppercase text-red-500">Meilleurs résultats</h3> 1112 </div> 1113 <div> 1114 <ul 1115 id="search-results-list" 1116 role="listbox" 1117 aria-labelledby="search-results-title" 1118 class="flex flex-col gap-2 sm:gap-4 md:gap-6"> 1119 <template x-for="item in searchData" :key="item.id"> 1120 <li 1121 x-init="$nextTick(() => { window.H.attach($el.querySelectorAll('a'))} )" 1122 x-html="item.node"> 1123 </li> 1124 </template> 1125 </ul> 1126 </div> 1127 <div x-init="$nextTick(() => { window.H.attach($el.querySelectorAll('a'))} )"> 1128 1129<a 1130 id="search-cta" x-on:click="close()" x-bind:href="'/fr/recherche' + '?key=' + searchKey" class=" group relative inline-flex items-center overflow-hidden gap-x-4 bg-blue-500 rounded-full px-4 py-3 lg:pl-7 lg:pr-6 lg:py-4"> 1131 <span class="relative z-10 text-blue-100 uppercase font-secondary font-medium text-xs group-hover:text-white transition-colors ease-in-out duration-500">Tous les résultats</span> 1132 <span class="block relative z-10 size-1.5 bg-[var(--accent-color)] rounded-full transition ease-in-out duration-500 lg:size-2 group-hover:scale-50"></span> 1133 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 1134</a> 1135 </div> 1136 </div> 1137 </template> 1138 1139 <template x-if="searchKey !== '' && searchData.length == 0 && !searchLoading"> 1140 <div class="border-t border-gray-200 mt-6 pt-6 space-y-4 sm:space-y-6 md:space-y-8 lg:mt-8 lg:pt-8"> 1141 <p class="text-xs lg:text-sm">Aucun résultat trouvé pour cette recherche.</p> 1142 </div> 1143 </template> 1144 1145 </div> 1146 1147</div> 1148 1149 </div> 1150 1151 <div 1152 x-cloak 1153 x-show="activePanel || searchIsOpen || (menuIsOpen && !$store.breakpoint.matches['xl'])" 1154 x-on:click="closePanel(); closeMenu(); closeSearch()" 1155 data-header-bg 1156 class="bg-gradient-to-b from-blue-800/80 backdrop-blur-md to-blue-600/50 fixed inset-0 z-0"></div> 1157 1158 1159</header> 1160 1161<main role="main" class="pt-[calc(var(--header-height)+8vw)] pb-[8vw] px-2 mx-auto sm:px-4 3xl:max-w-[80%] main-page-content" data-router-wrapper> 1162 1163 1164 1165<article data-router-view="node" class="node node--type-page node--promoted node--view-mode-full v-spacing"> 1166 1167 <header class="v-spacing" id="main-item-header"> 1168 1169 1170 <div class="container grid gap-4 lg:grid-cols-2"> 1171 1172 <div class="space-y-2 sm:space-y-4"> 1173 1174 <a href="/fr/mentions-legales" class="inline-flex items-center gap-x-2 group"> 1175 <div> 1176 1177 1178<div 1179 title="Politique concernant les cookies" class=" block group relative rounded-full bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3"> 1180 <span class="sr-only"> 1181<span>Politique concernant les cookies</span> 1182</span> 1183 <div class="relative z-10"> 1184 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1185 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-arrow-drop-left-line"></use> 1186</svg> </div> 1187 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-full transition ease-in-out duration-500 group-hover:scale-100"></span> 1188</div> 1189 </div> 1190 <div> 1191 <span class="text-xs font-bold text-blue-500 sm:text-sm md:text-base">Mentions légales</span> 1192 </div> 1193 </a> 1194 1195 <div class="lg:w-[90%]"> 1196 <h1 class="font-secondary font-bold uppercase text-blue-500 text-lg tracking-tight sm:text-xl md:text-2xl lg:text-3xl xl:text-4xl 2xl:text-5xl"> 1197 Politique concernant les cookies 1198 </h1> 1199 </div> 1200 1201 1202 </div> 1203 1204 <div class="v-spacing-sm"> 1205 1206 <div> 1207 <h2 class="text-xl text-blue-500 font-bold sm:text-2xl md:text-3xl lg:indent-16 xl:indent-24 2xl:indent-32 leading-tight">Vous trouverez ici les informations concernant l'utilisation des cookies sur notre site web.</h2> 1208 </div> 1209 1210 1211 <div> 1212 <div 1213 x-data="quicklinks" 1214 x-init="init" 1215 :class="fixed ? 'fixed bottom-4 ' + (audioplayer ? 'right-[9.5rem]' : 'right-4') + ' z-50 transition-all duration-300' : 'space-y-2'" 1216 x-cloak> 1217 <button 1218 class="flex items-center gap-2 transition-all duration-300" 1219 :class="[ 1220 fixed ? 'p-3 pr-6 rounded-full hover:cursor-pointer' : 'hover:cursor-default', 1221 fixed && isOpen ? 'bg-blue-500' : fixed ? 'bg-white' : '' 1222 ]" 1223 x-on:click="toggleOpen" 1224 :aria-expanded="isOpen" 1225 aria-label="Sommaire" 1226 aria-controls="quicklinks-menu"> 1227 <div 1228 class="size-6 p-1 text-blue-100 rounded-full lg:size-8 lg:p-2" 1229 :class="fixed && isOpen ? 'bg-blue-400 text-white' : 'bg-blue-500'">
1230 <span x-show="!fixed || (fixed && !isOpen)"> 1231 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1232 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-menu-line"></use> 1233</svg> </span> 1234 <span x-show="fixed && isOpen"> 1235 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1236 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-close-line"></use> 1237</svg> </span> 1238 </div> 1239 <div> 1240 <p class="font-secondary uppercase text-blue-500 text-xs" x-show="!fixed || (fixed && !isOpen)"> 1241 Sommaire 1242 </p> 1243 <p class="font-secondary uppercase text-white text-xs" x-show="fixed && isOpen"> 1244 Fermer 1245 </p> 1246 </div> 1247 </button> 1248 <div 1249 id="quicklinks-menu" 1250 role="menu" 1251 :class="[ 1252 fixed ? 'absolute bottom-14 md:bottom-[4.25rem] right-0' : '', 1253 fixed && !isOpen ? 'opacity-0 pointer-events-none' : 'opacity-100', 1254 fixed && isOpen ? 'bg-white rounded-lg p-6 min-w-44' : '' 1255 ]" 1256 x-show="!(fixed && !isOpen)" 1257 x-transition:enter="transition-all duration-300 ease-in-out" 1258 x-transition:enter-start="opacity-0 scale-95" 1259 x-transition:enter-end="opacity-100 scale-100" 1260 > 1261 1262 <p x-show="fixed && isOpen" class="font-secondary uppercase text-blue-500 text-xs mb-3"> 1263 Sommaire 1264 </p> 1265 1266 <ul 1267 class="flex origin-bottom-right" 1268 :class="fixed && isOpen ? 'gap-3 flex-col' : 'flex-wrap gap-1 lg:gap-2'" 1269 > 1270 <li> 1271 <a 1272 data-router-disabled 1273 x-on:click.prevent="scrollToSection('#cookies-ncessaires-33393')" 1274 href="#cookies-ncessaires-33393" 1275 class="block text-xs" 1276 role="menuitem" 1277 :class="[ 1278 fixed && isOpen ? 'text-blue-700-70 hover:text-blue-700 underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500' : 'bg-white px-5 py-3 rounded-full hover:bg-opacity-80', 1279 ]" 1280 > 1281 <span class="block -mb-0.5">Cookies nécessaires</span> 1282 </a> 1283 </li> 1284 <li> 1285 <a 1286 data-router-disabled 1287 x-on:click.prevent="scrollToSection('#cookies-de-mesure-de-laudience-33395')" 1288 href="#cookies-de-mesure-de-laudience-33395" 1289 class="block text-xs" 1290 role="menuitem" 1291 :class="[ 1292 fixed && isOpen ? 'text-blue-700-70 hover:text-blue-700 underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500' : 'bg-white px-5 py-3 rounded-full hover:bg-opacity-80', 1293 ]" 1294 > 1295 <span class="block -mb-0.5">Cookies de mesure de l'audience</span> 1296 </a> 1297 </li> 1298 <li> 1299 <a 1300 data-router-disabled 1301 x-on:click.prevent="scrollToSection('#dsactiver-les-cookies--36324')" 1302 href="#dsactiver-les-cookies--36324" 1303 class="block text-xs" 1304 role="menuitem" 1305 :class="[ 1306 fixed && isOpen ? 'text-blue-700-70 hover:text-blue-700 underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500' : 'bg-white px-5 py-3 rounded-full hover:bg-opacity-80', 1307 ]" 1308 > 1309 <span class="block -mb-0.5">Désactiver les cookies </span> 1310 </a> 1311 </li> 1312 <li> 1313 <a 1314 data-router-disabled 1315 x-on:click.prevent="scrollToSection('#contact-36326')" 1316 href="#contact-36326" 1317 class="block text-xs" 1318 role="menuitem" 1319 :class="[ 1320 fixed && isOpen ? 'text-blue-700-70 hover:text-blue-700 underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500' : 'bg-white px-5 py-3 rounded-full hover:bg-opacity-80', 1321 ]" 1322 > 1323 <span class="block -mb-0.5">Contact</span> 1324 </a> 1325 </li> 1326 </ul> 1327 </div> 1328</div> </div> 1329 1330 <div x-data="audio" class="fixed bottom-4 right-4 z-50" id="accessibility-audio"> 1331 1332 <button 1333 class="p-3 pr-6 flex items-center gap-2 transition-all duration-300 rounded-full" 1334 :class="[ 1335 isOpen ? 'bg-blue-500' : 'bg-white', 1336 ]" 1337 x-on:click="toggleOpen" 1338 :aria-expanded="isOpen" 1339 aria-label="Ãcouter" 1340 aria-controls="audio-player"> 1341 <div 1342 class="size-6 p-1 text-blue-100 rounded-full lg:size-8 lg:p-2" 1343 :class="isOpen ? 'bg-blue-400 text-white' : 'bg-blue-500'">
1344 <span x-show="!isOpen"> 1345 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1346 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-play-line"></use> 1347</svg> </span> 1348 <span x-show="isOpen"> 1349 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1350 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-close-line"></use> 1351</svg> </span> 1352 </div> 1353 <div> 1354 <p class="font-secondary uppercase text-blue-500 text-xs" x-show="!isOpen"> 1355 Ãcouter 1356 </p> 1357 <p class="font-secondary uppercase text-white text-xs" x-show="isOpen"> 1358 Fermer 1359 </p> 1360 </div> 1361 </button> 1362 1363 <div 1364 :class="[ 1365 isOpen ? 'absolute bottom-14 md:bottom-[4.25rem] right-0 bg-white rounded-md p-4 md:p-6 w-96' : '', 1366 !isOpen ? 'opacity-0 pointer-events-none relative' : 'opacity-100', 1367 ]"> 1368 <media-player 1369 title="Politique concernant les cookies" 1370 src="https://cdn.beyondwords.io/audio/projects/49097/podcasts/95065816-864f-418a-8ca5-ed11a301d305/versions/1745495478/media/be4e3ed5887c4825100fcc09e92a3946_compiled.mp3" 1371 class="flex items-center space-x-6" 1372 id="audio-player" 1373 x-show="isOpen" 1374 > 1375 <div> 1376 1377 <media-provider class="hidden"></media-provider> 1378 1379 <media-play-button class="block group"> 1380 <media-icon type="play" class="hidden group-data-[paused]:block"> 1381 1382 1383<div 1384 id="https://cdn.beyondwords.io/audio/projects/49097/podcasts/95065816-864f-418a-8ca5-ed11a301d305/versions/1745495478/media/be4e3ed5887c4825100fcc09e92a3946_compiled.mp3" title="Politique concernant les cookies" class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3 "> 1385 <span class="sr-only"> 1386<span>Politique concernant les cookies</span> 1387</span> 1388 <div class="relative z-10"> 1389 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1390 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-play-line"></use> 1391</svg> </div> 1392 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1393</div> 1394 </media-icon> 1395 <media-icon type="pause" class="group-data-[paused]:hidden"> 1396 1397 1398<div 1399 id="https://cdn.beyondwords.io/audio/projects/49097/podcasts/95065816-864f-418a-8ca5-ed11a301d305/versions/1745495478/media/be4e3ed5887c4825100fcc09e92a3946_compiled.mp3" title="Politique concernant les cookies" class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-10 p-2 lg:size-12 lg:p-3 "> 1400 <span class="sr-only"> 1401<span>Politique concernant les cookies</span> 1402</span> 1403 <div class="relative z-10"> 1404 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1405 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-pause-line"></use> 1406</svg> </div> 1407 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1408</div> 1409 </media-icon> 1410 </media-play-button> 1411 </div> 1412 1413 <div class="w-full"> 1414 1415 <div> 1416 <span class="font-bold">Politique concernant les cookies</span> 1417 </div> 1418 1419 <div class="flex items-center gap-x-2"> 1420 1421 <div class="flex-1"> 1422 <media-time-slider 1423 class="group relative inline-flex w-full cursor-pointer touch-none select-none items-center outline-none aria-hidden:hidden" 1424 > 1425 <div 1426 class="relative z-0 h-[5px] w-full rounded-full overflow-clip bg-red-500/20 ring-indigo-600 group-data-[focus]:ring-[3px]" 1427 > 1428 <div 1429 class="absolute h-full w-[var(--slider-fill)] bg-red-500 will-change-[width]" 1430 ></div> 1431 <div 1432 class="absolute z-10 h-full w-[var(--slider-progress)] rounded-full bg-indigo-600/20 will-change-[width]" 1433 ></div> 1434 </div> 1435 <div 1436 class="absolute left-[var(--slider-fill)] top-1/2 z-20 w-4 aspect-square -translate-x-1/2 -translate-y-1/2 roun
1436ded-full border bg-indigo-600 ring-indigo-600/20 opacity-0 transition-opacity will-change-[left] group-data-[active]:opacity-100 group-data-[dragging]:ring-4" 1437 ></div> 1438 </media-time-slider> 1439 </div> 1440 1441 <div class="flex items-center text-sm font-medium"> 1442 <media-time class="time" type="current"></media-time> 1443 <div class="mx-1 opacity-25">/</div> 1444 <media-time class="time" type="duration"></media-time> 1445 </div> 1446 1447 </div> 1448 1449 </div> 1450 1451 </media-player> 1452 </div> 1453 1454 1455 1456</div> 1457 </div> 1458 1459 </div> 1460 1461 <div class=" max-w-screen-lg "> 1462 1463 1464<div class="aspect-video relative rounded-xl overflow-hidden [&_img]:w-full [&_img]:h-full [&_img]:object-cover"> 1465 <div class="absolute inset-0 z-10 bg-gradient-to-b from-transparent to-blue-500/60"></div> 1466 1467 <p class="absolute z-10 right-2 bottom-2 bg-blue-600 rounded-full px-3 py-1.5 text-blue-50 text-xs">© Inti OCÃN</p> 1468 1469 <div class="absolute inset-0 z-0"> 1470 1471 1472 <picture> 1473 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_1988.jpg?itok=Cx8d4a09 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-03/_MG_1988.jpg?itok=ULGU9eND 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1066"/> 1474 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_1988.jpg?itok=Cx8d4a09 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-03/_MG_1988.jpg?itok=ULGU9eND 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1066"/> 1475 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-03/_MG_1988.jpg?itok=z5DYyfa5 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-03/_MG_1988.jpg?itok=Cx8d4a09 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="853"/> 1476 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-03/_MG_1988.jpg?itok=e39tCOUc 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-03/_MG_1988.jpg?itok=z5DYyfa5 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="427"/> 1477 <img width="640" height="427" src="/sites/default/files/styles/640/public/upload/media/image/2025-03/_MG_1988.jpg?itok=e39tCOUc" alt="Homme agriculteur au Nicaragua" title="" loading="lazy" class="w-full" /> 1478 1479 </picture> 1480 1481 1482 1483 1484 </div> 1485</div> </div> 1486 1487 </header> 1488 1489 <div class="v-spacing"> 1490 1491<div 1492 class="paragraph paragraph--type--section paragraph--view-mode--default group-[.layout-default]/body:container"> 1493 1494 1495<section class="space-y-4 sm:space-y-8"> 1496 1497 1498 <div class="relative grid grid-cols-1 lg:grid-cols-4 gap-x-0 gap-12 lg:gap-x-16 lg:gap-16"> 1499 1500 1501 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1502 <div class="prose max-w-none"> 1503 <p>Les cookies sont des petits fichiers textes électroniques placés par votre navigateur sur votre terminal par les différents sites web que vous consultez. Ils sont généralement utilisés pour permettre aux sites web de fonctionner plus efficacement, ainsi que pour fournir différentes informations aux propriétaires des sites web.</p><p>Certains cookies sont supprimés après la fin de la session de navigation, câest-à -dire après la fermeture de celui-ci. Lorsque vous naviguez sur notre site web et consultez les informations que nous mettons à votre disposition, dâautres cookies subsistent sur votre terminal et sont utilisés pour reconnaître votre navigateur lors de votre prochaine visite ainsi que pour permettre au site web de fonctionner, pour recueillir des informations utiles sur les visiteurs et pour contribuer à améliorer votre expérience d'utilisateur. Ces cookies sont toutefois automatiquement et systématiquement supprimés après une période prédéterminée qui peut varier en fonction de la nature du cookie.</p> 1504 </div> 1505</div> 1506 1507 1508 </div> 1509 1510</section> 1511 1512</div> 1513 1514<div 1515 id="cookies-ncessaires-33393" 1516 class="paragraph paragraph--type--section paragraph--view-mode--default group-[.layout-default]/body:container"> 1517 1518
1519<section class="space-y-4 sm:space-y-8"> 1520 1521 <div> 1522 <hr class="border-t-1 border-blue-100" /> </div> 1523 1524 <div class="relative grid grid-cols-1 lg:grid-cols-4 gap-x-0 gap-12 lg:gap-x-16 lg:gap-16"> 1525 1526 <div class="lg:col-span-2 "> 1527 <div class="lg:max-w-md"> 1528 <h2 class="text-2xl font-bold text-blue-500 sm:text-3xl md:text-4xl bullet-title">Cookies nécessaires</h2> 1529 </div> 1530 </div> 1531 1532 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1533 <div class="prose max-w-none"> 1534 <p>Certains cookies sont strictement nécessaires au fonctionnement de notre site internet, et nous ne vous demandons pas votre consentement pour les placer sur votre terminal.</p><p>Ces cookies sont présentés ci-dessous ainsi que leur durée d'expiration par défaut :</p><ul><li>âcc-givenâ â 365 jours (cookie qui retient le consentement donné par l'utilisateur sur la <em>banner</em> cookie).</li></ul><p> </p><p> </p> 1535 </div> 1536</div> 1537 1538 1539 </div> 1540 1541</section> 1542 1543</div> 1544 1545<div 1546 id="cookies-de-mesure-de-laudience-33395" 1547 class="paragraph paragraph--type--section paragraph--view-mode--default group-[.layout-default]/body:container"> 1548 1549 1550<section class="space-y-4 sm:space-y-8"> 1551 1552 <div> 1553 <hr class="border-t-1 border-blue-100" /> </div> 1554 1555 <div class="relative grid grid-cols-1 lg:grid-cols-4 gap-x-0 gap-12 lg:gap-x-16 lg:gap-16"> 1556 1557 <div class="lg:col-span-2 "> 1558 <div class="lg:max-w-md"> 1559 <h2 class="text-2xl font-bold text-blue-500 sm:text-3xl md:text-4xl bullet-title">Cookies de mesure de l'audience</h2> 1560 </div> 1561 </div> 1562 1563 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1564 <div class="prose max-w-none"> 1565 <p>Des cookies de mesure de l'audience des sites internet sont également placés lorsque vous naviguez sur notre site web : nous faisons appel, pour ce faire, à Matomo. </p><p>Les cookies dâanalyse de Matomo nous permettent de recueillir des renseignements sur la façon dont les visiteurs utilisent notre site. Les cookies collectent des informations de manière anonyme, notamment le nombre de visiteurs sur le site, d'où ils viennent et les pages qu'ils ont visitées. Nous utilisons ces informations pour établir des rapports et pour nous aider à améliorer notre site web.</p><p>Ces cookies sont présentés ci-dessous ainsi que leur durée d'expiration par défaut :</p><ul><li>â_pk_testcookieâ â ce cookie est créé et doit être ensuite directement supprimé (utilisé pour vérifier si le navigateur du visiteur prend en charge les cookies)</li><li>â_pk_sesâ, â_pk_cvarâ, â_pk_hsrâ â 30 minutes (cookies de courte durée utilisés pour stocker temporairement les données de la visite)</li><li>âmatomo_sessidâ â 14 jours</li><li>â_pk_idâ â 13 mois (cookie utilisé pour stocker des informations sur lâutilisateur, telles que lâidentifiant unique du visiteur)</li><li>â_pk_refâ â 6 mois (cookie utilisé pour stocker les informations dâattribution, le référent initialement utilisé pour visiter le site web)</li><li>âmtm_consentâ â cookie créé avec une date dâexpiration de 30 ans pour se souvenir que le consentement a été donné (ou retiré) par lâutilisateur</li><li>âmtm_cookie_consentâ â cookie créé avec une date dâexpiration de 30 ans pour se souvenir que le consentement au stockage et à lâutilisation des cookies a été donné par lâutilisateur</li><li>âmatomo_ignoreâ â 30 ans.</li></ul> 1566 </div> 1567</div> 1568 1569 1570 </div> 1571 1572</section> 1573 1574</div> 1575 1576<div 1577 id="dsactiver-les-cookies--36324" 1578 class="paragraph paragraph--type--section paragraph--view-mode--default group-[.layout-default]/body:container"> 1579 1580 1581<section class="space-y-4 sm:space-y-8"> 1582 1583 <div> 1584 <hr class="border-t-1 border-blue-100" /> </div> 1585 1586 <div class="relative grid grid-cols-1 lg:grid-cols-4 gap-x-0 gap-12 lg:gap-x-16 lg:gap-16"> 1587 1588 <div class="lg:col-span-2 lg:row-span-2"> 1589 <div class="lg:max-w-md"> 1590 <h2 class="text-2xl font-bold text-blue-500 sm:text-3xl md:text-4xl bullet-title">Comment désactiver les cookies en configurant les navigateurs les plus courantsâ¯?</h2> 1591 </div> 1592 </div> 1593 1594 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1595 <div class="prose max-w-none"> 1596 <p>Si vous souhaitez désactiver ou supprimer les cookies, la plupart des navigateurs vous le permettent en fournissant des informations sur le paramétrage des cookies. </p><p>Vous trouverez ces informations ainsi que la manière de procéder pour désactiver/supprimer les cookies via les liens suivants :</p> 1597 </div> 1598</div> 1599 <div class="paragraph paragraph--type--links paragraph--view-mode--default">
1600 <ul class="space-y-4 sm:space-y-6"> 1601 <li> 1602 1603 1604 <a 1605 href="http://support.google.com/chrome/bin/answer.py?hl=fr&answer=95647" 1606 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1607 1608 <div> 1609 1610 1611<div 1612 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1613 <div class="relative z-10"> 1614 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1615 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1616</svg> </div> 1617 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1618</div> 1619 </div> 1620 1621 1622 <div class="mt-1"> 1623 1624 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1625 1626 <div class="block font-bold text-blue-500"> 1627 <div> 1628 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Chrome</span> 1629 </div> 1630 </div> 1631 1632 </div> 1633 1634</a> 1635 </li> 1636 <li> 1637 1638 1639 <a 1640 href="http://support.mozilla.org/fr/kb/activer-desactiver-cookies" 1641 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1642 1643 <div> 1644 1645 1646<div 1647 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1648 <div class="relative z-10"> 1649 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1650 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1651</svg> </div> 1652 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1653</div> 1654 </div> 1655 1656 1657 <div class="mt-1"> 1658 1659 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1660 1661 <div class="block font-bold text-blue-500"> 1662 <div> 1663 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Firefox</span> 1664 </div> 1665 </div> 1666 1667 </div> 1668 1669</a> 1670 </li> 1671 <li> 1672 1673 1674 <a 1675 href="https://support.microsoft.com/fr-lu/help/17442/windows-internet-explorer-delete-manage-cookies" 1676 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1677 1678 <div> 1679 1680 1681<div 1682 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1683 <div class="relative z-10"> 1684 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1685 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1686</svg> </div> 1687 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1688</div> 1689 </div> 1690 1691 1692 <div class="mt-1"> 1693 1694 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1695 1696 <div class="block font-bold text-blue-500"> 1697 <div> 1698 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Microsoft Edge</span> 1699 </div> 1700 </div> 1701 1702 </div> 1703 1704</a> 1705 </li> 1706 <li> 1707 1708 1709 <a 1710 href="http://support.apple.com/kb/PH5042" 1711 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1712 1713 <div> 1714 1715 1716<div 1717 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1718 <div class="relative z-10"> 1719 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1720 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1721</svg> </div> 1722 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1723</div> 1724 </div> 1725 1726 1727 <div class="mt-1"> 1728
1729 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1730 1731 <div class="block font-bold text-blue-500"> 1732 <div> 1733 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Safari</span> 1734 </div> 1735 </div> 1736 1737 </div> 1738 1739</a> 1740 </li> 1741 <li> 1742 1743 1744 <a 1745 href="https://support.apple.com/fr-be/HT201265" 1746 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1747 1748 <div> 1749 1750 1751<div 1752 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1753 <div class="relative z-10"> 1754 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1755 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1756</svg> </div> 1757 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1758</div> 1759 </div> 1760 1761 1762 <div class="mt-1"> 1763 1764 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1765 1766 <div class="block font-bold text-blue-500"> 1767 <div> 1768 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Safari pour iOS</span> 1769 </div> 1770 </div> 1771 1772 </div> 1773 1774</a> 1775 </li> 1776 <li> 1777 1778 1779 <a 1780 href="http://help.opera.com/Windows/9.20/fr/cookies.html" 1781 target="_blank" class="group flex gap-x-4 sm:gap-x-6"> 1782 1783 <div> 1784 1785 1786<div 1787 class=" block group relative rounded-lg bg-blue-500 no-underline aspect-square text-white size-12 p-3 lg:size-14 lg:p-4"> 1788 <div class="relative z-10"> 1789 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1790 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-links-line"></use> 1791</svg> </div> 1792 <span class="absolute inset-0 bg-blue-400 scale-0 rounded-lg transition ease-in-out duration-500 group-hover:scale-100"></span> 1793</div> 1794 </div> 1795 1796 1797 <div class="mt-1"> 1798 1799 <span class="block mb-0.5 font-secondary font-bold text-xs text-blue-500 uppercase">Lien</span> 1800 1801 <div class="block font-bold text-blue-500"> 1802 <div> 1803 <span class="inline align-baseline underline underline-offset-4 decoration-blue-100 decoration-2 group-hover:decoration-blue-500">Opera</span> 1804 </div> 1805 </div> 1806 1807 </div> 1808 1809</a> 1810 </li> 1811 </ul> 1812</div> 1813 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1814 <div class="prose max-w-none"> 1815 <p>Veuillez noter que les fonctionnalités de notre site web peuvent être limitées dans le cas où vous refusez lâutilisation de cookies.</p> 1816 </div> 1817</div> 1818 1819 1820 </div> 1821 1822</section> 1823 1824</div> 1825 1826<div 1827 id="contact-36326" 1828 class="paragraph paragraph--type--section paragraph--view-mode--default group-[.layout-default]/body:container"> 1829 1830 1831<section class="space-y-4 sm:space-y-8"> 1832 1833 <div> 1834 <hr class="border-t-1 border-blue-100" /> </div> 1835 1836 <div class="relative grid grid-cols-1 lg:grid-cols-4 gap-x-0 gap-12 lg:gap-x-16 lg:gap-16"> 1837 1838 <div class="lg:col-span-2 "> 1839 <div class="lg:max-w-md"> 1840 <h2 class="text-2xl font-bold text-blue-500 sm:text-3xl md:text-4xl bullet-title">Contact</h2> 1841 </div> 1842 </div> 1843 1844 <div class="paragraph paragraph--type--text paragraph--view-mode--default"> 1845 <div class="prose max-w-none"> 1846 <p>Pour toute question relative à cette politique ou à la gestion de vos données personnelles, vous pouvez nous contacter à <a href="mailto:[email protected]">[email protected]</a>.</p> 1847 </div> 1848</div> 1849 1850 1851 </div> 1852 1853</section> 1854 1855</div> 1856 1857 1858 </div> 1859 1860 <footer class="container"> 1861 <div class="views-element-container"><div class="js-view-dom-id-1a333f781434ab9c80fe28e2981a3ae0e47d547c09665bf61d1b4fab16522fde space-y-4 sm:sp
1861ace-y-6 md:space-y-8"> 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877</div> 1878</div> 1879 1880 1881 </footer> 1882 1883</article> 1884 1885</main> 1886 1887<footer id="footer"> 1888 1889 1890 <div class="h-screen bg-blue-800 relative"> 1891 1892 <div class="absolute inset-0 z-10 p-2 sm:p-4 flex items-end mx-auto 3xl:max-w-[80%]"> 1893 <div class="bg-white py-6 rounded-md w-full sm:w-2/3 sm:rounded-lg md:rounded-xl md:w-1/2"> 1894 <div class="container space-y-8 sm:space-y-12 md:space-y-24 lg:space-y-32"> 1895 1896 <div> 1897 <a href="/fr" class="block w-28 lg:w-32"> 1898 <svg viewBox="0 0 134 71" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-full h-auto"> 1899 <path d="M115 9.4c0-3.1 1.5-5.9 3.9-7.6a9.6 9.6 0 0 0-15.2 7.6A9.5 9.5 0 0 0 119 17a9.4 9.4 0 0 1-4-7.6" fill="#E30613"/> 1900 <path fill-rule="evenodd" clip-rule="evenodd" d="M30.7 9.4C30.7 4.2 35 0 40.2 0c5.3 0 9.6 4.2 9.6 9.4s-4.3 9.4-9.6 9.4a9.5 9.5 0 0 1-9.5-9.4ZM64.6 0A9.5 9.5 0 0 0 55 9.4c0 5.2 4.3 9.4 9.6 9.4 5.2 0 9.5-4.2 9.5-9.4S69.8 0 64.6 0ZM79 9.4C79 4.2 83.3 0 88.5 0 93.8 0 98 4.2 98 9.4s-4.2 9.4-9.5 9.4A9.5 9.5 0 0 1 79 9.4Zm39.9-7.6A9.6 9.6 0 0 1 134 9.4a9.5 9.5 0 0 1-15.1 7.6 9.3 9.3 0 0 0 0-15.2Z" fill="#009FE3"/> 1901 <path fill-rule="evenodd" clip-rule="evenodd" d="M118.9 1.8a9.3 9.3 0 0 1 0 15.2 9.3 9.3 0 0 1 0-15.2Zm-82.4 25h-4.7l6 8.3-6.3 8.5h4.6l4-5.4 4 5.4h4.7L42.5 35l6-8.1H44l-3.7 5-3.7-5ZM22 40.7c-2.8 0-3.4-1.3-3.4-3.8v-10h-4v9.6c0 5.5 2.1 7.5 7.4 7.5 5.2 0 7.2-2.5 7.2-7.6v-9.4h-4v9.7c0 2.5-.4 4-3.2 4Zm44.8-5.4c0 6.4-4.3 8.4-9.9 8.4h-5.5V26.9h5.5c5.6 0 10 2 10 8.3Zm-11.4-5v10H57c3 0 5.6-.6 5.6-5s-2.7-5-5.6-5h-1.6Zm27.6.1V27H70.1v16.7h13V40h-9v-3.4h8.5v-3.5H74v-2.9h9Zm10.3 8.8L97.2 27h4l-5.7 16.7h-4.7l-5.7-16.7h4.3L93.3 39ZM5 59.1v-1.2H1.4v-6H0V59h5Zm2.4 0c-1.3 0-1.9-.7-1.9-2v-3.4H7v3c0 .8.1 1.4 1 1.4.8 0 1-.8 1-1.6v-2.8h1.4V59H9v-.8c-.4.6-1 .9-1.6.9Zm7.5 0h1.5l-2-2.9 2-2.5h-1.5l-1.1 1.6-1.2-1.6h-1.5l1.9 2.6-2 2.7h1.4l1.3-1.7 1.2 1.7Zm4.4-1c.4 0 .8-.1 1.1-.6h1.4c-.2.8-1 1.7-2.5 1.7-1.8 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.7 2.7-2.7 1.7 0 2.8 1.3 2.7 3.1h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.2-1.3-1.2-.5 0-1.2.3-1.3 1.2h2.6Zm7 3.2v-2.8c0-.8.2-1.5 1.1-1.5.8 0 .9.6.9 1.2V59h1.4v-3.3c0-1.3-.5-2.1-1.9-2.1a2 2 0 0 0-1.8.8c-.2-.4-.6-.8-1.5-.8-.6 0-1.2.3-1.5.8v-.7h-1.4V59h1.4v-2.8c0-.8.1-1.5 1-1.5s1 .6 1 1.2V59h1.3Zm4.5-7.2h1.4v2.6c.3-.5 1-.8 1.6-.8 1.3 0 2.3 1 2.3 2.8 0 1.7-1 2.8-2.3 2.8-.6 0-1.2-.2-1.6-.8v.7H32v-7.3Zm2.7 2.8c-.8 0-1.3.7-1.3 1.8 0 1 .5 1.7 1.3 1.7.7 0 1.2-.7 1.2-1.7s-.5-1.8-1.2-1.8Zm8.7 1.8c0-2-1.3-2.8-2.7-2.8-1.4 0-2.7.9-2.7 2.8s1.3 2.8 2.7 2.8c1.4 0 2.7-1 2.7-2.8Zm-1.4 0c0 1-.6 1.7-1.3 1.7-.8 0-1.3-.6-1.3-1.7s.5-1.8 1.3-1.8c.7 0 1.3.7 1.3 1.8Zm4 2.8c-1.3 0-1.8-.8-1.8-2.1v-3.4h1.4v3c0 .8.1 1.4.9 1.4 1 0 1.1-.8 1.1-1.6v-2.8H49V59h-1.4v-.8c-.3.6-.9.9-1.5.9Zm5.7-3c0-1 .4-1.2 1-1.2h.7v-1.3H53c-.7 0-1.1.3-1.5 1v-1h-1.3V59h1.4v-2.8Zm7.3 2.3c0 1.8-1 2.4-2.6 2.4-1.2 0-2.2-.4-2.4-1.7h1.3c.1.5.5.7 1.1.7.8 0 1.2-.3 1.2-1.1V58c-.3.6-1 .8-1.5.8-1.4 0-2.4-1-2.4-2.6s1-2.7 2.4-2.7c.7 0 1.3.4 1.5.9v-.7H59v4.8Zm-2.6-3.9c-.7 0-1.2.7-1.2 1.6 0 1 .5 1.6 1.2 1.6.8 0 1.3-.6 1.3-1.6s-.5-1.6-1.3-1.6ZM2.2 69.1c2.3 0 4-.7 4-3.6 0-2.9-1.7-3.6-4-3.6H0V69h2.2Zm-.8-1V63h.7c1.3 0 2.6.3 2.6 2.5S3.4 68 2.1 68h-.7Zm8.3 0c.4 0 .9 0 1.1-.5h1.5c-.3.8-1.1 1.7-2.6 1.7C8 69.3 7 68 7 66.4c0-1.5 1.2-2.8 2.8-2.8 1.6 0 2.7 1.3 2.6 3.2h-4c.1 1 .7 1.4 1.4 1.4ZM11 66c0-1-.6-1.3-1.2-1.3-.5 0-1.2.4-1.3 1.3h2.5Zm7-2.1h-1.4l-1.3 4-1.2-4h-1.5l2 5.3h1.4l2-5.3Zm2.9 4.4c.4 0 .9-.2 1.1-.6h1.5c-.3.8-1.1 1.7-2.6 1.7-1.7 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.8 2.8-2.8 1.6 0 2.7 1.3 2.6 3.2h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.3-1.2-1.3-.6 0-1.2.4-1.4 1.3H22Zm2.3-4h1.4v7.2h-1.4V62Zm5 1.7c1.4 0 2.7 1 2.7 2.9 0 1.8-1.3 2.8-2.7 2.8-1.4 0-2.7-1-2.7-2.8 0-2 1.3-2.9 2.7-2.9Zm0 4.6c.8 0 1.3-.6 1.3-1.7 0-1.2-.5-1.8-1.3-1.8-.7 0-1.3.6-1.3 1.8 0 1 .6 1.7 1.3 1.7Zm5-4.4H33v7h1.4v-2.3c.3.6 1 .8 1.6.8 1.2 0 2.3-1.2 2.3-2.8 0-1.7-1-2.9-2.3-2.9-.7 0-1.3.4-1.6.9v-.7Zm0 2.6c0-1 .5-1.7 1.2-1.7s1.3.7 1.3 1.8c0 1-.6 1.7-1.3 1.7-.7 0-1.2-.7-1.2-1.8Zm9.6 0V69h-1.4V66c0-.6 0-1.3-.9-1.3-1 0-1 .8-1 1.6v2.8H39v-5.3h1.4v.7c.3-.6.9-.9 1.5-.9 1 0 1.4.5 1.6 1a2 2 0 0 1 1.8-1c1.3 0 1.8.9 1.8 2.2V69h-1.4V66c0-.6 0-1.3-.9-1.3s-1 .8-1 1.6Zm8 1.2c-.3.4-.7.6-1.1.6-.7 0-1.4-.5-1.4-1.4h4c0-1.9-1-3.2-2.7-3.2a2.7 2.7 0 0 0-2.7 2.8c0 1.6 1 2.9 2.8 2.9 1.4 0 2.2-1 2.5-1.7H52Zm-1.2-3c.6 0 1.2.4
19011.3 1.3h-2.6c.1-1 .8-1.3 1.3-1.3Zm6.5-1c1.4 0 2 .8 2 2.1v3.4h-1.5v-3c0-.8-.1-1.4-1-1.4-.8 0-1 .8-1 1.6v2.8h-1.4v-5.4h1.4v.8c.3-.6.9-.9 1.5-.9Zm4.7.2v-1.5h-1.4v1.5h-.8v.9h.8v3c0 1 .2 1.4 1.5 1.4h1v-1h-.4c-.5 0-.7 0-.7-.6v-2.8H63v-1h-1.1Zm7.8-1.9 2.7 7.2H71l-.5-1.4h-2.9L67 69h-1.5l2.8-7.2h1.4Zm.3 4.6-1-2.9-1 2.9h2Zm5.3 4.5c1.7 0 2.7-.7 2.7-2.4v-4.8h-1.4v.7c-.2-.5-.8-.9-1.5-.9-1.4 0-2.4 1.1-2.4 2.7 0 1.5 1 2.6 2.4 2.6.5 0 1.2-.2 1.5-.8v.7c0 .9-.5 1.2-1.2 1.2-.6 0-1-.2-1.1-.7H73c.2 1.3 1.2 1.7 2.3 1.7Zm-1.1-4.7c0-.9.5-1.6 1.2-1.6.8 0 1.3.6 1.3 1.6s-.5 1.6-1.3 1.6c-.7 0-1.2-.7-1.2-1.6Zm7.5 1.9c.4 0 .8-.2 1.1-.6h1.4c-.3.8-1 1.7-2.5 1.7-1.8 0-2.8-1.3-2.8-2.9 0-1.5 1.1-2.8 2.7-2.8s2.8 1.3 2.7 3.2h-4c0 1 .7 1.4 1.4 1.4Zm1.2-2.3c0-1-.7-1.3-1.3-1.3-.5 0-1.2.4-1.3 1.3H83Zm7.1-.2c0-1.3-.5-2-1.9-2-.6 0-1.2.2-1.5.8v-.8h-1.4v5.4h1.4v-2.8c0-.8.2-1.6 1-1.6.9 0 1 .6 1 1.3v3.1H90v-3.4Zm4.7-.1c-.1-.5-.6-.9-1.1-.9-.8 0-1.3.6-1.3 1.7s.5 1.8 1.3 1.8c.4 0 1-.3 1.1-1h1.4c-.3 1.6-1.5 2-2.6 2-1.6 0-2.7-1.1-2.7-2.8 0-1.6 1.1-2.8 2.8-2.8 1 0 2.2.6 2.4 2h-1.3Zm2.6 4.2h-.6v1h.6c1.4 0 1.7-.2 2.3-1.8l2-5.2h-1.4l-1.3 3.8-1.2-3.8h-1.5l2 5.3v.2c-.2.5-.5.5-1 .5ZM0 27v16.7h12v-3.5H4V27H0Z" fill="#080099"/> 1902</svg> 1903 <span class="sr-only">LuxDev</span> 1904 </a> 1905 </div> 1906 1907 <div class="space-y-4 sm:space-y-8"> 1908 1909 <div> 1910 <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer"> 1911 1912 1913 1914 <ul block="block-footer" class="space-y-1 sm:space-y-2 md:space-y-3"> 1915 <li> 1916 <a href="/fr/publications" class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl md:text-2xl lg:text-3xl xl:text-4xl hover:text-blue [&.is-active]:text-blue"> 1917 <span>Publications</span> 1918 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 1919 </a> 1920 </li> 1921 <li> 1922 <a href="/fr/identite-visuelle" class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl md:text-2xl lg:text-3xl xl:text-4xl hover:text-blue [&.is-active]:text-blue"> 1923 <span>Identité visuelle</span> 1924 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 1925 </a> 1926 </li> 1927 <li> 1928 <a href="/fr/contact" class="group relative inline-flex items-center gap-2 group font-semibold text-blue-500/60 text-lg transition-colors sm:text-xl md:text-2xl lg:text-3xl xl:text-4xl hover:text-blue [&.is-active]:text-blue"> 1929 <span>Contact</span> 1930 <span class="size-1 bg-red-500 rounded-full opacity-0 -translate-x-4 transition-transform duration-500 ease-out lg:size-2 group-[.is-active]:opacity-100 group-[.is-active]:-translate-x-0 group-hover:-translate-x-0 group-hover:opacity-100"></span> 1931 </a> 1932 </li> 1933 </ul> 1934 1935 1936 1937 </nav> 1938 </div> 1939 1940 <div class="space-y-4 sm:space-y-8 lg:flex lg:space-y-0 lg:gap-x-4 lg:justify-between"> 1941 <nav role="navigation" aria-labelledby="block-footer--2-menu" id="block-footer--2"> 1942 1943 1944 1945 <ul block="block-footer--2" class="flex items-center space-x-2 sm:space-x-4"> 1946 <li> 1947 <a 1948 target="_blank" 1949 href="https://www.facebook.com/LuxDevHQ" 1950 class="block w-5 text-blue-500 transition-transform sm:w-6 hover:scale-105"> 1951 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1952 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-facebook-line"></use> 1953</svg> <span class="sr-only">Facebook</span> 1954 </a> 1955 </li> 1956 <li> 1957 <a 1958 target="_blank" 1959 href="https://www.linkedin.com/company/luxdev/" 1960 class="block w-5 text-blue-500 transition-transform sm:w-6 hover:scale-105"> 1961 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1962 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-linkedin-line"></use> 1963</svg>
1963 <span class="sr-only">Linkedin</span> 1964 </a> 1965 </li> 1966 <li> 1967 <a 1968 target="_blank" 1969 href="https://www.youtube.com/videoluxdev" 1970 class="block w-5 text-blue-500 transition-transform sm:w-6 hover:scale-105"> 1971 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1972 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-youtube-line"></use> 1973</svg> <span class="sr-only">Youtube</span> 1974 </a> 1975 </li> 1976 <li> 1977 <a 1978 target="_blank" 1979 href="https://x.com/LuxDev_HQ" 1980 class="block w-5 text-blue-500 transition-transform sm:w-6 hover:scale-105"> 1981 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class=" w-full h-auto fill-current"> 1982 <use xlink:href="/themes/luxdev/src/img/remixicon.symbol.svg#ri-twitter-x-line"></use> 1983</svg> <span class="sr-only">Twitter X</span> 1984 </a> 1985 </li> 1986 </ul> 1987 1988 1989 1990 </nav> 1991 <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer"> 1992 1993 1994 1995 <ul block="block-footer" class="flex flex-wrap items-center gap-2 sm:gap-4"> 1996 <li> 1997 <a href="/fr/mentions-legales" class="text-xs text-gray-500 hover:text-blue-500" data-drupal-link-system-path="node/4">Mentions légales</a> 1998 </li> 1999 <li> 2000 <button class="cookie-consent-open text-xs text-gray-500 hover:text-blue-500" type="button">Gérer les cookies</button> 2001 </li> 2002 </ul> 2003 2004 2005 2006 </nav> 2007 </div> 2008 </div> 2009 2010 </div> 2011 </div> 2012 </div> 2013 2014 <div class="absolute inset-0 z-0"> 2015 <div class="absolute inset-0 z-10 bg-gradient-to-t from-blue-500"></div> 2016 <div class="absolute inset-0 z-0 [&_img]:w-full [&_img]:h-full [&_img]:object-cover"> 2017 2018 2019 <picture> 2020 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=05BBu8T4 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=ZT8YiVfv 2x" media="(min-width: 1600px)" type="image/jpeg" width="1600" height="1200"/> 2021 <source srcset="/sites/default/files/styles/1600/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=05BBu8T4 1x, /sites/default/files/styles/2000/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=ZT8YiVfv 2x" media="(min-width: 1280px)" type="image/jpeg" width="1600" height="1200"/> 2022 <source srcset="/sites/default/files/styles/1280/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=2EHJANvY 1x, /sites/default/files/styles/1600/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=05BBu8T4 2x" media="(min-width: 640px)" type="image/jpeg" width="1280" height="960"/> 2023 <source srcset="/sites/default/files/styles/640/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=0MZvSaU9 1x, /sites/default/files/styles/1280/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=2EHJANvY 2x" media="(min-width: 0px)" type="image/jpeg" width="640" height="480"/> 2024 <img width="640" height="480" src="/sites/default/files/styles/640/public/upload/media/image/2025-04/Planting%20for%20organic%20rice%20model%20%281%29.jpg?itok=0MZvSaU9" alt="Planting for organic rice model" title="" loading="lazy" class="w-full" /> 2025 2026 </picture> 2027 2028 2029 2030 </div> 2031 </div> 2032 2033 </div> 2034 2035</footer> 2036 2037 </div> 2038 2039 2040 2041 2042 2043
2043<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"fr\/","currentPath":"node\/60","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"bd9dd17c27967b6782836828d84a3bfce0436913b178dd821d0fb06231881f4d"}}</script>
vendor: 1 bytes, line 2043
2043
2044<script src="/sites/default/files/js/js_5VUbMdpgvt4ZRd518ua0QGfU7VmL-2OEe0HFfWTGZHY.js?scope=footer&delta=0&language=fr&theme=luxdev&include=eJyFitEKgCAQBH8o9JPiss0KT8E96vdL8C2kl52FmbBLNc6h4aTvnG4sW6nqOx0SFNncCpMj0VEu_EZWYkzjTEFKHHu-J9hHt3kAadJG5Q"></script>
vendor: 1 bytes, line 2044
2044
2045<script src="/modules/contrib/charts/modules/charts_chartjs/js/charts_chartjs.js?v=1.x" defer></script>
vendor: 1 bytes, line 2045
2045
2046<script src="/sites/default/files/js/js_GJoP-SqI8aZCm5H2f98gRhw4Fx6mN3NIniuaPg9aBOk.js?scope=footer&delta=2&language=fr&theme=luxdev&include=eJyFitEKgCAQBH8o9JPiss0KT8E96vdL8C2kl52FmbBLNc6h4aTvnG4sW6nqOx0SFNncCpMj0VEu_EZWYkzjTEFKHHu-J9hHt3kAadJG5Q"></script>
vendor: 1 bytes, line 2046
2046
2047<script src="https://unpkg.com/[email protected]/dist/chart.umd.js"></script>
vendor: 1 bytes, line 2047
2047
2048<script src="https://unpkg.com/[email protected]/dist/chartjs-adapter-date-fns.bundle.js"></script>
vendor: 1 bytes, line 2048
2048
2049<script src="https://unpkg.com/[email protected]/dist/chartjs-plugin-datalabels.js"></script>
vendor: 1 bytes, line 2049
2049
2050<script src="/sites/default/files/js/js_XFxqv7OUV8sawwLOAEsM8xl49t5IyC2j9RsRREA96fs.js?scope=footer&delta=6&language=fr&theme=luxdev&include=eJyFitEKgCAQBH8o9JPiss0KT8E96vdL8C2kl52FmbBLNc6h4aTvnG4sW6nqOx0SFNncCpMj0VEu_EZWYkzjTEFKHHu-J9hHt3kAadJG5Q"></script>
2050 2051 2052
2052<script type="module" src="https://luxdev.lu/themes/luxdev/dist/assets/app-45cdc9b8.js" crossorigin ></script>
2052 2053 2054 </body> 2055 2056</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.