<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<meta name="description" content="CAFÉS RICHARD, torréfacteur traditionnel de café et spécialiste du café, thé et chocolat, propose des solutions professionnelles complètes pour toutes les typologies de clients : Bar, café, restaurant, hôtels, boulangeries, vente à emporter, bureaux, restauration collective d'entreprise, administrations, établissements de santé..." />
<link rel="canonical" href="https://www.cafesrichard.fr/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://www.cafesrichard.fr/" />
<meta property="og:site_name" content="CAFÉS RICHARD" />
<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="alternate" hreflang="x-default" href="https://www.cafesrichard.fr/" />
<link rel="alternate" hreflang="fr" href="https://www.cafesrichard.fr/" />
<link rel="alternate" hreflang="en" href="https://www.cafesrichard.fr/en" />
<link rel="icon" href="/themes/custom/cafes_richard/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="preload" href="/modules/contrib/navigation/assets/fonts/inter-var.woff2" as="font" crossorigin="anonymous" />
<title>Cultivons l'âme du café Français | CAFÉS RICHARD</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MRLDS53K');</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_DVIW7cHJb4mxTTpvZJp-2Lsn0p4qt6qQQSsEzXiJBmI.css?delta=0&language=fr&theme=cafes_richard&include=eJxFyTkOQyEMBcALETjSlwGzRA5Gfqbg9qmitDMEsD9zvbm4WipAbKbLQ6HGeGyWQVZTF80kL_iVuXooapyqnU0Sq-nOx11X2GTUjfbAL_8Sz9ony8TgGnDh_EmZwMGV4LPdJDMb2f0Cfpc5iw" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZOU5DqqmNvsKfUOEGl7tMAzOWAKGkiZ1mFIVoCECKgM.css?delta=1&language=fr&theme=cafes_richard&include=eJxFyTkOQyEMBcALETjSlwGzRA5Gfqbg9qmitDMEsD9zvbm4WipAbKbLQ6HGeGyWQVZTF80kL_iVuXooapyqnU0Sq-nOx11X2GTUjfbAL_8Sz9ony8TgGnDh_EmZwMGV4LPdJDMb2f0Cfpc5iw" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_eOSOnOmx1oumk5yG_4ueXOHNMXHUhaxlMd4BkRSjhzA.css?delta=2&language=fr&theme=cafes_richard&include=eJxFyTkOQyEMBcALETjSlwGzRA5Gfqbg9qmitDMEsD9zvbm4WipAbKbLQ6HGeGyWQVZTF80kL_iVuXooapyqnU0Sq-nOx11X2GTUjfbAL_8Sz9ony8TgGnDh_EmZwMGV4LPdJDMb2f0Cfpc5iw" />
<link rel="apple-touch-icon" sizes="180x180" href="https://www.cafesrichard.fr/themes/custom/cafes_richard/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.cafesrichard.fr/themes/custom/cafes_richard/favicon-32x32.png">
<link
rel="icon" type="image/png" sizes="16x16" href="https://www.cafesrichard.fr/themes/custom/cafes_richard/favicon-16x16.png">
</head>
<body class="path-frontpage page-node-type-home font-Gill-Sans-Nova text-16 bg-creme text-wood-bark">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRLDS53K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
<div class="mx-auto bg-creme">
<!-- HEADER STARTS -->
<header
class="fixed z-50 top-0 left-0 right-0 z-30 w-full mx-auto group [&.active-mobile-header]:h-full" id="header">
<!-- SUBHEADER STARTS -->
<!-- SUBHEADER STARTS -->
<div class="bg-wood-bark mx-auto mobiletablet:hidden w-full">
<div class="mx-auto max-w-1440 xl-up:px-64 xl-down-tablet:px-32">
<div class="flex justify-end items-center h-40">
<a href="https://recrutement.ricardo-groupe.fr/accueil.aspx" target="_blank" class="flex items-center">
<span class="text-akaroa mr-8 text-14">
Offres d'emploi
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path
d="M6.66681 3.33341H5.46681C4.72007 3.33341 4.34642 3.33341 4.06121 3.47874C3.81033 3.60657 3.6065 3.8104 3.47867 4.06128C3.33334 4.3465 3.33334 4.72014 3.33334 5.46688V10.5335C3.33334 11.2803 3.33334 11.6535 3.47867 11.9387C3.6065 12.1896 3.81033 12.3937 4.06121 12.5216C4.34614 12.6667 4.71934 12.6667 5.46462 12.6667H10.5354C11.2807 12.6667 11.6533 12.6667 11.9383 12.5216C12.1892 12.3937 12.3937 12.1894 12.5215 11.9385C12.6667 11.6535 12.6667 11.2808 12.6667 10.5355V9.33341M13.3333 6.00008V2.66675M13.3333 2.66675H10M13.3333 2.66675L8.66668 7.33341"
stroke="#D3C8AA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a class="text-14 text-akaroa ml-32" target="_blank" href="/actualites-tendances" >
Actualités
</a>
<div class="relative inline-block cursor-pointer ml-32 w-62 h-18">
<div class="block block-dropdown-language block-dropdown-languagelanguage-interface">
<div class="dropbutton-wrapper" data-drupal-ajax-container>
<div class="dropbutton-widget">
<ul class="dropdown-language-item dropbutton"><li><span class="language-link active-language"> <img class="language-icon" src="/modules/custom/cr_core/language_icons/fr_icon.png" width="26" height="26" alt="FR" title="FR" loading="lazy" />
</span></li><li><a href="/en/lets-cultivate-art-french-coffee" class="language-link" hreflang="en"> <img class="language-icon" src="/modules/custom/cr_core/language_icons/en_icon.png" width="26" height="26" alt="EN" title="EN" loading="lazy" />
</a></li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SUBHEADER ENDS -->
<!-- SUBHEADER ENDS -->
<!-- MAIN HEADER STARTS -->
<div class="xl-up:bg-white w-full mx-auto relative group-[.active-mobile-header]:h-full"> <div class="mx-auto max-w-1440 xl-down:bg-white xl-up:px-64 xl-down-tablet:px-32 mobile:px-16 mobile:group-[.active-mobile-header]:py-12">
<div class="w-full flex items-center justify-between tabletdesktop:h-93 mobile:h-80 mobile:group-[.active-mobile-header]:h-full">
<div class="flex items-center justify-center h-full xl-down:flex-col">
<a href="/" class="mobile:opacity-100 mobile:group-[.active-mobile-header]:opacity-0 transition duration-500">
<img class="max-w-128 mobile:max-w-95 object-cover" src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/logo-cafes-richard.png" alt="logo Cafés Richard">
</a>
<nav class="xl-up:ml-50 overflow-auto xl-down:translate-x-full xl-down:bg-white transition duration-500 h-full flex xl-down:flex-col xl-down:fixed xl-down:h-full xl-down:w-full xl-down:left-0 xl-down:top-0" id="nav">
<div class="flex items-center justify-between px-16 pt-12 xl-up:hidden">
<a href="https://www.cafesrichard.fr/">
<img class="max-w-128 mobile:max-w-95 object-cover" src="/themes/custom/cafes_richard/assets/img/logo-cafes-richard.png" alt="logo Cafés Richard">
</a>
<span class="cursor-pointer" id="close-menu">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewbox="0 0 29 29" fill="none">
<line x1="21.3407" y1="21.087" x2="7.19859" y2="6.94487" stroke="#250404" stroke-width="2.5"/>
<line x1="7.2001" y1="21.341" x2="21.3422" y2="7.19884" stroke="#250404" stroke-width="2.5"/>
</svg>
</span>
</div>
<ul id="menu-elements" class="flex xl-down:pt-12 [&.-translate-x-full]:-translate-x-full transition duration-500 xl-up:items-center xl-down:px-24 xl-down:w-full xl-down:[&>li:not(:last-child)]:border-b xl-down:[&>li:not(:last-child)]:border-gray-3 xl-up:[&>li:not(:last-child)]:pr-20 xl-up:[&>li:not(:first-child)]:pl-20 xl-up:h-full xl-up:[&>li]:h-full xl-down:flex-col">
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Solutions <br>professionnelles
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div
class="flex xl-down:flex-col">
<div class="flex flex-col xl-up:w-3/4 xl-down:w-full xl-down:mb-40 link">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12">
Solutions professionnelles
</span>
</div>
<span class="xl-up:text-20 xl-down:text-18 uppercase font-Gill-Sans-Nova-Bold leading-lh-17 xl-up:mb-14 xl-down:mb-24 text-white text-border-1-red">
Pour votre activité
</span>
<div class="-mx-8 flex flex-wrap dropdown-menu-elements">
<a href="/solutions/cafe-brasserie-et-restaurant" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-11/chr_banner.jpg.webp?itok=Mx9uk1zs" width="634" height="264" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Café, brasserie et restaurant
</p>
</a>
<a href="/solutions/hotellerie" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-08/H%C3%B4tel_0.png.webp?itok=_liaiM5S" width="634" height="245" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Hôtellerie
</p>
</a>
<a href="/solutions/boulangerie-et-vente-emporter" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-11/boulangerie_banner.jpg.webp?itok=hDqYsMYr" width="634" height="264" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Boulangerie et vente à emporter
</p>
</a>
<a href="/solutions/coffee-shop-et-neo-cafe" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-11/coffee_shop_banner.jpg.webp?itok=VQdifl6c" width="634" height="264" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Coffee shop et néo-café
</p>
</a>
<a href="/solutions/bureau-et-restauration-entreprise" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-12/pause_cafe_bureau.jpg.webp?itok=YYnraaYC" width="634" height="264" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Bureau et restauration d’entreprise
</p>
</a>
<a href="/solutions/sante-ecole-et-administration" class="px-8 xl-up:w-1/3 xl-down:w-1/2 mb-16">
<img loading="lazy" src="/sites/default/files/styles/317x180/public/2025-10/Sante.jpg.webp?itok=pQHccmwb" width="634" height="264" alt="" class="image-style-_17x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p
class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Santé, école et administration
</p>
</a>
</div>
</div>
<div class="flex flex-col xl-up:w-1/4 xl-down:w-full xl-up:pl-24">
<span class="xl-up:text-20 xl-down:text-18 uppercase font-Gill-Sans-Nova-Bold leading-lh-17 mb-14 text-white text-border-1-red">
Pour vos événements
</span>
<a href="/solutions/animations-sur-mesure" class="xl-up:w-full xl-down:w-[calc(50%-8px)]">
<img loading="lazy" src="/sites/default/files/styles/304x180/public/2025-06/73ff0d0746a81735a6e64309a2b77d42adeb90ef.png.webp?itok=DfuGU2b0" width="720" height="278" alt="test" class="image-style-_04x180 w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left w-full mb-12 tabletdesktop:h-180 mobile:h-104 object-cover object-left" />
<p class="adjustable-menu-element max-w-[calc(100%-40px)] before:w-23 before:top-0 before:h-17 before:absolute before:-right-40 before:bg-arrow-right relative tabletdesktop:text-14 mobile:text-12 mobile:leading-lh-14 font-Gill-Sans-Nova-Bold tabletdesktop:leading-lh-120-p text-red uppercase">
Animations sur-mesure
</p>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Cafés, thés <br>et chocolats
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div class="flex xl-down:flex-col">
<div class="flex flex-col w-full">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12 menu-item-label">
Cafés, thés <br>et chocolats
</span>
</div>
<div class="xl-up:pb-40">
<div class="flex justify-start -mx-16 xl-down:flex-col [&>div]:px-16 xl-down:[&>div:not(:last-child)]:mb-40 menu-items-holder desktop:[&.four>div]:w-1/4 desktop:[&.five>div]:w-1/5 desktop:[&.six>div]:w-1/6">
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Cafés
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/cafes/cafes-en-grain" >
Cafés en grains
</a>
</li>
<li>
<a href="/cafes/cafes-moulus" >
Cafés moulus
</a>
</li>
<li>
<a href="/cafes-en-filtres" >
Cafés en filtres
</a>
</li>
<li>
<a href="/cafes/cafes-en-pods" >
Cafés en pods
</a>
</li>
<li>
<a href="/cafes/cafes-en-capsules" >
Cafés en capsules
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Thés et tisanes
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/thes-tisanes/La-route-des-comptoirs" >
La Route des Comptoirs
</a>
</li>
<li>
<a href="/thes-tisanes/La-route-des-comptoirs#parney" >
Parney's
</a>
</li>
<li>
<a href="/thes-tisanes/La-route-des-comptoirs#lydia" >
Lydia Gautier
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Chocolats et recettes gourmandes
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/chocolats-recettes-gourmandes/boissons-chocolatees" >
Boissons chocolatées
</a>
</li>
<li>
<a href="/chocolats-recettes-gourmandes/boissons-chocolatees#boissons-gourmandes" >
Boissons gourmandes
</a>
</li>
<li>
<a href="/chocolats-recettes-gourmandes/boissons-chocolatees#laits-et-boisson-vegetale" >
Laits et boisson végétale
</a>
</li>
<li>
<a href="/chocolats-recettes-gourmandes/boissons-chocolatees#Sirops-et-sauces" >
Sirops et sauces
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Petites douceurs
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/petites-douceurs" >
Gourmandises chocolatées
</a>
</li>
<li>
<a href="/petites-douceurs#biscuit" >
Biscuits et moelleux
</a>
</li>
<li>
<a href="/petites-douceurs#sucre" >
Sucres et édulcorants
</a>
</li>
<li>
<a href="/petites-douceurs#confiture" >
Confitures, miels et condiments
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Vaisselle et accessoires
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/produits/vaisselle-et-accessoires/tasse-a-cafe" >
Tasses à café
</a>
</li>
<li>
<a href="/produits/vaisselle-et-accessoires/tasse-a-cafe#verrerie" >
Verrerie
</a>
</li>
<li>
<a href="/produits/vaisselle-et-accessoires/tasse-a-cafe#theieres" >
Théières
</a>
</li>
<li>
<a href="/produits/vaisselle-et-accessoires/tasse-a-cafe#vente-emporter" >
Gobelets pour la vente à emporter
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Machines <br>et Expresso Service
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div class="flex xl-down:flex-col">
<div class="flex flex-col w-full">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12 menu-item-label">
Machines <br>et Expresso Service
</span>
</div>
<div class="xl-up:pb-40">
<div class="flex justify-start -mx-16 xl-down:flex-col [&>div]:px-16 xl-down:[&>div:not(:last-child)]:mb-40 menu-items-holder desktop:[&.four>div]:w-1/4 desktop:[&.five>div]:w-1/5 desktop:[&.six>div]:w-1/6">
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Machines à grains
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-grain/machines-traditionnelles" >
Machines traditionnelles
</a>
</li>
<li>
<a href="/machines-grain/machines-automatiques" >
Machines automatiques
</a>
</li>
<li>
<a href="/machines-grain/machines-automatiques#multi-boissons" >
Machines multi-boissons
</a>
</li>
<li>
<a href="/machines-grain/machines-automatiques#robots" >
Robots à grains
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Machines à filtration
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-cafe/machines-filtration" >
Classiques
</a>
</li>
<li>
<a href="/machines-filtration#Grands_debits" >
Grands débits
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Moulins
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-cafe/moulins-cafe" >
Moulins à mouture fraîche
</a>
</li>
<li>
<a href="/moulins-cafe#doseur" >
Moulins à café doseur
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Machines à doses
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-cafe/machines-doses" >
Machines à pods
</a>
</li>
<li>
<a href="/machines-doses#capsules" >
Machines à capsules
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Machines à Chocolat et lait
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-cafe/chocolatieres-lattiz" >
Chocolatière
</a>
</li>
<li>
<a href="/chocolatieres#lattiz" >
Lattiz®
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Entretien et SAV
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/machines-cafe/expresso-service" >
Assistance technique aux professionnels du café
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Académie <br>du Café
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div class="flex xl-down:flex-col">
<div class="flex flex-col w-full">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12 menu-item-label">
Académie <br>du Café
</span>
</div>
<div class="xl-up:pb-40">
<div class="flex justify-start -mx-16 xl-down:flex-col [&>div]:px-16 xl-down:[&>div:not(:last-child)]:mb-40 menu-items-holder desktop:[&.four>div]:w-1/4 desktop:[&.five>div]:w-1/5 desktop:[&.six>div]:w-1/6">
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Découvrir l'Académie <br>du Café
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/lacademie-du-cafe" >
Présentation de l'Académie du Café
</a>
</li>
<li>
<a href="/lacademie-du-cafe/nos-formations-cafe" >
Formations professionnelles
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Découvrir l'Universithé
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/lacademie-du-cafe/universithe" >
Présentation de l'UniversiThé
</a>
</li>
<li>
<a href="/lacademie-du-cafe/universithe#thes" >
Formations professionnelles
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Nous découvrir
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div class="flex xl-down:flex-col">
<div class="flex flex-col w-full">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12 menu-item-label">
Nous découvrir
</span>
</div>
<div class="xl-up:pb-40">
<div class="flex justify-start -mx-16 xl-down:flex-col [&>div]:px-16 xl-down:[&>div:not(:last-child)]:mb-40 menu-items-holder desktop:[&.four>div]:w-1/4 desktop:[&.five>div]:w-1/5 desktop:[&.six>div]:w-1/6">
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
À propos
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/nous-decouvrir/qui-sommes-nous" >
Qui sommes-nous ?
</a>
</li>
<li>
<a href="/nous-decouvrir/notre-histoire" >
Notre histoire
</a>
</li>
<li>
<a href="/nous-decouvrir/nos-engagements-RSE" >
Nos engagements RSE
</a>
</li>
<li>
<a href="/nous-decouvrir/des-partenariats-porteurs-de-sens" >
Des partenariats porteurs de sens
</a>
</li>
<li>
<a href="/nous-decouvrir/groupe-ricardo" >
Groupe Ricardo
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Marques partenaires
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/nous-decouvrir/marques-partenaires/la-route-des-comptoirs" >
La Route des Comptoirs
</a>
</li>
<li>
<a href="/nous-decouvrir/marques-partenaires/le-cafe-solidaire-par-lobodis" >
Lobodis
</a>
</li>
<li>
<a href="/nous-decouvrir/marques-partenaires/brulerie-des-gobelins" >
Brûlerie des Gobelins
</a>
</li>
<li>
<a href="/nous-decouvrir/marques-partenaires/nos-marques-regionales" >
Nos marques régionales
</a>
</li>
<li>
<a href="/be-wtr" >
BE WTR
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Nos concepts retail
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/nous-decouvrir/concepts-retail/les-boutiques" >
Les boutiques
</a>
</li>
<li>
<a href="/nous-decouvrir/concepts-retail/les-coffee-shops" >
Les coffee shops
</a>
</li>
<li>
<a href="/nous-decouvrir/concept-retail/les-evenements" >
Les événements
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
À l'international
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/nous-decouvrir/cafes-richard-a-lexport" >
Cafés Richard à l'Export
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="group/singlemenu menu-item-dropdown menu-item-dropdown-list">
<a class="menu-item-label xl-down:py-24 xl-down:relative xl-down:after:absolute xl-down:after:right-0 xl-down:after:h-16 xl-down:after:w-16 xl-down:after:bg-cover xl-down:after:bg-arrow-right-mobile-menu flex [&.active-dropdown-item]:text-red menu-dropdown-item xl-up:hover:text-red h-full items-center font-Gill-Sans-Nova text-wood-bark leading-lh-16 relative before:absolute before:h-6 before:w-full before:left-0 before:bottom-0 group-hover/singlemenu:before:bg-red [&.active]:before:bg-red xl-down:before:hidden" href="#">
Carrières
</a>
<div class="menu-dropdown-content xl-down:hidden mobiletablet:min-h-[calc(100%-66px)] xl-down:[&.menu-dropdown-content-visible]:block xl-down:translate-x-full xl-down:[&.menu-dropdown-content-visible]:translate-x-full transition duration-500 xl-down:fixed xl-up:border-t xl-up:border-wood-bark xl-up:invisible xl-up:group-hover/singlemenu:visible absolute w-full left-0 xl-up:top-93 xl-down:top-0 bg-white z-10 xl-up:border-t xl-up:border-gray xl-up:shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)]">
<div class="smalldesktop:!max-h-[calc(100vh-74px)] xl-up:px-64 xl-up:pt-40 xl-up:pb-24 xl-down:py-36 xl-down:px-24 desktop:max-h-[calc(100vh-133px)] mobiletablet:min-h-[calc(100%-66px)] overflow-auto mx-auto max-w-1440">
<div class="flex xl-down:flex-col">
<div class="flex flex-col w-full">
<div class="flex items-center xl-up:hidden mb-40 cursor-pointer menu-back-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M11.8195 13.8487L11.8153 13.853L11.8152 13.8529C11.6757 13.9859 11.4904 14.0601 11.2977 14.0601C11.105 14.0601 10.9197 13.9859 10.7803 13.853L11.8195 13.8487ZM11.8195 13.8487L11.8235 13.8448L11.8195 13.8487ZM5.20726 8.54296L10.7802 13.8529L11.7546 13.5139C11.7792 13.4566 11.7919 13.3949 11.7919 13.3325C11.7919 13.2701 11.7792 13.2083 11.7546 13.151C11.73 13.0937 11.6939 13.0419 11.6487 12.999L11.8212 12.818L11.8209 12.8177C11.8209 12.8177 11.8209 12.8177 11.8209 12.8177L6.76318 7.999L11.8209 3.18221C11.8907 3.11588 11.9463 3.03605 11.9843 2.94755C12.0223 2.85906 12.0419 2.76377 12.0419 2.66746C12.0419 2.57116 12.0223 2.47586 11.9843 2.38737C11.9468 2.29997 11.8921 2.22101 11.8235 2.15517L11.8195 2.15119L11.8195 2.15114L11.8152 2.14701C11.6757 2.01404 11.4904 1.93987 11.2977 1.93987C11.105 1.93987 10.9197 2.01404 10.7802 2.14701L5.20726 7.45696C5.20726 7.45696 5.20726 7.45697 5.20726 7.45697C5.13374 7.52701 5.07521 7.61126 5.03522 7.70459C4.99523 7.79793 4.97461 7.89842 4.97461 7.99996C4.97461 8.10151 4.99523 8.202 5.03522 8.29533C5.07521 8.38867 5.13374 8.47292 5.20726 8.54296C5.20726 8.54296 5.20726 8.54296 5.20726 8.54296Z" fill="#250404" stroke="#250404" stroke-width="0.5"/>
</svg>
<span class="font-Gill-Sans-Nova-Bold ml-12 menu-item-label">
Carrières
</span>
</div>
<div class="xl-up:pb-40">
<div class="flex justify-start -mx-16 xl-down:flex-col [&>div]:px-16 xl-down:[&>div:not(:last-child)]:mb-40 menu-items-holder desktop:[&.four>div]:w-1/4 desktop:[&.five>div]:w-1/5 desktop:[&.six>div]:w-1/6">
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Nous rejoindre
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="/carrieres/nous-rejoindre/travailler-chez-cafes-richard" >
Travailler chez Cafés Richard
</a>
</li>
<li>
<a href="/carrieres/nous-rejoindre/nos-metiers" >
Nos métiers
</a>
</li>
</ul>
</div>
<div class="xl-down:w-full">
<div class="menu-items-title text-14 tracking-[.56px] uppercase menu-dropdown-column-title text-red font-Gill-Sans-Nova-Bold mb-24">
Postulez maintenant
</div>
<ul class="flex leading-lh-22 flex-col tabletdesktop:[&>li:not(:last-child)]:mb-24 mobile:[&>li:not(:last-child)]:mb-16">
<li>
<a href="https://recrutement.ricardo-groupe.fr/offre-de-emploi/liste-offres.aspx?facet_Contract=3575,3574,2435#titrepages" target="_blank">
Nos offres d'emploi
</a>
</li>
<li>
<a href="https://recrutement.ricardo-groupe.fr/offre-de-emploi/liste-toutes-offres.aspx?facet_Contract=2436#titrepages" target="_blank">
Nos offres d’alternance
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div id="bottom-content-mobile" class="xl-up:hidden mt-auto transition duration-500">
<div class="flex items-center mb-40 xl-down:px-24">
<div class="mr-8 w-1/2 max-w-200" id="data-cta-header" data-label="Nous contacter">
<a class="font-Gill-Sans-Nova-Bold h-40 text-wood-bark flex items-center justify-center text-11 tracking-[.44px] xl-up:px-16 uppercase rounded-4 border border-wood-bark" href="/nous-contacter" >
Nous contacter
</a>
</div>
<div class="ml-8 w-1/2 max-w-200">
<div data-label="Acheter" data-position="header" class="buy-button cursor-pointer font-Gill-Sans-Nova-Bold h-40 text-white flex items-center justify-center text-11 tracking-[.44px] xl-up:px-16 uppercase rounded-4 bg-red border-red">
<span class="mr-10">
Acheter
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 18 18" fill="none">
<path d="M1.5 5.25H16.5L15.6667 16.5H2.33333L1.5 5.25Z" stroke="#F2EDE0" stroke-width="2" stroke-linejoin="round"/>
<path d="M5.66675 6.91667V1.5H12.3334V6.91667" stroke="#F2EDE0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.66675 13.1665H12.3334" stroke="#F2EDE0" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
</div>
</div>
<!-- SUBHEADER STARTS -->
<div class="bg-wood-bark max-w-1440 mx-auto px-24 overflow-hidden">
<div class="mx-auto">
<div class="flex justify-between items-center h-40">
<div class="flex items-center" >
<a href="https://recrutement.ricardo-groupe.fr/accueil.aspx" target="_blank" class="flex items-center">
<span class="text-akaroa mr-8 text-14">
Offres d'emploi
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path
d="M6.66681 3.33341H5.46681C4.72007 3.33341 4.34642 3.33341 4.06121 3.47874C3.81033 3.60657 3.6065 3.8104 3.47867 4.06128C3.33334 4.3465 3.33334 4.72014 3.33334 5.46688V10.5335C3.33334 11.2803 3.33334 11.6535 3.47867 11.9387C3.6065 12.1896 3.81033 12.3937 4.06121 12.5216C4.34614 12.6667 4.71934 12.6667 5.46462 12.6667H10.5354C11.2807 12.6667 11.6533 12.6667 11.9383 12.5216C12.1892 12.3937 12.3937 12.1894 12.5215 11.9385C12.6667 11.6535 12.6667 11.2808 12.6667 10.5355V9.33341M13.3333 6.00008V2.66675M13.3333 2.66675H10M13.3333 2.66675L8.66668 7.33341"
stroke="#D3C8AA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a class="text-14 text-akaroa ml-32" target="_blank" href="/actualites-tendances" >
Actualités
</a>
</div>
<div class="relative inline-block cursor-pointer ml-32 w-62 h-18">
<div class="block block-dropdown-language block-dropdown-languagelanguage-interface">
<div class="dropbutton-wrapper" data-drupal-ajax-container>
<div class="dropbutton-widget">
<ul class="dropdown-language-item dropbutton"><li><span class="language-link active-language"> <img class="language-icon" src="/modules/custom/cr_core/language_icons/fr_icon.png" width="26" height="26" alt="FR" title="FR" loading="lazy" />
</span></li><li><a href="/en/lets-cultivate-art-french-coffee" class="language-link" hreflang="en"> <img class="language-icon" src="/modules/custom/cr_core/language_icons/en_icon.png" width="26" height="26" alt="EN" title="EN" loading="lazy" />
</a></li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SUBHEADER ENDS -->
</div>
</nav>
</div>
<div class="flex items-center">
<a id="data-cta-header" data-label="Nous contacter" class="font-Gill-Sans-Nova-Bold hover:border-red mobile:opacity-100 mobile:group-[.active-mobile-header]:opacity-0 transition duration-500 text-wood-bark flex items-center justify-center text-11 tracking-[.44px] xl-up:px-16 uppercase rounded-4 h-38 xl-down:h-36 xl-down:w-36 border border-wood-bark"
href="/nous-contacter" >
<span class="xl-down:hidden">
Nous contacter
</span>
<svg class="xl-up:hidden" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 22 22" fill="none">
<path d="M3.68949 18.3332C3.16143 18.3332 2.72438 17.9226 2.69144 17.3955L1.89977 4.72888C1.86379 4.15318 2.321 3.6665 2.89783 3.6665H19.1023C19.6791 3.6665 20.1363 4.15318 20.1003 4.72888L19.3086 17.3955C19.2757 17.9226 18.8387 18.3332 18.3106 18.3332H3.68949ZM11 11.9165L3.82618 7.41352L4.58337 16.4998H17.4167L18.3334 7.33317L11 11.9165ZM11 10.0832L18.3334 5.49984H3.66671L11 10.0832ZM3.82618 7.41352L3.66671 5.49984L4.58337 16.4998L3.82618 7.41352Z" fill="#250404"/>
</svg>
</a>
<div data-label="Acheter" data-position="header" class="buy-button cursor-pointer font-Gill-Sans-Nova-Bold mobile:opacity-100 mobile:group-[.active-mobile-header]:opacity-0 transition duration-500 text-white flex items-center justify-center text-11 tracking-[.44px] xl-up:px-16 uppercase rounded-4 h-38 xl-down:h-36 xl-down:w-36 bg-red border-red xl-up:ml-8 xl-down:ml-16">
<span class="mr-10 xl-down:hidden">
Acheter
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewbox="0 0 18 18" fill="none">
<path d="M1.5 5.25H16.5L15.6667 16.5H2.33333L1.5 5.25Z" stroke="#F2EDE0" stroke-width="2" stroke-linejoin="round"/>
<path d="M5.66675 6.91667V1.5H12.3334V6.91667" stroke="#F2EDE0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.66675 13.1665H12.3334" stroke="#F2EDE0" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
<span id="mobile-menu-trigger" class="ml-24 h-36 w-36 flex items-center justify-center xl-up:hidden cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="18" viewbox="0 0 27 18" fill="none">
<rect width="27" height="2.25" fill="#250404"/>
<rect y="7.875" width="27" height="2.25" fill="#250404"/>
<rect y="15.75" width="27" height="2.25" fill="#250404"/>
</svg>
</span>
</div>
</div>
</div>
</div>
<!-- MAIN HEADER ENDS -->
</header>
<!-- HEADER ENDS -->
<main class="desktop:pt-133 tabletdesktop:pt-93 mobile:pt-80 shadow-1 bg-white" role="main">
<!-- HERO SECTION STARTS -->
<div class="w-full tabletdesktop:h-600 mobile:h-500 relative flex tabletdesktop:justify-center tablet:px-32 mobile:px-24">
<video id="homepage-video" class="absolute pointer-events-none select-none left-0 top-0 w-full h-full object-cover" poster="/sites/default/files/styles/1420x760/public/2025-10/HPherobanner_2.png.webp?h=6dbb97af&itok=cSI8ty6E" autoplay muted playsinline loop>
<source src="/sites/default/files/2026-01/cafes_richard_intro.mp4" type="video/mp4" fetchpriority="high">
</video>
<div class="flex flex-col relative justify-center">
<h1 class="font-Gill-Sans-Nova-Bold z-10 uppercase desktop:text-48 tablet:text-36 tabletdesktop:leading-lh-48 mobile:text-28 mobile:leading-none text-white">
Cultivons l'âme <br><span id="fittext" class="desktop:text-96 desktop:leading-lh-96 tablet:text-65 tablet:leading-lh-75 mobile:text-44 mobile:leading-none tabletdesktop:tracking-[3.84px] mobile:tracking-[2.24px] block text-transparent text-border-3-white pt-4">du café <br>Français</span>
</h1>
<a id="data-cta-hero-banner" data-label="Découvrez la maison" class="self-start relative z-10 mt-40 font-Gill-Sans-Nova-Bold text-white flex items-center tabletdesktop:text-14 mobile:text-12 tabletdesktop:tracking-[.56px] mobile:tracking-[.48px] px-16 uppercase rounded-4 tabletdesktop:h-40 mobile:h-36 bg-red" href="/nous-decouvrir/qui-sommes-nous" >
<span class="mr-16">
Découvrez la maison
</span>
<svg class="mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32.0002 12C24.5404 12 18.5002 6.66255 18.5002 0" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.0002 12C24.5404 12 18.5002 17.3671 18.5002 24" stroke="#F2EDE0" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</a>
</div>
</div>
<!-- HERO SECTION ENDS -->
<!-- SECTION STARTS -->
<div class="modular-block relative bg-creme-2 tabletdesktop:pt-90 mobile:pt-56 mobile:pb-120 desktop:pb-104 tablet:pb-130 smalldesktop:!pb-150">
<div class="mx-auto max-w-1440">
<div class="mx-auto xl-up:[&>div]:px-64 xl-down-tablet:[&>div]:px-32 mobile:[&>div]:px-24">
<div class="flex smalldesktop:[&>div:nth-child(2n-2):not(:first-child)]:-mt-48 tablet:max-w-700 tablet:mx-auto smalldesktop:[&>div]:w-1/2 mobiletablet:even:[&>div]:ml-auto mobiletablet:[&>div]:w-full smalldesktop:-mx-15 smalldesktop:[&>div]:px-15 justify-between xl-up:odd:[&>div]:-order-1 flex-wrap xl-up:-mt-[10000px] xl-up:[&>div]:order-1 xl-up:[&>div:first-child]:mt-[10000px] xl-up:[&>div:nth-child(2)]:mt-[10000px] xl-up:flex-col xl-up:max-h-[19999px] xl-up:[&>div]:w-[41%] xl-up:[&>div]:max-w-[528px] xl-up:even:[&>div]:ml-auto mobiletablet:[&>div:nth-child(2)]:!w-full">
<div class="smalldesktop:!w-full mobiletablet:!ml-0 !max-w-640 !w-full">
<div class="xl-up:mb-80 xl-down:mb-50 max-w-640 tabletdesktop:mt-16">
<h2 class="text-red font-Gill-Sans-Nova-Bold desktop:text-48 tablet:text-34 tablet:leading-lh-38 uppercase tabletdesktop:leading-lh-48 mobile:text-23 mobile:leading-none">
Nos solutions professionnelles
<h3 class="block font-Gill-Sans-Nova-Bold uppercase text-transparent text-border-1-red pt-10 tabletdesktop:text-32 tabletdesktop:leading-none mobile:text-23 mobile:leading-lh-25">
Adaptées à votre activité
</h3>
</h2>
</div>
<div class="content-paragraph text-24 leading-lh-34 mobile:text-20 mobile:leading-lh-28 mb-64 mobile:max-w-315 xl-down-tablet:mb-100 max-w-528">
<p>Partenaire historique des cafés-bistrots, lieux de restauration et hôtellerie, Cafés Richard perpétue son savoir-faire depuis 3 générations afin d’offrir le meilleur des expériences café à la française.</p>
</div>
</div>
<div id="data-cta-page" data-label="Café, brasserie |et restaurant">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/cafe-brasserie-et-restaurant">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-11/chr_banner.jpg.webp?itok=TSzGXoKk" width="1280" height="533" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Café, brasserie <br>et restaurant
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div id="data-cta-page" data-label="Boulangerie |et vente à emporter">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/boulangerie-et-vente-emporter">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-11/boulangerie_banner.jpg.webp?itok=hCoXkQjn" width="1280" height="533" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Boulangerie <br>et vente à emporter
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div id="data-cta-page" data-label="Hôtellerie">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/hotellerie">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-08/H%C3%B4tel_0.png.webp?itok=ravGrBoq" width="1280" height="494" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Hôtellerie
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div id="data-cta-page" data-label="Bureau |et restauration |d’entreprise">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/bureau-et-restauration-entreprise">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-12/pause_cafe_bureau.jpg.webp?itok=_IXKa51B" width="1280" height="533" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Bureau <br>et restauration <br>d’entreprise
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div id="data-cta-page" data-label="Coffee shop |et néo-café">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/coffee-shop-et-neo-cafe">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-11/coffee_shop_banner.jpg.webp?itok=_8LLxHaB" width="1280" height="533" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Coffee shop <br>et néo-café
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div id="data-cta-page" data-label="Santé, école |et administration">
<a class="group h-[297px] tablet:h-360 mobile:h-215 smalldesktop:h-300 tabletdesktop:mb-80 mobile:mb-54 block relative" href="/solutions/sante-ecole-et-administration">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-10/Sante.jpg.webp?itok=ZZ5h0yRb" width="1280" height="534" alt="" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-red z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] text-creme-2 uppercase">
Santé, école <br>et administration
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#F2EDE0" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
<div class="desktop:!w-1/2 mobiletablet:!w-full !max-w-[640px] pt-10 mobile:!px-0 desktop:translate-y-24">
<h3 class="text-transparent text-border-1-red tabletdesktop:text-32 mobile:text-24 leading-lh-32 font-Gill-Sans-Nova-Bold uppercase mb-40">
Adaptées à vos événements
</h3>
<a id="data-cta-page" data-label="Animations sur-mesure" class="group h-360 tablet:h-360 mobile:h-215 smalldesktop:h-300 block relative" href="/solutions/animations-sur-mesure">
<div class="h-full flex items-end w-full relative">
<img loading="lazy" src="/sites/default/files/styles/640x425/public/2025-06/73ff0d0746a81735a6e64309a2b77d42adeb90ef.png.webp?itok=SL3ePLtV" width="1280" height="494" alt="test" class="image-style-_40x425 w-full object-cover h-full object-left w-full object-cover h-full object-left" />
<div class="absolute mobile:max-w-[calc(100%-40px)] -bottom-24 tabletdesktop:right-24 mobile:right-16 bg-sandal z-10 tabletdesktop:py-24 tabletdesktop:pl-24 tabletdesktop:pr-72 mobile:py-16 mobile:pl-16 mobile:pr-58">
<div class="flex items-center">
<span class="font-Gill-Sans-Nova-Bold text-cedar relative z-10 tabletdesktop:text-24 tabletdesktop:leading-lh-24 tabletdesktop:tracking-[.96px] mobile:tracking-[.8px] mobile:text-20 mobile:leading-lh-20 mobile:tracking-[.8px] uppercase">
Animations sur-mesure
</span>
<svg class="arrow-card z-10 absolute tabletdesktop:right-24 mobile:right-16 mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="33" height="25" viewbox="0 0 33 25" fill="none">
<path d="M32.3251 12.1217C24.7895 12.1217 18.688 6.73007 18.688 -0.00012207" stroke="#662300" stroke-width="2"/>
<path d="M32.3251 12.1218C24.7896 12.1218 18.6881 17.5434 18.6881 24.2437" stroke="#662300" stroke-width="2"/>
<path d="M3.05176e-05 12.1218L32.3249 12.1218" stroke="#662300" stroke-width="2"/>
</svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div id="data-cta-page" data-label="Découvrir" class="max-w-1440 mx-auto relative">
<a class="block desktop:w-130 desktop:h-134 mobiletablet:w-97 mobiletablet:h-100 object-cover absolute desktop:-bottom-170 tablet:-bottom-[163px] smalldesktop:!-bottom-[216px] mobile:-bottom-[152.5px] desktop:left-64 mobile:left-24 tablet:left-32" href="/nous-decouvrir/qui-sommes-nous" >
<span class="h-full w-full block relative font-Gill-Sans-Nova-Heavy uppercase">
<svg class="absolute left-0 top-0 rotate-[54deg] mobile:w-100" viewbox="0 0 100 100" width="135" height="135">
<defs>
<path id="circle" d=" M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0"/>
</defs>
<text font-size="17">
<textpath startoffset="0%" class="tracking-[3.5px] text-9" xlink:href="#circle">
Découvrir
</textpath>
</text>
</svg>
<svg class="absolute left-0 top-0 -rotate-[126deg] mobile:w-100" viewbox="0 0 100 100" width="135" height="135">
<defs>
<path id="circle" d=" M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0"/>
</defs>
<text font-size="17">
<textpath startoffset="0%" class="tracking-[3.5px] text-9" xlink:href="#circle">
Découvrir
</textpath>
</text>
</svg>
<svg class="absolute top-5 tabletdesktop:left-11 mobile:left-8 mobile:w-85" width="113" height="125" viewbox="0 0 130 134" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3706_6585)">
<path d="M117.021 99.9983C116.591 100.101 116.19 100.036 115.816 99.8023C115.442 99.569 115.199 99.2423 115.096 98.8036C114.994 98.365 115.059 97.973 115.274 97.609C115.508 97.2263 115.835 96.9929 116.274 96.8903C116.713 96.7876 117.115 96.853 117.488 97.077C117.862 97.301 118.096 97.637 118.199 98.0663C118.301 98.505 118.236 98.9063 118.012 99.2796C117.778 99.6623 117.451 99.8956 117.021 99.9983Z" fill="#250404"/>
<path d="M12.5683 34.4963C12.9888 34.3843 13.3999 34.4497 13.783 34.6737C14.1661 34.8977 14.409 35.2337 14.5212 35.663C14.6333 36.0924 14.5772 36.4937 14.353 36.867C14.1287 37.2497 13.7923 37.4924 13.3625 37.6044C12.9327 37.7164 12.5216 37.651 12.1478 37.4364C11.7741 37.2124 11.5311 36.8857 11.419 36.4564C11.3162 36.027 11.3723 35.6164 11.5872 35.243C11.8115 34.8603 12.1385 34.6177 12.559 34.5057L12.5683 34.4963Z" fill="#250404"/>
</g>
<path d="M89 67C81.5402 67 75.5 61.6626 75.5 55" stroke="#CF0009" stroke-width="2"/>
<path d="M89 67C81.5402 67 75.5 72.3671 75.5 79" stroke="#CF0009" stroke-width="2"/>
<path d="M41 67H89" stroke="#CF0009" stroke-width="2"/>
<defs>
<clippath id="clip0_3706_6585">
<rect width="130" height="134" fill="white"/>
</clippath>
</defs>
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<!-- SECTION ENDS -->
<div class="modular-block bg-white w-fullpt-20 pb-100 tabletdesktop:px-32 mobile:px-24">
<div class="modular-block bg-white max-w-1090 mx-auto">
<div class="py-60 tablet:pt-80 tablet:pb-40">
<div class="flex items-end mobile:flex-col">
<div class="tabletdesktop:w-1/2 mobile:w-[85%] mobile:mr-auto flex flex-col mb-75 tablet:pr-40">
<h2 class="desktop:text-48 desktop:leading-lh-48 tablet:text-32 tablet:leading-lh-32 mobile:text-28 mobile:leading-lh-28 text-red uppercase font-Gill-Sans-Nova-Bold mb-40 mobile:mb-320 mobile:mb-32">
<span class="block leading-lh-29 text-transparent text-border-1-red desktop:text-32 tablet:text-28 mobile:text-24">Nos</span> cafés, thés <br>et chocolats
</h2>
<div class="content-paragraph text-20 leading-lh-28 mobile:text-18 mobile:leading-lh-25 mb-48 mobile:mb-32 max-w-415">
<p>Découvrez l’art de la torréfaction avec nos cafés de caractère soigneusement sélectionnés parmi les plus beaux terroirs. À cette richesse aromatique s’ajoutent des collections de thés et tisanes ainsi que des chocolats et boissons gourmandes, pour tous les lieux et instants de dégustation. Des produits pensés pour conjuguer qualité, plaisir et responsabilité.</p>
</div>
<a id="data-cta-page" data-label="Découvrez nos produits" class="self-start font-Gill-Sans-Nova-Bold text-white flex items-center tabletdesktop:text-14 mobile:text-12 tabletdesktop:tracking-[.56px] mobile:tracking-[.48px] px-16 uppercase rounded-4 tabletdesktop:h-40 mobile:h-36 bg-red" href="/cafes/cafes-en-grain" >
<span class="mr-16">
Découvrez nos produits
</span>
<svg class="mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32.0002 12C24.5404 12 18.5002 6.66255 18.5002 0" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.0002 12C24.5404 12 18.5002 17.3671 18.5002 24" stroke="#F2EDE0" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</a>
</div>
<div class="tabletdesktop:w-1/2 mobile:w-full">
<div class="relative">
<img loading="lazy" src="/sites/default/files/styles/192x358/public/2025-04/cafe-the-chocolat-small.png.webp?h=7b073a70&itok=nYvFRpZc" width="192" height="358" alt="test" class="image-style-_92x358 absolute left-0 -bottom-40 mobile:w-[37%] object-cover absolute left-0 -bottom-40 mobile:w-[37%] object-cover" />
<img loading="lazy" src="/sites/default/files/styles/448x600/public/2025-09/Serveur_cafe.jpg.webp?h=546f2fd8&itok=hBGT4LNU" width="448" height="600" alt="" class="image-style-_48x600 ml-auto tabletdesktop:w-[calc(100%-80px)] mobile:w-[85%] object-cover ml-auto tabletdesktop:w-[calc(100%-80px)] mobile:w-[85%] object-cover" />
</div>
</div>
</div>
</div>
</div>
<div class="modular-block bg-white max-w-1090 mx-auto">
<div class="py-60 tablet:pt-80 tablet:pb-40">
<div class="flex items-end flex-row-reverse mobile:flex-col">
<div class="tabletdesktop:w-1/2 mobile:w-[85%] mobile:ml-auto flex flex-col mb-75 desktop:pl-140 tablet:pl-40">
<h2 class="desktop:text-48 desktop:leading-lh-48 tablet:text-32 tablet:leading-lh-32 mobile:text-28 mobile:leading-lh-28 text-red uppercase font-Gill-Sans-Nova-Bold mb-40 mobile:mb-320 mobile:mb-32">
<span class="block leading-lh-29 text-transparent text-border-1-red desktop:text-32 tablet:text-28 mobile:text-24">Nos</span> machines <br>et services
</h2>
<div class="content-paragraph text-20 leading-lh-28 mobile:text-18 mobile:leading-lh-25 mb-48 mobile:mb-32 max-w-415">
<p>Nous accompagnons nos clients par un conseil sur-mesure et une assistance technique fiable et réactive : choix des équipements, installation, entretien et réparation, dépannage d’urgence et formation. Cafés Richard est un <strong>partenaire complet</strong>, présent sur tout le territoire, grâce à ses 12 directions régionales. </p>
</div>
<a class="self-start font-Gill-Sans-Nova-Bold text-white flex items-center tabletdesktop:text-14 mobile:text-12 tabletdesktop:tracking-[.56px] mobile:tracking-[.48px] px-16 uppercase rounded-4 tabletdesktop:h-40 mobile:h-36 bg-red" href="/machines-grain/machines-traditionnelles" >
<span class="mr-16">
Nos machines à café
</span>
<svg class="mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32.0002 12C24.5404 12 18.5002 6.66255 18.5002 0" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32.0002 12C24.5404 12 18.5002 17.3671 18.5002 24" stroke="#F2EDE0" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</a>
</div>
<div class="tabletdesktop:w-1/2 mobile:w-full">
<div class="relative">
<img loading="lazy" src="/sites/default/files/styles/192x358/public/2025-04/cafe-the-chocolat-small.png.webp?h=7b073a70&itok=nYvFRpZc" width="192" height="358" alt="test" class="image-style-_92x358 absolute left-0 -bottom-40 mobile:w-[37%] object-cover absolute left-0 -bottom-40 mobile:w-[37%] object-cover" />
<img loading="lazy" src="/sites/default/files/styles/448x600/public/2025-09/Machine_cafe_professionnelle.jpg.webp?h=d1116c7d&itok=YF59aIx8" width="448" height="600" alt="" class="image-style-_48x600 ml-auto tabletdesktop:w-[calc(100%-80px)] mobile:w-[85%] object-cover ml-auto tabletdesktop:w-[calc(100%-80px)] mobile:w-[85%] object-cover" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SECTION STARTS -->
<div class="modular-block bg-creme-2 w-full">
<div class="mx-auto max-w-1440">
<div class="xl-up:px-64">
<div class="flex items-center old-xs:flex-col">
<div class="tabletdesktop:w-1/2 old-xs:!w-full mobile:w-full bg-creme-2 flex tabletdesktop:items-center justify-center flex-col tabletdesktop:h-460 mobile:h-275">
<div class="flex flex-col tabletdesktop:px-115 mobile:px-40">
<h2 class="tabletdesktop:text-40 tabletdesktop:leading-lh-44 mobile:text-24 mobile:leading-lh-24 text-red font-Gill-Sans-Nova-Bold uppercase">
<span class="block text-transparent text-border-1-red tabletdesktop:text-32 tabletdesktop:leading-lh-32 mobile:text-20 mb-5">Notre</span> Académie du Café
</h2>
<a class="self-start relative mt-35 font-Gill-Sans-Nova-Bold text-red flex items-center tabletdesktop:text-14 mobile:text-12 tabletdesktop:tracking-[.56px] mobile:tracking-[.48px] uppercase rounded-4" href="/lacademie-du-cafe" >
<span class="mr-16">
En savoir plus
</span>
<svg class="mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32.0002 12C24.5404 12 18.5002 6.66255 18.5002 0" stroke="#CF0009" stroke-width="2"/>
<path d="M32.0002 12C24.5404 12 18.5002 17.3671 18.5002 24" stroke="#CF0009" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#CF0009" stroke-width="2"/>
</svg>
</a>
</div>
</div>
<a href="/lacademie-du-cafe" class="tabletdesktop:w-1/2 old-xs:!w-full mobile:w-full tabletdesktop:h-460 mobile:h-275">
<img loading="lazy" src="/sites/default/files/styles/720x460/public/2025-04/img-droit.png.webp?h=9dfdaaa1&itok=5q3kvTpy" width="720" height="460" alt="café" class="image-style-_20x460 object-cover w-full h-full object-cover w-full h-full" />
</a>
</div>
<div class="flex items-center flex-row-reverse old-xs:flex-col">
<div class="tabletdesktop:w-1/2 old-xs:!w-full mobile:w-full bg-creme-2 flex tabletdesktop:items-center justify-center flex-col tabletdesktop:h-460 mobile:h-275">
<div class="flex flex-col tabletdesktop:px-115 mobile:px-40">
<h2 class="tabletdesktop:text-40 tabletdesktop:leading-lh-44 mobile:text-24 mobile:leading-lh-24 text-red font-Gill-Sans-Nova-Bold uppercase">
<span class="block text-transparent text-border-1-red tabletdesktop:text-32 tabletdesktop:leading-lh-32 mobile:text-20 mb-5">Nos engagements</span> au service d’une<br>croissance<br>durable
</h2>
<a class="self-start relative mt-35 font-Gill-Sans-Nova-Bold text-red flex items-center tabletdesktop:text-14 mobile:text-12 tabletdesktop:tracking-[.56px] mobile:tracking-[.48px] uppercase rounded-4" href="/nous-decouvrir/nos-engagements-RSE" >
<span class="mr-16">
En savoir plus
</span>
<svg class="mobile:w-26" xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32.0002 12C24.5404 12 18.5002 6.66255 18.5002 0" stroke="#CF0009" stroke-width="2"/>
<path d="M32.0002 12C24.5404 12 18.5002 17.3671 18.5002 24" stroke="#CF0009" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#CF0009" stroke-width="2"/>
</svg>
</a>
</div>
</div>
<a href="/nous-decouvrir/nos-engagements-RSE" class="tabletdesktop:w-1/2 old-xs:!w-full mobile:w-full tabletdesktop:h-460 mobile:h-275">
<img loading="lazy" src="/sites/default/files/styles/720x460/public/2025-10/Nos%20engagements.png.webp?h=28245373&itok=AL7JtOhZ" width="720" height="460" alt="" class="image-style-_20x460 object-cover w-full h-full object-cover w-full h-full" />
</a>
</div>
</div>
</div>
</div>
<!-- SECTION ENDS -->
<!-- SECTION STARTS -->
<div class="modular-block relative bg-wood-bark pt-120 tablet:py-60 mobile:pt-60 mobile:pb-90 tablet:px-24 mobile:px-24 px-64 pb-156">
<div class="max-w-1440 mx-auto">
<div class="tablet:px-24 mobile:px-24 px-64">
<div class="grid grid-cols-12 gap-32 desktop:grid-rows-6 smalldesktop:grid-rows-6 tablet:grid-rows-6 mobile:grid-cols-1 items-center">
<div class="grid col-span-4 mobile:col-span-1 desktop:row-start-2 smalldesktop:row-start-2 tablet:row-start-2 order-1 mobile:order-2">
<div class="desktop:mt-0 desktop:w-144 w-full flex justify-start items-center desktop:grid grid-cols-2 gap-16">
<div class="prev desktop:h-64 desktop:w-64 h-48 w-48">
<img src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/icons/slider_left_wihte.svg" alt="">
</div>
<div class="next desktop:h-64 desktop:w-64 h-48 w-48">
<img src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/icons/slider_right_white.svg" alt="">
</div>
</div>
</div>
<div class="grid col-span-4 mobile:col-span-1 desktop:row-start-3 smalldesktop:row-start-3 tablet:row-start-3 order-3 mobile:order-1">
<h2 class="font-Gill-Sans-Nova-Bold flex flex-col items-start uppercase">
<span class="text-48 smalldesktop:text-38 smalldesktop:leading-lh-38 tablet:text-22 mobile:text-28 text-red leading-lh-48 tablet:leading-lh-28 mobile:leading-lh-28">
ACTUALITÉS
</span>
</h2>
</div>
<div class="grid col-span-4 mobile:col-span-1 desktop:row-start-4 smalldesktop:row-start-4 tablet:row-start-4 order-4 mobile:order-last">
<a href="/actualites-tendances" class="bg-red flex items-center text-white rounded font-medium py-8 px-24 tablet:px-12 max-w-fit rounded-4">
<span class="text-14 smalldesktop:text-12 tablet:text-8 mobile:text-12 smalldesktop:leading-lh-16 mobile:leading-lh-16 leading-lh-19 tracking-half-1 uppercase font-Gill-Sans-Nova-Bold text-creme-2 mr-16 tablet:mr-8">
Voir toutes les actualités
</span>
<img src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/icons/arrow-right.svg" class="smalldesktop:w-24 tablet:w-16" alt="">
</a>
</div>
<div class="grid col-span-8 mobile:col-span-1 row-span-6 order-2 mobile:order-3 h-678 tablet:h-585 mobile:h-488 tablet:mb-40 mobile:mb-8">
<div class="swiper swiper-tendances">
<div class="swiper-wrapper items-center w-full">
<a role="swiper" href="/le-cafe-de-specialite-entre-en-gare-avec-la-brulerie-des-gobelins" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2026-08/bdg-coffee-shop-gare-de-lyon.jpg.webp?h=68bbb5f0&itok=I00I7VVE" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#b42f0e">
Actualité
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">Le café de spécialité entre en Gare avec la Brûlerie des Gobelins </span>
</p>
</div>
</a>
<a role="swiper" href="/une-collection-inedite-dinfusions-glacees" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2026-04/jarre_ambiance_2_0.jpg.webp?h=98f1882d&itok=8xTPtpIR" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#b42f0e">
Actualité
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">Une collection inédite d'infusions glacées </span>
</p>
</div>
</a>
<a role="swiper" href="/cafes-richard-met-le-matcha-latte-et-le-chai-latte-la-carte" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2025-11/Tasse%20cappuccino%20grise_matcha_Carmen.jpg.webp?h=760ef0f4&itok=3huHlS-0" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#b42f0e">
Actualité
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">Cafés Richard met le Matcha Latte et le Chaï Latte à la carte </span>
</p>
</div>
</a>
<a role="swiper" href="/be-wtr-cafes-richard-se-rapprochent-et-innovent-sur-le-marche-de-leau-en-france" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2025-11/bewtr.png.webp?h=f834b82e&itok=bvOY-V7y" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#b42f0e">
Actualité
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">BE WTR & Cafés Richard se rapprochent et innovent sur le marché de l'eau en France</span>
</p>
</div>
</a>
<a role="swiper" href="/master-cup-cafes-richard-2026" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2026-03/master-cup-cafes-richard-2026-1.png.webp?h=5d5b1249&itok=-u-Zg2xe" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#b42f0e">
Actualité
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">Master Cup Cafés Richard 2026 </span>
</p>
</div>
</a>
<a role="swiper" href="/nos-engagements-dans-les-pays-producteurs" class="swiper-slide relative" target="_blank">
<img loading="eager" src="/sites/default/files/styles/528x678/public/2026-03/torrefacteur_engage_pays_producteurs.jpg.webp?h=4521fff0&itok=RtjZhQGl" width="528" height="678" alt="" class="image-style-_28x678 h-full w-full object-cover h-full w-full object-cover" />
<div class="text grid grid-cols-1 gap-16 absolute mobile:bottom-40 mobile:left-24 mobile:right-24 z-10">
<span class="bg-wood-bark px-8 py-4 text-12 font-Gill-Sans-Nova-Bold uppercase leading-lh-14 text-white max-w-fit" style="background-color:#086313">
Nos engagements
</span>
<p class="font-Gill-Sans-Nova-Heavy text-white title mobile:text-24 mobile:leading-lh-28" style="color:#ffffff">
<span class="field field--name-title field--type-string field--label-hidden">Nos engagements dans les pays producteurs </span>
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SECTION ENDS -->
<div id="buy-panel" class="group">
<div class="bg-wood-bark cursor-pointer pointer-events-none opacity-0 fixed right-0 top-0 w-full h-full z-[60] transition duration-500 group-[.show-buy-panel]:opacity-80 group-[.show-buy-panel]:pointer-events-auto close-buy-panel"></div>
<div class="fixed right-0 top-0 tabletdesktop:w-370 mobile:w-full h-full bg-red z-[60] translate-x-full transition duration-500 group-[.show-buy-panel]:translate-x-0">
<div class="relative w-full h-full px-40 pt-80 pb-40 overflow-auto">
<span class="absolute right-16 top-16 cursor-pointer close-buy-panel">
<svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="19" stroke="white" stroke-opacity="0.3" stroke-width="2"/>
<line x1="25.5587" y1="14.242" x2="14.245" y2="25.5557" stroke="white" stroke-width="2"/>
<line x1="25.7616" y1="25.5557" x2="14.4479" y2="14.242" stroke="white" stroke-width="2"/>
</svg>
</span>
<h2 class="font-Gill-Sans-Nova-Heavy tabletdesktop:text-28 tabletdesktop:leading-lh-28 mobile:text-24 text-white tabletdesktop:pb-40 mobile:pb-24">
Vous souhaitez <span class="block whitespace-nowrap">acheter nos produits ?</span>
</h2>
<div class="flex flex-col [&>a:not(:last-child)]:mb-40">
<a id="data-cta-channel-selector" data-label="Professionnel" href="https://pro.cafesrichard.fr/login" target="_blank" class="w-full flex flex-col">
<img src="/sites/default/files/styles/273x132/public/2025-04/commander-e-pro.jpg.webp?h=01746a7a&itok=6rRxmkUh" class="object-cover mb-16" width="273" height="132" alt="e pro"/>
<span class="text-transparent leading-lh-22 text-border-1-white uppercase font-Gill-Sans-Nova-Bold pb-12 block">
Epro - COmmandeS 24/7
</span>
<h3 class="text-white uppercase font-Gill-Sans-Nova-Bold tabletdesktop:text-24 tabletdesktop:leading-lh-24 mobile:text-20 mobile:leading-lh-20 pb-24">
Professionnel
</h3>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32 12C24.5402 12 18.5 6.66255 18.5 0" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32 12C24.5402 12 18.5 17.3671 18.5 24" stroke="#F2EDE0" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</a>
<a id="data-cta-channel-selector" data-label="Particulier" href="https://www.comptoirsrichard.fr" target="_blank" class="w-full flex flex-col">
<img src="/sites/default/files/styles/273x132/public/2025-04/comptoirs-richard.jpg.webp?h=3d00179f&itok=530XKc5-" class="object-cover mb-16" width="273" height="132" alt="e pro"/>
<span class="text-transparent leading-lh-22 text-border-1-white uppercase font-Gill-Sans-Nova-Bold pb-12 block">
LES COMPTOIRS RICHARD
</span>
<h3 class="text-white uppercase font-Gill-Sans-Nova-Bold tabletdesktop:text-24 tabletdesktop:leading-lh-24 mobile:text-20 mobile:leading-lh-20 pb-24">
Particulier
</h3>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewbox="0 0 32 24" fill="none">
<path d="M32 12C24.5402 12 18.5 6.66255 18.5 0" stroke="#F2EDE0" stroke-width="2"/>
<path d="M32 12C24.5402 12 18.5 17.3671 18.5 24" stroke="#F2EDE0" stroke-width="2"/>
<path d="M0 12L32 12" stroke="#F2EDE0" stroke-width="2"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</main>
<!-- FOOTER STARTS -->
<footer id="footer" class="w-full relative pt-40">
<img id="cup" src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/icons/mug.svg" class="absolute top-0 tabletdesktop:right-14 -translate-y-full tabletdesktop:-translate-y-37 mobile:-translate-y-10 mobile:w-74 mobile:right-24 xxl:right-[calc(50vw-657px)]" alt="cup-cafe-richard">
<div class="bg-red w-full">
<div class="mx-auto max-w-1440">
<div class="desktop:px-64 tablet:px-32 mobile:px-24 mx-auto">
<div class="flex tabletdesktop:pt-56 mobile:pt-40 tabletdesktop:pb-40 mobile:pb-24 border-b border-wood-bark mobiletablet:flex-col">
<a aria-label="page d'acceuil" class="desktop:max-w-100 mobiletablet:max-w-130 desktop:mr-50" href="https://www.cafesrichard.fr/">
<img src="https://www.cafesrichard.fr/themes/custom/cafes_richard/assets/img/logo-footer.png" alt="">
</a>
<div class="flex mobile:flex-col">
<div class="tablet:w-1/2 tablet:[&>div]:w-full flex xl-up:[&>div]:w-1/4 smalldesktop:[&>div]:w-1/2 desktop:-mx-10 desktop:[&>div]:px-10 mobiletablet:pt-40 smalldesktop:[&>div]:w-1/2 mobile:[&>div]:w-full xl-down:[&>div]:mb-30 mobile:[&>div]:!mb-24 flex-wrap w-full justify-between desktop:pr-40">
<div class="flex flex-col footer-widget group">
<div class="footer-widget-title desktop:pointer-events-none flex items-center font-Gill-Sans-Nova-Bold tabletdesktop:text-18 mobile:text-14 leading-lh-18 uppercase tabletdesktop:mb-24 mobile:mb-16 text-creme-2 self-start">
<span>
Votre activité
</span>
<svg class="group-[.is-active]:rotate-[180deg] transition duration-300 ml-8 desktop:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M3.33073 5.33325L12.6641 5.33325L7.9974 12.6666L3.33073 5.33325Z" fill="#F2EDE0"/>
</svg>
</div>
<ul class="footer-widget-items mobiletablet:max-h-0 overflow-hidden transition-all duration-300 [&>li:not(:last-child)]:mb-16 text-16 font-Gill-Sans-Nova flex flex-col text-creme-2">
<li>
<a href="/solutions/cafe-brasserie-et-restaurant" >
Café, brasserie et restaurant
</a>
</li>
<li>
<a href="/solutions/hotellerie" >
Hôtellerie
</a>
</li>
<li>
<a href="/solutions/boulangerie-et-vente-emporter" >
Boulangerie et vente à <br>emporter
</a>
</li>
<li>
<a href="/solutions/coffee-shop-et-neo-cafe" >
Coffee shop et néo-café
</a>
</li>
<li>
<a href="/solutions/bureau-et-restauration-entreprise" >
Bureau et restauration <br>d'entreprise
</a>
</li>
<li>
<a href="/solutions/sante-ecole-et-administration" >
Santé, école et administration
</a>
</li>
<li>
<a href="/solutions/animations-sur-mesure" >
Animations sur-mesure
</a>
</li>
</ul>
</div>
<div class="flex flex-col footer-widget group">
<div class="footer-widget-title desktop:pointer-events-none flex items-center font-Gill-Sans-Nova-Bold tabletdesktop:text-18 mobile:text-14 leading-lh-18 uppercase tabletdesktop:mb-24 mobile:mb-16 text-creme-2 self-start">
<span>
Nos produits
</span>
<svg class="group-[.is-active]:rotate-[180deg] transition duration-300 ml-8 desktop:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M3.33073 5.33325L12.6641 5.33325L7.9974 12.6666L3.33073 5.33325Z" fill="#F2EDE0"/>
</svg>
</div>
<ul class="footer-widget-items mobiletablet:max-h-0 overflow-hidden transition-all duration-300 [&>li:not(:last-child)]:mb-16 text-16 font-Gill-Sans-Nova flex flex-col text-creme-2">
<li>
<a href="/cafes/cafes-en-grain" >
Cafés en grains
</a>
</li>
<li>
<a href="/cafes/cafes-moulus" >
Cafés moulus
</a>
</li>
<li>
<a href="/cafes/cafes-en-pods" >
Cafés en pods
</a>
</li>
<li>
<a href="/cafes/cafes-en-capsules" >
Cafés en capsules
</a>
</li>
<li>
<a href="/thes-tisanes/La-route-des-comptoirs" >
Thés & Tisanes
</a>
</li>
<li>
<a href="/chocolats-recettes-gourmandes/boissons-chocolatees" >
Chocolats & Recettes <br>gourmandes
</a>
</li>
<li>
<a href="/petites-douceurs" >
Petites douceurs
</a>
</li>
<li>
<a href="/produits/vaisselle-et-accessoires/tasse-a-cafe" >
Vaisselles & Accessoires
</a>
</li>
</ul>
</div>
<div class="flex flex-col footer-widget group">
<div class="footer-widget-title desktop:pointer-events-none flex items-center font-Gill-Sans-Nova-Bold tabletdesktop:text-18 mobile:text-14 leading-lh-18 uppercase tabletdesktop:mb-24 mobile:mb-16 text-creme-2 self-start">
<span>
Machines à café
</span>
<svg class="group-[.is-active]:rotate-[180deg] transition duration-300 ml-8 desktop:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M3.33073 5.33325L12.6641 5.33325L7.9974 12.6666L3.33073 5.33325Z" fill="#F2EDE0"/>
</svg>
</div>
<ul class="footer-widget-items mobiletablet:max-h-0 overflow-hidden transition-all duration-300 [&>li:not(:last-child)]:mb-16 text-16 font-Gill-Sans-Nova flex flex-col text-creme-2">
<li>
<a href="/machines-grain/machines-traditionnelles" >
Machines traditionnelles
</a>
</li>
<li>
<a href="/machines-grain/machines-automatiques" >
Machines automatiques
</a>
</li>
<li>
<a href="/machines-cafe/machines-filtration" >
Machines à filtration
</a>
</li>
<li>
<a href="/machines-cafe/moulins-cafe" >
Moulins à café
</a>
</li>
<li>
<a href="/machines-cafe/machines-doses" >
Machines à doses
</a>
</li>
<li>
<a href="/machines-cafe/chocolatieres-lattiz" >
Machines à chocolat et lait
</a>
</li>
<li>
<a href="/machines-cafe/expresso-service" >
Assistance technique
</a>
</li>
</ul>
</div>
<div class="flex flex-col footer-widget group">
<div class="footer-widget-title desktop:pointer-events-none flex items-center font-Gill-Sans-Nova-Bold tabletdesktop:text-18 mobile:text-14 leading-lh-18 uppercase tabletdesktop:mb-24 mobile:mb-16 text-creme-2 self-start">
<span>
Nous découvrir
</span>
<svg class="group-[.is-active]:rotate-[180deg] transition duration-300 ml-8 desktop:hidden" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none">
<path d="M3.33073 5.33325L12.6641 5.33325L7.9974 12.6666L3.33073 5.33325Z" fill="#F2EDE0"/>
</svg>
</div>
<ul class="footer-widget-items mobiletablet:max-h-0 overflow-hidden transition-all duration-300 [&>li:not(:last-child)]:mb-16 text-16 font-Gill-Sans-Nova flex flex-col text-creme-2">
<li>
<a href="/nous-decouvrir/qui-sommes-nous" >
Qui sommes-nous ?
</a>
</li>
<li>
<a href="/nous-decouvrir/notre-histoire" >
Notre histoire
</a>
</li>
<li>
<a href="/nous-decouvrir/nos-engagements-RSE" >
Nos engagements
</a>
</li>
<li>
<a href="/nous-decouvrir/groupe-ricardo" >
Groupe Ricardo
</a>
</li>
<li>
<a href="/nous-decouvrir/marques-partenaires/la-route-des-comptoirs" >
Marques partenaires
</a>
</li>
<li>
<a href="/nous-decouvrir/concepts-retail/les-boutiques" >
Nos concepts retail
</a>
</li>
<li>
<a href="/nous-decouvrir/cafes-richard-a-lexport" >
Cafés Richard à l'international
</a>
</li>
<li>
<a href="/lexique" >
Lexique du café
</a>
</li>
</ul>
</div>
</div>
<div class="tablet:w-1/2 tablet:pt-40 flex mobile:pt-24 mobile:border-t mobile:border-wood-bark tabletdesktop:flex-col mobile:items-center mobile:justify-between shrink-0 desktop:pl-40 desktop:border-l desktop:border-wood-bark">
<ul class="flex mobile:text-15 flex-col text-akaroa tabletdesktop:mb-32 [&>li:not(:last-child)]:mb-16 font-Gill-Sans-Nova-Heavy">
<li>
<a class="leading-lh-22 flex items-center" href="https://recrutement.ricardo-groupe.fr/" target="_blank">
<span>
Offres d'emploi
</span>
<svg class="ml-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none">
<path
d="M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11"
stroke="#D3C8AA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li>
<a class="leading-lh-22" href="/nous-contacter" >
Contact
</a>
</li>
</ul>
<ul class="flex social-profiles flex-wrap tabletdesktop:max-w-120 mobile:w-112 justify-between tabletdesktop:[&>li]:mt-24 mobile:[&>li]:mt-16 [&>li:first-child]:mt-0 [&>li:nth-child(2)]:mt-0">
<li>
<a href="https://www.instagram.com/cafesrichard/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48" fill="none">
<path d="M24 28.2C21.75 28.2 19.8 26.4 19.8 24C19.8 21.75 21.6 19.8 24 19.8C26.25 19.8 28.2 21.6 28.2 24C28.2 26.25 26.25 28.2 24 28.2Z" fill="#D3C8AA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1 13.8H18.9C17.7 13.95 17.1 14.1 16.65 14.25C16.05 14.4 15.6 14.7 15.15 15.15C14.7939 15.5061 14.6257 15.8622 14.4223 16.2926C14.3687 16.406 14.3126 16.5249 14.25 16.65C14.2268 16.7196 14.2 16.7928 14.1713 16.8713C14.0144 17.3 13.8 17.8856 13.8 18.9V29.1C13.95 30.3 14.1 30.9 14.25 31.35C14.4 31.95 14.7 32.4 15.15 32.85C15.5061 33.2061 15.8622 33.3743 16.2926 33.5777C16.4061 33.6313 16.5248 33.6874 16.65 33.75C16.7196 33.7732 16.7928 33.8 16.8713 33.8287C17.3 33.9856 17.8856 34.2 18.9 34.2H29.1C30.3 34.05 30.9 33.9 31.35 33.75C31.95 33.6 32.4 33.3 32.85 32.85C33.2061 32.4939 33.3743 32.1378 33.5777 31.7074C33.6313 31.5939 33.6874 31.4752 33.75 31.35C33.7732 31.2804 33.8 31.2072 33.8287 31.1287C33.9856 30.7 34.2 30.1144 34.2 29.1V18.9C34.05 17.7 33.9 17.1 33.75 16.65C33.6 16.05 33.3 15.6 32.85 15.15C32.4939 14.7939 32.1378 14.6257 31.7074 14.4223C31.5941 14.3688 31.475 14.3125 31.35 14.25C31.2804 14.2268 31.2072 14.2 31.1287 14.1713C30.7 14.0144 30.1144 13.8 29.1 13.8ZM24 17.55C20.4 17.55 17.55 20.4 17.55 24C17.55 27.6 20.4 30.45 24 30.45C27.6 30.45 30.45 27.6 30.45 24C30.45 20.4 27.6 17.55 24 17.55ZM32.1 17.4C32.1 18.2284 31.4284 18.9 30.6 18.9C29.7716 18.9 29.1 18.2284 29.1 17.4C29.1 16.5716 29.7716 15.9 30.6 15.9C31.4284 15.9 32.1 16.5716 32.1 17.4Z" fill="#D3C8AA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24ZM18.9 11.55H29.1C30.45 11.7 31.35 11.85 32.1 12.15C33 12.6 33.6 12.9 34.35 13.65C35.1 14.4 35.55 15.15 35.85 15.9C36.15 16.65 36.45 17.55 36.45 18.9V29.1C36.3 30.45 36.15 31.35 35.85 32.1C35.4 33 35.1 33.6 34.35 34.35C33.6 35.1 32.85 35.55 32.1 35.85C31.35 36.15 30.45 36.45 29.1 36.45H18.9C17.55 36.3 16.65 36.15 15.9 35.85C15 35.4 14.4 35.1 13.65 34.35C12.9 33.6 12.45 32.85 12.15 32.1C11.85 31.35 11.55 30.45 11.55 29.1V18.9C11.7 17.55 11.85 16.65 12.15 15.9C12.6 15 12.9 14.4 13.65 13.65C14.4 12.9 15.15 12.45 15.9 12.15C16.65 11.85 17.55 11.55 18.9 11.55Z" fill="#D3C8AA"/>
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/cafesrichardofficiel" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24ZM24 12C30.6 12 36 17.4 36 24C36 30 31.65 35.1 25.65 36V27.45H28.5L29.1 24H25.8V21.75C25.8 20.85 26.25 19.95 27.75 19.95H29.25V16.95C29.25 16.95 27.9 16.65 26.55 16.65C23.85 16.65 22.05 18.3 22.05 21.3V24H19.05V27.45H22.05V35.85C16.35 34.95 12 30 12 24C12 17.4 17.4 12 24 12Z" fill="#D3C8AA"/>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/cafesrichard" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewbox="0 0 48 48" fill="none">
<circle cx="24" cy="24" r="24" fill="#CF0009"/>
<path d="M27.9 24L21.6 20.4V27.6L27.9 24Z" fill="#D3C8AA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24ZM33.3 16.05C34.35 16.35 35.1 17.1 35.4 18.15C36 20.1 36 24 36 24C36 24 36 27.9 35.55 29.85C35.25 30.9 34.5 31.65 33.45 31.95C31.5 32.4 24 32.4 24 32.4C24 32.4 16.35 32.4 14.55 31.95C13.5 31.65 12.75 30.9 12.45 29.85C12 27.9 12 24 12 24C12 24 12 20.1 12.3 18.15C12.6 17.1 13.35 16.35 14.4 16.05C16.35 15.6 23.85 15.6 23.85 15.6C23.85 15.6 31.5 15.6 33.3 16.05Z" fill="#D3C8AA"/>
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/caf%C3%A9srichard/" target="_blank">
<svg width="48" height="49" viewbox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.0546 0H23.9454C10.7207 0 0 10.7239 0 23.9524V24.0617C0 37.2903 10.7207 48.0141 23.9454 48.0141H24.0546C37.2793 48.0141 48 37.2903 48 24.0617V23.9524C48 10.7239 37.2793 0 24.0546 0Z" fill="#D3C8AA"/>
<path d="M15.5127 18.5646C15.0852 18.1677 14.8726 17.6763 14.8726 17.0917C14.8726 16.5071 15.0863 15.9941 15.5127 15.596C15.9402 15.199 16.4906 15 17.1649 15C17.8391 15 18.3679 15.199 18.7943 15.596C19.2218 15.9929 19.4344 16.4923 19.4344 17.0917C19.4344 17.6911 19.2207 18.1677 18.7943 18.5646C18.3668 18.9616 17.8244 19.1606 17.1649 19.1606C16.5054 19.1606 15.9402 18.9616 15.5127 18.5646ZM19.0751 20.8417V33.0119H15.2307V20.8417H19.0751Z" fill="#CF0009"/>
<path d="M31.8728 22.0446C32.7109 22.9545 33.1293 24.2034 33.1293 25.7934V32.7975H29.4782V26.2871C29.4782 25.4852 29.2701 24.8619 28.8551 24.4183C28.4401 23.9747 27.8806 23.7518 27.1802 23.7518C26.4798 23.7518 25.9203 23.9736 25.5053 24.4183C25.0902 24.8619 24.8822 25.4852 24.8822 26.2871V32.7975H21.2095V20.8082H24.8822V22.3983C25.254 21.8683 25.7555 21.4497 26.3854 21.1415C27.0153 20.8332 27.7237 20.6797 28.5117 20.6797C29.9148 20.6797 31.036 21.1346 31.8728 22.0434V22.0446Z" fill="#CF0009"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pt-24 tabletdesktop:pb-42 mobile:pb-24 text-wood-bark">
<div class="flex justify-between items-start mobiletablet:flex-col">
<div class="w-170 shrink-0">
<div class="flex group" id="footer-language-dropdown">
<ul class="flex flex-col min-w-[70px] relative before:absolute before:-right-20 before:top-0 before:bg-chevron-lang-footer before:w-24 before:h-24 before:bg-cover">
<li class="hidden [&.is-active]:block order-2 [&.is-active]:pointer-events-none [&.is-active]:order-1 group-[.open]:block is-active uppercase text-12 leading-lh-24 font-Gill-Sans-Nova-Bold [&>a]:!text-wood-bark">
<a href="/cultivons-lame-du-cafe-francais" class="language-link language-fr" hreflang="fr">FRANCE</a>
</li>
<li class="hidden [&.is-active]:block order-2 [&.is-active]:pointer-events-none [&.is-active]:order-1 group-[.open]:block uppercase text-12 leading-lh-24 font-Gill-Sans-Nova-Bold [&>a]:!text-wood-bark">
<a href="/en/lets-cultivate-art-french-coffee" class="language-link language-en" hreflang="en">ANGLAIS</a>
</li>
</ul>
</div>
</div>
<div class="min-h-[24px] flex justify-between w-full mobiletablet:flex-col desktop:items-center mobiletablet:mt-24">
<ul class="flex flex-wrap tabletdesktop:[&>li:not(:last-child)]:mr-28 mobile:[&>li:not(:last-child)]:mr-24 leading-lh-16 text-12 mobiletablet:[&>li:not(:last-child)]:mb-8">
<li>
<a href="/politique-de-confidentialite" >
Politique de confidentialité
</a>
</li>
<li>
<a href="/mentions-legales" >
Mentions légales
</a>
</li>
<li>
<a href="/ethique-et-conformite" >
Éthique et conformité
</a>
</li>
<li>
<a href="javascript:openAxeptioCookies()" spellcheck="false">
Gestion des cookies</a>
</li>
</ul>
<p class="font-Gill-Sans-Nova text-12 mobiletablet:mt-16">
©2026
-
Cafés Richard - Site web par
Big Youth &
<a href="https://neovia.co/" target="_blank">
Neovia
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- FOOTER ENDS -->
</div>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"toastify":{"settings":{"_core":{"default_config_hash":"QqSCnLWYoPn-n5CrYe9lifTgt4UX_sGp-6xVa9g5r1c"},"status":{"duration":5000,"color":"#67b99a","color2":"#14746f","colorProgressBar":"#0d514d","direction":"to right","gravity":"top","position":"right","close":true,"offsetX":0,"offsetY":0},"warning":{"duration":5000,"color":"#ffaa00","color2":"#ff6d00","colorProgressBar":"#b24c00","direction":"to right","gravity":"top","position":"right","close":true,"offsetX":0,"offsetY":0},"error":{"duration":5000,"color":"#e01e37","color2":"#a71e34","colorProgressBar":"#741424","direction":"to right","gravity":"top","position":"right","close":true,"offsetX":0,"offsetY":0},"enable_for":{"admin_theme":true,"frontend_theme":true}}},"inscription_form_url":"\/demande-de-reservation","tagvar":{"event":"page_view","content_type":"home","page_title":"Cultivons l\u0027\u00e2me |\u003Ct\u003Edu caf\u00e9 |Fran\u00e7ais\u003C\/t\u003E","page_location":"https:\/\/www.cafesrichard.fr\/","page_language":"fr","page_categorylevel1":"home","page_categorylevel2":"","page_categorylevel3":""},"user":{"uid":0,"permissionsHash":"fbaae552dd89abfa757d046f05fc75f7a16a3c7dc89585b15bd0ae5f882f0355"}}</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
<script src="/sites/default/files/js/js_tXC_2TsYYh1QtqVS9vMfseNu8cvHRrJKFOOVscLeUc8.js?scope=footer&delta=1&language=fr&theme=cafes_richard&include=eJxlyDEOgCAMBdALIRzJFKiIqdT014HbOxgnt5dHAPvax8HF1dKB2EQzSSi0MVbrZSer6c0FPqWPFooap2r3RRKr6ZVvdx3BleB9m-nDf-LJADXGA1LRL90"></script>
</body>
</html>
