1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" lang="fr" class="dark " x-data="darkTheme" x-init="init()"> 3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> 4
4<script async src="/register-sw.js"></script>
4 5
5<script> 6 if (localStorage.getItem('theme') === 'light' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: light)').matches)) { 7 document.documentElement.classList.remove('dark'); 8 } else { 9 document.documentElement.classList.add('dark'); 10 } 11 </script>
11 12 <link crossorigin rel="stylesheet" href="/build/assets/style-sxeEPwNt.css">
vendor: 73 bytes, lines 12-14
12 13 14 <script async src="https://www.googletagmanager.com/gtag/js?id=
14G-57SF78RG88
vendor: 16 bytes, lines 14-15
14"></script> 15
15<script> 16
vendor: 173 bytes, lines 16-21
16window.dataLayer = window.dataLayer || []; 17 function gtag(){ 18 dataLayer.push(arguments); 19 } 20 gtag('js', new Date()); 21 gtag('config', '
21G-57SF78RG88
vendor: 8 bytes, lines 21-22
21'); 22
22</script>
22 23 <title>Cocktailand - Les cocktails les plus simples</title> 24 <meta name="viewport" content="width=device-width, initial-scale=1" /> 25<meta name="description" content="Découvrez nos cocktails faciles à réaliser : des recettes simples, rapides et savoureuses pour animer vos apéritifs et soirées en toute convivialité." /> 26<meta name="keywords" content="cocktails, simples, débutants, rapides, convivialité" /> 27<meta name="twitter:title" content="Les cocktails les plus simples" /> 28<meta name="twitter:description" content="Découvrez nos cocktails faciles à réaliser : des recettes simples, rapides et savoureuses pour animer vos apéritifs et soirées en toute convivialité." /> 29<meta name="twitter:image" content="https://cocktailand.fr/images/homepage.jpg" /> 30<meta name="media:type" content="recipe" /> 31<meta property="og:site_name" content="Cocktailand" /> 32<meta property="og:description" content="Découvrez nos cocktails faciles à réaliser : des recettes simples, rapides et savoureuses pour animer vos apéritifs et soirées en toute convivialité." /> 33<meta property="twitter:site" content="@Cocktailand_fr" /> 34<meta property="twitter:dnt" content="on" /> 35<meta property="apple-mobile-web-app-capable" content="yes" /> 36<meta property="apple-mobile-web-app-status-bar-style" content="default" /> 37<meta property="theme-color" content="#fff" /> 38<meta property="google" content="notranslate" /> 39<meta property="skype_toolbar" content="skype_toolbar_parser_compatible" /> 40<meta property="og:image" content="https://cocktailand.fr/media/cache/resolve/large/images/homepage.jpg" /> 41<meta property="og:title" content="Les cocktails les plus simples" /> 42<meta property="og:type" content="website" /> 43<meta property="og:url" content="https://cocktailand.fr/cocktails/facile" /> 44<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 45<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 46<meta http-equiv="content-language" content="fr" /> 47<meta charset="UTF-8" content="utf-8" /> 48 49 <link rel="canonical" href="https://cocktailand.fr/cocktails/facile"/> 50 51 52 53 <link rel="alternate" hreflang="fr" href="https://cocktailand.fr/cocktails/facile" /> 54 <link rel="me" href="mailto:[email protected]" /> 55<link rel="last" href="https://cocktailand.fr/cocktails/facile/35" /> 56<link rel="first" href="https://cocktailand.fr/cocktails/facile" /> 57<link rel="prev" href="https://cocktailand.fr/etablissement/ville/84000" /> 58<link rel="next" href="https://cocktailand.fr/cocktails/facile/2" /> 59 60 61 62 63 <link rel="preload" href="/icomoon/style.css?v=5" as="style"> 64 <link rel="stylesheet" href="/icomoon/style.css?v=5" media="print" onload="this.media='all'"> 65 66 <!-- 2860d60d9c903759 --> 67
67<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9920190785989749" 68 crossorigin="anonymous"></script>
68 69 70 <link rel="preload" href="/logo_transparent.webp" as="image"> 71 <meta name="viewport" content="width=device-width, initial-scale=1"> 72 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 73 <meta http-equiv="content-language" content="fr"> 74 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 75 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 76 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 77 <link rel="manifest" href="/site.webmanifest"> 78 <link rel="alternate" type="text/markdown" href="/llms.txt" /> 79 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 80 81 <meta name="msapplication-TileColor" content="#b91d47"> 82 <meta name="msapplication-TileImage" content="/mstile-144x144.png"> 83 <meta name="theme-color" content="#ffffff"> 84 <meta name="google-site-verification" content="hGHe28R0qiw-Len9jmFXkYC0rsSRboKWydvNmKOgK9k" /> 85 <meta name="yandex-verification" content="7e87c7c217109c31" /> 86 <meta name="format-detection" content="telephone=no"> 87 88 <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin> 89 <link rel="preconnect" href="https://adservice.google.fr" crossorigin> 90 <link rel="preconnect" href="https://googleads.g.doubleclick.net" crossorigin> 91 <link rel="preconnect" href="https://www.googletagservices.com" crossorigin> 92 <link rel="preconnect" href="https://fundingchoicesmessages.google.com" crossorigin> 93 94 95
95<script crossorigin type="module" src="/build/assets/app-BT2R8bHY.js"></script>
95 96 97 98
98<script async src="https://fundingchoicesmessages.google.com/i/pub-9920190785989749?ers=1" nonce="_hh9x6eQo7b2EBDll6EFyQ"></script>
98 99
99<script nonce="_hh9x6eQo7b2EBDll6EFyQ">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
99 100 101 102 <meta name="turbo-refresh-method" content="morph"> 103 </head> 104<body class="antialiased font-sans bg-gray-200 dark:bg-gray-900 dark:text-gray-100 no-ads "> 105 106 <a href="#main" class="aria-shortcut absolute left-0 top-0 bg-blue-800 text-white py-2 px-4 z-50 transform -translate-y-full focus:translate-y-0 transition"> 107 Allez au contenu principal 108 </a> 109 <div id="nav" x-data="{query: null, results: null, loading: false}"> 110 <div x-data="{currentMenu: null, showMobileMenu: false, openAt: null}" @mousedown.outside="currentMenu = currentMenu === 'mobile' ? currentMenu : null" class="relative bg-white dark:bg-gray-800" aria-label="Menu principal" role="navigation"> 111 <div class="pointer-events-none absolute inset-0 z-30 shadow-sm" aria-hidden="true"></div> 112 <div class="relative z-20"> 113 <div 114 class="mx-auto flex max-w-7xl items-center justify-between px-4 py-3 sm:px-6 sm:py-1.5 md:justify-start md:space-x-8 lg:px-8"> 115 116 <!-- LOGO --> 117 <div> 118 <a href="/" class="flex" aria-label="Page d'accueil"> 119 <span class="sr-only">Page d'accueil</span> 120 <img src="/logo_transparent.webp" alt="Cocktailand" height="35" width="80" aria-hidden="true" loading="eager" class="dark:hidden"> 121 <img src="/logo_transparent-dark.webp" alt="Cocktailand" height="35" width="80" aria-hidden="true" loading="eager" class="hidden dark:block"> 122 </a> 123 </div> 124 125 <!-- TOGGLE MOBILE --> 126 <div class="-my-2 -mr-2 md:hidden"> 127 <button @touchstart.stop="currentMenu = 'mobile'; openAt = new Date().getTime()" @click.stop="currentMenu = 'mobile'; openAt = new Date().getTime()" type="button" aria-expanded="false" aria-label="Ouvrir ou Fermer le menu" class="inline-flex items-center justify-center rounded-md bg-white dark:bg-gray-800 p-2 text-gray-400 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 focusable" aria-controls="mobile-menu"> 128 <span class="sr-only">Ouvrir le menu mobile</span> 129 <!-- Heroicon name: outline/bars-3 --> 130 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 131 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/> 132 </svg> 133 </button> 134 </div> 135 136 <!-- DESKTOP MENU --> 137 <div class="hidden md:flex md:flex-1 md:items-center md:justify-between"> 138 <nav class="flex space-x-8" aria-label="Menu principal" role="menu"> 139 <div role="menuitem"> 140 <button @click="currentMenu = !currentMenu ? 'cocktails': null" role="button" class="group pt-1 text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white inline-flex items-center rounded-md bg-white dark:bg-gray-800 focusable" aria-expanded="false" aria-haspopup="true" aria-controls="menu-cocktails"> 141 <span>Cocktails</span> 142 <i class="fa fa-chevron-down text-gray-400 dark:text-gray-500 ml-2 mt-1 group-hover:text-gray-500 dark:group-hover:text-gray-400 relative -top-1 text-xs" aria-hidden="true"></i> 143 <span class="sr-only">Ouvrir le sous-menu Cocktails</span> 144 </button> 145 <div id="menu-cocktails" style="display: none" x-show="currentMenu === 'cocktails'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute inset-x-0 top-full z-10 hidden transform shadow-lg md:block" role="menu" aria-label="Sous-menu Cocktails"> 146 <div class="absolute inset-0 flex"> 147 <div class="w-1/2 bg-white dark:bg-gray-800"></div> 148 <div class="w-1/2 bg-gray-50 dark:bg-gray-700"></div> 149</div> 150<div class="relative mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2"> 151 <nav class="grid gap-y-10 bg-white dark:bg-gray-800 px-4 py-8 sm:grid-cols-2 sm:gap-x-8 sm:py-12 sm:px-6 lg:px-8 xl:pr-12" aria-label="Menu cocktails"> 152 <div> 153 <ul role="menu" class="mt-5 space-y-6"> 154 <li class="flow-root"> 155 <a href="/cocktails" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 156 <i class="fa fa-2x fa-martini-glass-citrus" aria-hidden="true"></i>
157 <span class="ml-4">Nos cocktails</span> 158 </a> 159 </li> 160 161 <li class="flow-root"> 162 <a href="/ingredients" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 163 <i class="fa fa-2x fa-bottle-droplet" aria-hidden="true"></i> 164 <span class="ml-4">Les ingrédients les plus populaires</span> 165 </a> 166 </li> 167 168 <li class="flow-root"> 169 <a href="/cocktails/facile" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 170 <i class="fa fa-2x fa-award" aria-hidden="true"></i> 171 <span class="ml-4">Les cocktails les plus simples</span> 172 </a> 173 </li> 174 175 <li class="flow-root"> 176 <a href="/cocktails/par-calories" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 177 <i class="fa fa-2x fa-weight-scale" aria-hidden="true"></i> 178 <span class="ml-4">Les cocktails les moins caloriques</span> 179 </a> 180 </li> 181 182 <li class="flow-root"> 183 <a href="/cocktails/petillant" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 184 <i class="fa fa-2x fa-bubbles" aria-hidden="true"></i> 185 <span class="ml-4">Les cocktails pétillants</span> 186 </a> 187 </li> 188 189 <li class="flow-root"> 190 <a href="/cocktails/vegetarien" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 191 <i class="fa fa-2x fa-vegetables" aria-hidden="true"></i> 192 <span class="ml-4">Les cocktails végétariens</span> 193 </a> 194 </li> 195 196 <li class="flow-root"> 197 <a href="/cocktails/vegan" class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" role="menuitem"> 198 <i class="fa fa-2x fa-vegan" aria-hidden="true"></i> 199 <span class="ml-4">Les cocktails végans</span> 200 </a> 201 </li> 202 </ul> 203 </div> 204 205 <div> 206 <span>Les incontournables</span> 207 <ul role="list" class="mt-5 space-y-6"> 208 <li class="flow-root"> 209 <a 210 class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 211 href="/cocktail/recette/mojito-punch-589" 212 role="menuitem" 213 title="Mojito punch pour 10 personnes" 214 > 215 <img 216 loading="lazy" 217 decoding="async" 218 fetchpriority="low" 219 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 220 src="https://cocktailand.fr/media/cache/resolve/article_media/images/cocktails/2020/10/11/5f82d4bee3a77.jpg" 221 alt="Verre de Mojito punch pour 10 personnes"> 222 <span class="ml-4 text-base font-medium text-gray-500 dark:text-gray-400"> 223 Mojito punch pour 10 pers 224 </span> 225 </a> 226 <a 227 class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 228 href="/cocktail/recette/amaretto-sunrise-352" 229 role="menuitem" 230 title="Amaretto sunrise" 231 > 232 <img 233 loading="lazy" 234 decoding="async" 235 fetchpriority="low" 236 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 237 src="https://cocktailand.fr/media/cache/resolve/article_media/images/cocktails/2026/04/18/69e373986e477.jpg" 238 alt="Verre de Amaretto sunrise">
239 <span class="ml-4 text-base font-medium text-gray-500 dark:text-gray-400"> 240 Amaretto sunrise 241 </span> 242 </a> 243 <a 244 class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 245 href="/cocktail/recette/b-52-519" 246 role="menuitem" 247 title="B 52" 248 > 249 <img 250 loading="lazy" 251 decoding="async" 252 fetchpriority="low" 253 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 254 src="https://cocktailand.fr/media/cache/resolve/article_media/images/default/2024/06/15/666d25518c3eb.jpg" 255 alt="Verre de B 52"> 256 <span class="ml-4 text-base font-medium text-gray-500 dark:text-gray-400"> 257 B 52 258 </span> 259 </a> 260 <a 261 class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 262 href="/cocktail/recette/diesel-1" 263 role="menuitem" 264 title="Diesel" 265 > 266 <img 267 loading="lazy" 268 decoding="async" 269 fetchpriority="low" 270 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 271 src="https://cocktailand.fr/media/cache/resolve/article_media/images/cocktails/1.png" 272 alt="Verre de Diesel"> 273 <span class="ml-4 text-base font-medium text-gray-500 dark:text-gray-400"> 274 Diesel 275 </span> 276 </a> 277 </li> 278 </ul> 279</div> 280 </nav> 281 <div class="bg-gray-50 dark:bg-gray-700 px-4 py-8 sm:py-12 sm:px-6 lg:px-8 xl:pl-12"> 282 <div> 283 <span class="text-base font-medium text-gray-500 dark:text-gray-400" id="nouveaux-cocktails-label"> 284 Les nouveautés 285 </span> 286 <ul role="list" class="mt-6 space-y-6" aria-labelledby="nouveaux-cocktails-label"> 287 <li class="flow-root"> 288 <a class="-m-3 flex rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-700" 289 href="/cocktail/recette/zone-787" 290 role="menuitem" 291 title="Zone" 292 > 293 <div class="hidden shrink-0 sm:block"> 294 <img 295 loading="lazy" 296 fetchpriority="low" 297 class="h-20 w-32 rounded-md object-cover animation-zoom" 298 src="https://cocktailand.fr/media/cache/resolve/thumbnail/images/cocktails/2025/03/22/67de5ad3c8853.jpg" 299 alt="Illustration d'un verre du cocktail Zone"> 300 </div> 301 <div class="w-0 flex-1 sm:ml-8"> 302 <div class="truncate text-base font-medium text-gray-900 dark:text-gray-100"> 303 Zone 304 </div> 305 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"> 306 Le Zone est un cocktail intriguant et audacieux, parfait pour ceux qui aiment lâoriginalité et la co 307 </p> 308 </div> 309 </a> 310 </li> 311 <li class="flow-root"> 312 <a class="-m-3 flex rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-700" 313 href="/cocktail/recette/volga-786" 314 role="menuitem" 315 title="Volga" 316 > 317 <div class="hidden shrink-0 sm:block"> 318 <img 319 loading="lazy" 320 fetchpriority="low" 321 class="h-20 w-32 rounded-md object-cover animation-zoom" 322 src="https://cocktailand.fr/media/cache/resolve/thumbn
322ail/images/cocktails/2025/03/22/67de5ac8afcf0.jpg" 323 alt="Illustration d'un verre du cocktail Volga"> 324 </div> 325 <div class="w-0 flex-1 sm:ml-8"> 326 <div class="truncate text-base font-medium text-gray-900 dark:text-gray-100"> 327 Volga 328 </div> 329 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"> 330 Le Volga est un cocktail distinctif par sa couleur bleu intense, un véritable atout lors de vos soir 331 </p> 332 </div> 333 </a> 334 </li> 335 </ul> 336 </div> 337 <div class="mt-6 text-sm font-medium"> 338 <a href="/cocktails" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-500 dark:hover:text-indigo-300" role="menuitem"> 339 Voir tous les cocktails 340 <span aria-hidden="true"> →</span> 341 <span class="sr-only">Voir la liste complète des cocktails</span> 342 </a> 343 </div> 344 </div> 345</div> 346 </div> 347 </div> 348 <a href="/nos-articles" class="pt-1 text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white" role="menuitem">Articles</a> 349 <div role="menuitem"> 350 <button @click="currentMenu = !currentMenu ? 'folders': null" type="button" class="group pt-1 text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white inline-flex items-center rounded-md bg-white dark:bg-gray-800 focusable" aria-expanded="false" aria-haspopup="true" aria-controls="menu-folders"> 351 <span>Thème</span> 352 <i class="fa fa-chevron-down text-gray-400 dark:text-gray-500 ml-2 mt-1 group-hover:text-gray-500 dark:group-hover:text-gray-400 relative -top-1 text-xs" aria-hidden="true"></i> 353 <span class="sr-only">Ouvrir le sous-menu Thème</span> 354 </button> 355 <div id="menu-folders" style="display: none" x-show="currentMenu === 'folders'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute inset-x-0 top-full z-10 hidden transform shadow-lg md:block" role="menu" aria-label="Sous-menu Thème"> 356 <div class="absolute inset-0 flex"> 357 <div class="w-1/2 bg-white dark:bg-gray-800"></div> 358 <div class="w-1/2 bg-gray-50 dark:bg-gray-700"></div> 359</div> 360 361<div class="relative mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2"> 362<nav class="grid gap-y-10 bg-white dark:bg-gray-800 px-4 py-8 sm:grid-cols-2 sm:gap-x-8 sm:py-12 sm:px-6 lg:px-8 xl:pr-12" aria-label="Dossiers thématiques"> 363 <div> 364 <ul role="list" class="mt-5 space-y-6"> 365 <li class="flow-root"> 366 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 367 href="/dossiers/cocktails-halloween" 368 role="menuitem" 369 title="Cocktails pour halloween" 370 > 371 <img 372 loading="lazy" 373 decoding="async" 374 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 375 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/cocktails-halloween/header.jpg" 376 alt="Deux citrouilles sculptées avec des visages effrayants éclaireés de manière sinistre, idéales pour accompagner une ambiance Halloween autour d'un cocktail.">
377 <span class="ml-4">Cocktails pour halloween</span> 378 </a> 379 </li> 380 <li class="flow-root"> 381 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 382 href="/dossiers/le-mojito" 383 role="menuitem" 384 title="Le Mojito" 385 > 386 <img 387 loading="lazy" 388 decoding="async" 389 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 390 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/le-mojito/mojito.jpg" 391 alt="Deux grands verres de mojito, garnis de tranches de citron vert, de feuilles de menthe fraîche et de glaçons, avec des pailles noires."> 392 <span class="ml-4">Le Mojito</span> 393 </a> 394 </li> 395 <li class="flow-root"> 396 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 397 href="/dossiers/tequila-paf" 398 role="menuitem" 399 title="Le tequila paf" 400 > 401 <img 402 loading="lazy" 403 decoding="async" 404 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 405 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/tequila-paf/tequila-paf.jpg" 406 alt="Des jeunes hommes s'amusant en buvant des shots de tequila, accompagnés de quartiers de citron vert et de sel, avec des expressions de surprise et de joie."> 407 <span class="ml-4">Le tequila paf</span> 408 </a> 409 </li> 410 </ul> 411 </div> 412 <div> 413 <ul role="list" class="mt-5 space-y-6"> 414 <li class="flow-root"> 415 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 416 href="/dossiers/saint-patrick" 417 role="menuitem" 418 title="La saint patrick" 419 > 420 <img 421 loading="lazy" 422 decoding="async" 423 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 424 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/saint-patrick/saint-patrick-2.jpg" 425 alt="Homme barbu portant un chapeau vert, buvant une bière en levant le pouce, le tout dans une ambiance de fête de la Saint-Patrick."> 426 <span class="ml-4">La saint patrick</span> 427 </a> 428 </li> 429 <li class="flow-root"> 430 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 431 href="/dossiers/cocktails-noel-nouvel-an" 432 role="menuitem" 433 title="Cocktails pour Noël ou Nouvel an" 434 > 435 <img 436 loading="lazy" 437 decoding="async" 438 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 439 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/cocktails-noel-nouvel-an/header.jpg" 440 alt="Un sapin de Noël flou illuminé de lumières colorées, créant une ambiance festive sur fond de ciel nocturne.">
441 <span class="ml-4">Cocktails pour Noël ou Nouvel an</span> 442 </a> 443 </li> 444 <li class="flow-root"> 445 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 446 href="/dossiers/repas-de-famille" 447 role="menuitem" 448 title="Les cocktails pour un repas de famille" 449 > 450 <img 451 loading="lazy" 452 decoding="async" 453 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 454 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/repas-de-famille/repas-de-famille.jpg" 455 alt="Une grande famille souriante assise autour d'une table décorée pour un repas en plein air, avec des assiettes de nourriture variée et des verres de jus."> 456 <span class="ml-4">Les cocktails pour un repas de famille</span> 457 </a> 458 </li> 459 </ul> 460 </div> 461 <div> 462 <ul role="list" class="mt-5 space-y-6"> 463 <li class="flow-root"> 464 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 465 href="/dossiers/sans-alcool" 466 role="menuitem" 467 title="Cocktails sans alcool" 468 > 469 <img 470 loading="lazy" 471 decoding="async" 472 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 473 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/sans-alcool/header.jpg" 474 alt="Main posée en avant-plan avec les doigts écartés, souvent associée à un geste de refus."> 475 <span class="ml-4">Cocktails sans alcool</span> 476 </a> 477 </li> 478 <li class="flow-root"> 479 <a class="-m-3 flex items-center rounded-md p-3 text-base font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700" 480 href="/dossiers/cocktails-saint-valentin" 481 role="menuitem" 482 title="Les cocktails pour la saint Valentin" 483 > 484 <img 485 loading="lazy" 486 decoding="async" 487 class="h-16 w-16 shrink-0 text-gray-400 rounded-sm animation-zoom" 488 src="https://cocktailand.fr/media/cache/resolve/article_media/folders/cocktails-saint-valentin/saint-valentin.jpg" 489 alt="Deux verres de cocktails Saint-Valentin, l'un jaune avec des tranches d'orange et de menthe, et l'autre rouge, ornés de cÅurs rouges en papier."> 490 <span class="ml-4">Les cocktails pour la saint Valentin</span> 491 </a> 492 </li> 493 </ul> 494 </div> 495 </nav> 496 <div class="bg-gray-50 dark:bg-gray-700 px-4 py-8 sm:py-12 sm:px-6 lg:px-8 xl:pl-12"> 497 <div> 498 <span class="text-base font-medium text-gray-500 dark:text-gray-400" id="nouveautes-label"> 499 Les nouveautés 500 </span> 501 <ul role="list" class="mt-6 space-y-6" aria-labelledby="nouveautes-label"> 502 <li> 503 <a class="-m-3 flex rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-700" 504 href="/articles/mocktails-de-plage-5-recettes-rafraichissantes-sans-alcool-pour-lete-635" 505 role="menuitem" 506 title="Mocktails de plage : 5 recettes rafraîchissantes sans alcool pour l'été" 507 > 508 <div class="hidden shrink-0 sm:block"> 509 <img loading="lazy" 510 fetchpriority="low" 511 class="h-20 w-32 rounded-md object-cover animation-zoom" 512 src="https://cocktailand.fr/media/cache/resolve/thumbn
512ail/images/articles/images/mocktails-de-plage-5-recettes-rafraichissantes-sans-alcool-pour-lete/header.jpg" 513 alt="Illustration d'un verre du cocktail Mocktails de plage : 5 recettes rafraîchissantes sans alcool pour l'été"> 514 </div> 515 <div class="w-0 flex-1 sm:ml-8"> 516 <div class="truncate text-base font-medium text-gray-900 dark:text-gray-100"> 517 Mocktails de plage : 5 recettes rafraîchissantes sans alcool pour l'été 518 </div> 519 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"> 520 Fraîches, colorées et faciles à préparer, ces idées de mocktails apportent un vrai goût d'été sans u 521 </p> 522 </div> 523 </a> 524 </li> 525 <li> 526 <a class="-m-3 flex rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-700" 527 href="/articles/coffret-foie-gras-entreprise-le-choix-gourmand-pour-vos-cadeaux-professionnels-634" 528 role="menuitem" 529 title="Coffret foie gras entreprise : le choix gourmand pour vos cadeaux professionnels" 530 > 531 <div class="hidden shrink-0 sm:block"> 532 <img loading="lazy" 533 fetchpriority="low" 534 class="h-20 w-32 rounded-md object-cover animation-zoom" 535 src="https://cocktailand.fr/media/cache/resolve/thumbnail/images/articles/images/coffret-foie-gras-entreprise-le-choix-gourmand-pour-vos-cadeaux-professionnels/header.jpg" 536 alt="Illustration d'un verre du cocktail Coffret foie gras entreprise : le choix gourmand pour vos cadeaux professionnels"> 537 </div> 538 <div class="w-0 flex-1 sm:ml-8"> 539 <div class="truncate text-base font-medium text-gray-900 dark:text-gray-100"> 540 Coffret foie gras entreprise : le choix gourmand pour vos cadeaux professionnels 541 </div> 542 <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"> 543 à la fois raffiné, convivial et personnalisable, le coffret foie gras sâimpose comme une valeur sûre 544 </p> 545 </div> 546 </a> 547 </li> 548 </ul> 549 </div> 550 <div class="mt-6 text-sm font-medium"> 551 <a href="/dossiers" class="text-indigo-600 dark:text-indigo-400 hover:text-indigo-500 dark:hover:text-indigo-300" role="menuitem"> 552 <span aria-hidden="true">Voir tous les dossiers →</span> 553 <span class="sr-only">Voir la liste complète des dossiers</span> 554 </a> 555 </div> 556 </div> 557</div> 558 </div> 559 </div> 560 <a href="/cocktails/sans-alcool" class="pt-1 text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hidden lg:block" role="menuitem">Sans alcool</a> 561 <a href="/jeux-a-boire" class="pt-1 text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hidden lg:block" role="menuitem">Jeux à boire</a> 562 </nav> 563 564 <!-- Dark Mode Toggle --> 565 <div class="flex items-center ml-4"> 566 <button @click="toggle()" type="button" class="p-2 rounded-md text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focusable" aria-label="Basculer le mode sombre" title="Basculer le mode sombre"> 567 <svg x-show="!dark" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewbox="0 0 24 24" stroke="currentColor"> 568 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/> 569 </svg>
570 <svg x-show="dark" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewbox="0 0 24 24" stroke="currentColor" style="display: none"> 571 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/> 572 </svg> 573 </button> 574 </div> 575 576 <div class="flex flex-1 items-center justify-center px-2 lg:ml-6 lg:justify-end"> 577 <form action="/recherche" method="get" class="w-full max-w-lg lg:max-w-xs" role="search" aria-label="Recherche sur le site"> 578 <label for="search" class="sr-only">Recherche</label> 579 <div class="relative"> 580 <input id="search" name="q" placeholder="Recherche" x-model="query" autocomplete="off" aria-label="Recherche" x-on:input.debounce=" 581 if(!fetch){return} 582if(query.length===0){loading=!0;results=null;return} 583loading=!0;results=null;fetch('/cocktails/recherche-rapide/menu?query='+query).then((response)=>{return response.text()}).then((html)=>{loading=!1;results=html}).catch(()=>{loading=!1}) " type="search" class="block w-full rounded-xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 dark:text-gray-100 py-2 pl-2 pr-3 leading-5 placeholder-gray-500 dark:placeholder-gray-400 shadow-xs focusable sm:text-sm"> 584 <button type="submit" class="min-h-[38px] min-w-[32px] absolute top-0 right-0 p-2 text-sm font-medium text-gray-400 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 rounded-r-xl border border-gray-300 dark:border-gray-600 hover:text-white hover:bg-gray-400 dark:hover:bg-gray-600 focusable" aria-label="Lancer la recherche"> 585 <i class="fa fa-search" aria-hidden="true"></i> 586 <span class="sr-only">Rechercher</span> 587 </button> 588 </div> 589 </form> 590 </div> 591 </div> 592 </div> 593 </div> 594 595 <!-- MOBILE MENU --> 596 <div x-show="currentMenu === 'mobile'" id="mobile-menu" role="menu" class="absolute bg-white dark:bg-gray-800 inset-x-0 top-0 z-30 origin-top-right transform p-2 transition md:hidden" style="display: none" aria-label="Menu mobile"> 597 <div> 598 <div class="px-5 pt-5 pb-6 sm:pb-8"> 599 <div class="flex items-center justify-between"> 600 <img src="/logo_transparent.webp" alt="Cocktailand" height="35" width="80" aria-hidden="true"> 601 <div class="-mr-2"> 602 <button @click="(openAt && new Date().getTime() - openAt > 100) ? currentMenu = null: false" type="button" class="inline-flex items-center justify-center rounded-md bg-white dark:bg-gray-800 p-2 text-gray-400 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 focusable" aria-label="Fermer le menu mobile"> 603 <span class="sr-only">Fermer le menu</span> 604 X 605 </button> 606 </div> 607 </div> 608 <div class="mt-6 sm:mt-8"> 609 <nav aria-label="Navigation mobile"> 610 <div role="menu" class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4"> 611 <a href="/recherche" role="menuitem" class="-m-3 flex items-center rounded-lg p-3 hover:bg-gray-50 dark:hover:bg-gray-700"> 612 <div class="flex h-8 w-10 shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" aria-hidden="true"> 613 <i class="fa fa-magnifying-glass h-6 w-6 fill-white text-white text-xl"></i> 614 </div> 615 <div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-100">Recherche</div> 616 </a> 617 <a href="/cocktails" role="menuitem" class="-m-3 flex items-center rounded-lg p-3 hover:bg-gray-50 dark:hover:bg-gray-700"> 618 <div class="flex h-8 w-10 shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" aria-hidden="true"> 619 <i class="fa fa-martini-glass-citrus h-6 w-6 fill-white text-white text-xl"></i> 620 </div> 621 <div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-100">Cocktails</div> 622 </a> 623 <a href="/nos-articles" role="menuitem" class="-m-3 flex items-center rounded-lg p-3 hover:bg-gray-50 dark:hover:bg-gray-700"> 624 <div class="flex h-8 w-10 shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" aria-hidden="true"> 625 <i class="fa fa-newspaper h-6 w-6 fill-white text-white text-xl"></i> 626 </div> 627 <div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-100">Articles et actualités</div> 628 </a> 629 <a href="/dossiers" role="menuitem" class="-m-3 flex items-center rounded-lg p-3 hover:bg-gray-50 dark:hover:bg-gray-700"> 630 <div class="flex h-8 w-10 shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" aria-hidden="true"> 631 <i class="fa fa-folder h-6 w-6 fill-white text-white text-xl"></i> 632 </div> 633 <div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-100">Nos dossiers</div> 634 </a> 635 <a href="/jeux-a-boire" role="menuitem" class="-m-3 flex items-center rounded-lg p-3 hover:bg-gray-50 dark:hover:bg-gray-700"> 636 <div class="flex h-8 w-10 shrink-0 items-center justify-center rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12" aria-hidden="true"> 637 <i class="fa fa-game h-6 w-6 fill-white text-white text-xl"></i> 638 </div> 639 <div class="ml-4 text-base font-medium text-gray-900 dark:text-gray-100">Jeux à boire</div> 640 </a> 641 </div> 642 </nav> 643 </div>
644 </div> 645 <div class="py-6 px-5"> 646 <div role="menu" class="grid grid-cols-2 gap-4"> 647 <a href="/ingredients" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les ingrédients les plus populaires</a> 648 <a href="/cocktails/par-calories" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les cocktails les moins caloriques</a> 649 <a href="/cocktails/sans-alcool" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les cocktails sans alcool</a> 650 <a href="/cocktails/petillant" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les cocktails pétillants</a> 651 <a href="/cocktails/vegan" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les cocktails végan</a> 652 <a href="/cocktails/vegetarien" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Les cocktails végétariens</a> 653 <a href="/cocktail/variations-recette/mojito-26" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Nos mojitos</a> 654 <a href="/etablissement" role="menuitem" class="rounded-md text-base font-medium text-gray-900 dark:text-gray-300 hover:text-gray-700 dark:hover:text-white pr-2">Ou boire un cocktail ?</a> 655 </div> 656 </div> 657 </div> 658 </div> 659 </div> 660 661 <div x-show="results !== null || loading" @mousedown.outside="results = null;loading=false;" style="display: none" class="absolute top-14 mt-2 right-1 bg-white dark:bg-gray-800 shadow-lg w-1/3 z-50 rounded-sm border border-black/25 dark:border-gray-600" role="region" aria-live="polite" aria-label="Résultats de recherche"> 662 <div x-show="results !== null" x-html="results ?? ''"></div> 663 <div x-show="loading" class="py-4 flex items-center justify-center"> 664 <i class="fa fa-2x fa-spinner fa-spin" aria-hidden="true"></i> 665 <span class="sr-only">Chargement des résultats</span> 666 </div> 667 </div> 668</div> 669 670 671 <nav class="flex border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800" aria-label="Fil d'Ariane" next-page-hide> 672 <ol role="list" class="mx-auto flex w-full max-w-(--breakpoint-xl) space-x-4 px-4 sm:px-6 lg:px-8"> 673 <li> 674 <div class="flex items-center"> 675 <a href="/" title="Cocktailand" class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-300 mt-1.5" aria-label="Accueil"> 676 <i class="fa fa-house h-5 w-5 shrink-0" aria-hidden="true"></i> 677 <span class="sr-only">Cocktailand</span> 678 </a> 679 </div> 680 </li> 681 <li class="flex"> 682 <div class="flex items-center"> 683 <i class="fa fa-chevron-right h-full w-2 shrink-0 text-gray-200 dark:text-gray-600 mt-5" aria-hidden="true"></i> 684 685 <a aria-current="page" href="/cocktails" title="Recettes de cocktails" class="ml-4 text-sm font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"> 686 <span class="sr-only">Recettes de cocktails</span> 687 <span class="hidden sm:block">Recettes de cocktails</span> 688 <span class="block sm:hidden">Recettes de cocktail...</span> 689 <span class="sr-only">(page courante)</span> 690 </a> 691 </div> 692 </li> 693 </ol> 694</nav> 695<div id="main" class="ads"> 696 697 698 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 699 <div class="bg-white dark:bg-gray-800 rounded-sm w-full px-6 py-4 mt-6"> 700 <div class="prose max-w-full!"> 701 <h1> 702 Les recettes de cocktails les plus simple à réaliser </h1> 703 </div> 704 705 <div class="mt-6 prose max-w-full!"> 706 <p> 707 <p> 708 Les cocktails faciles à réaliser sont conçus pour offrir une expérience gustative de qualité sans 709 nécessiter de techniques complexes ni dâingrédients rares. Ces recettes, élaborées pour être à la fois 710 simples et savoureuses, permettent à chacun, quâil soit débutant ou amateur éclairé, de se lancer dans 711 lâunivers de la mixologie en toute confiance. En privilégiant des méthodes accessibles et des 712 ingrédients courants, ces cocktails invitent à la créativité et à lâexpérimentation, tout en restant 713 fidèles aux bases dâun cocktail réussi. 714 </p> 715 <p> 716 La simplicité de ces recettes ne signifie pas un manque dâoriginalité : au contraire, chaque création 717 met en valeur des combinaisons de saveurs équilibrées et des touches de modernité qui surprennent le 718 palais. Quâil sâagisse dâun classique revisité ou dâune nouveauté inventive, les cocktails faciles à 719 réaliser se distinguent par leur capacité à rassembler convivialité et plaisir authentique. Ils offrent 720 également lâavantage de pouvoir être préparés rapidement, ce qui en fait des alliés parfaits pour des 721 apéritifs improvisés ou des soirées entre amis. 722 </p> 723 <p> 724 En adoptant ces recettes, les passionnés de cocktails découvrent une manière ludique dâaborder lâart du
725 mélange, sans se perdre dans des préparations laborieuses. Les instructions claires et concises 726 permettent de reproduire aisément chaque étape, garantissant ainsi un résultat à la hauteur des 727 attentes. De plus, en favorisant des produits de qualité et souvent locaux, ces recettes encouragent une 728 approche plus responsable et saine, tout en soulignant lâimportance de la fraîcheur des ingrédients. 729 </p> 730 <p> 731 En somme, les cocktails faciles à réaliser représentent la parfaite synthèse entre accessibilité et 732 raffinement. Ils sont lâexpression dâune tendance moderne qui démocratise lâart de la mixologie, en 733 permettant à chacun de créer des boissons originales et équilibrées, adaptées à toutes les occasions et 734 à tous les goûts. 735 </p> 736 </p> 737 </div> 738 </div> 739 740 <div class="py-4"> 741 <div class="text-center w-full "> 742 <div style="min-height: 280px" 743 x-data="adLoader" 744 x-intersect.once.margin.200px="load()" 745 x-intersect:enter="visible = true" 746 x-intersect:leave="visible = false"> 747 <template x-if="loaded"> 748 <div> 749 <ins class="adsbygoogle" 750 style="display:block" 751 data-ad-client="ca-pub-9920190785989749" 752 data-ad-slot="4461122018" 753 data-ad-format="auto" 754 data-full-width-responsive="true"></ins> 755 </div> 756 </template> 757 </div> 758 </div> 759 </div> 760 761 <div class="overflow-hidden "> 762 <div class="px-4 py-5 sm:p-6"> 763 764 <div class="mt-6 grid gap-x-8 gap-y-8 grid-cols-1 sm:gap-y-10 md:grid-cols-2 lg:grid-cols-3"> 765 766<div onclick="window.location.href = '/cocktail/recette/amaretto-sunrise-352'" 767 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 768 <div class="relative"> 769 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2026/04/18/69e373986e477.jpg" 770 alt="Verre de cocktail avec dégradé de couleurs rouge en bas et jaune en haut, garni d'une tranche d'orange et d'une cerise rouge." 771 loading="lazy" 772 class="w-full h-48 object-cover animation-zoom"> 773 <div class="absolute top-2 left-2 flex space-x-2"> 774 <span class="sr-only">Caractéristiques importantes du cocktail</span> 775 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 776 <span class="sr-only"> 777 Vegan 778 </span> 779 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 780 </div> 781 </div> 782 </div> 783 784 <div class="p-4 flex flex-col flex-1"> 785 <a 786 href="/cocktail/recette/amaretto-sunrise-352" role="link" class="mb-2 text-xl font-bold" 787 > 788 <span class="sr-only">Consulter la recette du cocktail: </span> 789 Amaretto sunrise 790 </a> 791 792 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 793 <span class="font-medium">Ingrédients :</span> 794 amaretto, grenadine, jus d'orange </p> 795 796 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 797 798<div x-data="{ showTooltip: false }" class="relative w-fit"> 799 <div class="flex" 800 > 801 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p>
802 <span class="sr-only">Difficulté : 1 sur 3</span> 803 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 804 <span 805 class="block w-6 h-2 rounded bg-gray-300" 806 x-init="$el.classList.add('bg-green-500')" ></span> 807 <span 808 class="block w-6 h-2 rounded bg-gray-300" 809 ></span> 810 <span 811 class="block w-6 h-2 rounded bg-gray-300" 812 ></span> 813 </div> 814 </div> 815 </div> 816 817<span class="sr-only">Note: 4 sur 5</span> 818<div class="flex items-center" 819 > 820 <i 821 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 822 <i 823 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 824 <i 825 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 826 <i 827 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 828 <i 829 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 830 831 832 </div> 833 </div> 834 </div> 835</div> 836 837 838<div onclick="window.location.href = '/cocktail/recette/b-52-519'" 839 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 840 <div class="relative"> 841 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/15/666d25518c3eb.jpg" 842 alt="b 52" 843 loading="lazy" 844 class="w-full h-48 object-cover animation-zoom"> 845 <div class="absolute top-2 left-2 flex space-x-2"> 846 <span class="sr-only">Caractéristiques importantes du cocktail</span> 847 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 848 <span class="sr-only"> 849 Vegetarien 850 </span> 851 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 852 </div> 853 </div> 854 </div> 855 856 <div class="p-4 flex flex-col flex-1"> 857 <a 858 href="/cocktail/recette/b-52-519" role="link" class="mb-2 text-xl font-bold" 859 > 860 <span class="sr-only">Consulter la recette du cocktail: </span> 861 B 52 862 </a> 863 864 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 865 <span class="font-medium">Ingrédients :</span> 866 baileys irish cream, grand marnier, kahlua </p> 867 868 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 869 870<div x-data="{ showTooltip: false }" class="relative w-fit"> 871 <div class="flex" 872 > 873 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 874 <span class="sr-only">Difficulté : 1 sur 3</span> 875 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 876 <span 877 class="block w-6 h-2 rounded bg-gray-300" 878 x-init="$el.classList.add('bg-green-500')" ></span> 879 <span 880 class="block w-6 h-2 rounded bg-gray-300" 881 ></span> 882 <span 883 class="block w-6 h-2 rounded bg-gray-300" 884 ></span> 885 </div> 886 </div> 887 </div> 888 889<span class="sr-only">Note: 3 sur 5</span> 890<div class="flex items-center" 891 > 892 <i 893 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 894 <i 895 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 896 <i 897 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 898 <i 899 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 900 <i 901 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 902 903 904 </div> 905 </div> 906 </div> 907</div> 908 909 910<div onclick="window.location.href = '/cocktail/recette/diesel-1'" 911 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 912 <div class="relative"> 913 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/1.png" 914 alt="Verre de cocktail de couleur sombre avec tranche de citron et paille rouge, posé sur une table rouge." 915 loading="lazy" 916 class="w-full h-48 object-cover animation-zoom"> 917 <div class="absolute top-2 left-2 flex space-x-2">
918 <span class="sr-only">Caractéristiques importantes du cocktail</span> 919 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 920 <span class="sr-only"> 921 Vegetarien 922 </span> 923 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 924 </div> 925 </div> 926 </div> 927 928 <div class="p-4 flex flex-col flex-1"> 929 <a 930 href="/cocktail/recette/diesel-1" role="link" class="mb-2 text-xl font-bold" 931 > 932 <span class="sr-only">Consulter la recette du cocktail: </span> 933 Diesel 934 </a> 935 936 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 937 <span class="font-medium">Ingrédients :</span> 938 bières à fermentation basse, digestif au cassis, cidre </p> 939 940 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 941 942<div x-data="{ showTooltip: false }" class="relative w-fit"> 943 <div class="flex" 944 > 945 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 946 <span class="sr-only">Difficulté : 1 sur 3</span> 947 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 948 <span 949 class="block w-6 h-2 rounded bg-gray-300" 950 x-init="$el.classList.add('bg-green-500')" ></span> 951 <span 952 class="block w-6 h-2 rounded bg-gray-300" 953 ></span> 954 <span 955 class="block w-6 h-2 rounded bg-gray-300" 956 ></span> 957 </div> 958 </div> 959 </div> 960 961<span class="sr-only">Note: 4 sur 5</span> 962<div class="flex items-center" 963 > 964 <i 965 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 966 <i 967 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 968 <i 969 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 970 <i 971 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 972 <i 973 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 974 975 976 </div> 977 </div> 978 </div> 979</div> 980 981 982<div onclick="window.location.href = '/cocktail/recette/dirty-martini-61'" 983 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 984 <div class="relative"> 985 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2019/05/13/5cd958fb98739.jpg" 986 alt="Un verre à martini transparent rempli de cocktail transparent, garni de deux olives vertes sur une pique." 987 loading="lazy" 988 class="w-full h-48 object-cover animation-zoom"> 989 <div class="absolute top-2 left-2 flex space-x-2"> 990 <span class="sr-only">Caractéristiques importantes du cocktail</span> 991 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 992 <span class="sr-only"> 993 Vegan 994 </span> 995 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 996 </div> 997 </div> 998 </div> 999 1000 <div class="p-4 flex flex-col flex-1"> 1001 <a 1002 href="/cocktail/recette/dirty-martini-61" role="link" class="mb-2 text-xl font-bold" 1003 >
1004 <span class="sr-only">Consulter la recette du cocktail: </span> 1005 Dirty martini 1006 </a> 1007 1008 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1009 <span class="font-medium">Ingrédients :</span> 1010 Martini blanc, saumure d'olive, vodka ... </p> 1011 1012 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1013 1014<div x-data="{ showTooltip: false }" class="relative w-fit"> 1015 <div class="flex" 1016 > 1017 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1018 <span class="sr-only">Difficulté : 1 sur 3</span> 1019 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1020 <span 1021 class="block w-6 h-2 rounded bg-gray-300" 1022 x-init="$el.classList.add('bg-green-500')" ></span> 1023 <span 1024 class="block w-6 h-2 rounded bg-gray-300" 1025 ></span> 1026 <span 1027 class="block w-6 h-2 rounded bg-gray-300" 1028 ></span> 1029 </div> 1030 </div> 1031 </div> 1032 1033<span class="sr-only">Note: 4 sur 5</span> 1034<div class="flex items-center" 1035 > 1036 <i 1037 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1038 <i 1039 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1040 <i 1041 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1042 <i 1043 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1044 <i 1045 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1046 1047 1048 </div> 1049 </div> 1050 </div> 1051</div> 1052 1053 1054<div onclick="window.location.href = '/cocktail/recette/black-pearl-591'" 1055 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1056 <div class="relative"> 1057 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2019/04/15/5cb475092097e.jpg" 1058 alt="Verre de cocktail rempli de glace pilée et d'un mélange violet, garni de mûres fraîches, de rondelles d'orange séchées et de feuilles de menthe, posé sur une planche en bois." 1059 loading="lazy" 1060 class="w-full h-48 object-cover animation-zoom"> 1061 <div class="absolute top-2 left-2 flex space-x-2"> 1062 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1063 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1064 <span class="sr-only"> 1065 Vegan 1066 </span> 1067 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1068 </div> 1069 </div> 1070 </div> 1071 1072 <div class="p-4 flex flex-col flex-1"> 1073 <a 1074 href="/cocktail/recette/black-pearl-591" role="link" class="mb-2 text-xl font-bold" 1075 > 1076 <span class="sr-only">Consulter la recette du cocktail: </span> 1077 Black pearl 1078 </a> 1079 1080 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1081 <span class="font-medium">Ingrédients :</span> 1082 liqueur de framboise chambord, vodka </p> 1083 1084 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1085 1086<div x-data="{ showTooltip: false }" class="relative w-fit"> 1087 <div class="flex" 1088 > 1089 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p>
1090 <span class="sr-only">Difficulté : 1 sur 3</span> 1091 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1092 <span 1093 class="block w-6 h-2 rounded bg-gray-300" 1094 x-init="$el.classList.add('bg-green-500')" ></span> 1095 <span 1096 class="block w-6 h-2 rounded bg-gray-300" 1097 ></span> 1098 <span 1099 class="block w-6 h-2 rounded bg-gray-300" 1100 ></span> 1101 </div> 1102 </div> 1103 </div> 1104 1105<span class="sr-only">Note: 4 sur 5</span> 1106<div class="flex items-center" 1107 > 1108 <i 1109 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1110 <i 1111 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1112 <i 1113 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1114 <i 1115 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1116 <i 1117 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1118 1119 1120 </div> 1121 </div> 1122 </div> 1123</div> 1124 1125 1126<div onclick="window.location.href = '/cocktail/recette/iced-coffee-109'" 1127 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1128 <div class="relative"> 1129 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/16/666e7f45666df.jpg" 1130 alt="Verre de café glacé où le lait est versé, créant un tourbillon, avec des glaçons visibles et des grains de café en arrière-plan." 1131 loading="lazy" 1132 class="w-full h-48 object-cover animation-zoom"> 1133 <div class="absolute top-2 left-2 flex space-x-2"> 1134 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1135 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1136 <span class="sr-only"> 1137 Vegetarien 1138 </span> 1139 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1140 </div> 1141 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1142 <span class="sr-only">Sans alcool</span> 1143 <i class="fa fa-1-5x fa-pregnant" aria-hidden="true"></i> 1144 </div> 1145 </div> 1146 </div> 1147 1148 <div class="p-4 flex flex-col flex-1"> 1149 <a 1150 href="/cocktail/recette/iced-coffee-109" role="link" class="mb-2 text-xl font-bold" 1151 > 1152 <span class="sr-only">Consulter la recette du cocktail: </span> 1153 Iced coffee 1154 </a> 1155 1156 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1157 <span class="font-medium">Ingrédients :</span> 1158 lait, sucre, café ... </p> 1159 1160 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1161 1162<div x-data="{ showTooltip: false }" class="relative w-fit"> 1163 <div class="flex" 1164 > 1165 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1166 <span class="sr-only">Difficulté : 1 sur 3</span> 1167 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true">
1168 <span 1169 class="block w-6 h-2 rounded bg-gray-300" 1170 x-init="$el.classList.add('bg-green-500')" ></span> 1171 <span 1172 class="block w-6 h-2 rounded bg-gray-300" 1173 ></span> 1174 <span 1175 class="block w-6 h-2 rounded bg-gray-300" 1176 ></span> 1177 </div> 1178 </div> 1179 </div> 1180 1181<span class="sr-only">Note: 4 sur 5</span> 1182<div class="flex items-center" 1183 > 1184 <i 1185 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1186 <i 1187 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1188 <i 1189 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1190 <i 1191 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1192 <i 1193 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1194 1195 1196 </div> 1197 </div> 1198 </div> 1199</div> 1200 1201 1202<div onclick="window.location.href = '/cocktail/recette/mojito-pasteque-546'" 1203 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1204 <div class="relative"> 1205 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/16/666e7e2b27e5c.jpg" 1206 alt="Un verre de cocktail Mojito pastèque avec des glaçons, garni de feuilles de menthe fraîches, une tranche de pastèque et une paille rayée, avec des morceaux de pastèque et des citrons verts en arrière-plan." 1207 loading="lazy" 1208 class="w-full h-48 object-cover animation-zoom"> 1209 <div class="absolute top-2 left-2 flex space-x-2"> 1210 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1211 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1212 <span class="sr-only"> 1213 Vegetarien 1214 </span> 1215 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1216 </div> 1217 </div> 1218 </div> 1219 1220 <div class="p-4 flex flex-col flex-1"> 1221 <a 1222 href="/cocktail/recette/mojito-pasteque-546" role="link" class="mb-2 text-xl font-bold" 1223 > 1224 <span class="sr-only">Consulter la recette du cocktail: </span> 1225 Mojito pastèque 1226 </a> 1227 1228 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1229 <span class="font-medium">Ingrédients :</span> 1230 sucre, menthe, rhum blanc ... </p> 1231 1232 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1233 1234<div x-data="{ showTooltip: false }" class="relative w-fit"> 1235 <div class="flex" 1236 > 1237 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1238 <span class="sr-only">Difficulté : 1 sur 3</span> 1239 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1240 <span 1241 class="block w-6 h-2 rounded bg-gray-300" 1242 x-init="$el.classList.add('bg-green-500')" ></span> 1243 <span 1244 class="block w-6 h-2 rounded bg-gray-300" 1245 ></span>
1246 <span 1247 class="block w-6 h-2 rounded bg-gray-300" 1248 ></span> 1249 </div> 1250 </div> 1251 </div> 1252 1253<span class="sr-only">Note: 4 sur 5</span> 1254<div class="flex items-center" 1255 > 1256 <i 1257 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1258 <i 1259 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1260 <i 1261 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1262 <i 1263 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1264 <i 1265 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1266 1267 1268 </div> 1269 </div> 1270 </div> 1271</div> 1272 1273 1274<div onclick="window.location.href = '/cocktail/recette/mojito-26'" 1275 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1276 <div class="relative"> 1277 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2020/09/26/5f6f1fde3c30c.jpg" 1278 alt="Deux verres de mojito rafraîchissants garnis de feuilles de menthe et de rondelles de citron vert, avec des tiges en bambou, entourés de citrons verts et de branches de menthe." 1279 loading="lazy" 1280 class="w-full h-48 object-cover animation-zoom"> 1281 <div class="absolute top-2 left-2 flex space-x-2"> 1282 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1283 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1284 <span class="sr-only"> 1285 Vegetarien 1286 </span> 1287 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1288 </div> 1289 </div> 1290 </div> 1291 1292 <div class="p-4 flex flex-col flex-1"> 1293 <a 1294 href="/cocktail/recette/mojito-26" role="link" class="mb-2 text-xl font-bold" 1295 > 1296 <span class="sr-only">Consulter la recette du cocktail: </span> 1297 Mojito 1298 </a> 1299 1300 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1301 <span class="font-medium">Ingrédients :</span> 1302 sucre, menthe, rhum blanc ... </p> 1303 1304 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1305 1306<div x-data="{ showTooltip: false }" class="relative w-fit"> 1307 <div class="flex" 1308 > 1309 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1310 <span class="sr-only">Difficulté : 1 sur 3</span> 1311 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1312 <span 1313 class="block w-6 h-2 rounded bg-gray-300" 1314 x-init="$el.classList.add('bg-green-500')" ></span> 1315 <span 1316 class="block w-6 h-2 rounded bg-gray-300" 1317 ></span> 1318 <span 1319 class="block w-6 h-2 rounded bg-gray-300" 1320 ></span> 1321 </div> 1322 </div> 1323 </div> 1324 1325<span class="sr-only">Note: 5 sur 5</span> 1326<div class="flex items-center" 1327 > 1328 <i 1329 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1330 <i 1331 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1332 <i 1333 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1334 <i 1335 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1336 <i 1337 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1338 1339 1340 </div> 1341 </div> 1342 </div> 1343</div> 1344 1345 1346<div onclick="window.location.href = '/cocktail/recette/rum-sour-304'" 1347 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1348 <div class="relative"> 1349 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/17/6670
13497cd552067.jpg" 1350 alt="Verre à cocktail avec un mélange ambré, garni d'un zeste d'orange et d'une cerise rouge, posé sur une table en bois avec des fleurs blanches en arrière-plan." 1351 loading="lazy" 1352 class="w-full h-48 object-cover animation-zoom"> 1353 <div class="absolute top-2 left-2 flex space-x-2"> 1354 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1355 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1356 <span class="sr-only"> 1357 Vegetarien 1358 </span> 1359 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1360 </div> 1361 </div> 1362 </div> 1363 1364 <div class="p-4 flex flex-col flex-1"> 1365 <a 1366 href="/cocktail/recette/rum-sour-304" role="link" class="mb-2 text-xl font-bold" 1367 > 1368 <span class="sr-only">Consulter la recette du cocktail: </span> 1369 Rum sour 1370 </a> 1371 1372 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1373 <span class="font-medium">Ingrédients :</span> 1374 sucre, cerise au marasquin, orange ... </p> 1375 1376 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1377 1378<div x-data="{ showTooltip: false }" class="relative w-fit"> 1379 <div class="flex" 1380 > 1381 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1382 <span class="sr-only">Difficulté : 1 sur 3</span> 1383 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1384 <span 1385 class="block w-6 h-2 rounded bg-gray-300" 1386 x-init="$el.classList.add('bg-green-500')" ></span> 1387 <span 1388 class="block w-6 h-2 rounded bg-gray-300" 1389 ></span> 1390 <span 1391 class="block w-6 h-2 rounded bg-gray-300" 1392 ></span> 1393 </div> 1394 </div> 1395 </div> 1396 1397<span class="sr-only">Note: 3 sur 5</span> 1398<div class="flex items-center" 1399 > 1400 <i 1401 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1402 <i 1403 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1404 <i 1405 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1406 <i 1407 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1408 <i 1409 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1410 1411 1412 </div> 1413 </div> 1414 </div> 1415</div> 1416 1417 1418<div onclick="window.location.href = '/cocktail/recette/mojito-basque-543'" 1419 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1420 <div class="relative"> 1421 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/543.jpg" 1422 alt="Un verre de mojito basque, avec glace pilée, citron vert et feuilles de menthe fraîche." 1423 loading="lazy" 1424 class="w-full h-48 object-cover animation-zoom"> 1425 <div class="absolute top-2 left-2 flex space-x-2"> 1426 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1427 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5">
1428 <span class="sr-only"> 1429 Vegetarien 1430 </span> 1431 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1432 </div> 1433 </div> 1434 </div> 1435 1436 <div class="p-4 flex flex-col flex-1"> 1437 <a 1438 href="/cocktail/recette/mojito-basque-543" role="link" class="mb-2 text-xl font-bold" 1439 > 1440 <span class="sr-only">Consulter la recette du cocktail: </span> 1441 Mojito basque 1442 </a> 1443 1444 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1445 <span class="font-medium">Ingrédients :</span> 1446 sucre, menthe, Izarra vert ... </p> 1447 1448 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1449 1450<div x-data="{ showTooltip: false }" class="relative w-fit"> 1451 <div class="flex" 1452 > 1453 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1454 <span class="sr-only">Difficulté : 1 sur 3</span> 1455 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1456 <span 1457 class="block w-6 h-2 rounded bg-gray-300" 1458 x-init="$el.classList.add('bg-green-500')" ></span> 1459 <span 1460 class="block w-6 h-2 rounded bg-gray-300" 1461 ></span> 1462 <span 1463 class="block w-6 h-2 rounded bg-gray-300" 1464 ></span> 1465 </div> 1466 </div> 1467 </div> 1468 1469<span class="sr-only">Note: 4 sur 5</span> 1470<div class="flex items-center" 1471 > 1472 <i 1473 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1474 <i 1475 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1476 <i 1477 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1478 <i 1479 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1480 <i 1481 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1482 1483 1484 </div> 1485 </div> 1486 </div> 1487</div> 1488 1489 1490<div onclick="window.location.href = '/cocktail/recette/margarita-329'" 1491 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1492 <div class="relative"> 1493 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2026/04/18/69e3d33307a9e.jpg" 1494 alt="Un verre à cocktail rempli d'une margarita jaune pâle avec un bord glacé au sel et garni d'une tranche de citron vert." 1495 loading="lazy" 1496 class="w-full h-48 object-cover animation-zoom"> 1497 <div class="absolute top-2 left-2 flex space-x-2"> 1498 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1499 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1500 <span class="sr-only"> 1501 Vegan 1502 </span> 1503 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1504 </div> 1505 </div> 1506 </div> 1507 1508 <div class="p-4 flex flex-col flex-1"> 1509 <a 1510 href="/cocktail/recette/margarita-329" role="link" class="mb-2 text-xl font-bold" 1511 >
1512 <span class="sr-only">Consulter la recette du cocktail: </span> 1513 Margarita 1514 </a> 1515 1516 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1517 <span class="font-medium">Ingrédients :</span> 1518 sel, tequila, triple sec ... </p> 1519 1520 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1521 1522<div x-data="{ showTooltip: false }" class="relative w-fit"> 1523 <div class="flex" 1524 > 1525 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1526 <span class="sr-only">Difficulté : 1 sur 3</span> 1527 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1528 <span 1529 class="block w-6 h-2 rounded bg-gray-300" 1530 x-init="$el.classList.add('bg-green-500')" ></span> 1531 <span 1532 class="block w-6 h-2 rounded bg-gray-300" 1533 ></span> 1534 <span 1535 class="block w-6 h-2 rounded bg-gray-300" 1536 ></span> 1537 </div> 1538 </div> 1539 </div> 1540 1541<span class="sr-only">Note: 4 sur 5</span> 1542<div class="flex items-center" 1543 > 1544 <i 1545 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1546 <i 1547 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1548 <i 1549 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1550 <i 1551 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1552 <i 1553 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1554 1555 1556 </div> 1557 </div> 1558 </div> 1559</div> 1560 1561 1562<div onclick="window.location.href = '/cocktail/recette/jello-shots-512'" 1563 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1564 <div class="relative"> 1565 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/17/66709721bb8d4.jpg" 1566 alt="Plusieurs jello shots colorés et brillants disposés sur une surface blanche." 1567 loading="lazy" 1568 class="w-full h-48 object-cover animation-zoom"> 1569 </div> 1570 1571 <div class="p-4 flex flex-col flex-1"> 1572 <a 1573 href="/cocktail/recette/jello-shots-512" role="link" class="mb-2 text-xl font-bold" 1574 > 1575 <span class="sr-only">Consulter la recette du cocktail: </span> 1576 Jello shots 1577 </a> 1578 1579 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1580 <span class="font-medium">Ingrédients :</span> 1581 jello, vodka, eau </p> 1582 1583 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1584 1585<div x-data="{ showTooltip: false }" class="relative w-fit"> 1586 <div class="flex" 1587 > 1588 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1589 <span class="sr-only">Difficulté : 1 sur 3</span> 1590 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1591 <span 1592 class="block w-6 h-2 rounded bg-gray-300" 1593 x-init="$el.classList.add('bg-green-500')" ></span> 1594 <span 1595 class="block w-6 h-2 rounded bg-gray-300" 1596 ></span>
1597 <span 1598 class="block w-6 h-2 rounded bg-gray-300" 1599 ></span> 1600 </div> 1601 </div> 1602 </div> 1603 1604<span class="sr-only">Note: 4 sur 5</span> 1605<div class="flex items-center" 1606 > 1607 <i 1608 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1609 <i 1610 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1611 <i 1612 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1613 <i 1614 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1615 <i 1616 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1617 1618 1619 </div> 1620 </div> 1621 </div> 1622</div> 1623 1624 1625<div onclick="window.location.href = '/cocktail/recette/kir-celtique-580'" 1626 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1627 <div class="relative"> 1628 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/2018/10/08/5bbaf8bd50fa5.jpg" 1629 alt="Verre à pied rempli de Kir Celtique pétillant, avec des bulles fines, posé sur une table à côté de gressins et d'un flacon." 1630 loading="lazy" 1631 class="w-full h-48 object-cover animation-zoom"> 1632 <div class="absolute top-2 left-2 flex space-x-2"> 1633 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1634 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1635 <span class="sr-only"> 1636 Vegetarien 1637 </span> 1638 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1639 </div> 1640 </div> 1641 </div> 1642 1643 <div class="p-4 flex flex-col flex-1"> 1644 <a 1645 href="/cocktail/recette/kir-celtique-580" role="link" class="mb-2 text-xl font-bold" 1646 > 1647 <span class="sr-only">Consulter la recette du cocktail: </span> 1648 Kir celtique 1649 </a> 1650 1651 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1652 <span class="font-medium">Ingrédients :</span> 1653 creme de cassis, Hydromel, cidre </p> 1654 1655 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1656 1657<div x-data="{ showTooltip: false }" class="relative w-fit"> 1658 <div class="flex" 1659 > 1660 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1661 <span class="sr-only">Difficulté : 1 sur 3</span> 1662 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1663 <span 1664 class="block w-6 h-2 rounded bg-gray-300" 1665 x-init="$el.classList.add('bg-green-500')" ></span> 1666 <span 1667 class="block w-6 h-2 rounded bg-gray-300" 1668 ></span> 1669 <span 1670 class="block w-6 h-2 rounded bg-gray-300" 1671 ></span> 1672 </div> 1673 </div> 1674 </div> 1675 1676<span class="sr-only">Note: 5 sur 5</span> 1677<div class="flex items-center" 1678 > 1679 <i 1680 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1681 <i 1682 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1683 <i 1684 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1685 <i 1686 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1687 <i 1688 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1689 1690 1691 </div> 1692 </div> 1693 </div> 1694</div> 1695 1696 1697<div onclick="window.location.href = '/cocktail/recette/cuba-libra-345'" 1698 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1699 <div class="relative"> 1700 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/default/2024/06/16/666e7dd509575.jpg" 1701 alt="Verre de cocktail Cuba Libre avec des tranches de citron vert et des feuilles de menthe en décoration, à côté d'un demi-citron vert sur une surface sombre." 1702 loading="lazy" 1703 class="w-full h-48 object-cover animation-zoom"> 1704 <div class="absolute top-2 left-2 flex space-x-2">
1705 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1706 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1707 <span class="sr-only"> 1708 Vegan 1709 </span> 1710 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1711 </div> 1712 </div> 1713 </div> 1714 1715 <div class="p-4 flex flex-col flex-1"> 1716 <a 1717 href="/cocktail/recette/cuba-libra-345" role="link" class="mb-2 text-xl font-bold" 1718 > 1719 <span class="sr-only">Consulter la recette du cocktail: </span> 1720 Cuba libra 1721 </a> 1722 1723 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1724 <span class="font-medium">Ingrédients :</span> 1725 coca cola, rhum brun, glace ... </p> 1726 1727 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1728 1729<div x-data="{ showTooltip: false }" class="relative w-fit"> 1730 <div class="flex" 1731 > 1732 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1733 <span class="sr-only">Difficulté : 1 sur 3</span> 1734 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1735 <span 1736 class="block w-6 h-2 rounded bg-gray-300" 1737 x-init="$el.classList.add('bg-green-500')" ></span> 1738 <span 1739 class="block w-6 h-2 rounded bg-gray-300" 1740 ></span> 1741 <span 1742 class="block w-6 h-2 rounded bg-gray-300" 1743 ></span> 1744 </div> 1745 </div> 1746 </div> 1747 1748<span class="sr-only">Note: 3 sur 5</span> 1749<div class="flex items-center" 1750 > 1751 <i 1752 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1753 <i 1754 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1755 <i 1756 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1757 <i 1758 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1759 <i 1760 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1761 1762 1763 </div> 1764 </div> 1765 </div> 1766</div> 1767 1768 1769<div onclick="window.location.href = '/cocktail/recette/blue-margarita-204'" 1770 class=" max-w-sm bg-white rounded-lg shadow-md overflow-hidden cursor-pointer flex flex-col border border-transparent dark:bg-gray-800 dark:border-gray-700"> 1771 <div class="relative"> 1772 <img src="https://cocktailand.fr/media/cache/resolve/cocktail_cards_list/images/cocktails/204.png" 1773 alt="Un verre à cocktail contenant une margarita bleue, avec une tranche de citron vert en garniture sur le bord et un léger givrage de sucre." 1774 loading="lazy" 1775 class="w-full h-48 object-cover animation-zoom"> 1776 <div class="absolute top-2 left-2 flex space-x-2"> 1777 <span class="sr-only">Caractéristiques importantes du cocktail</span> 1778 <div class="bg-white dark:bg-gray-800 rounded-full p-1 shadow-md h-8 w-8 pt-1.5"> 1779 <span class="sr-only"> 1780 Vegan 1781 </span> 1782 <i class="fa fa-1-5x fa-vegan" aria-hidden="true"></i> 1783 </div> 1784 </div> 1785 </div> 1786 1787 <div class="p-4 flex flex-col flex-1"> 1788 <a 1789 href="/cocktail/recette/blue-margarita-204" role="link" class="mb-2 text-xl font-bold" 1790 >
1791 <span class="sr-only">Consulter la recette du cocktail: </span> 1792 Blue margarita 1793 </a> 1794 1795 <p class="text-gray-600 dark:text-gray-300 text-sm mb-4 pt-2"> 1796 <span class="font-medium">Ingrédients :</span> 1797 sel, curaçao bleu, tequila ... </p> 1798 1799 <div class="mt-auto flex flex-col items-center lg:flex-row lg:items-start justify-between gap-3 flex-wrap"> 1800 1801<div x-data="{ showTooltip: false }" class="relative w-fit"> 1802 <div class="flex" 1803 > 1804 <p class="text-sm text-gray-500 dark:text-gray-400">Difficulté:</p> 1805 <span class="sr-only">Difficulté : 1 sur 3</span> 1806 <div class="flex space-x-1 pl-2 pt-1.5" aria-hidden="true"> 1807 <span 1808 class="block w-6 h-2 rounded bg-gray-300" 1809 x-init="$el.classList.add('bg-green-500')" ></span> 1810 <span 1811 class="block w-6 h-2 rounded bg-gray-300" 1812 ></span> 1813 <span 1814 class="block w-6 h-2 rounded bg-gray-300" 1815 ></span> 1816 </div> 1817 </div> 1818 </div> 1819 1820<span class="sr-only">Note: 4 sur 5</span> 1821<div class="flex items-center" 1822 > 1823 <i 1824 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1825 <i 1826 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1827 <i 1828 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1829 <i 1830 class="fa fa-star-full hover:animate-pulse text-yellow-400 h-6 w-6 shrink-0"></i> 1831 <i 1832 class="fa fa-star-full hover:animate-pulse text-gray-300 h-6 w-6 shrink-0"></i> 1833 1834 1835 </div> 1836 </div> 1837 </div> 1838</div> 1839 1840 </div> 1841 1842 1843 <div class="pt-8 flex justify-center"> 1844 <nav aria-label="Pagination" class="w-full flex justify-center mb-8"><ul class="flex items-center -space-x-px h-8 text-sm"><li><a href="#" aria-current="page" class="z-10 text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 flex items-center justify-center px-3 h-10 ms-0 leading-tight">1</a></li><li><a href="/cocktails/facile/2" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">2</a></li><li><a href="/cocktails/facile/3" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">3</a></li><li><a href="/cocktails/facile/4" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">4</a></li><li><a href="/cocktails/facile/5" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">5</a></li><li><a href="/cocktails/facile/6" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">6</a></li><li><a href="/cocktails/facile/7" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">7</a></li><li><a href="/cocktails/facile/8" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">8</a></li><li><a href="/cocktails/facile/9" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">9</a></li><li><a href="/cocktails/facile/10" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white">10</a></li><li><a href="/cocktails/facile/2" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white"><span class="sr-only">Next</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-2.5 h-2.5"><path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd" /></svg></a></li><li><a href="/cocktails/facile/35" class="flex items-center justify-center px-3 h-10 ms-0 leading-tight text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-700 dark:hover:text-white rounded-e-lg"><span class="sr-only">Last</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-2.5 h-2.5"><path fill-rule="evenodd" d="M13.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L11.69 12 4.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd" /><path fill-rule="evenodd" d="M19.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06L17.69 12l-6.97-6.97a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd" /></svg></a></li></ul></nav> 1845 </div> 1846 </div> 1847</div> 1848 1849 </div> 1850 1851 <a href="#main" class="aria-shortcut absolute left-0 top-0 bg-blue-800 text-white py-2 px-4 z-50 transform -translate-y-full focus:translate-y-0 transition"> 1852 Retourner au début du contenu principal 1853 </a> 1854 <a href="#nav" class="aria-shortcut absolute left-0 top-0 bg-blue-800 text-white py-2 px-4 z-50 transform -translate-y-full focus:translate-y-0 transition"> 1855 Retourner au menu 1856 </a> 1857</div> 1858 1859 1860 <section class="mt-4" aria-label="Bannière promotionnelle"> 1861 <div class="overflow-hidden pt-32 sm:pt-14"> 1862 <div class="bg-gray-800 dark:bg-gray-900"> 1863 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 1864 <div class="relative pt-48 pb-16 sm:pb-36"> 1865 <div> 1866 <div class="mt-6 text-base"> 1867 <a href="/cocktails" 1868 class="text-xl font-semibold text-white hover:underline underline-offset-4"> 1869 Voir nos cocktails →
1870 <span class="sr-only">Accéder à la liste des cocktails</span> 1871 </a> 1872 </div> 1873 </div> 1874 1875 <div class="absolute -top-32 left-1/3 -translate-x-1/2 transform sm:top-6 sm:translate-x-0"> 1876 <div class="ml-24 flex min-w-max space-x-6 sm:ml-3 lg:space-x-8"> 1877 <div class="flex space-x-6 sm:flex-col sm:space-x-0 sm:space-y-6 lg:space-y-8"> 1878 <div class="shrink-0"> 1879 <img loading="lazy" 1880 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/2020/10/11/5f82d4bee3a77.jpg" 1881 alt="Recette de cocktail" 1882 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1883 </div> 1884 1885 <div class="mt-6 shrink-0 sm:mt-0"> 1886 <img loading="lazy" 1887 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/352.png" 1888 alt="Recette de cocktail" 1889 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1890 </div> 1891 </div> 1892 <div class="flex space-x-6 sm:-mt-20 sm:flex-col sm:space-x-0 sm:space-y-6 lg:space-y-8"> 1893 <div class="shrink-0"> 1894 <img loading="lazy" 1895 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/2020/10/29/5f9b1cededdae.jpg" 1896 alt="Recette de cocktail" 1897 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1898 </div> 1899 1900 <div class="mt-6 shrink-0 sm:mt-0"> 1901 <img loading="lazy" 1902 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/2020/09/26/5f6f1fde3c30c.jpg" 1903 alt="Recette de cocktail" 1904 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1905 </div> 1906 </div> 1907 <div class="flex space-x-6 sm:flex-col sm:space-x-0 sm:space-y-6 lg:space-y-8"> 1908 <div class="shrink-0"> 1909 <img loading="lazy" 1910 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/2019/04/15/5cb475092097e.jpg" 1911 alt="Recette de cocktail" 1912 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1913 </div> 1914 1915 <div class="mt-6 shrink-0 sm:mt-0"> 1916 <img loading="lazy" 1917 src="https://cocktailand.fr/media/cache/resolve/large/images/cocktails/329.png" 1918 alt="Recette de cocktail" 1919 class="h-64 w-64 rounded-lg object-cover md:h-72 md:w-72"> 1920 </div> 1921 </div> 1922 </div> 1923 </div> 1924 </div> 1925 </div> 1926 </div> 1927 </div> 1928 </section> 1929 1930<footer class="bg-white dark:bg-gray-800" aria-labelledby="footer-heading" next-page-hide role="" 1931 footer> 1932 <span id="footer-heading" class="sr-only">Pied de page</span> 1933 <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8"> 1934 <div class="grid grid-cols-2 gap-8 xl:col-span-2"> 1935 <div class="md:grid md:grid-cols-2 md:gap-8"> 1936 <div>
1937 <span class="text-base font-medium text-gray-900 dark:text-gray-100">Cocktails populaires</span> 1938 <ul class="mt-4 space-y-2 pl-4"> 1939 <li> 1940 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/cocktail/recette/cosmopolitan-64" title="La recette du Cosmopolitain"> 1941 Cosmopolitain 1942 </a> 1943 </li> 1944 <li> 1945 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/cocktail/recette/mojito-26" title="La recette du Mojito"> 1946 Mojito 1947 </a> 1948 </li> 1949 <li> 1950 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/cocktail/recette/margarita-329" title="La recette de la Margarita"> 1951 Margarita 1952 </a> 1953 </li> 1954 </ul> 1955 1956 <h3 class="text-base font-medium text-gray-900 dark:text-gray-100 mt-4">Archives</h3> 1957<ul role="list"> 1958 <li> 1959 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2026" title="Archives de l'année 2026"> 1960 2026 (19) 1961 </a> 1962 </li> 1963 <li> 1964 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2025" title="Archives de l'année 2025"> 1965 2025 (22) 1966 </a> 1967 </li> 1968 <li> 1969 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2024" title="Archives de l'année 2024"> 1970 2024 (56) 1971 </a> 1972 </li> 1973 <li> 1974 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2023" title="Archives de l'année 2023"> 1975 2023 (75) 1976 </a> 1977 </li> 1978 <li> 1979 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2022" title="Archives de l'année 2022"> 1980 2022 (57) 1981 </a> 1982 </li> 1983 <li> 1984 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2021" title="Archives de l'année 2021"> 1985 2021 (47) 1986 </a> 1987 </li> 1988 <li> 1989 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2020" title="Archives de l'année 2020"> 1990 2020 (7) 1991 </a> 1992 </li> 1993 <li> 1994 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2019" title="Archives de l'année 2019"> 1995 2019 (18) 1996 </a> 1997 </li> 1998 <li> 1999 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" href="/articles/archives/2018" title="Archives de l'année 2018"> 2000 2018 (14) 2001 </a> 2002 </li> 2003 </ul> 2004 2005 2006 </div> 2007 <div class="mt-12 md:mt-0"> 2008 <span class="text-base font-medium text-gray-900 dark:text-gray-100">Recherches populaires</span> 2009 <ul class="mt-4 space-y-2 pl-4"> 2010 <li> 2011 <a href="/international-bartenders-association-iba" 2012 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2013 Les cocktails officiels de l'IBA 2014 </a> 2015 </li> 2016 <li> 2017 <a href="/dossiers/cocktails-noel-nouvel-an" class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" 2018 title="Une selection de cocktails pour noel"> 2019 Des idées de cocktails pour noel 2020 </a> 2021 </li> 2022 <li> 2023 <a href="/dossiers/cocktails-halloween" class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" 2024 title="Une selection de cocktails pour halloween"> 2025 Des idées de cocktails pour halloween 2026 </a> 2027 </li> 2028 <li> 2029 <a href="/cocktails/sans-alcool" 2030 title="Cocktails sans alcool" 2031 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2032 Cocktails sans alcool 2033 </a> 2034 </li> 2035 <li> 2036 <a href="/ingredients" title="Les ingrédient les plus populaires" 2037 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2038 Les ingrédient les plus populaires 2039 </a> 2040 </li> 2041 <li> 2042 <a href="/cocktails/par-calories" 2043 title="Combien de calories dans un cocktail ?" 2044 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2045 Les cocktails triés par calories 2046 </a> 2047 </li> 2048 <li> 2049 <a href="/categories" title="Quelles sont les catégories de cocktails ?" 2050 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2051 Les catégories de cocktails 2052 </a> 2053 </li> 2054 <li> 2055 <a href="/cocktail-a-z/a" 2056 title="Les cocktails par ordre alph
2056abétique" 2057 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2058 Les cocktails de A à Z 2059 </a> 2060 </li> 2061 <li> 2062 <a href="/faq" title="Nos fiches FAQ" 2063 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2064 Nos FAQs 2065 </a> 2066 </li> 2067 </li> 2068 <li> 2069 <a href="/tags" title="Tous les tags" 2070 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2071 Tous les tags 2072 </a> 2073 </li> 2074 <li> 2075 <a href="/plan-du-site" title="Plan du site" 2076 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2077 Plan du site 2078 </a> 2079 </li> 2080 <li> 2081 <span onclick="document.location.href='/etablissement/villes'" class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" tabindex="0" aria-label="Liste des bars en France"> 2082 Liste des bars en France 2083 </span> 2084 </li> 2085 <li> 2086 <a href="/cocktails/facile" 2087 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2088 Liste cocktails les plus simples à réaliser 2089 </a> 2090 </li> 2091 <li> 2092 <a href="/cocktails/vegan" 2093 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2094 Nos cocktails vegan 2095 </a> 2096 </li> 2097 <li> 2098 <a href="/cocktails/petillant" 2099 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2100 Nos cocktails pétillants 2101 </a> 2102 </li> 2103 </ul> 2104 </div> 2105 </div> 2106 <div class="md:grid md:grid-cols-2 md:gap-8"> 2107 <div> 2108 <span class="text-base font-medium text-gray-900 dark:text-gray-100">Informations</span> 2109 <ul class="mt-4 space-y-2 pl-4"> 2110 <li> 2111 <span onclick="document.location.href='/rss'" class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" tabindex="0" aria-label="Flux RSS"> 2112 Rss 2113 </span> 2114 </li> 2115 <li> 2116 <a href="https://outweb.eu/" class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2117 Blog technique 2118 </a> 2119 </li> 2120 </ul> 2121 </div> 2122 <div class="mt-12 md:mt-0"> 2123 <span class="text-base font-medium text-gray-900 dark:text-gray-100">Legal</span> 2124 <ul class="mt-4 space-y-2"> 2125 <li>
2126 <span onclick="document.location.href='/cgu'" 2127 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" tabindex="0" aria-label="Conditions générales d'utilisation"> 2128 CGU 2129 </span> 2130 </li> 2131 <li> 2132 <span onclick="document.location.href='/contact'" 2133 class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" tabindex="0" aria-label="Contactez-nous"> 2134 Contactez-nous 2135 </span> 2136 </li> 2137 </ul> 2138 2139 <span class="text-base font-medium text-gray-900 dark:text-gray-100 mt-2">Partenaires</span> 2140 <ul class="mt-4 space-y-2"> 2141 <li> 2142 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" 2143 href="/partenaires"> 2144 Travailler avec Cocktailand 2145 </a> 2146 </li> 2147 <li> 2148 <a class="text-base text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" 2149 href="https://www.perfectdraft.com/fr-fr/blog"> 2150 Blog PDFR 2151 </a> 2152 </li> 2153 <li> 2154 Stock images by 2155 <a class="text-base font-semibold text-gray-900 dark:text-gray-100 hover:underline underline-offset-4" 2156 href="https://depositphotos.com/fr/"> 2157 Depositphotos 2158 </a> 2159 </li> 2160 </ul> 2161 </div> 2162 </div> 2163 </div> 2164 <div class="mt-8 border-t border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300 pt-8 md:flex md:items-center md:justify-between"> 2165 <div class="flex space-x-6 md:order-2"> 2166 <span onclick="document.location.href='https://www.facebook.com/cocktailandfr/'" rel="external" title="Facebook" 2167 class="text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white" tabindex="0" aria-label="Facebook"> 2168 <i class="fa fa-facebook" aria-hidden="true"></i> 2169 <span class="sr-only">Facebook</span> 2170 </span> 2171 </div> 2172 <p class="text-gray-700 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white"> 2173 © 2026 Cocktailand - Toute reproduction doit être partielle et citée avec 2174 un lien HTML vers la page source. L'abus d'alcool est dangereux pour la santé à consommer avec 2175 modération. 2176 </p> 2177 </div> 2178 </div> 2179</footer> 2180 2181 2182 2183 2184
2184<script type="application/ld+json"> 2185 { 2186 "@context": "https://schema.org", 2187 "@type": "WebSite", 2188 "url": "http://cocktailand.fr/", 2189 "name": "Cocktailand", 2190 "potentialAction": { 2191 "@type": "SearchAction", 2192 "target": "http://cocktailand.fr/recherche?q={search_term_string}", 2193 "query-input": "required name=search_term_string" 2194 } 2195 } 2196</script>
2196 2197 2198
2199<script type="application/ld+json"> 2200 { 2201 "@context": "https://schema.org", 2202 "@type": "Person", 2203 "name": "A. Lahaxe", 2204 "url": "http://cocktailand.fr/", 2205 "sameAs": ["https:\/\/github.com\/alahaxe"] 2206 } 2207</script>
2207 2208 2209
2210<script type="application/ld+json"> 2211 { 2212 "@context": "https://schema.org", 2213 "@type": "Organization", 2214 "url": "http://cocktailand.fr/", 2215 "name": "Cocktailand" 2216 } 2217</script>
2217 2218 2219 2220 2221 2222
2223<script type="application/ld+json"> 2224{ 2225 "@context":"http://schema.org", 2226 "@type":"ItemList", 2227 "itemListElement":[ 2228 { 2229 "@type":"ListItem", 2230 "position": 1, 2231 "name": "amaretto sunrise", 2232 "url":"http://cocktailand.fr/cocktail/recette/amaretto-sunrise-352" 2233 }, { 2234 "@type":"ListItem", 2235 "position": 2, 2236 "name": "b 52", 2237 "url":"http://cocktailand.fr/cocktail/recette/b-52-519" 2238 }, { 2239 "@type":"ListItem", 2240 "position": 3, 2241 "name": "diesel", 2242 "url":"http://cocktailand.fr/cocktail/recette/diesel-1" 2243 }, { 2244 "@type":"ListItem", 2245 "position": 4, 2246 "name": "dirty martini", 2247 "url":"http://cocktailand.fr/cocktail/recette/dirty-martini-61" 2248 }, { 2249 "@type":"ListItem", 2250 "position": 5, 2251 "name": "Black Pearl", 2252 "url":"http://cocktailand.fr/cocktail/recette/black-pearl-591" 2253 }, { 2254 "@type":"ListItem", 2255 "position": 6, 2256 "name": "iced coffee", 2257 "url":"http://cocktailand.fr/cocktail/recette/iced-coffee-109" 2258 }, { 2259 "@type":"ListItem", 2260 "position": 7, 2261 "name": "Mojito pastèque", 2262 "url":"http://cocktailand.fr/cocktail/recette/mojito-pasteque-546" 2263 }, { 2264 "@type":"ListItem", 2265 "position": 8, 2266 "name": "mojito", 2267 "url":"http://cocktailand.fr/cocktail/recette/mojito-26" 2268 }, { 2269 "@type":"ListItem", 2270 "position": 9, 2271 "name": "rum sour", 2272 "url":"http://cocktailand.fr/cocktail/recette/rum-sour-304" 2273 }, { 2274 "@type":"ListItem", 2275 "position": 10, 2276 "name": "Mojito basque", 2277 "url":"http://cocktailand.fr/cocktail/recette/mojito-basque-543" 2278 }, { 2279 "@type":"ListItem", 2280 "position": 11, 2281 "name": "margarita", 2282 "url":"http://cocktailand.fr/cocktail/recette/margarita-329" 2283 }, { 2284 "@type":"ListItem", 2285 "position": 12, 2286 "name": "jello shots", 2287 "url":"http://cocktailand.fr/cocktail/recette/jello-shots-512" 2288 }, { 2289 "@type":"ListItem", 2290 "position": 13, 2291 "name": "Kir Celtique", 2292 "url":"http://cocktailand.fr/cocktail/recette/kir-celtique-580" 2293 }, { 2294 "@type":"ListItem", 2295 "position": 14, 2296 "name": "cuba libra", 2297 "url":"http://cocktailand.fr/cocktail/recette/cuba-libra-345" 2298 }, { 2299 "@type":"ListItem", 2300 "position": 15, 2301 "name": "blue margarita", 2302 "url":"http://cocktailand.fr/cocktail/recette/blue-margarita-204" 2303 } ] 2304} 2305</script>
2305 2306 2307
2308<script type="application/ld+json"> 2309{ 2310 "@context": "https://schema.org", 2311 "@type": "CollectionPage", 2312 "headline": "Recette de cocktail facile", 2313 "description": "Découvrez les recettes de nombreux cocktails facile a faire : mojito, ti punch, gin tonic, ....", 2314 "url": "http://cocktailand.fr/cocktails/facile" 2315} 2316</script>
2316 2317 2318
2319<script type="application/ld+json"> 2320{ 2321 "@context": "http://schema.org", 2322 "@type": "BreadcrumbList", 2323 "itemListElement": [ 2324 { 2325 "@type": "ListItem", 2326 "position": 1, 2327 "item": { 2328 "@id": "http://cocktailand.fr/", 2329 "name": "Cocktailand", 2330 "image": "https://cocktailand.fr/media/cache/resolve/large/images/homepage.jpg" 2331 } 2332 }, { 2333 "@type": "ListItem", 2334 "position": 2, 2335 "item": { 2336 "@id": "http://cocktailand.fr/cocktails/facile", 2337 "name": "Cocktail facile", 2338 "image": "https://cocktailand.fr/media/cache/resolve/large/images/homepage.jpg" 2339 } 2340 } ] 2341} 2342</script>
2342 2343 2344 2345
2346<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1113ca38e12c4e7e84fb7bc51c1ad2e3","r":1,"spa":2}' crossorigin="anonymous"></script>
2346 2347</body> 2348</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.