1<!DOCTYPE html> 2<html lang=en> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 8 <!-- Google tag (gtag.js) --> 9 <!--script async src="https://www.googletagmanager.com/gtag/js?id=G-5ZK0LGV7RZ"></script--> 10 <!--script> 11 window.dataLayer = window.dataLayer || []; 12 function gtag() { dataLayer.push(arguments); } 13 14 // Initialisation de base 15 gtag('js', new Date()); 16 17 // Consentement par défaut AVANT tout config 18 gtag('consent', 'default', { 19 'ad_storage': 'denied', 20 'ad_user_data': 'denied', 21 'ad_personalization': 'denied', 22 'analytics_storage': 'denied' 23 }); 24 25 gtag('config', G-5ZK0LGV7RZ); 26 </script--> 27 28 <!-- Google Tag Manager --> 29
29<script> 30 (function (w, d, s, l, i) { 31 w[l] = w[l] || []; w[l].push({ 32 'gtm.start': 33 new Date().getTime(), event: 'gtm.js' 34 }); var f = d.getElementsByTagName(s)[0], 35 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 36 'https://www.googletagmanager.com/gtm.js?id=GTM-KH8TB9NR' + dl; f.parentNode.insertBefore(j, f); 37 }) (window, document, 'script', 'dataLayer', 'GTM-KH8TB9NR'); 38 </script>
38 39 <!-- End Google Tag Manager --> 40 41 42 <meta name='description' content='Le Grand Comptoir: bar with food trucks, concerts and craft beers in Aix-en-Provence. Friendly and festive atmosphere.'> 43<meta property='og:type' content='website'> 44<meta property='og:title' content='Le Grand Comptoir Aix-en-Provence'> 45<meta property='og:description' content='Bar with food trucks, concerts and craft beers.'> 46<meta property='og:image' content='https://le-grand-comptoir.fr/img/og-default.jpg'> 47<meta property='og:locale' content='en_US'> 48<meta property='og:site_name' content='Le Grand Comptoir'> 49<meta name='twitter:card' content='summary_large_image'> 50 <title>Le Grand Comptoir - Terms and Conditions of Sale</title> 51 52 53 <meta property='og:url' content='https://le-grand-comptoir.fr/en/terms-and-conditions/'> 54 55 <link rel='stylesheet' href='/fw/css/fw_styles.css'> 56 <link rel="stylesheet" href="/css/styles.css"> 57 <link rel='stylesheet' href='/fw/css/fw_vierge.css'> 58<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css"> 59<style> 60 .edit-form__double { 61 flex-wrap: wrap; 62 } 63 .edit-form__double > .error-message { 64 flex: 1 0 100%; 65 } 66 67 .edit-form__double .edit-form__input--cp { 68 flex: 0 0 170px; 69 width: auto; 70 } 71 .edit-form__double .edit-form__input--city, 72 .edit-form__double .edit-form__input--full-width { 73 flex: 1 1 0; 74 width: auto; 75 } 76 </style> 77 78 <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'> 79 <!--script src="https://unpkg.com/[email protected]/dist/boxicons.js"></script--> 80 81 <!-- Notyf --> 82 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"> 83 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 84 <style> 85 i.material-icons { 86 color: #fff !important; 87 } 88 </style> 89 90 <!-- Lordicon --> 91
91<script src="https://cdn.lordicon.com/lordicon.js"></script>
91 92 93 <!--script src="https://www.paypal.com/sdk/js?client-id=AdRTLV2CODOV8KNI-3wP9iti7pDciRkYZq-2X3hisvRwOYrUKM2H5KYPqR069xf2eE7hcPfP5dDbbWEK&components=buttons¤cy=EUR"></script--> 94 95
95<script> 96 const lang = "en"; 97 </script>
97 98
98<script> 99 var adminConnected; 100 var userConnected; 101 </script>
101 102
102<script> 103 const translations = {"slugs":{"legalNotice":"legal-notice","tcs":"terms-and-conditions","privacyPolicy":"privacy-policy","shop":"shop","cart":"cart","myInfos":"edit-profile","myOrders":"my-orders","myAccount":"my-account","myAddresses":"my-addresses","addAddress":"add-address","editAddress":"edit-address","createAccount":"create-account","accountRequest":"account-request","forgetPassword":"forget-password","order":"order","orderConfirmed":"order-confirmed","products":"products","blog":"slugs.blog.root","contact":"contact","login":"login","home":"home"},"cart":{"productUpdatedToCart":"Product updated in cart ! Click to view cart","productAddedToCart":"Product added to shopping cart ! Click to view cart","productAddedToCartError":"Error : impossible to add product to cart","addToCart":"Add to cart","editCart":"Edit cart","refreshCart":"Refresh cart","qtyChanged":"Quantity changed !","pleaseDeleteProduct":"You cannot have 0 quantity. Please delete the product.","boughtInMultiples":"This product must be bought in multiples of ","askDeleteProduct":"Do you really want to delete this product from your cart ?","productDeletedToCartError":"Impossible to delete the product from the cart.","productDeletedToCart":"The product has been deleted from the cart with success.","decreaseByOneUnit":"Decrease by one unit","increaseByOneUnit":"Increase by one unit","total":"Total"},"shop":{"filters":"Filters","labelHT":" VAT not incl.","labelTTC":" VAT incl."},"misc":{"yes":"Yes","no":"No"}}; 104 var darkModeChanged = false; 105 const isB2B = false; 106 const isNoAccount = false; 107 const isNoShop = true; 108 // const currentPage = getPageFromUrl(); 109 const pageOrder = false; //(currentPage === "order" || currentPage === 'commande') ? true : false; 110 const pageCart = false; //(currentPage === "cart" || currentPage === 'panier') ? true : false; 111 </script>
111 112</head> 113 114<body class="false"> 115 116 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 116-118
116 117 <noscript> 118 <iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-KH8TB9NR
vendor: 107 bytes, lines 118-121
118" height="0" width="0" 119 style="display:none;visibility:hidden"></iframe> 120 </noscript> 121
121<!-- End Google Tag Manager (noscript) --> 122 123 <!-- Popup Cart Masked --> 124 <div class="header__popup header__popup--right popup-cart" id="popup-cart"> 125 126 <h2 class="header__popup--title">Your cart</h2> 127 128 <div class="header__popup-content popup-cart__content"> 129 130 <!-- Content --> 131 <div class="cart-content"></div> 132 <div class="popup-cart__cart-empty"> 133 <h3>Your cart is empty</h3> 134 <p>Discover products and start your shopping !</p> 135 <button type="button" class="button"> 136 <a href="/en/products">See the shop</a> 137 </button> 138 </div> 139 <div class="popup-cart__confirm masked" id="popup-cart__confirm"> 140 <div class="popup-cart__confirm__promo"> 141 <input type="text" placeholder="Discount code" class="popup-cart__confirm__promo--code"> 142 <button type="button" class="button popup-cart__confirm__promo--btn-appli">Apply</button> 143 </div> 144 <div class="popup-cart__confirm__reduce-applied masked"> 145 <span class="popup-cart__confirm__reduce-applied--label">Code applied</span> 146 <div class="popup-cart__confirm__reduce-applied__content"> 147 <span class="popup-cart__confirm__reduce-applied__content--code"></span> 148 <span class="loading-spinner masked"> 149 <svg class="spinner" width="15" height="15" viewBox="0 0 15 15" fill="none" 150 xmlns="http://www.w3.org/2000/svg"> 151 <path 152 d="M1.90321 7.29677C1.90321 10.341 4.11041 12.4147 6.58893 12.8439C6.87255 12.893 7.06266 13.1627 7.01355 13.4464C6.96444 13.73 6.69471 13.9201 6.41109 13.871C3.49942 13.3668 0.86084 10.9127 0.86084 7.29677C0.860839 5.76009 1.55996 4.55245 2.37639 3.63377C2.96124 2.97568 3.63034 2.44135 4.16846 2.03202L2.53205 2.03202C2.25591 2.03202 2.03205 1.80816 2.03205 1.53202C2.03205 1.25588 2.25591 1.03202 2.53205 1.03202L5.53205 1.03202C5.80819 1.03202 6.03205 1.25588 6.03205 1.53202L6.03205 4.53202C6.03205 4.80816 5.80819 5.03202 5.53205 5.03202C5.25591 5.03202 5.03205 4.80816 5.03205 4.53202L5.03205 2.68645L5.03054 2.68759L5.03045 2.68766L5.03044 2.68767L5.03043 2.68767C4.45896 3.11868 3.76059 3.64538 3.15554 4.3262C2.44102 5.13021 1.90321 6.10154 1.90321 7.29677ZM13.0109 7.70321C13.0109 4.69115 10.8505 2.6296 8.40384 2.17029C8.12093 2.11718 7.93465 1.84479 7.98776 1.56188C8.04087 1.27898 8.31326 1.0927 8.59616 1.14581C11.4704 1.68541 14.0532 4.12605 14.0532 7.70321C14.0532 9.23988 13.3541 10.4475 12.5377 11.3662C11.9528 12.0243 11.2837 12.5586 10.7456 12.968L12.3821 12.968C12.6582 12.968 12.8821 13.1918 12.8821 13.468C12.8821 13.7441 12.6582 13.968 12.3821 13.968L9.38205 13.968C9.10591 13.968 8.88205 13.7441 8.88205 13.468L8.88205 10.468C8.88205 10.1918 9.10591 9.96796 9.38205 9.96796C9.65819 9.96796 9.88205 10.1918 9.88205 10.468L9.88205 12.3135L9.88362 12.3123C10.4551 11.8813 11.1535 11.3546 11.7585 10.6738C12.4731 9.86976 13.0109 8.89844 13.0109 7.70321Z" 153 fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path> 154 </svg> 155 </span> 156 <i class='bx bx-x popup-cart__confirm__reduce-applied__content--delete'></i> 157 </div> 158 </div> 159 <div class="popup-cart__confirm__pourcent masked"> 160 <span class="popup-cart__confirm__pourcent--lib"></span> 161 <span class="popup-cart__confirm__pourcent--price" id="popup-cart__confirm__pourcent--price"></span> 162 </div> 163 <div class="error-message masked" id="popup-cart__confirm__promo-error"> 164 <i class='bx bx-error'></i> 165 <span class="popup-cart__confirm__promo-error--message"></span> 166 </div> 167 <div class="popup-cart__confirm__total">
168 <span class="popup-cart__confirm__total--lib ">Total VAT incl.</span> 169 <span class="popup-cart__confirm__total--price total-ttc" 170 id="popup-cart__confirm__total--price"> 171 </span> 172 </div> 173 <!-- Buy Button --> 174 <button type="button" class="button popup-cart__confirm--btn-buy">Buy now</button> 175 </div> 176 177 <!-- Cart Close --> 178 <i class='bx bx-x header__popup--close' id="popup-cart-close" data-popup="popup-cart"></i> 179 </div> 180 </div><!-- Popup Login Masked --> 181 <div class="header__popup header__popup--right popup-login" id="popup-login"> 182 <div class="header__popup-content popup-login__content"> 183 <h2 class="header__popup--title">Login</h2> 184 <!-- Content --> 185 <form id="login-form" class="classic-form popup-login__form"> 186 <div> 187 <label class="sr-only" for="input-email-login-form">Email or login:</label> 188 <input type="text" placeholder="Email or login" id="input-email-login-form" name="email" 189 required> 190 </div> 191 <div class="password-wrapper"> 192 <label class="sr-only" for="input-password-login-form">Password</label> 193 <input type="password" placeholder="Password" id="input-password-login-form" 194 name="password" required> 195 <div class="password-icon"> 196 <svg width="24" height="24" class="eye-icon eye-on masked"> 197 <use href="/fw/img/icons/eye-outline.svg#icon" /> 198 </svg> 199 <svg width="24" height="24" class="eye-icon eye-off masked"> 200 <use href="/fw/img/icons/eye-off-outline.svg#icon" /> 201 </svg> 202 </div> 203 </div> 204 <div class="masked"> 205 <input type="checkbox" name="rememberme" id="input-rememberme-login-form" class="checkbox-custom" 206 value="forever" placeholder="Remember me"> 207 <label for="input-rememberme-login-form" class="checkbox-custom-label label-remeberme">Remember me</label> 208 </div> 209 <div class="div-btn-login"> 210 <button class="button" id="btn-login-login-form" type="submit">Login</button> 211 </div> 212 <div> 213 <a id="popup-login__forget-password">Forgot your password ?</a> 214 </div> 215 </form> 216 <div class="popup-login__cgv"> 217 <span class="popup-login__cgv--content">When you identify yourself, you accept the site's <a 218 href="/en/terms-and-conditions">Terms and Conditions of Sale</a>. Please consult our <a href="/en/privacy-policy">Notice Protection of your Personal Information</a> 219 and our <a href="/en/cookies-policy">Cookies Notice</a>.</span> 220 </div> 221 <div class="popup-login__first-visit"> 222 <hr> 223 <span class="popup-login__first-visit--title">First visit ?</span> 224 <hr> 225 </div> 226 <div class="popup-login__create-account"> 227 <a class="button btn-border" href="/en/create-account"> 228 Create a new account 229 </a> 230 </div> 231 <div id="result"></div> 232 233 </div> 234 <!-- Login Close --> 235 <i class='bx bx-x header__popup--close' id="popup-login-close" data-popup="popup-login"></i> 236 </div><!-- Header --> 237 <header class="site-header"> 238 239 <!-- banner --> 240 241 <div class="header__banner" id ="header__banner"> 242 <span class="header__banner__content"><button class="header__banner__content--button vierge" id="copyPromoButton"><strong>Happy Hours</strong> every day from 17h to 19h, <strong>the pint at half price</strong> !</button></span> 243 <!-- Banner Close --> 244 <i class='bx bx-x header__banner--close' id="header__banner--close"></i> 245 </div> 246 <!-- Script JavaScript intégré --> 247 248
248<script> 249 250 document.getElementById('copyPromoButton').addEventListener('click', function() { 251 window.location.href = "/" + lang + "/happy-hours-aix-en-provence"; 252 }); 253 254 255 </script>
255 256 257 <!-- Nav --> 258 <nav class="header__nav"> 259 <div class="header__nav-container"> 260 <div class="header__hamburger"> 261 <i class='bx bx-menu header__hamburger-btn header__popup--show' id="hamb-btn" 262 data-popup="popup-hamb"></i> 263 </div> 264 <ul class="header__menu"> 265 <li class="header__menu-link"> 266 <a class="header__menu-link--link menu-item" href="/en/"> 267 Home 268 </a> 269 </li> 270 <li class="header__menu-link"> 271 <details class="header__menu-link__mega-menu"> 272 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 273 Ãvénements<span class="icon-arrow"></span> 274 </summary> 275 <div class="header__menu-link__mega-menu__content"> 276 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Tous les événements</span> 277 <a class="menu-item" href="/en/evenements/calendrier"> 278 <svg class=""> 279 <use href="/img/icons/fas-calendar-days.svg#img"></use> 280 </svg> 281 <span>Calendrier</span> 282 </a> 283 <div style="height:1px;background:rgba(255,255,255,.25);width:100%;margin:8px 0;"></div> 284 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Ãvénement du mois</span> 285 <a class="menu-item" href="/en/evenements/calendrier/2026-09-26"> 286 <i class="ri-star-smile-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;color:#f5b301;"></i> 287 <span>On fête les 1 an ! ð â</span> 288 </a> 289 <div style="height:1px;background:rgba(255,255,255,.25);width:100%;margin:8px 0;"></div> 290 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Ãvénements récurrents</span> 291 <a class="menu-item" href="/en/evenements/buzzy-quizz-blind-test-musical-aix-en-provence"> 292 <i class="ri-question-mark" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 293 <span>Buzzy Quizz</span> 294 </a> 295 <a class="menu-item" href="/en/evenements/jam-session-jazz-aix-en-provence-musique-live"> 296 <i class="ri-music-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 297 <span>Jazz Jam</span> 298 </a> 299 <a class="menu-item" href="/en/evenements/tournoi-echecs-aix-en-provence"> 300 <i class="ri-chess-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 301 <span>Tournoi d'échecs</span> 302 </a> 303 <a class="menu-item" href="/en/evenements/tournoi-poker-redcactus-aix-en-provence"> 304 <i class="ri-poker-spades-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 305 <span>Tournoi De Poker</span> 306 </a> 307 <a class="menu-item" href="/en/evenements/les-mardis-gratuits-aix-en-provence"> 308 <i class="ri-dice-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i>
309 <span>Les Mardis Gratuits ð²</span> 310 </a> 311 <a class="menu-item" href="/en/evenements/tournoi-flechettes-aix-en-provence"> 312 <i class="ri-crosshair-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 313 <span>Tournoi de Fléchette</span> 314 </a> 315 <a class="menu-item" href="/en/evenements/karaoke-aix-en-provence"> 316 <i class="ri-mic-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 317 <span>Karaoké</span> 318 </a> 319 <a class="menu-item" href="/en/evenements/lundis-jeux-aix-en-provence"> 320 <i class="ri-4k-fill" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 321 <span>Lundis Jeux</span> 322 </a> 323 </div> 324 </details> 325 </li> 326 <li class="header__menu-link"> 327 <a class="header__menu-link--link menu-item" href="/en/galerie"> 328 Galerie 329 </a> 330 </li> 331 <li class="header__menu-link"> 332 <details class="header__menu-link__mega-menu"> 333 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 334 Carte<span class="icon-arrow"></span> 335 </summary> 336 <div class="header__menu-link__mega-menu__content"> 337 <a class="menu-item" href="/en/menu"> 338 <svg class=""> 339 <use href="/img/icons/fas-book-open.svg#img"></use> 340 </svg> 341 <span>Carte complète</span> 342 </a> 343 <a class="menu-item" href="/en/bar-shooter-aix-en-provence"> 344 <svg class=""> 345 <use href="/img/icons/fas-whiskey-glass.svg#img"></use> 346 </svg> 347 <span>Bar à Shooters</span> 348 </a> 349 <a class="menu-item" href="/en/bar-cocktail-aix-en-provence"> 350 <svg class=""> 351 <use href="/img/icons/fas-martini-glass.svg#img"></use> 352 </svg> 353 <span>Bar à Cocktails</span> 354 </a> 355 <a class="menu-item" href="/en/bar-biere-aix-en-provence"> 356 <svg class=""> 357 <use href="/img/icons/fas-beer-mug-empty.svg#img"></use> 358 </svg> 359 <span>Bar à Bière</span> 360 </a> 361 <a class="menu-item" href="/en/atelier-mixologie-aix-en-provence"> 362 <svg class=""> 363 <use href="/img/icons/fas-graduation-cap.svg#img"></use> 364 </svg> 365 <span>Atelier Mixologie</span> 366 </a> 367 <a class="menu-item" href="/en/foodtruck-smash-burger-aix-en-provence"> 368 <svg class=""> 369 <use href="/img/icons/fas-burger.svg#img"></use> 370 </svg>
371 <span>Foodtruck Smash Burger</span> 372 </a> 373 </div> 374 </details> 375 </li> 376 <li class="header__menu-link"> 377 <details class="header__menu-link__mega-menu"> 378 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 379 Foodtruck<span class="icon-arrow"></span> 380 </summary> 381 <div class="header__menu-link__mega-menu__content"> 382 <a class="menu-item" href="/en/foodtruck-smash-burger-aix-en-provence"> 383 <svg class=""> 384 <use href="/img/icons/fas-burger.svg#img"></use> 385 </svg> 386 <span>Présentation</span> 387 </a> 388 <a class="menu-item" href="/en/comment-commander"> 389 <svg class=""> 390 <use href="/img/icons/fas-qrcode.svg#img"></use> 391 </svg> 392 <span>Commander</span> 393 </a> 394 </div> 395 </details> 396 </li> 397 <!--li class="header__menu-link"> 398 <details class="header__menu-link__mega-menu"> 399 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 400 Commander<span class="icon-arrow"></span> 401 </summary> 402 <div class="header__menu-link__mega-menu__content"> 403 <a class="menu-item" href="/en/produits?category=nourriture"> 404 <svg class=""> 405 <use href="/img/icons/fas-calendar-days.svg#img"></use> 406 </svg> 407 <span>Burgers</span> 408 </a> 409 <a class="menu-item" href="/en/produits?category=boisson"> 410 <svg class=""> 411 <use href="/img/icons/fas-calendar-days.svg#img"></use> 412 </svg> 413 <span>Boissons</span> 414 </a> 415 </div> 416 </details> 417 </li--> 418 419 <!--li class="header__menu-link"> 420 <a class="header__menu-link--link menu-item" 421 href="/en/shop"> 422 Order Now 423 </a> 424 </li>--> 425 <!--li class="header__menu-link"> 426 <a class="header__menu-link--link menu-item" 427 href="/en/shop"> 428 Produits 429 </a> 430 </li--> 431 <li class="header__menu-link"> 432 <details class="header__menu-link__mega-menu"> 433 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 434 Contact<span class="icon-arrow"></span> 435 </summary> 436 <div class="header__menu-link__mega-menu__content"> 437 <a class="menu-item" href="/en/contact"> 438 <svg class=""> 439 <use href="/fw/img/icons/fas-comment-dots.svg#img"></use> 440 </svg> 441 <span>Contact</span> 442 </a> 443 <a class="menu-item" href="/en/musical-band/join?type=dj"> 444 <svg class=""> 445 <use href="/img/icons/fas-headphones.svg#img"></use> 446 </svg>
447 <span>DJ</span> 448 </a> 449 <a class="menu-item" href="/en/musical-band/join?type=band"> 450 <svg class=""> 451 <use href="/img/icons/fas-music.svg#img"></use> 452 </svg> 453 <span>Groupe</span> 454 </a> 455 </div> 456 </details> 457 </li> 458 </ul> <a class="header__logo-link" href="/en/"> 459 <img src="/img/logoMain.png" alt="Logo" /> 460 </a> 461 462 463 <div class="header__account-cart"> 464 <!-- Account-Icon --> 465 <i class='bx bx-user header__account-icon header__popup--show' id="account-icon" 466 data-popup="popup-login"></i> 467 <!-- Darkmode-Icon --> 468 <i class='bx bx-moon header__dark-mode-icon' id="dark-icon"></i> 469 <!-- Cart-Icon --> 470 <div 471 class="header__cart invisible-nav"> 472 <i class='bx bx-shopping-bag header__cart-icon header__popup--show' id="cart-icon" 473 data-popup="popup-cart"></i> 474 <div class="header__cart-count masked header__popup--show" id="cart-number" data-popup="popup-cart"> 475 0</div> 476 </div> 477 </div> 478 </div> 479 <!-- Popup Hamb Menu --> 480 <div class="header__popup header__popup--left popup-hamb" id="popup-hamb"> 481 <!-- Content --> 482 <div class="header__popup-content popup-hamb__content"> 483 <!--ul class="popup-hamb__menu"> 484 <li><a class="popup-hamb__menu-link border-bottom" href="/en/">Home</a></li> 485 <li> 486 <details class="popup-hamb__mega-menu" id="popup-hamb__mega-menu"> 487 <summary class="hamb__menu-item list-menu__item link focus-inset" role="button"> 488 Products <span class="icon-arrow"></span> 489 </summary> 490 <div class="mega-menu__content"> 491 <div class="mega-menu__content__cards-container"> 492 493 </div> 494 </div> 495 </details> 496 </li> 497 <li><a class="popup-hamb__menu-link border-bottom" href="/en/contact">Contact</a></li> 498 </ul--> 499 500 <ul class="mobile__menu"> 501 <li class="header__menu-link"> 502 <a class="header__menu-link--link menu-item" href="/en/"> 503 <svg class=""> 504 <use href="/fw/img/icons/fas-house.svg#img"></use> 505 </svg> 506 <span>Home</span> 507 </a> 508 </li> 509 <li class="header__menu-link"> 510 <details class="header__menu-link__mega-menu"> 511 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 512 <svg class=""> 513 <use href="/img/icons/fas-masks-theater.svg#img"></use> 514 </svg> 515 <span>Ãvénements</span><span class="icon-arrow"></span> 516 </summary> 517 <div class="header__menu-link__mega-menu__content"> 518 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Tous les événements</span> 519 <a class="menu-item" href="/en/evenements/calendrier"> 520 <svg class=""> 521 <use href="/img/icons/fas-calendar-days.svg#img"></use> 522 </svg>
523 <span>Calendrier</span> 524 </a> 525 <div style="height:1px;background:rgba(255,255,255,.25);width:100%;margin:8px 0;"></div> 526 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Ãvénement du mois</span> 527 <a class="menu-item" href="/en/evenements/calendrier/2026-09-26"> 528 <i class="ri-star-smile-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;color:#f5b301;"></i> 529 <span>On fête les 1 an ! ð â</span> 530 </a> 531 <div style="height:1px;background:rgba(255,255,255,.25);width:100%;margin:8px 0;"></div> 532 <span style="font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.55;padding:0 8px;width:100%;display:block;">Ãvénements récurrents</span> 533 <a class="menu-item" href="/en/evenements/buzzy-quizz-blind-test-musical-aix-en-provence"> 534 <i class="ri-question-mark" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 535 <span>Buzzy Quizz</span> 536 </a> 537 <a class="menu-item" href="/en/evenements/jam-session-jazz-aix-en-provence-musique-live"> 538 <i class="ri-music-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 539 <span>Jazz Jam</span> 540 </a> 541 <a class="menu-item" href="/en/evenements/tournoi-echecs-aix-en-provence"> 542 <i class="ri-chess-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 543 <span>Tournoi d'échecs</span> 544 </a> 545 <a class="menu-item" href="/en/evenements/tournoi-poker-redcactus-aix-en-provence"> 546 <i class="ri-poker-spades-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 547 <span>Tournoi De Poker</span> 548 </a> 549 <a class="menu-item" href="/en/evenements/les-mardis-gratuits-aix-en-provence"> 550 <i class="ri-dice-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 551 <span>Les Mardis Gratuits ð²</span> 552 </a> 553 <a class="menu-item" href="/en/evenements/tournoi-flechettes-aix-en-provence"> 554 <i class="ri-crosshair-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 555 <span>Tournoi de Fléchette</span> 556 </a> 557 <a class="menu-item" href="/en/evenements/karaoke-aix-en-provence"> 558 <i class="ri-mic-2-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 559 <span>Karaoké</span> 560 </a> 561 <a class="menu-item" href="/en/evenements/lundis-jeux-aix-en-provence"> 562 <i class="ri-4k-fill" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i> 563 <span>Lundis Jeux</span> 564 </a> 565 </div> 566 </details> 567 </li> 568 <li class="header__menu-link"> 569 <a class="header__menu-link--link menu-item" href="/en/galerie"> 570 <i class="ri-image-line" style="font-size:1.25rem;line-height:1;width:auto;height:auto;"></i>
571 <span>Galerie</span> 572 </a> 573 </li> 574 <li class="header__menu-link"> 575 <details class="header__menu-link__mega-menu"> 576 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 577 <svg class=""> 578 <use href="/img/icons/fas-calendar-days.svg#img"></use> 579 </svg> 580 <span>Carte</span><span class="icon-arrow"></span> 581 </summary> 582 <div class="header__menu-link__mega-menu__content"> 583 <a class="menu-item" href="/en/menu"> 584 <svg class=""> 585 <use href="/img/icons/fas-book-open.svg#img"></use> 586 </svg> 587 <span>Carte complète</span> 588 </a> 589 <a class="menu-item" href="/en/bar-shooter-aix-en-provence"> 590 <svg class=""> 591 <use href="/img/icons/fas-whiskey-glass.svg#img"></use> 592 </svg> 593 <span>Bar à Shooters</span> 594 </a> 595 <a class="menu-item" href="/en/bar-cocktail-aix-en-provence"> 596 <svg class=""> 597 <use href="/img/icons/fas-martini-glass.svg#img"></use> 598 </svg> 599 <span>Bar à Cocktails</span> 600 </a> 601 <a class="menu-item" href="/en/bar-biere-aix-en-provence"> 602 <svg class=""> 603 <use href="/img/icons/fas-beer-mug-empty.svg#img"></use> 604 </svg> 605 <span>Bar à Bière</span> 606 </a> 607 <a class="menu-item" href="/en/atelier-mixologie-aix-en-provence"> 608 <svg class=""> 609 <use href="/img/icons/fas-graduation-cap.svg#img"></use> 610 </svg> 611 <span>Atelier Mixologie</span> 612 </a> 613 <a class="menu-item" href="/en/foodtruck-smash-burger-aix-en-provence"> 614 <svg class=""> 615 <use href="/img/icons/fas-burger.svg#img"></use> 616 </svg> 617 <span>Foodtruck Smash Burger</span> 618 </a> 619 </div> 620 </details> 621 </li> 622 <li class="header__menu-link"> 623 <details class="header__menu-link__mega-menu"> 624 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 625 <svg class=""> 626 <use href="/img/icons/fas-burger.svg#img"></use> 627 </svg> 628 <span>Foodtruck</span><span class="icon-arrow"></span> 629 </summary> 630 <div class="header__menu-link__mega-menu__content"> 631 <a class="menu-item" href="/en/foodtruck-smash-burger-aix-en-provence"> 632 <svg class=""> 633 <use href="/img/icons/fas-burger.svg#img"></use> 634 </svg>
635 <span>Présentation</span> 636 </a> 637 <a class="menu-item" href="/en/comment-commander"> 638 <svg class=""> 639 <use href="/img/icons/fas-qrcode.svg#img"></use> 640 </svg> 641 <span>Commander</span> 642 </a> 643 </div> 644 </details> 645 </li> 646 <!--li class="header__menu-link"> 647 <details class="header__menu-link__mega-menu"> 648 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 649 <svg class=""> 650 <use href="/img/icons/fas-masks-theater.svg#img"></use> 651 </svg> 652 <span>Commander</span><span class="icon-arrow"></span> 653 </summary> 654 <div class="header__menu-link__mega-menu__content"> 655 <a class="menu-item" href="/en/produits?category=nourriture"> 656 <svg class=""> 657 <use href="/img/icons/fas-calendar-days.svg#img"></use> 658 </svg> 659 <span>Burgers</span> 660 </a> 661 <a class="menu-item" href="/en/produits?category=boisson"> 662 <svg class=""> 663 <use href="/img/icons/fas-calendar-days.svg#img"></use> 664 </svg> 665 <span>Boissons</span> 666 </a> 667 </div> 668 </details> 669 </li--> 670 671 <!--li class="header__menu-link"> 672 <a class="header__menu-link--link menu-item" href="/en/shop"> 673 <svg class=""> 674 <use href="/img/icons/fa6-solid-burger.svg#img"></use> 675 </svg> 676 <span>Produits</span> 677 </a> 678 </li--> 679 <!--li class="header__menu-link"> 680 <a class="header__menu-link--link menu-item" href="/en/shop"> 681 <svg class=""> 682 <use href="/img/icons/fa6-solid-burger.svg#img"></use> 683 </svg> 684 <span>Order Now</span> 685 </a> 686 </li--> 687 <li class="header__menu-link"> 688 <details class="header__menu-link__mega-menu"> 689 <summary class="header__menu-link__mega-menu--summary menu-item" role="button"> 690 <svg class=""> 691 <use href="/fw/img/icons/fas-comment-dots.svg#img"></use> 692 </svg> 693 <span>Contact</span><span class="icon-arrow"></span> 694 </summary> 695 <div class="header__menu-link__mega-menu__content"> 696 <a class="menu-item" href="/en/contact"> 697 <svg class=""> 698 <use href="/fw/img/icons/fas-comment-dots.svg#img"></use> 699 </svg>
700 <span>Contact</span> 701 </a> 702 <a class="menu-item" href="/en/musical-band/join?type=dj"> 703 <svg class=""> 704 <use href="/img/icons/fas-headphones.svg#img"></use> 705 </svg> 706 <span>DJ</span> 707 </a> 708 <a class="menu-item" href="/en/musical-band/join?type=band"> 709 <svg class=""> 710 <use href="/img/icons/fas-music.svg#img"></use> 711 </svg> 712 <span>Groupe</span> 713 </a> 714 </div> 715 </details> 716 </li> 717 </ul> <button type="button" 718 class="button popup-hamb__btn-account header__popup--show " 719 id="account-icon-mobile" data-popup="popup-login"><i class='bx bx-user popup-hamb__menu-account' 720 id="account-icon"></i>My account</button> 721 </div> 722 <!-- Hamb Close --> 723 <!--i class='bx bx-x header__popup--close' id="popup-hamb-close" data-popup="popup-hamb"></i--> 724 </div> 725 </nav> 726 </header><div class="overlay"></div> 727 728 <style> 729 .overlay { 730 /* Pour l'ombrage en cas d'ouverture d'une popup */ 731 position: fixed; 732 top: 0; 733 left: 0; 734 width: 100%; 735 height: 100%; 736 background-color: rgba(0, 0, 0, 0.5); /* Sombre le fond */ 737 display: none; 738 z-index: 100; 739 } 740 741 .overlay.active { 742 display: block; 743 } 744 </style><!-- legal --> 745 <section class="section-container"> 746 <h1 class="section-title">Terms and conditions</h1> 747 <!-- Content --> 748 <div class="legal-notice-content"> 749 750 <h3>Soon</h3> 751 <!--h3>1. Company Identification</h3> 752 <p>Company name: BATSECUR</p> 753 <p>Legal form: SARL</p> 754 <p>Share capital: â¬10,000</p> 755 <p>Registered office address: 371 ch de la Laurelle 38330 Montbonnot-Saint-Martin</p> 756 <p>RCS Number: Grenoble B 501 890 693</p> 757 <p>VAT Number: FR67501890693</p> 758 759 <h3>2. Description of Products and Services</h3> 760 <p>BATSECUR offers for sale electric vehicle charging stations and charging cables under the Chargissimo brand.</p> 761 762 <h3>3. Prices</h3> 763 <p>Product prices are displayed inclusive of all taxes (TTC). On the cart page, the total is detailed with VAT-exclusive prices (HT), VAT, and inclusive total (TTC). Prices may be changed at any time without notice, but products will be invoiced at the rate in effect at the time of order.</p> 764 765 <h3>4. Orders</h3> 766 <p>Orders can be placed online through our website. Placing an order implies acceptance of these terms and conditions of sale. A confirmation email will be sent once the order is validated.</p> 767 768 <h3>5. Payment</h3> 769 <p>Accepted payment methods are:</p> 770 <ul> 771 <li>Credit card</li> 772 <li>PayPal</li> 773 </ul> 774 <p><strong>Payment Conditions:</strong> Payment is due in full at the time of the order. In the event of a payment issue, the order cannot be processed. The customer will receive a notification indicating the cancellation of the order.</p> 775 776 <h3>6. Delivery</h3> 777 <p>We deliver our products to France and Europe.</p> 778 <p><strong>Delivery times:</strong>
778 24 hours in France, 48 hours in Europe.</p> 779 <p><strong>Delivery fees:</strong> Free for all orders.</p> 780 <p>The delivery times indicated are for guidance only and may vary depending on logistical conditions. BATSECUR cannot be held liable for delivery delays due to unforeseen circumstances.</p> 781 782 <h3>7. Right of Withdrawal</h3> 783 <p>The customer has a right of withdrawal of 14 calendar days from the receipt of the products, in accordance with the regulations. To exercise this right, the customer must notify their decision in writing via the <a href="/en/key 'slugs.contact (en)' returned an object instead of string." class="blue underline">contact form</a>. The product must be returned in perfect condition, complete, and in its original packaging. Return shipping costs are borne by the customer.</p> 784 785 <h3>8. Warranty and Return Conditions</h3> 786 <p>Products are covered by the 2-year legal conformity warranty. In the event of a conformity defect, the customer may request a replacement or a refund of the product.</p> 787 <p><strong>Return Conditions:</strong> The returned product must be complete, in good condition, and accompanied by the purchase invoice. Returns must be sent to the address indicated on the provided return slip.</p> 788 789 <h3>9. Liability</h3> 790 <p>BATSECUR cannot be held liable for indirect damages resulting from the use of the products. The company's liability is limited to the order amount.</p> 791 792 <h3>10. Intellectual Property</h3> 793 <p>All elements of the "Chargissimo" website, such as texts, images, logos, and trademarks, are the exclusive property of BATSECUR. Any reproduction, representation, or use, even partial, without authorization is strictly prohibited.</p> 794 795 <h3>11. Personal Data</h3> 796 <p>The information collected is used for order management and communication with the customer. It is processed in accordance with our privacy policy. The customer has the right to access, modify, and delete their personal data by contacting our customer service via the <a href="/en/key 'slugs.contact (en)' returned an object instead of string." class="blue underline">contact form</a>.</p> 797 798 <h3>12. Disputes</h3> 799 <p>In case of a dispute, the customer can use a mediation procedure or contact the appropriate services for an amicable resolution. If no solution is found, the competent courts will be those of the jurisdiction of BATSECUR's registered office.</p> 800 801 <h3>13. Contact</h3> 802 <p>For any questions or requests, please contact us through our <a href="/en/key 'slugs.contact (en)' returned an object instead of string." class="blue underline">contact form</a>.</p--> 803 </div> 804 </section> 805 <footer> 806 <!-- Infos Pratiques Section --> 807 <div id="infos" class="infos"> 808 <div class="container"> 809 <h2>Infos Pratiques</h2> 810 <div class="infos-content"> 811 <div class="infos-details"> 812 <div class="info-block"> 813 <h3><svg class=""> 814 <use href="/fw/img/icons/fas-location-dot.svg#img"></use> 815 </svg> Adresse</h3> 816 <p>5675 rte d'Avignon<br>13090 Aix-en-Provence</p> 817 <div class="map-container"> 818 <iframe 819 src="https://www.google.com/maps?q=5675+rte+d'Avignon,+13090+Aix-en-Provence&output=embed" 820 width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy"> 821 </iframe> 822 </div> 823 </div> 824 825 <div class="info-block"> 826 <h3><svg class=""> 827 <use href="/fw/img/icons/far-clock.svg#img"></use> 828 </svg> Horaires</h3> 829 <ul id="footer-business-hours" class="footer-business-hours"> 830 <li class="footer-business-hours__row">
831 <span>Lundi</span> 17h - minuit 832 </li> 833 <li class="footer-business-hours__row"> 834 <span>Mardi</span> 17h - minuit 835 </li> 836 <li class="footer-business-hours__row"> 837 <span>Mercredi</span> 17h - minuit 838 </li> 839 <li class="footer-business-hours__row footer-business-hours__today"> 840 <span>Jeudi</span> 17h - minuit 841 </li> 842 <li class="footer-business-hours__row"> 843 <span>Vendredi</span> 17h - 01h 844 </li> 845 <li class="footer-business-hours__row"> 846 <span>Samedi</span> 17h - 01h 847 </li> 848 <li class="footer-business-hours__row footer-business-hours__closed"> 849 <span>Dimanche</span> Fermé 850 </li> 851 </ul> 852 <div id="footer-business-hours-exceptions" class="footer-business-hours-exceptions"> 853 </div> 854 </div> 855 856 <!--div class="info-block"> 857 <h3><svg class=""> 858 <use href="/img/icons/fas-music.svg#img"></use> 859 </svg> Ambiance</h3> 860 <p>DJ sets tous les vendredis et samedis soir à partir de 21h.</p> 861 <p>Soirées à thème chaque dernier jeudi du mois.</p> 862 </div--> 863 </div> 864 <hr> 865 <div class="social-media"> 866 <h3>Suivez-nous</h3> 867 <div class="social-icons"> 868 <a href="https://www.facebook.com/lgc.aix/" class="social-icon" title="Le Grand Comptoir sur Facebook" aria-label="Le Grand Comptoir sur Facebook"> 869 <svg class=""> 870 <use href="/fw/img/icons/fab-facebook-f.svg#img"></use> 871 </svg> 872 </a> 873 <a href="https://www.instagram.com/legrandcomptoir.aix" class="social-icon" title="Le Grand Comptoir sur Instagram" aria-label="Le Grand Comptoir sur Instagram"> 874 <svg class=""> 875 <use href="/fw/img/icons/fab-instagram.svg#img"></use> 876 </svg> 877 </a> 878 <a href="https://shotgun.live/venues/le-grand-comptoir" class="social-icon" title="Nos événements et billets sur Shotgun" aria-label="Nos événements et billets sur Shotgun" target="_blank" rel="noopener"> 879 <img src="/img/icons/shotgun.png" alt="Shotgun" width="24" height="24"> 880 </a> 881 <a href="#" class="social-icon masked"> 882 <svg class=""> 883 <use href="/fw/img/icons/fab-twitter.svg#img"></use> 884 </svg> 885 </a> 886 </div> 887 <div class="contact"> 888 <span class="contact-item"> 889 <svg class=""> 890 <use href="/fw/img/icons/far-phone.svg#img"></use> 891 </svg> 892 <a href="tel:+33485870395">04 85 87 03 95</a> 893 </span> 894 <span class="contact-item"> 895 <svg class=""> 896 <use href="/fw/img/icons/far-envelope.svg#img"></use> 897 </svg> 898 <a href="mailto:[email protected]">[email protected]</a> 899 </span> 900 901 </div> 902 <div class="app-links"> 903 <p class="app-links__title">Notre application mobile</p> 904 <a href="https://play.google.com/store/apps/details?id=fr.legrandcomptoir.app" class="app-links__item" target="_blank" rel="noopener">Disponible sur Google Play</a>
905 <span class="app-links__item app-links__item--soon">Bientôt disponible sur l'App Store</span> 906 </div> 907 </div> 908 </div> 909 </div> 910 </div> 911 <div id="footer2"> 912 <div class="footer-content"> 913 <div class="footer-logo"> 914 <a class="footer-logo--link" href="/en/"> 915 <img src="/img/logoMainSquare.png" alt="Logo" /> 916 <!--p>Bar, Concerts <span class="color-main">&</span> Foodtrucks</p--> 917 </a> 918 919 </div> 920 <div class="footer-links"> 921 <ul> 922 <!--li><a href="#concept">Concept</a></li--> 923 <li><a href="/en/evenements/calendrier">Programmation</a></li> 924 <li><a href="#infos">Infos Pratiques</a></li> 925 <li><a href="#privatisation">Privatisation</a></li> 926 <li><a href="/en/#reservation">Réservation</a></li> 927 </ul> 928 </div> 929 <div class="language-selector"> 930 <button class="language-selector-toggle" id="lang-toggle"> 931 <img src="https://flagcdn.com/w40/gb.png" alt="en" class="flag-icon"> 932 English â¼ 933 </button> 934 <div class="language-selector-dropdown" id="lang-dropdown"> 935 <a href="/fr/" class="language-option "> 936 <img src="https://flagcdn.com/w40/fr.png" alt="fr" class="flag-icon"> 937 Français 938 </a> 939 <a href="/en/" class="language-option active"> 940 <img src="https://flagcdn.com/w40/gb.png" alt="en" class="flag-icon"> 941 English 942 </a> 943 </div> 944 </div> 945 <!--div class="footer-social"> 946 <a href="#" class="social-icon"> <svg class=""> 947 <use href="/fw/img/icons/fab-facebook-f.svg#img"></use> 948 </svg></a> 949 <a href="#" class="social-icon"> <svg class=""> 950 <use href="/fw/img/icons/fab-instagram.svg#img"></use> 951 </svg></a> 952 <a href="#" class="social-icon"><svg class=""> 953 <use href="/fw/img/icons/fab-twitter.svg#img"></use> 954 </svg></a> 955 </div--> 956 </div> 957 <div class="footer-bottom"> 958 <p>© 2026 Le Grand Comptoir. Tous droits réservés.</p> 959 <p>Consommez avec modération. L'abus d'alcool est dangereux pour la santé.</p> 960 </div> 961 </div> 962 </footer> 963 964 <!-- Bouton flottant réservation --> 965 <button class="reservation-fab" id="reservation-fab" aria-label="Réserver une table"> 966 <i class='bx bx-calendar-check reservation-fab__icon'></i> 967 <span class="reservation-fab__label">Réserver</span> 968 </button> 969 970 <!-- Backdrop --> 971 <div class="reservation-overlay" id="reservation-overlay"></div> 972 973 <!-- Popup modal --> 974 <div class="reservation-popup" id="reservation-popup" role="dialog" aria-modal="true" aria-labelledby="reservation-popup-title" 975 data-events-base="/en/events"> 976 977 <div class="reservation-popup__header"> 978 <div class="reservation-popup__header-brand"> 979 <img src="/img/logoMain.png" alt="Le Grand Comptoir"> 980 </div> 981 <button class="reservation-popup__close" id="reservation-popup-close" aria-label="Fermer"> 982 <i class='bx bx-x'></i> 983 </button> 984 </div> 985 986 <div class="reservation-popup__body"> 987 <h2 class="reservation-popup__title" id="reservation-popup-title">Demande de réservation</h2> 988 989 <!-- Ãtape 1 : Sélection date/heure/couverts --> 990 <div class="reservation-step" id="reservation-step-1"> 991 992 <div class="reservation-selectors"> 993 <div class="reservation-selector"> 994 <label> 995 <i class='bx bx-user'></i>
996 <span id="reservation-guests-label">Personnes</span> 997 </label> 998 <div class="reservation-stepper"> 999 <button type="button" class="reservation-stepper__btn" id="guests-minus" aria-label="Moins">â</button> 1000 <span class="reservation-stepper__value" id="guests-value">0</span> 1001 <button type="button" class="reservation-stepper__btn" id="guests-plus" aria-label="Plus">+</button> 1002 </div> 1003 </div> 1004 1005 <div class="reservation-selector"> 1006 <label for="reservation-date"> 1007 <i class='bx bx-calendar'></i> 1008 Date 1009 </label> 1010 <input type="date" id="reservation-date" name="date" class="reservation-selector__input" required> 1011 <span class="reservation-selector__error" id="reservation-date-error"></span> 1012 </div> 1013 1014 <div class="reservation-selector"> 1015 <label for="reservation-time"> 1016 <i class='bx bx-time-five'></i> 1017 Heure 1018 </label> 1019 <select id="reservation-time" name="time" class="reservation-selector__input" required disabled> 1020 <option value="">Choisissez d'abord une date</option> 1021 </select> 1022 </div> 1023 </div> 1024 1025 <div class="reservation-event-banner reservation-event-banner--hidden masked" id="reservation-event-banner"></div> 1026 1027 <div id="reservation-attendance-block" class="reservation-attendance reservation-step--hidden"> 1028 <p class="reservation-step__subtitle" style="margin-bottom:4px;">Que souhaitez-vous faire ?</p> 1029 <div class="reservation-attendance__choices" role="radiogroup" aria-label="Type de réservation"> 1030 <button type="button" class="reservation-attendance__choice" data-value="table"> 1031 <i class='bx bx-restaurant'></i> Réserver une table 1032 </button> 1033 <button type="button" class="reservation-attendance__choice" data-value="tournament"> 1034 <i class='bx bx-trophy'></i> M'inscrire au tournoi 1035 </button> 1036 <button type="button" class="reservation-attendance__choice" data-value="both"> 1037 <i class='bx bx-check-double'></i> Les deux 1038 </button> 1039 </div> 1040 </div> 1041 1042 <div id="reservation-teams-block" class="reservation-teams reservation-step--hidden"> 1043 <p class="reservation-step__subtitle" style="margin-bottom:4px;" id="reservation-teams-title">Votre / vos équipe(s)</p> 1044 <p class="reservation-step__hint" id="reservation-teams-hint"> 1045 Inscrivez le nom de votre équipe. Votre table peut en inscrire plusieurs. 1046 </p> 1047 <div id="reservation-teams-list"></div> 1048 <button type="button" class="reservation-popup__btn-secondary" id="reservation-teams-add" 1049 style="margin-top:6px;">+ Ajouter une équipe</button> 1050 </div> 1051 1052 <div class="reservation-step__error" id="reservation-step1-error"></div> 1053 1054 <button type="button" class="reservation-popup__btn-primary" id="reservation-btn-next"> 1055 Continuer 1056 <i class='bx bx-right-arrow-alt'></i> 1057 </button> 1058 </div> 1059 1060 <!-- Ãtape intermédiaire (Phase 5) : choix de la salle --> 1061 <div class="reservation-step reservation-step--hidden" id="reservation-step-room"> 1062 <button type="button" class="reservation-popup__btn-back" id="reservation-btn-back-room"> 1063 <i class='bx bx-left-arrow-alt'></i> Retour 1064 </button> 1065 <h3 class="reservation-step__subtitle">Choisissez votre salle</h3> 1066 <p class="reservation-step__hint"> 1067 Ou cliquez sur « Peu importe » pour nous laisser placer votre table. 1068 </p> 1069 <div class="reservation-rooms" id="reservation-rooms-list"> 1070 <p class="reservation-rooms__loading">Chargementâ¦</p> 1071 </div> 1072 <div class="reservation-step__error" id="reservation-rooms-error"></div> 1073 <button type="button" class="reservation-popup__btn-secondary" id="reservation-btn-skip-room"> 1074 Peu importe la salle, continuer sans choisir 1075 </button> 1076 </div> 1077 1078 <!-- Ãtape "Choix de la table" (Phase 5C) : plan SVG de la salle choisie --> 1079 <div class="reservation-step reservation-step--hidden" id="reservation-step-tables"> 1080 <button type="button" class="reservation-popup__btn-back" id="reservation-btn-back-tables"> 1081 <i class='bx bx-left-arrow-alt'></i> Choisir une autre salle 1082 </button> 1083 <h3 class="reservation-step__subtitle" id="reservation-tables-title">Choisissez votre table</h3> 1084 <p class="reservation-step__hint" id="reservation-tables-hint"> 1085 Cliquez sur une table libre. Pour les grands groupes, vous pouvez en sélectionner plusieurs. 1086 </p> 1087 <div class="reservation-tables-status" id="reservation-tables-status"></div> 1088 <div class="reservation-tables-svg-wrap" id="reservation-tables-svg-wrap"> 1089 <p class="reservation-tables__loading">Chargement du planâ¦</p> 1090 </div> 1091 <div class="reservation-step__error" id="reservation-tables-error"></div> 1092 <button type="button" class="reservation-popup__btn-primary" id="reservation-btn-tables-next" disabled> 1093 Continuer 1094 <i class='bx bx-right-arrow-alt'></i> 1095 </button> 1096 <button type="button" class="reservation-popup__btn-secondary" id="reservation-btn-tables-skip"> 1097 Continuer sans choisir de table 1098 </button> 1099 </div> 1100 1101 <!-- Ãtape 2 : Coordonnées --> 1102 <div class="reservation-step reservation-step--hidden" id="reservation-step-2"> 1103 1104 <button type="button" class="reservation-popup__btn-back" id="reservation-btn-back"> 1105 <i class='bx bx-left-arrow-alt'></i> Retour 1106 </button> 1107 1108 <div class="reservation-recap" id="reservation-recap"></div> 1109 1110 <form class="reservation-form edit-form" id="reservation-form" data-action="/en/contact/reservation" novalidate> 1111 <input type="hidden" name="guests" id="reservation-hidden-guests"> 1112 <input type="hidden" name="date" id="reservation-hidden-date"> 1113 <input type="hidden" name="time" id="reservation-hidden-time"> 1114 <!-- Phase 5 : salle choisie (optionnel, vide = "peu importe") 1115 et tables (rempli au step suivant en 5C). --> 1116 <input type="hidden" name="idRooms" id="reservation-hidden-room"> 1117 <input type="hidden" name="idRoomTables" id="reservation-hidden-tables"> 1118 1119 <div class="reservation-form__row"> 1120 <div class="edit-form__input"> 1121 <input type="text" id="reservation-firstname" name="firstName" maxlength="80" placeholder=" " required value=""> 1122 <label for="reservation-firstname">Prénom *</label> 1123 </div> 1124 <div class="edit-form__input"> 1125 <input type="text" id="reservation-lastname" name="lastName" maxlength="80" placeholder=" " required value=""> 1126 <label for="reservation-lastname">Nom *</label> 1127 </div> 1128 </div> 1129 1130 <div class="edit-form__input"> 1131 <input type="email" id="reservation-email" name="email" maxlength="150" placeholder=" " required value=""> 1132 <label for="reservation-email">Email *</label> 1133 </div> 1134 <p class="reservation-form__hint"> 1135 <i class='bx bx-envelope'></i>
1136 <span>Pour recevoir votre confirmation de réservation</span> 1137 </p> 1138 1139 <div class="edit-form__input"> 1140 <div class="edit-form__input--flag"> 1141 <span class="selected-flag"> 1142 <img class="selected-flag-img" src="https://flagcdn.com/w40/fr.png" alt="dialingPhoneImg"> 1143 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="#4479bf"> 1144 <path d="M7 10l5 5 5-5" stroke="#4479bf" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" /> 1145 </svg> 1146 </span> 1147 <select class="select-flag" name="dialingCodePhone" required> 1148 <option value="+93" data-flag="https://flagcdn.com/w40/af.png" 1149 data-country-code="AF" > 1150 Afghanistan (+93) 1151 </option> 1152 <option value="+358" data-flag="https://flagcdn.com/w40/ax.png" 1153 data-country-code="AX" > 1154 à land Islands (+358) 1155 </option> 1156 <option value="+355" data-flag="https://flagcdn.com/w40/al.png" 1157 data-country-code="AL" > 1158 Albania (+355) 1159 </option> 1160 <option value="+213" data-flag="https://flagcdn.com/w40/dz.png" 1161 data-country-code="DZ" > 1162 Algeria (+213) 1163 </option> 1164 <option value="+1" data-flag="https://flagcdn.com/w40/as.png" 1165 data-country-code="AS" > 1166 American Samoa (+1) 1167 </option> 1168 <option value="+376" data-flag="https://flagcdn.com/w40/ad.png" 1169 data-country-code="AD" > 1170 Andorra (+376) 1171 </option> 1172 <option value="+244" data-flag="https://flagcdn.com/w40/ao.png" 1173 data-country-code="AO" > 1174 Angola (+244) 1175 </option> 1176 <option value="+1" data-flag="https://flagcdn.com/w40/ai.png" 1177 data-country-code="AI" > 1178 Anguilla (+1) 1179 </option> 1180 <option value="+1" data-flag="https://flagcdn.com/w40/ag.png" 1181 data-country-code="AG" > 1182 Antigua & Barbuda (+1) 1183 </option> 1184 <option value="+54" data-flag="https://flagcdn.com/w40/ar.png" 1185 data-country-code="AR" > 1186 Argentina (+54) 1187 </option> 1188 <option value="+374" data-flag="https://flagcdn.com/w40/am.png" 1189 data-country-code="AM" > 1190 Armenia (+374) 1191 </option> 1192 <option value="+297" data-flag="https://flagcdn.com/w40/aw.png" 1193 data-country-code="AW" > 1194 Aruba (+297) 1195 </option> 1196 <option value="+247" data-flag="https://flagcdn.com/w40/ac.png" 1197 data-country-code="AC" > 1198 Ascension Island (+247) 1199 </option> 1200 <option value="+61" data-flag="https://flagcdn.com/w40/au.png"
1201 data-country-code="AU" > 1202 Australia (+61) 1203 </option> 1204 <option value="+43" data-flag="https://flagcdn.com/w40/at.png" 1205 data-country-code="AT" > 1206 Austria (+43) 1207 </option> 1208 <option value="+994" data-flag="https://flagcdn.com/w40/az.png" 1209 data-country-code="AZ" > 1210 Azerbaijan (+994) 1211 </option> 1212 <option value="+1" data-flag="https://flagcdn.com/w40/bs.png" 1213 data-country-code="BS" > 1214 Bahamas (+1) 1215 </option> 1216 <option value="+973" data-flag="https://flagcdn.com/w40/bh.png" 1217 data-country-code="BH" > 1218 Bahrain (+973) 1219 </option> 1220 <option value="+880" data-flag="https://flagcdn.com/w40/bd.png" 1221 data-country-code="BD" > 1222 Bangladesh (+880) 1223 </option> 1224 <option value="+1" data-flag="https://flagcdn.com/w40/bb.png" 1225 data-country-code="BB" > 1226 Barbados (+1) 1227 </option> 1228 <option value="+375" data-flag="https://flagcdn.com/w40/by.png" 1229 data-country-code="BY" > 1230 Belarus (+375) 1231 </option> 1232 <option value="+32" data-flag="https://flagcdn.com/w40/be.png" 1233 data-country-code="BE" > 1234 Belgium (+32) 1235 </option> 1236 <option value="+501" data-flag="https://flagcdn.com/w40/bz.png" 1237 data-country-code="BZ" > 1238 Belize (+501) 1239 </option> 1240 <option value="+229" data-flag="https://flagcdn.com/w40/bj.png" 1241 data-country-code="BJ" > 1242 Benin (+229) 1243 </option> 1244 <option value="+1" data-flag="https://flagcdn.com/w40/bm.png" 1245 data-country-code="BM" > 1246 Bermuda (+1) 1247 </option> 1248 <option value="+975" data-flag="https://flagcdn.com/w40/bt.png" 1249 data-country-code="BT" > 1250 Bhutan (+975) 1251 </option> 1252 <option value="+591" data-flag="https://flagcdn.com/w40/bo.png" 1253 data-country-code="BO" > 1254 Bolivia (+591) 1255 </option> 1256 <option value="+387" data-flag="https://flagcdn.com/w40/ba.png" 1257 data-country-code="BA" > 1258 Bosnia & Herzegovina (+387) 1259 </option> 1260 <option value="+267" data-flag="https://flagcdn.com/w40/bw.png" 1261 data-country-code="BW" > 1262 Botswana (+267) 1263 </option> 1264 <option value="+55" data-flag="https://flagcdn.com/w40/br.png" 1265 data-country-code="BR" > 1266 Brazil (+55) 1267 </option> 1268 <option value="+246" data-flag="https://flagcdn.com/w40/io.png" 1269 data-country-code="IO" > 1270 British Indian Ocean Territory (+246) 1271 </option> 1272 <option value="+1" data-flag="https://flagcdn.com/w40/vg.png" 1273 data-country-code="VG" > 1274 British Virgin Islands (+1) 1275 </option> 1276 <option value="+673" data-flag="https://flagcdn.com/w40/bn.png" 1277 data-country-code="BN" > 1278 Brunei (+673) 1279 </option> 1280 <option value="+359" data-flag="https://flagcdn.com/w40/bg.png"
1281 data-country-code="BG" > 1282 Bulgaria (+359) 1283 </option> 1284 <option value="+226" data-flag="https://flagcdn.com/w40/bf.png" 1285 data-country-code="BF" > 1286 Burkina Faso (+226) 1287 </option> 1288 <option value="+257" data-flag="https://flagcdn.com/w40/bi.png" 1289 data-country-code="BI" > 1290 Burundi (+257) 1291 </option> 1292 <option value="+855" data-flag="https://flagcdn.com/w40/kh.png" 1293 data-country-code="KH" > 1294 Cambodia (+855) 1295 </option> 1296 <option value="+237" data-flag="https://flagcdn.com/w40/cm.png" 1297 data-country-code="CM" > 1298 Cameroon (+237) 1299 </option> 1300 <option value="+1" data-flag="https://flagcdn.com/w40/ca.png" 1301 data-country-code="CA" > 1302 Canada (+1) 1303 </option> 1304 <option value="+238" data-flag="https://flagcdn.com/w40/cv.png" 1305 data-country-code="CV" > 1306 Cape Verde (+238) 1307 </option> 1308 <option value="+599" data-flag="https://flagcdn.com/w40/bq.png" 1309 data-country-code="BQ" > 1310 Caribbean Netherlands (+599) 1311 </option> 1312 <option value="+1" data-flag="https://flagcdn.com/w40/ky.png" 1313 data-country-code="KY" > 1314 Cayman Islands (+1) 1315 </option> 1316 <option value="+236" data-flag="https://flagcdn.com/w40/cf.png" 1317 data-country-code="CF" > 1318 Central African Republic (+236) 1319 </option> 1320 <option value="+235" data-flag="https://flagcdn.com/w40/td.png" 1321 data-country-code="TD" > 1322 Chad (+235) 1323 </option> 1324 <option value="+56" data-flag="https://flagcdn.com/w40/cl.png" 1325 data-country-code="CL" > 1326 Chile (+56) 1327 </option> 1328 <option value="+86" data-flag="https://flagcdn.com/w40/cn.png" 1329 data-country-code="CN" > 1330 China (+86) 1331 </option> 1332 <option value="+61" data-flag="https://flagcdn.com/w40/cx.png" 1333 data-country-code="CX" > 1334 Christmas Island (+61) 1335 </option> 1336 <option value="+61" data-flag="https://flagcdn.com/w40/cc.png" 1337 data-country-code="CC" > 1338 Cocos (Keeling) Islands (+61) 1339 </option> 1340 <option value="+57" data-flag="https://flagcdn.com/w40/co.png" 1341 data-country-code="CO" > 1342 Colombia (+57) 1343 </option> 1344 <option value="+269" data-flag="https://flagcdn.com/w40/km.png" 1345 data-country-code="KM" > 1346 Comoros (+269) 1347 </option> 1348 <option value="+242" data-flag="https://flagcdn.com/w40/cg.png" 1349 data-country-code="CG" > 1350 Congo - Brazzaville (+242) 1351 </option> 1352 <option value="+243" data-flag="https://flagcdn.com/w40/cd.png" 1353 data-country-code="CD" > 1354 Congo - Kinshasa (+243) 1355 </option> 1356 <option value="+682" data-flag="https://flagcdn.com/w40/ck.png" 1357 data-country-code="CK" > 1358 Cook Islands (+682) 1359 </option> 1360 <option value="+506" data-flag="https://flagcdn.com/w40/cr.png" 1361 data-country-code="CR" > 1362 Costa Rica (+506) 1363 </option> 1364 <option value="+225" data-flag="https://flagcdn.com/w40/ci.png" 1365 data-country-code="CI" > 1366 Côte dâIvoire (+225) 1367 </option> 1368 <option value="+385" data-flag="https://flagcdn.com/w40/hr.png" 1369 data-country-code="HR" > 1370 Croatia (+385) 1371 </option> 1372 <option value="+53" data-flag="https://flagcdn.com/w40/cu.png" 1373 data-country-code="CU" > 1374 Cuba (+53) 1375 </option> 1376 <option value="+599" data-flag="https://flagcdn.com/w40/cw.png" 1377 data-country-code="CW" > 1378 Curaçao (+599) 1379 </option> 1380 <option value="+357" data-flag="https://flagcdn.com/w40/cy.png" 1381 data-country-code="CY" > 1382 Cyprus (+357) 1383 </option> 1384 <option value="+420" data-flag="https://flagcdn.com/w40/cz.png" 1385 data-country-code="CZ" > 1386 Czechia (+420) 1387 </option> 1388 <option value="+45" data-flag="https://flagcdn.com/w40/dk.png" 1389 data-country-code="DK" > 1390 Denmark (+45) 1391 </option> 1392 <option value="+253" data-flag="https://flagcdn.com/w40/dj.png" 1393 data-country-code="DJ" > 1394 Djibouti (+253) 1395 </option> 1396 <option value="+1" data-flag="https://flagcdn.com/w40/dm.png"
1397 data-country-code="DM" > 1398 Dominica (+1) 1399 </option> 1400 <option value="+1" data-flag="https://flagcdn.com/w40/do.png" 1401 data-country-code="DO" > 1402 Dominican Republic (+1) 1403 </option> 1404 <option value="+593" data-flag="https://flagcdn.com/w40/ec.png" 1405 data-country-code="EC" > 1406 Ecuador (+593) 1407 </option> 1408 <option value="+20" data-flag="https://flagcdn.com/w40/eg.png" 1409 data-country-code="EG" > 1410 Egypt (+20) 1411 </option> 1412 <option value="+503" data-flag="https://flagcdn.com/w40/sv.png" 1413 data-country-code="SV" > 1414 El Salvador (+503) 1415 </option> 1416 <option value="+240" data-flag="https://flagcdn.com/w40/gq.png" 1417 data-country-code="GQ" > 1418 Equatorial Guinea (+240) 1419 </option> 1420 <option value="+291" data-flag="https://flagcdn.com/w40/er.png" 1421 data-country-code="ER" > 1422 Eritrea (+291) 1423 </option> 1424 <option value="+372" data-flag="https://flagcdn.com/w40/ee.png" 1425 data-country-code="EE" > 1426 Estonia (+372) 1427 </option> 1428 <option value="+268" data-flag="https://flagcdn.com/w40/sz.png" 1429 data-country-code="SZ" > 1430 Eswatini (+268) 1431 </option> 1432 <option value="+251" data-flag="https://flagcdn.com/w40/et.png" 1433 data-country-code="ET" > 1434 Ethiopia (+251) 1435 </option> 1436 <option value="+500" data-flag="https://flagcdn.com/w40/fk.png" 1437 data-country-code="FK" > 1438 Falkland Islands (+500) 1439 </option> 1440 <option value="+298" data-flag="https://flagcdn.com/w40/fo.png" 1441 data-country-code="FO" > 1442 Faroe Islands (+298) 1443 </option> 1444 <option value="+679" data-flag="https://flagcdn.com/w40/fj.png" 1445 data-country-code="FJ" > 1446 Fiji (+679) 1447 </option> 1448 <option value="+358" data-flag="https://flagcdn.com/w40/fi.png" 1449 data-country-code="FI" > 1450 Finland (+358) 1451 </option> 1452 <option value="+33" data-flag="https://flagcdn.com/w40/fr.png" 1453 data-country-code="FR" selected> 1454 France (+33) 1455 </option> 1456 <option value="+594" data-flag="https://flagcdn.com/w40/gf.png" 1457 data-country-code="GF" > 1458 French Guiana (+594) 1459 </option> 1460 <option value="+689" data-flag="https://flagcdn.com/w40/pf.png" 1461 data-country-code="PF" > 1462 French Polynesia (+689) 1463 </option> 1464 <option value="+241" data-flag="https://flagcdn.com/w40/ga.png" 1465 data-country-code="GA" > 1466 Gabon (+241) 1467 </option> 1468 <option value="+220" data-flag="https://flagcdn.com/w40/gm.png" 1469 data-country-code="GM" > 1470 Gambia (+220) 1471 </option> 1472 <option value="+995" data-flag="https://flagcdn.com/w40/ge.png" 1473 data-country-code="GE" > 1474 Georgia (+995) 1475 </option> 1476 <option value="+49" data-flag="https://flagcdn.com/w40/de.png"
1477 data-country-code="DE" > 1478 Germany (+49) 1479 </option> 1480 <option value="+233" data-flag="https://flagcdn.com/w40/gh.png" 1481 data-country-code="GH" > 1482 Ghana (+233) 1483 </option> 1484 <option value="+350" data-flag="https://flagcdn.com/w40/gi.png" 1485 data-country-code="GI" > 1486 Gibraltar (+350) 1487 </option> 1488 <option value="+30" data-flag="https://flagcdn.com/w40/gr.png" 1489 data-country-code="GR" > 1490 Greece (+30) 1491 </option> 1492 <option value="+299" data-flag="https://flagcdn.com/w40/gl.png" 1493 data-country-code="GL" > 1494 Greenland (+299) 1495 </option> 1496 <option value="+1" data-flag="https://flagcdn.com/w40/gd.png" 1497 data-country-code="GD" > 1498 Grenada (+1) 1499 </option> 1500 <option value="+590" data-flag="https://flagcdn.com/w40/gp.png" 1501 data-country-code="GP" > 1502 Guadeloupe (+590) 1503 </option> 1504 <option value="+1" data-flag="https://flagcdn.com/w40/gu.png" 1505 data-country-code="GU" > 1506 Guam (+1) 1507 </option> 1508 <option value="+502" data-flag="https://flagcdn.com/w40/gt.png" 1509 data-country-code="GT" > 1510 Guatemala (+502) 1511 </option> 1512 <option value="+44" data-flag="https://flagcdn.com/w40/gg.png" 1513 data-country-code="GG" > 1514 Guernsey (+44) 1515 </option> 1516 <option value="+224" data-flag="https://flagcdn.com/w40/gn.png" 1517 data-country-code="GN" > 1518 Guinea (+224) 1519 </option> 1520 <option value="+245" data-flag="https://flagcdn.com/w40/gw.png" 1521 data-country-code="GW" > 1522 Guinea-Bissau (+245) 1523 </option> 1524 <option value="+592" data-flag="https://flagcdn.com/w40/gy.png" 1525 data-country-code="GY" > 1526 Guyana (+592) 1527 </option> 1528 <option value="+509" data-flag="https://flagcdn.com/w40/ht.png" 1529 data-country-code="HT" > 1530 Haiti (+509) 1531 </option> 1532 <option value="+504" data-flag="https://flagcdn.com/w40/hn.png" 1533 data-country-code="HN" > 1534 Honduras (+504) 1535 </option> 1536 <option value="+852" data-flag="https://flagcdn.com/w40/hk.png" 1537 data-country-code="HK" > 1538 Hong Kong SAR China (+852) 1539 </option> 1540 <option value="+36" data-flag="https://flagcdn.com/w40/hu.png" 1541 data-country-code="HU" > 1542 Hungary (+36) 1543 </option> 1544 <option value="+354" data-flag="https://flagcdn.com/w40/is.png" 1545 data-country-code="IS" > 1546 Iceland (+354) 1547 </option> 1548 <option value="+91" data-flag="https://flagcdn.com/w40/in.png" 1549 data-country-code="IN" > 1550 India (+91) 1551 </option> 1552 <option value="+62" data-flag="https://flagcdn.com/w40/id.png" 1553 data-country-code="ID" > 1554 Indonesia (+62) 1555 </option> 1556 <option value="+98" data-flag="https://flagcdn.com/w40/ir.png" 1557 data-country-code="IR" > 1558 Iran (+98) 1559 </option> 1560 <option value="+964" data-flag="https://flagcdn.com/w40/iq.png"
1561 data-country-code="IQ" > 1562 Iraq (+964) 1563 </option> 1564 <option value="+353" data-flag="https://flagcdn.com/w40/ie.png" 1565 data-country-code="IE" > 1566 Ireland (+353) 1567 </option> 1568 <option value="+44" data-flag="https://flagcdn.com/w40/im.png" 1569 data-country-code="IM" > 1570 Isle of Man (+44) 1571 </option> 1572 <option value="+972" data-flag="https://flagcdn.com/w40/il.png" 1573 data-country-code="IL" > 1574 Israel (+972) 1575 </option> 1576 <option value="+39" data-flag="https://flagcdn.com/w40/it.png" 1577 data-country-code="IT" > 1578 Italy (+39) 1579 </option> 1580 <option value="+1" data-flag="https://flagcdn.com/w40/jm.png" 1581 data-country-code="JM" > 1582 Jamaica (+1) 1583 </option> 1584 <option value="+81" data-flag="https://flagcdn.com/w40/jp.png" 1585 data-country-code="JP" > 1586 Japan (+81) 1587 </option> 1588 <option value="+44" data-flag="https://flagcdn.com/w40/je.png" 1589 data-country-code="JE" > 1590 Jersey (+44) 1591 </option> 1592 <option value="+962" data-flag="https://flagcdn.com/w40/jo.png" 1593 data-country-code="JO" > 1594 Jordan (+962) 1595 </option> 1596 <option value="+7" data-flag="https://flagcdn.com/w40/kz.png" 1597 data-country-code="KZ" > 1598 Kazakhstan (+7) 1599 </option> 1600 <option value="+254" data-flag="https://flagcdn.com/w40/ke.png" 1601 data-country-code="KE" > 1602 Kenya (+254) 1603 </option> 1604 <option value="+686" data-flag="https://flagcdn.com/w40/ki.png" 1605 data-country-code="KI" > 1606 Kiribati (+686) 1607 </option> 1608 <option value="+383" data-flag="https://flagcdn.com/w40/xk.png" 1609 data-country-code="XK" > 1610 Kosovo (+383) 1611 </option> 1612 <option value="+965" data-flag="https://flagcdn.com/w40/kw.png" 1613 data-country-code="KW" > 1614 Kuwait (+965) 1615 </option> 1616 <option value="+996" data-flag="https://flagcdn.com/w40/kg.png" 1617 data-country-code="KG" > 1618 Kyrgyzstan (+996) 1619 </option> 1620 <option value="+856" data-flag="https://flagcdn.com/w40/la.png" 1621 data-country-code="LA" > 1622 Laos (+856) 1623 </option> 1624 <option value="+371" data-flag="https://flagcdn.com/w40/lv.png" 1625 data-country-code="LV" > 1626 Latvia (+371) 1627 </option> 1628 <option value="+961" data-flag="https://flagcdn.com/w40/lb.png" 1629 data-country-code="LB" > 1630 Lebanon (+961) 1631 </option> 1632 <option value="+266" data-flag="https://flagcdn.com/w40/ls.png" 1633 data-country-code="LS" > 1634 Lesotho (+266) 1635 </option> 1636 <option value="+231" data-flag="https://flagcdn.com/w40/lr.png"
1637 data-country-code="LR" > 1638 Liberia (+231) 1639 </option> 1640 <option value="+218" data-flag="https://flagcdn.com/w40/ly.png" 1641 data-country-code="LY" > 1642 Libya (+218) 1643 </option> 1644 <option value="+423" data-flag="https://flagcdn.com/w40/li.png" 1645 data-country-code="LI" > 1646 Liechtenstein (+423) 1647 </option> 1648 <option value="+370" data-flag="https://flagcdn.com/w40/lt.png" 1649 data-country-code="LT" > 1650 Lithuania (+370) 1651 </option> 1652 <option value="+352" data-flag="https://flagcdn.com/w40/lu.png" 1653 data-country-code="LU" > 1654 Luxembourg (+352) 1655 </option> 1656 <option value="+853" data-flag="https://flagcdn.com/w40/mo.png" 1657 data-country-code="MO" > 1658 Macao SAR China (+853) 1659 </option> 1660 <option value="+261" data-flag="https://flagcdn.com/w40/mg.png" 1661 data-country-code="MG" > 1662 Madagascar (+261) 1663 </option> 1664 <option value="+265" data-flag="https://flagcdn.com/w40/mw.png" 1665 data-country-code="MW" > 1666 Malawi (+265) 1667 </option> 1668 <option value="+60" data-flag="https://flagcdn.com/w40/my.png" 1669 data-country-code="MY" > 1670 Malaysia (+60) 1671 </option> 1672 <option value="+960" data-flag="https://flagcdn.com/w40/mv.png" 1673 data-country-code="MV" > 1674 Maldives (+960) 1675 </option> 1676 <option value="+223" data-flag="https://flagcdn.com/w40/ml.png" 1677 data-country-code="ML" > 1678 Mali (+223) 1679 </option> 1680 <option value="+356" data-flag="https://flagcdn.com/w40/mt.png" 1681 data-country-code="MT" > 1682 Malta (+356) 1683 </option> 1684 <option value="+692" data-flag="https://flagcdn.com/w40/mh.png" 1685 data-country-code="MH" > 1686 Marshall Islands (+692) 1687 </option> 1688 <option value="+596" data-flag="https://flagcdn.com/w40/mq.png" 1689 data-country-code="MQ" > 1690 Martinique (+596) 1691 </option> 1692 <option value="+222" data-flag="https://flagcdn.com/w40/mr.png" 1693 data-country-code="MR" > 1694 Mauritania (+222) 1695 </option> 1696 <option value="+230" data-flag="https://flagcdn.com/w40/mu.png" 1697 data-country-code="MU" > 1698 Mauritius (+230) 1699 </option> 1700 <option value="+262" data-flag="https://flagcdn.com/w40/yt.png" 1701 data-country-code="YT" > 1702 Mayotte (+262) 1703 </option> 1704 <option value="+52" data-flag="https://flagcdn.com/w40/mx.png" 1705 data-country-code="MX" > 1706 Mexico (+52) 1707 </option> 1708 <option value="+691" data-flag="https://flagcdn.com/w40/fm.png" 1709 data-country-code="FM" > 1710 Micronesia (+691) 1711 </option> 1712 <option value="+373" data-flag="https://flagcdn.com/w40/md.png" 1713 data-country-code="MD" > 1714 Moldova (+373) 1715 </option> 1716 <option value="+377" data-flag="https://flagcdn.com/w40/mc.png" 1717 data-country-code="MC" > 1718 Monaco (+377) 1719 </option> 1720 <option value="+976" data-flag="https://flagcdn.com/w40/mn.png" 1721 data-country-code="MN" > 1722 Mongolia (+976) 1723 </option> 1724 <option value="+382" data-flag="https://flagcdn.com/w40/me.png" 1725 data-country-code="ME" > 1726 Montenegro (+382) 1727 </option> 1728 <option value="+1" data-flag="https://flagcdn.com/w40/ms.png" 1729 data-country-code="MS" > 1730 Montserrat (+1) 1731 </option> 1732 <option value="+212" data-flag="https://flagcdn.com/w40/ma.png" 1733 data-country-code="MA" > 1734 Morocco (+212) 1735 </option> 1736 <option value="+258" data-flag="https://flagcdn.com/w40/mz.png" 1737 data-country-code="MZ" > 1738 Mozambique (+258) 1739 </option> 1740 <option value="+95" data-flag="https://flagcdn.com/w40/mm.png" 1741 data-country-code="MM" > 1742 Myanmar (Burma) (+95) 1743 </option> 1744 <option value="+264" data-flag="https://flagcdn.com/w40/na.png" 1745 data-country-code="NA" > 1746 Namibia (+264) 1747 </option> 1748 <option value="+674" data-flag="https://flagcdn.com/w40/nr.png" 1749 data-country-code="NR" > 1750 Nauru (+674) 1751 </option> 1752 <option value="+977" data-flag="https://flagcdn.com/w40/np.png" 1753 data-country-code="NP" > 1754 Nepal (+977) 1755 </option> 1756 <option value="+31" data-flag="https://flagcdn.com/w40/nl.png" 1757 data-country-code="NL" > 1758 Netherlands (+31) 1759 </option> 1760 <option value="+687" data-flag="https://flagcdn.com/w40/nc.png" 1761 data-country-code="NC" > 1762 New Caledonia (+687) 1763 </option> 1764 <option value="+64" data-flag="https://flagcdn.com/w40/nz.png" 1765 data-country-code="NZ" > 1766 New Zealand (+64) 1767 </option> 1768 <option value="+505" data-flag="https://flagcdn.com/w40/ni.png" 1769 data-country-code="NI" > 1770 Nicaragua (+505) 1771 </option> 1772 <option value="+227" data-flag="https://flagcdn.com/w40/ne.png" 1773 data-country-code="NE" > 1774 Niger (+227) 1775 </option> 1776 <option value="+234" data-flag="https://flagcdn.com/w40/ng.png" 1777 data-country-code="NG" > 1778 Nigeria (+234) 1779 </option> 1780 <option value="+683" data-flag="https://flagcdn.com/w40/nu.png" 1781 data-country-code="NU" > 1782 Niue (+683) 1783 </option> 1784 <option value="+672" data-flag="https://flagcdn.com/w40/nf.png" 1785 data-country-code="NF" > 1786 Norfolk Island (+672) 1787 </option> 1788 <option value="+850" data-flag="https://flagcdn.com/w40/kp.png" 1789 data-country-code="KP" > 1790 North Korea (+850) 1791 </option> 1792 <option value="+389" data-flag="https://flagcdn.com/w40/mk.png" 1793 data-country-code="MK" > 1794 North Macedonia (+389) 1795 </option> 1796 <option value="+1" data-flag="https://flagcdn.com/w40/mp.png" 1797 data-country-code="MP" > 1798 Northern Mariana Islands (+1) 1799 </option> 1800 <option value="+47" data-flag="https://flagcdn.com/w40/no.png" 1801 data-country-code="NO" > 1802 Norway (+47) 1803 </option> 1804 <option value="+968" data-flag="https://flagcdn.com/w40/om.png"
1805 data-country-code="OM" > 1806 Oman (+968) 1807 </option> 1808 <option value="+92" data-flag="https://flagcdn.com/w40/pk.png" 1809 data-country-code="PK" > 1810 Pakistan (+92) 1811 </option> 1812 <option value="+680" data-flag="https://flagcdn.com/w40/pw.png" 1813 data-country-code="PW" > 1814 Palau (+680) 1815 </option> 1816 <option value="+970" data-flag="https://flagcdn.com/w40/ps.png" 1817 data-country-code="PS" > 1818 Palestinian Territories (+970) 1819 </option> 1820 <option value="+507" data-flag="https://flagcdn.com/w40/pa.png" 1821 data-country-code="PA" > 1822 Panama (+507) 1823 </option> 1824 <option value="+675" data-flag="https://flagcdn.com/w40/pg.png" 1825 data-country-code="PG" > 1826 Papua New Guinea (+675) 1827 </option> 1828 <option value="+595" data-flag="https://flagcdn.com/w40/py.png" 1829 data-country-code="PY" > 1830 Paraguay (+595) 1831 </option> 1832 <option value="+51" data-flag="https://flagcdn.com/w40/pe.png" 1833 data-country-code="PE" > 1834 Peru (+51) 1835 </option> 1836 <option value="+63" data-flag="https://flagcdn.com/w40/ph.png" 1837 data-country-code="PH" > 1838 Philippines (+63) 1839 </option> 1840 <option value="+48" data-flag="https://flagcdn.com/w40/pl.png" 1841 data-country-code="PL" > 1842 Poland (+48) 1843 </option> 1844 <option value="+351" data-flag="https://flagcdn.com/w40/pt.png" 1845 data-country-code="PT" > 1846 Portugal (+351) 1847 </option> 1848 <option value="+1" data-flag="https://flagcdn.com/w40/pr.png" 1849 data-country-code="PR" > 1850 Puerto Rico (+1) 1851 </option> 1852 <option value="+974" data-flag="https://flagcdn.com/w40/qa.png" 1853 data-country-code="QA" > 1854 Qatar (+974) 1855 </option> 1856 <option value="+262" data-flag="https://flagcdn.com/w40/re.png" 1857 data-country-code="RE" > 1858 Réunion (+262) 1859 </option> 1860 <option value="+40" data-flag="https://flagcdn.com/w40/ro.png" 1861 data-country-code="RO" > 1862 Romania (+40) 1863 </option> 1864 <option value="+7" data-flag="https://flagcdn.com/w40/ru.png" 1865 data-country-code="RU" > 1866 Russia (+7) 1867 </option> 1868 <option value="+250" data-flag="https://flagcdn.com/w40/rw.png" 1869 data-country-code="RW" > 1870 Rwanda (+250) 1871 </option> 1872 <option value="+685" data-flag="https://flagcdn.com/w40/ws.png" 1873 data-country-code="WS" > 1874 Samoa (+685) 1875 </option> 1876 <option value="+378" data-flag="https://flagcdn.com/w40/sm.png" 1877 data-country-code="SM" > 1878 San Marino (+378) 1879 </option> 1880 <option value="+239" data-flag="https://flagcdn.com/w40/st.png" 1881 data-country-code="ST" > 1882 São Tomé & PrÃncipe (+239) 1883 </option> 1884 <option value="+966" data-flag="https://flagcdn.com/w40/sa.png" 1885 data-country-code="SA" > 1886 Saudi Arabia (+966) 1887 </option> 1888 <option value="+221" data-flag="https://flagcdn.com/w40/sn.png" 1889 data-country-code="SN" > 1890 Senegal (+221) 1891 </option> 1892 <option value="+381" data-flag="https://flagcdn.com/w40/rs.png" 1893 data-country-code="RS" >
1894 Serbia (+381) 1895 </option> 1896 <option value="+248" data-flag="https://flagcdn.com/w40/sc.png" 1897 data-country-code="SC" > 1898 Seychelles (+248) 1899 </option> 1900 <option value="+232" data-flag="https://flagcdn.com/w40/sl.png" 1901 data-country-code="SL" > 1902 Sierra Leone (+232) 1903 </option> 1904 <option value="+65" data-flag="https://flagcdn.com/w40/sg.png" 1905 data-country-code="SG" > 1906 Singapore (+65) 1907 </option> 1908 <option value="+1" data-flag="https://flagcdn.com/w40/sx.png" 1909 data-country-code="SX" > 1910 Sint Maarten (+1) 1911 </option> 1912 <option value="+421" data-flag="https://flagcdn.com/w40/sk.png" 1913 data-country-code="SK" > 1914 Slovakia (+421) 1915 </option> 1916 <option value="+386" data-flag="https://flagcdn.com/w40/si.png" 1917 data-country-code="SI" > 1918 Slovenia (+386) 1919 </option> 1920 <option value="+677" data-flag="https://flagcdn.com/w40/sb.png" 1921 data-country-code="SB" > 1922 Solomon Islands (+677) 1923 </option> 1924 <option value="+252" data-flag="https://flagcdn.com/w40/so.png" 1925 data-country-code="SO" > 1926 Somalia (+252) 1927 </option> 1928 <option value="+27" data-flag="https://flagcdn.com/w40/za.png" 1929 data-country-code="ZA" > 1930 South Africa (+27) 1931 </option> 1932 <option value="+82" data-flag="https://flagcdn.com/w40/kr.png" 1933 data-country-code="KR" > 1934 South Korea (+82) 1935 </option> 1936 <option value="+211" data-flag="https://flagcdn.com/w40/ss.png" 1937 data-country-code="SS" > 1938 South Sudan (+211) 1939 </option> 1940 <option value="+34" data-flag="https://flagcdn.com/w40/es.png" 1941 data-country-code="ES" > 1942 Spain (+34) 1943 </option> 1944 <option value="+94" data-flag="https://flagcdn.com/w40/lk.png" 1945 data-country-code="LK" > 1946 Sri Lanka (+94) 1947 </option> 1948 <option value="+590" data-flag="https://flagcdn.com/w40/bl.png" 1949 data-country-code="BL" > 1950 St. Barthélemy (+590) 1951 </option> 1952 <option value="+290" data-flag="https://flagcdn.com/w40/sh.png" 1953 data-country-code="SH" > 1954 St. Helena (+290) 1955 </option> 1956 <option value="+1" data-flag="https://flagcdn.com/w40/kn.png" 1957 data-country-code="KN" > 1958 St. Kitts & Nevis (+1) 1959 </option> 1960 <option value="+1" data-flag="https://flagcdn.com/w40/lc.png" 1961 data-country-code="LC" > 1962 St. Lucia (+1) 1963 </option> 1964 <option value="+590" data-flag="https://flagcdn.com/w40/mf.png" 1965 data-country-code="MF" > 1966 St. Martin (+590) 1967 </option> 1968 <option value="+508" data-flag="https://flagcdn.com/w40/pm.png"
1969 data-country-code="PM" > 1970 St. Pierre & Miquelon (+508) 1971 </option> 1972 <option value="+1" data-flag="https://flagcdn.com/w40/vc.png" 1973 data-country-code="VC" > 1974 St. Vincent & Grenadines (+1) 1975 </option> 1976 <option value="+249" data-flag="https://flagcdn.com/w40/sd.png" 1977 data-country-code="SD" > 1978 Sudan (+249) 1979 </option> 1980 <option value="+597" data-flag="https://flagcdn.com/w40/sr.png" 1981 data-country-code="SR" > 1982 Suriname (+597) 1983 </option> 1984 <option value="+47" data-flag="https://flagcdn.com/w40/sj.png" 1985 data-country-code="SJ" > 1986 Svalbard & Jan Mayen (+47) 1987 </option> 1988 <option value="+46" data-flag="https://flagcdn.com/w40/se.png" 1989 data-country-code="SE" > 1990 Sweden (+46) 1991 </option> 1992 <option value="+41" data-flag="https://flagcdn.com/w40/ch.png" 1993 data-country-code="CH" > 1994 Switzerland (+41) 1995 </option> 1996 <option value="+963" data-flag="https://flagcdn.com/w40/sy.png" 1997 data-country-code="SY" > 1998 Syria (+963) 1999 </option> 2000 <option value="+886" data-flag="https://flagcdn.com/w40/tw.png" 2001 data-country-code="TW" > 2002 Taiwan (+886) 2003 </option> 2004 <option value="+992" data-flag="https://flagcdn.com/w40/tj.png" 2005 data-country-code="TJ" > 2006 Tajikistan (+992) 2007 </option> 2008 <option value="+255" data-flag="https://flagcdn.com/w40/tz.png" 2009 data-country-code="TZ" > 2010 Tanzania (+255) 2011 </option> 2012 <option value="+66" data-flag="https://flagcdn.com/w40/th.png" 2013 data-country-code="TH" > 2014 Thailand (+66) 2015 </option> 2016 <option value="+670" data-flag="https://flagcdn.com/w40/tl.png" 2017 data-country-code="TL" > 2018 Timor-Leste (+670) 2019 </option> 2020 <option value="+228" data-flag="https://flagcdn.com/w40/tg.png"
2021 data-country-code="TG" > 2022 Togo (+228) 2023 </option> 2024 <option value="+690" data-flag="https://flagcdn.com/w40/tk.png" 2025 data-country-code="TK" > 2026 Tokelau (+690) 2027 </option> 2028 <option value="+676" data-flag="https://flagcdn.com/w40/to.png" 2029 data-country-code="TO" > 2030 Tonga (+676) 2031 </option> 2032 <option value="+1" data-flag="https://flagcdn.com/w40/tt.png" 2033 data-country-code="TT" > 2034 Trinidad & Tobago (+1) 2035 </option> 2036 <option value="+290" data-flag="https://flagcdn.com/w40/ta.png" 2037 data-country-code="TA" > 2038 Tristan da Cunha (+290) 2039 </option> 2040 <option value="+216" data-flag="https://flagcdn.com/w40/tn.png" 2041 data-country-code="TN" > 2042 Tunisia (+216) 2043 </option> 2044 <option value="+90" data-flag="https://flagcdn.com/w40/tr.png" 2045 data-country-code="TR" > 2046 Türkiye (+90) 2047 </option> 2048 <option value="+993" data-flag="https://flagcdn.com/w40/tm.png" 2049 data-country-code="TM" > 2050 Turkmenistan (+993) 2051 </option> 2052 <option value="+1" data-flag="https://flagcdn.com/w40/tc.png" 2053 data-country-code="TC" > 2054 Turks & Caicos Islands (+1) 2055 </option> 2056 <option value="+688" data-flag="https://flagcdn.com/w40/tv.png" 2057 data-country-code="TV" > 2058 Tuvalu (+688) 2059 </option> 2060 <option value="+1" data-flag="https://flagcdn.com/w40/vi.png" 2061 data-country-code="VI" > 2062 U.S. Virgin Islands (+1) 2063 </option> 2064 <option value="+256" data-flag="https://flagcdn.com/w40/ug.png" 2065 data-country-code="UG" > 2066 Uganda (+256) 2067 </option> 2068 <option value="+380" data-flag="https://flagcdn.com/w40/ua.png" 2069 data-country-code="UA" > 2070 Ukraine (+380) 2071 </option> 2072 <option value="+971" data-flag="https://flagcdn.com/w40/ae.png" 2073 data-country-code="AE" > 2074 United Arab Emirates (+971) 2075 </option> 2076 <option value="+44" data-flag="https://flagcdn.com/w40/gb.png" 2077 data-country-code="GB" > 2078 United Kingdom (+44) 2079 </option> 2080 <option value="+1" data-flag="https://flagcdn.com/w40/us.png" 2081 data-country-code="US" > 2082 United States (+1) 2083 </option> 2084 <option value="+598" data-flag="https://flagcdn.com/w40/uy.png" 2085 data-country-code="UY" > 2086 Uruguay (+598) 2087 </option> 2088 <option value="+998" data-flag="https://flagcdn.com/w40/uz.png" 2089 data-country-code="UZ" > 2090 Uzbekistan (+998) 2091 </option> 2092 <option value="+678" data-flag="https://flagcdn.com/w40/vu.png" 2093 data-country-code="VU" > 2094 Vanuatu (+678) 2095 </option> 2096 <option value="+39" data-flag="https://flagcdn.com/w40/va.png" 2097 data-country-code="VA" > 2098 Vatican City (+39) 2099 </option> 2100 <option value="+58" data-flag="https://flagcdn.com/w40/ve.png" 2101 data-country-code="VE" > 2102 Venezuela (+58) 2103 </option> 2104 <option value="+84" data-flag="https://flagcdn.com/w40/vn.png" 2105 data-country-code="VN" > 2106 Vietnam (+84) 2107 </option> 2108 <option value="+681" data-flag="https://flagcdn.com/w40/wf.png" 2109 data-country-code="WF" > 2110 Wallis & Futuna (+681) 2111 </option> 2112 <option value="+212" data-flag="https://flagcdn.com/w40/eh.png" 2113 data-country-code="EH" > 2114 Western Sahara (+212) 2115 </option> 2116 <option value="+967" data-flag="https://flagcdn.com/w40/ye.png" 2117 data-country-code="YE" > 2118 Yemen (+967) 2119 </option> 2120 <option value="+260" data-flag="https://flagcdn.com/w40/zm.png" 2121 data-country-code="ZM" > 2122 Zambia (+260) 2123 </option> 2124 <option value="+263" data-flag="https://flagcdn.com/w40/zw.png" 2125 data-country-code="ZW" > 2126 Zimbabwe (+263) 2127 </option> 2128 </select> 2129 </div> 2130 <input class="edit-form__input--phone" type="tel" id="reservation-phone" name="phone" maxlength="20" placeholder=" " required value=""> 2131 <label for="reservation-phone">Téléphone *</label> 2132 </div> 2133 <p class="reservation-form__hint"> 2134 <i class='bx bx-phone'></i>
2135 <span>Pour vous contacter en cas d'imprévu uniquement</span> 2136 </p> 2137 2138 <div class="edit-form__input"> 2139 <textarea id="reservation-message" name="message" maxlength="500" placeholder=" " rows="3"></textarea> 2140 <label for="reservation-message">Occasion / Message (optionnel)</label> 2141 </div> 2142 2143 <div id="reservation-account-block"> 2144 <div class="edit-form__input"> 2145 <input type="checkbox" id="reservation-create-account" class="checkbox-custom" name="createAccount" value="1" checked> 2146 <label for="reservation-create-account" class="checkbox-custom-label">Créer mon compte</label> 2147 </div> 2148 <p class="reservation-form__hint"> 2149 <i class='bx bx-user-check'></i> 2150 <span>Pour conserver mes informations à la prochaine connexion</span> 2151 </p> 2152 <div class="edit-form__input" id="reservation-password-block"> 2153 <input type="password" id="reservation-account-password" name="accountPassword" placeholder=" " autocomplete="new-password"> 2154 <label for="reservation-account-password">Mot de passe *</label> 2155 </div> 2156 <p class="reservation-form__hint" id="reservation-password-hint"> 2157 <i class='bx bx-lock-alt'></i> 2158 <span>8 caractères min., avec majuscule, minuscule, chiffre et caractère spécial</span> 2159 </p> 2160 </div> 2161 2162 <div class="reservation-form__error" id="reservation-form-error"></div> 2163 2164 <button type="submit" class="reservation-popup__btn-primary" id="reservation-btn-submit"> 2165 Envoyer ma demande 2166 <i class='bx bx-send'></i> 2167 </button> 2168 </form> 2169 </div> 2170 2171 <!-- Ãtape "Options repas" : uniquement affichée si l'event du jour a un 2172 catalogue de plats (cf. reservation.js::mealOptionsState). Paiement en 2173 ligne Square (Web Payments SDK) si au moins un plat est choisi. --> 2174 <div class="reservation-step reservation-step--hidden" id="reservation-step-mealoptions"> 2175 <button type="button" class="reservation-popup__btn-back" id="reservation-btn-back-mealoptions"> 2176 <i class='bx bx-left-arrow-alt'></i> Retour 2177 </button> 2178 <h3 class="reservation-step__subtitle">Un petit creux ?</h3> 2179 <p class="reservation-step__hint" id="reservation-mealoptions-hint"> 2180 Des plats sont proposés pour cette soirée â à régler en ligne dès maintenant (optionnel). 2181 Remboursable en cas d'annulation de votre réservation. 2182 </p> 2183 <div id="reservation-mealoptions-list"></div> 2184 <p class="reservation-mealoptions-total" id="reservation-mealoptions-total-line"> 2185 Total : <strong id="reservation-mealoptions-total">0.00</strong> ⬠2186 </p> 2187 <div class="reservation-step__error" id="reservation-mealoptions-error"></div> 2188 2189 <div id="reservation-square-card" class="reservation-step--hidden"></div> 2190 2191 <button type="button" class="reservation-popup__btn-primary reservation-step--hidden" id="reservation-btn-confirm-payment"> 2192 Confirmer le paiement 2193 </button> 2194 <button type="button" class="reservation-popup__btn-primary" id="reservation-btn-mealoptions-pay" disabled> 2195 Payer et réserver 2196 </button> 2197 <button type="button" class="reservation-popup__btn-secondary" id="reservation-btn-mealoptions-skip"> 2198 Réserver la table sans plat 2199 </button> 2200 </div> 2201 2202 <!-- Ãtape 3 : Confirmation --> 2203 <div class="reservation-step reservation-step--hidden" id="reservation-step-3"> 2204 <div class="reservation-success"> 2205 <i class='bx bx-check-circle reservation-success__icon'></i> 2206 <h3>Demande envoyée !</h3> 2207 <p>Nous vous confirmerons votre réservation par email ou par téléphone dans les plus brefs délais.</p> 2208 <button type="button" class="reservation-popup__btn-secondary" id="reservation-btn-close-success"> 2209 Fermer 2210 </button> 2211 </div> 2212 </div> 2213 2214 <!-- Dialog de confirmation : résa déjà existante à cette date --> 2215 <div class="reservation-confirm reservation-confirm--hidden" id="reservation-confirm" role="alertdialog" aria-modal="true" aria-labelledby="reservation-confirm-title" aria-hidden="true"> 2216 <div class="reservation-confirm__box"> 2217 <h3 class="reservation-confirm__title" id="reservation-confirm-title">Vous avez déjà une réservation</h3> 2218 <p class="reservation-confirm__text" id="reservation-confirm-text"></p> 2219 <!--p class="reservation-confirm__hint">Le statut repassera en attente de validation par le restaurant.</p--> 2220 <div class="reservation-confirm__actions"> 2221 <button type="button" class="reservation-popup__btn-secondary" id="reservation-confirm-cancel">Annuler</button> 2222 <button type="button" class="reservation-popup__btn-primary" id="reservation-confirm-ok">Oui, modifier</button> 2223 </div> 2224 </div> 2225 </div> 2226 2227 </div> 2228 2229 <div class="reservation-popup__footer"> 2230 <p>Confirmation par téléphone ou email · <a href="tel:+33485870395">04 85 87 03 95</a></p> 2231 </div> 2232 </div> 2233 2234 <link rel="stylesheet" href="/css/reservation.css"> 2235
2235<script> 2236 window.SQUARE_APPLICATION_ID = 'sq0idp-E-5gVwezMMse7Dijj6J4Jw'; 2237 window.SQUARE_LOCATION_ID = 'LPC19NXF87XED'; 2238 </script>
2238 2239
2239<script src="https://web.squarecdn.com/v1/square.js" defer></script>
2239 2240
2240<script src="/fw/js/fw_selectFlag.js" defer></script>
2240 2241
2241<script src="/js/reservation.js?v=20260716e" defer></script>
2241 2242 2243
2243<script type="application/ld+json" id="ld-business-hours">{"@context":"https://schema.org","@type":"BarOrPub","name":"Le Grand Comptoir","image":"https://le-grand-comptoir.fr/img/logoMainSquare.png","address":{"@type":"PostalAddress","streetAddress":"5675 rte d'Avignon","postalCode":"13090","addressLocality":"Aix-en-Provence","addressCountry":"FR"},"telephone":"+33485870395","email":"[email protected]","url":"https://le-grand-comptoir.fr","sameAs":["https://www.facebook.com/lgc.aix/","https://www.instagram.com/legrandcomptoir.aix"],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Mo","opens":"17:00","closes":"00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tu","opens":"17:00","closes":"00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/We","opens":"17:00","closes":"00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Th","opens":"17:00","closes":"00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Fr","opens":"17:00","closes":"01:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sa","opens":"17:00","closes":"01:00"}]}</script>
2243 2244 <div id="sablier-overlay" class="masked"> 2245 <div class="sablier"></div> 2246 </div> 2247 2248
2248<script> 2249 let hourglass = (show = true) => { 2250 /*try { 2251 if (hourglassPerso) { 2252 hourglassPerso(show); 2253 return; 2254 } 2255 } catch (e) { 2256 console.error(e); 2257 } */ 2258 const sablierOverlay = document.getElementById('sablier-overlay'); 2259 if (sablierOverlay) { 2260 if (show) { 2261 sablierOverlay.classList.remove('masked'); 2262 } else { 2263 sablierOverlay.classList.add('masked'); 2264 } 2265 } 2266 }; 2267 </script>
2267 2268 <style> 2269 :root { 2270 --fg: #4479bf; 2271 --primary: #4479bf; 2272 --sable-coule: #81aee9; 2273 } 2274 2275 #sablier-overlay { 2276 position: fixed; 2277 /* Fixé à la fenêtre */ 2278 top: 0; 2279 left: 0; 2280 width: 100vw; 2281 /* Occupe toute la largeur de la fenêtre */ 2282 height: 100vh; 2283 /* Occupe toute la hauteur de la fenêtre */ 2284 background-color: rgba(0, 0, 0, 0.2); 2285 /* Fond semi-transparent */ 2286 display: flex; 2287 justify-content: center; 2288 /* Centre horizontalement */ 2289 align-items: center; 2290 /* Centre verticalement */ 2291 z-index: 9999; 2292 /* Au-dessus de tout le contenu */ 2293 } 2294 2295 .sablier, 2296 .sablier:before, 2297 .sablier:after { 2298 animation-duration: 1250ms; 2299 animation-iteration-count: infinite; 2300 } 2301 2302 .sablier { 2303 position: relative; 2304 --polygonH: polygon(0% 0%, 100% 0%, 100% 5.55%, 95% 5.55%, 95% 28%, 60% 46%, 60% 54%, 95% 72%, 95% 94.45%, 100% 94.45%, 100% 100%, 0% 100%, 0% 94.45%, 5% 94.45%, 5% 72%, 40% 54%, 40% 46%, 5% 28%, 5% 5.55%, 0% 5.55%); 2305 animation-name: flip; 2306 animation-timing-function: ease-in-out; 2307 background-image: linear-gradient(var(--primary) 0.25em, #737a8c55 0.25em 4.25em, var(--primary) 4.25em); 2308 clip-path: var(--polygonH); 2309 -webkit-clip-path: var(--polygonH); 2310 overflow: hidden; 2311 width: 2.5em; 2312 height: 4.5em; 2313 } 2314 2315 .sablier:before, 2316 .sablier:after { 2317 animation-timing-function: linear; 2318 content: ""; 2319 display: block; 2320 position: absolute; 2321 } 2322 2323 .sablier:before { 2324 --polygonB1: polygon(0% 0%, 100% 0%, 100% 24%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 0% 24%); 2325 --polygonB2: polygon(0% 4%, 100% 4%, 100% 24%, 55% 45%, 55% 100%, 55% 100%, 55% 100%, 45% 100%, 45% 100%, 45% 100%, 45% 45%, 0% 24%); 2326 --polygonB3: polygon(0% 24%, 100% 24%, 100% 24%, 55% 45%, 55% 80%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 45% 80%, 45% 45%, 0% 24%); 2327 --polygonB4: polygon(45% 45%, 55% 45%, 55% 45%, 55% 45%, 55% 58%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 45% 58%, 45% 45%, 45% 45%); 2328 --polygonB5: polygon(50% 53%, 50% 53%, 50% 53%, 50% 53%, 50% 53%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 50% 53%, 50% 53%, 50% 53%); 2329 animation-name: fill; 2330 background-color: var(--sable-coule); 2331 background-size: 100% 1.8em; 2332 clip-path: var(--polygonB1); 2333 -webkit-clip-path: var(--polygonB1); 2334 top: 0.25em; 2335 left: 0.25em; 2336 width: 2em; 2337 height: 4em; 2338 z-index: 1; 2339 } 2340 2341 .sablier:after { 2342 animation-name: glare; 2343 background: 2344 linear-gradient(90deg, #0000 0.25em, #0003 0.25em 0.75em, #0000 0.75em 1.75em, #fff3 1.75em 2.25em, #fff0 2.25em 3.25em, #0003 3.25em 3.75em, #0000 3.75em) 0 0 / 100% 0.25em, 2345 linear-gradient(90deg, #0000 0.375em, #0003 0.375em 0.625em, #0000 0.625em 1.875em, #fff3 1.875em 2.125em, #fff0 2.125em 3.375em, #0003 3.375em 3.625em, #0000 3.625em) 0 0.25em / 100% 4em, 2346 linear-gradient(90deg, #0000 0.25em, #0003 0.25em 0.75em, #0000 0.75em 1.75em, #fff3 1.75em 2.25em, #fff0 2.25em 3.25em, #0003 3.25em 3.75em, #0000 3.75em) 0 50% / 100% 0.25em; 2347 background-repeat: repeat-x; 2348 top: 0; 2349 left: -1.5em; 2350 width: 200%; 2351 height: 100%; 2352 z-index: 2; 2353 } 2354 2355 /* Animation */ 2356 @keyframes fill { 2357 from { 2358 clip-path: var(--polygonB1); 2359 -webkit-clip-path: var(--polygonB1); 2360 } 2361 2362 10% { 2363 clip-path: var(--polygonB2); 2364 -webkit-clip-path: var(--polygonB2); 2365 } 2366 2367 45% { 2368 clip-path: var(--polygonB3); 2369 -webkit-clip-path: var(--polygonB3); 2370 } 2371 2372 80% { 2373 clip-path: var(--polygonB4); 2374 -webkit-clip-path: var(--polygonB4); 2375 } 2376 2377 85%, 2378 to { 2379 clip-path: var(--polygonB5); 2380 -webkit-clip-path: var(--polygonB5); 2381 } 2382 } 2383 2384 @keyframes glare { 2385 2386 from, 2387 90% { 2388 transform: translateX(0); 2389 } 2390 2391 to { 2392 transform: translateX(3em); 2393 } 2394 } 2395 2396 @keyframes flip { 2397 2398 from, 2399 90% { 2400 transform: rotate(0); 2401 } 2402 2403 to { 2404 transform: rotate(180deg); 2405 } 2406 } 2407 2408 /* Mode nuit */ 2409 @media (prefers-color-scheme: dark) { 2410 :root { 2411 --fg: #c7cad1; 2412 } 2413 } 2414 </style><style> 2415 /* Styles pour le fond de la boîte de dialogue */ 2416 .dialog-overlay { 2417 position: fixed; 2418 top: 0; 2419 left: 0; 2420 width: 100%; 2421 height: 100%; 2422 background: rgba(0, 0, 0, 0.5); 2423 display: flex; 2424 align-items: center; 2425 justify-content: center; 2426 z-index: 1000002; 2427 } 2428 2429 /* Styles pour le contenu de la boîte de dialogue */ 2430 .dialog-box { 2431 position: relative; 2432 background: white; 2433 padding: 20px; 2434 border-radius: 8px; 2435 width: 300px; 2436 text-align: center; 2437 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 2438 } 2439 2440 /* Styles pour les boutons */ 2441 .dialog-box button { 2442 cursor: pointer; 2443 } 2444 2445 .dialog-box button.dialog-box--reponse1, 2446 .dialog-box button.dialog-box--reponse2 { 2447 margin: 10px; 2448 padding: 10px 20px; 2449 border: none; 2450 border-radius: 4px; 2451 } 2452 2453 .dialog-box button.dialog-box--reponse1 { 2454 background-color: #4CAF50; 2455 color: white; 2456 } 2457 2458 .dialog-box button.dialog-box--reponse2 { 2459 background-color: #f44336; 2460 color: white; 2461 } 2462 2463 .dialog-box button.dialog-box--valid-input { 2464 margin-block: 30px; 2465 max-width: 250px; 2466 margin-inline: auto; 2467 } 2468 2469 #dialog-box--close { 2470 position: absolute; 2471 top: 3px; 2472 right: 3px; 2473 height: 35px; 2474 width: 35px; 2475 cursor: pointer; 2476 color: #333; 2477 border: none; 2478 display: flex; 2479 align-items: center; 2480 justify-content: center; 2481 background: none; 2482 font-size: 1.5rem; 2483 2484 &:hover { 2485 color: white; 2486 background-color: var(--main); 2487 } 2488 } 2489 </style> 2490 2491 <!-- Boîte de dialogue --> 2492 <div class="dialog-overlay" id="dialog-box" style="display: none;"> 2493 2494 <div class="dialog-box"> 2495 <button id="dialog-box--close">×</button> 2496 <p class="dialog-box--question"></p> 2497 <input type="text" class="dialog-box--input" value=""> 2498 <button class="dialog-box--valid-input button"></button> 2499 <button class="dialog-box--reponse1"></button> 2500 <button class="dialog-box--reponse2"></button> 2501 </div> 2502 </div> 2503
2503<script> 2504 2505 /*class DialogBox { 2506 constructor(question, libelleReponse1, libelleReponse2, callback1, callback2, parametersJSON) { 2507 this.question = question; 2508 this.libelleReponse1 = libelleReponse1; 2509 this.libelleReponse2 = libelleReponse2; 2510 this.callback1 = callback1; 2511 this.callback2 = callback2; 2512 this.parametersJSON = parametersJSON; 2513 } 2514 } */ 2515 2516 function showDialogBox(question, libelleReponse1, libelleReponse2, callbackYes, callbackNo, parametersJSON, forInput) { 2517 const dialogBoxTitle = document.querySelector(".dialog-box--question") 2518 2519 const dialogBoxValidInput = document.querySelector(".dialog-box--valid-input"); 2520 const dialogBoxInput = document.querySelector(".dialog-box--input"); 2521 const dialogBoxClose = document.querySelector("#dialog-box--close"); 2522 const dialogBoxYes = document.querySelector(".dialog-box--reponse1"); 2523 const dialogBoxNo = document.querySelector(".dialog-box--reponse2"); 2524 2525 dialogBoxTitle.textContent = question; 2526 2527 if (forInput) { 2528 2529 // Input + btn valider 2530 dialogBoxValidInput.classList.remove("masked"); 2531 dialogBoxInput.classList.remove("masked"); 2532 dialogBoxClose.classList.remove("masked"); 2533 2534 dialogBoxYes.classList.add("masked"); 2535 dialogBoxNo.classList.add("masked"); 2536 2537 dialogBoxValidInput.textContent = libelleReponse1; 2538 dialogBoxInput.value = ''; 2539 dialogBoxYes.textContent = ''; 2540 dialogBoxNo.textContent = ''; 2541 } else { 2542 2543 // Box yes/no 2544 dialogBoxValidInput.classList.add("masked"); 2545 dialogBoxInput.classList.add("masked"); 2546 dialogBoxClose.classList.add("masked"); 2547 2548 dialogBoxYes.classList.remove("masked"); 2549 dialogBoxNo.classList.remove("masked"); 2550 2551 dialogBoxValidInput.textContent = ''; 2552 dialogBoxYes.textContent = libelleReponse1; 2553 dialogBoxNo.textContent = libelleReponse2; 2554 } 2555 2556 dialogBoxValidInput.onclick = () => { 2557 parametersJSON.inputValue = dialogBoxInput.value; 2558 callbackYes(parametersJSON) 2559 closeDialogBox(); 2560 } 2561 dialogBoxYes.onclick = () => { 2562 callbackYes(parametersJSON) 2563 closeDialogBox(); 2564 } 2565 dialogBoxNo.onclick = () => { 2566 callbackNo(parametersJSON) 2567 closeDialogBox(); 2568 } 2569 dialogBoxClose.onclick = () => { 2570 callbackNo(parametersJSON) 2571 closeDialogBox(); 2572 } 2573 // dialogBoxNo.onclick = callback2; 2574 2575 document.getElementById('dialog-box').style.display = "flex" 2576 } 2577 // Fonction pour afficher la boîte de dialogue 2578 function showDialog(question, libelleReponse1, libelleReponse2, callbackYes, callbackNo, parametersJSON) { 2579 console.log("Show dialog yes/no") 2580 showDialogBox(question, libelleReponse1, libelleReponse2, callbackYes, callbackNo, parametersJSON, false); 2581 } 2582 // Fonction pour afficher la boîte de dialogue 2583 function showDialogInput(question, libelleReponse1, libelleReponse2, callbackYes, callbackNo, parametersJSON) { 2584 console.log("Show dialog input") 2585 showDialogBox(question, libelleReponse1, libelleReponse2, callbackYes, callbackNo, parametersJSON, true); 2586 } 2587 2588 2589 /* 2590 // Fonction appelée lorsque l'utilisateur clique sur "Oui" 2591 function repondreOui(idDialogBox) { 2592 console.log("Vous avez répondu oui !"); 2593 document.getElementById("dialog-box").style.display = "none"; 2594 // Autres actions à effectuer si nécessaire 2595 } 2596 */ 2597 // Fonction appelée lorsque l'utilisateur clique sur "Non" 2598 function repondreNon(idDialogBox) { 2599 console.log("Vous avez répondu non !"); 2600 closeDialogBox(); 2601 } 2602 2603 function closeDialogBox() { 2604 document.getElementById("dialog-box").style.display = "none"; 2605 } 2606 </script>
2606 2607 <!-- jQuerry --> 2608 <!--script src="https://code.jquery.com/jquery-3.7.1.min.js" 2609 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script--> 2610 2611 <!-- Popper --> 2612
2612<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 2613 integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 2614 crossorigin="anonymous"></script>
2614 2615 2616 <!-- Notyf --> 2617
2617<script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
2617 2618 2619 <!-- ICON SCRIPT --> 2620 <!--script src="https://unpkg.com/feather-icons"></script>
2620 2621
2621<script> 2622 feather.replace(); 2623 </script--> 2624 2625 <!--script> 2626 window.axeptioSettings = { 2627 clientId: "696e0085d36f2062d1644152", 2628 cookiesVersion: "19g6dmkl068z5", 2629 googleConsentMode: { 2630 default: { 2631 analytics_storage: "denied", 2632 ad_storage: "denied", 2633 ad_user_data: "denied", 2634 ad_personalization: "denied", 2635 wait_for_update: 500 2636 } 2637 }, 2638 button: false 2639 }; 2640 2641 // Callback Axeptio pour relancer GA si consentement OK 2642 window._axcb = window._axcb || []; 2643 window._axcb.push(function (axeptio) { 2644 if (axeptio.userPreferences && axeptio.userPreferences.google_analytics) { 2645 gtag('consent', 'update', { 2646 'analytics_storage': 'granted', 2647 'ad_storage': 'granted' 2648 }); 2649 gtag('config', 'G-5ZK0LGV7RZ'); // appelé après consentement 2650 } 2651 }); 2652 2653 (function (d, s) { 2654 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 2655 e.async = true; e.src = "//static.axept.io/sdk.js"; 2656 t.parentNode.insertBefore(e, t); 2657 })(document, "script"); 2658 </script--> 2659
2659<script> 2660 window.axeptioSettings = { 2661 clientId: "696e0085d36f2062d1644152", 2662 cookiesVersion: "19g6dmkl068z5", 2663 googleConsentMode: { 2664 default: { 2665 analytics_storage: "denied", 2666 ad_storage: "denied", 2667 ad_user_data: "denied", 2668 ad_personalization: "denied", 2669 wait_for_update: 500 2670 } 2671 }, 2672 button: false 2673 }; 2674 2675 window._axcb = window._axcb || []; 2676 window._axcb.push(function (axeptio) { 2677 axeptio.on("cookies:complete", function (choices) { 2678 2679 if (!choices || !choices.$$googleConsentMode) return; 2680 2681 gtag('consent', 'update', { 2682 analytics_storage: choices.$$googleConsentMode.analytics_storage ?? 'denied', 2683 ad_storage: choices.$$googleConsentMode.ad_storage ?? 'denied', 2684 ad_user_data: choices.$$googleConsentMode.ad_user_data ?? 'denied', 2685 ad_personalization: choices.$$googleConsentMode.ad_personalization ?? 'denied' 2686 }); 2687 2688 }); 2689 }); 2690 2691 (function (d, s) { 2692 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 2693 e.async = true; 2694 e.src = "https://static.axept.io/sdk.js"; 2695 t.parentNode.insertBefore(e, t); 2696 })(document, "script"); 2697 </script>
2697 2698 2699 2700 <!-- Intégration des scripts du fw --> 2701
2701<script src="/fw/js/fw_initNotyf.js"></script>
2701 2702
2702<script type="module" src="/fw/js/fw_common.js"></script>
2702 2703
2703<script type="module" src="/fw/js/fw_promoManager.js"></script>
2703 2704
2704<script type="module" src="/fw/js/fw_cartManager.js"></script>
2704 2705
2705<script type="module" src="/fw/js/fw_popupManager.js"></script>
2705 2706
2706<script type="module" src="/fw/js/fw_main.js"></script>
2706 2707
2707<script type="module" src="/fw/js/fw_imports.js"></script>
2707 2708 2709 <!--Intégration des scripts globaux --> 2710 <!--script src="/js/darkMode.js"></script--> 2711
2711<script src="/js/main.js"></script>
2711 2712 2713 <!-- intégration du script spécifique à la page --> 2714
2714<script src="/fw/js/fw_vierge.js" ></script>
2714</body> 2715 2716</html><div id="sablier-overlay-perso" class="masked"> 2717 <div class="sablier-perso"> 2718 <img src="/img/hourglass.svg" alt="Chargement..." class="hourglass-svg-perso" /> 2719 </div> 2720</div>
2721<script> 2722 hourglass = (show = true) => { 2723 const sablierOverlay = document.getElementById('sablier-overlay-perso'); 2724 if (sablierOverlay) { 2725 if (show) { 2726 sablierOverlay.classList.remove('masked'); 2727 } else { 2728 sablierOverlay.classList.add('masked'); 2729 } 2730 } 2731 }; 2732</script>
2732 2733<style> 2734 #sablier-overlay-perso { 2735 position: fixed; 2736 /* Fixé à la fenêtre */ 2737 top: 0; 2738 left: 0; 2739 width: 100vw; 2740 /* Occupe toute la largeur de la fenêtre */ 2741 height: 100vh; 2742 /* Occupe toute la hauteur de la fenêtre */ 2743 background-color: rgba(0, 0, 0, 0.2); 2744 /* Fond semi-transparent */ 2745 display: flex; 2746 justify-content: center; 2747 /* Centre horizontalement */ 2748 align-items: center; 2749 /* Centre verticalement */ 2750 z-index: 9999; 2751 /* Au-dessus de tout le contenu */ 2752 } 2753 2754 .hourglass-svg-perso { 2755 width: 5em; 2756 height: 5em; 2757 animation: rotate 1.2s linear infinite; 2758 filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3)); 2759 } 2760 2761 @keyframes rotate { 2762 from { 2763 transform: rotate(0deg); 2764 } 2765 2766 to { 2767 transform: rotate(360deg); 2768 } 2769 } 2770 2771 @media only screen and (min-width: 768px) { 2772 .hourglass-svg-perso { 2773 width: 10em; 2774 height: 10em; 2775 } 2776 } 2777</style>
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.