PageSourceSearch

https://aurikiki.com/bar-lyon-croix-rousse/la-carte

html aurikiki.com collected 2026-10-07 18:58:27 UTC 67,145 bytes, 790 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3    <head>
4
5                        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 5-6
5
6        <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-ZCKQ92LEH8
vendor: 20 bytes, lines 6-7
6"></script>
7        
7<script>
8        
vendor: 151 bytes, lines 8-11
8window.dataLayer = window.dataLayer || [];
9        function gtag(){dataLayer.push(arguments);}
10        gtag('js', new Date());
11        gtag('config', '
11G-ZCKQ92LEH8
vendor: 12 bytes, lines 11-12
11');
12        
12let analyticsJsId = 'G-ZCKQ92LEH8';
13        </script>
13
14        
15        <meta charset="UTF-8">
16        <meta name="viewport" content="width=device-width, initial-scale=1">
17        <title>Au Rikiki – La carte</title>
18        <meta name="robots" content="index,follow">
19        <link rel="icon" href="/assets/favicon-rikiki-32x32.png" sizes="32x32">
20
21                    <!-- Font Awesome -->
22            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
23        
24
25                    
25<script type="module" src="/assets/app.jsx.2a733317.js" defer></script>
25<link rel="stylesheet" media="screen" href="/assets/app.jsx.a59225cb.css"/>
26            <!-- Jquery -->
27            
27<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
27
28            <!-- Bootstrap JS -->
29            
29<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
29
30        
31            
31<script type="text/javascript">
32                $(document).ready(function() {
33                    //close modal -> icon-bar animation X
34                    $('.modal-menu-close').on('click', function () {
35                        setTimeout(function(){
36                        $('.navbar-collapse').collapse('hide')
37                        }, 0);
38                    })
39                    //click on dropdown -> i̶c̶o̶n̶-̶b̶a̶r̶ ̶a̶n̶i̶m̶a̶t̶i̶o̶n̶ ̶X̶
40                    $('.navbar-modal').on('click', function () {
41                        $('#exampleModalLong').modal({
42                            backdrop: 'static',
43                            keyboard: false
44                        })
45                    })
46                });
47            </script>
47
48        
49        <!-- Meta Pixel Code -->
50        
50<script>
vendor: 471 bytes, lines 50-59
50
51        !function(f,b,e,v,n,t,s)
52        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
53        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
54        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
55        n.queue=[];t=b.createElement(e);t.async=!0;
56        t.src=v;s=b.getElementsByTagName(e)[0];
57        s.parentNode.insertBefore(t,s)}(window, document,'script',
58        'https://connect.facebook.net/en_US/fbevents.js');
59        fbq('init', '
59336116848439159
vendor: 46 bytes, lines 59-61
59');
60        fbq('track', 'PageView');
61        
61</script>
61
62        <noscript><img height="1" width="1" style="display:none"
63        src="https://www.facebook.com/tr?id=336116848439159&ev=PageView&noscript=1"
64        /></noscript>
65        <!-- End Meta Pixel Code -->
66
67                
67<script type="module" crossorigin src="/cookiebanner/index.c85b59fa.js" defer></script>
67
68        <link rel="modulepreload" href="/cookiebanner/vendor.57e6d1c5.js">
69        <link rel="stylesheet" href="/cookiebanner/index.18754e6a.css">
70            </head>
71
72    
73    <body>
74        <nav class="navbar navbar-header navbar-expand-lg navbar-light bg-purple-responsive py-0 text-uppercase">
75            <div class="container col-10 px-0 justify-content-between">
76                <a href="/" class="logo-header-reponsive"><img src="/assets/logo-rikiki-theatre-header.png" class="logo-rikiki-theatre-header" alt="Logo Rikiki café théâtre" width="160" height="160" title="logo-rikiki-theatre-header"></a>
77                <div class="navbar-modal" data-toggle="modal" data-target="#exampleModalLong">
78                    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
79                        <span class="icon-bar mb-2"></span>
80                        <span class="icon-bar mb-2"></span>
81                        <span class="icon-bar"></span>
82                    </button>
83                </div>
84                <div class="collapse navbar-collapse justify-content-between" id="navbarNavAltMarkup">
85                    <form id="newsletter_form" action="/newsletter-new" name="newsletter_form" method="POST" enctype="multipart/form-data">
86                        <div class="d-flex w-100 b-right justify-content-center navbar-collapse-content">
87                            <div class="navbar-nav navbar-nav-pr">
88                                <a class="nav-item nav-link nav-link-icon text-white px-0" href="https://fr.linkedin.com/company/au-rikiki-cafe-theatre" target="_blank"><i class="fab icon-nav fa-lg fa-linkedin-in"></i></a>
89                                <a class="nav-item nav-link nav-link-icon text-white" href="https://www.facebook.com/aurikikilyon" target="_blank"><i class="fab icon-nav icon-nav-facebook-center fa-lg fa-facebook-f"></i></a>
90                                <a class="nav-item nav-link nav-link-icon text-white" href="https://www.instagram.com/aurikiki.theatrelyon/" target="_blank"><i class="fab icon-nav fa-lg fa-instagram"></i></a>
91                                <input type="email" name="newsletter-email" id="newsletter-email" size="40" class="nav-input mx-1 px-3" aria-required="true" aria-invalid="false" placeholder="S'inscrire à notre newsletter">
92                                <button type="submit" class="btn-submit-nav"><a class="nav-item nav-link text-white"><i class="fas icon-nav icon-nav-chevron-center fa-lg fa-chevron-right"></i></a></button>
93                            </div>
94                        </div>
95                    </form>
96                    <div class="d-flex w-100 b-right justify-content-center navbar-collapse-content">
97                        <div class="navbar-nav">
98                            <a class="nav-item nav-link nav-item-text text-white" href="/venir-au-rikiki/contact">Contact</a>
99                        </div>
100                    </div>
101                    <div class="d-flex w-100 b-right justify-content-center navbar-collapse-content">
102                                                <div class="navbar-nav">
103                            <a class="nav-item nav-link nav-item-text text-white" href="/upload/2026/programme-sept-2026-jan-2027-web-6aad41be670b4324831977.pdf" target="_blank">Programme</a>
104                        </div>
105                    </div>
106                    <div class="d-flex w-100 b-right justify-content-center navbar-collapse-content">
107                        <div class="navbar-nav navbar-nav-img">
108                            <a class="nav-item nav-link nav-item-text text-white" href="/#calendrier">
109                            <img src="/assets/header-bouton-calendrier.png" alt="Logo calendrier" class="d-flex mx-auto mb-2 img-menu-calendar">Calendrier</a>
110                        </div>
111                    </div>
112                    <div class="d-flex w-100 b-right justify-content-center navbar-collapse-content">
113                        <div class="navbar-nav navbar-nav-img">
114                            <a class="nav-item nav-link nav-item-text text-white" href="/cafe-theatre-reserver-spectacle">
115                            <img src="/assets/header-bouton-reserver.png" alt="Logo réserver" class="d-flex mx-auto mb-2 img-menu
115-ticket">Réserver</a>
116                        </div>
117                    </div>
118                </div>
119            </div>
120            <div class="container-fluid header-nuages-responsive p-0 responsive-yes">
121                <div class="nuages w-100"></div>
122            </div>
123        </nav>
124
125        <header class="container-fluid bg-purple-2 px-0 responsive-no">
126            <div class="container header-title-container d-flex justify-content-center align-items-center">
127                <img src="/assets/au-rikiki-theatre-rire-lyon-580x114-1.png" alt="Logo Rikiki café théâtre" width="580" height="114" title="logo-rikiki-title" class="header-title">
128            </div>
129            <div class="container col-10 px-0">
130                <row>
131                    <a href="/">
132                        <img src="/assets/logo-rikiki-theatre-header.png" alt="Logo Rikiki café théâtre" width="185" height="185" title="logo-rikiki-theatre-header" class="logo-header">
133                    </a>
134                </row>
135            </div>
136            <div class="container-fluid header-nuages p-0">
137                <div class="nuages w-100"></div><br>
138                <div class="bg-white py-0">
139                    <div class="container col-10 px-0 mt-2">
140                        <h1 class="title-page my-0 text-uppercase">Bar / Restauration</h1>
141                        <p class="subtitle-page my-0">Des produits locaux &amp; du fait-maison… À la bonne franquette !</p>
142                    </div>
143                </div>
144                <div class="nuages-reverse w-100"></div>
145            </div>
146        </header>
147
148        <!-- Modal NAV -->
149        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
150            <div class="modal-dialog" role="document">
151                <div class="modal-content d-flex justify-content-center align-items-center flex-column">
152                    <div class="modal-body">
153                        <div class="container-fluid">
154                            <ul class="menu-responsive">
155                                <div class="modal-menu-close">
156                                    <button type="button" class="close btn" data-dismiss="modal" aria-label="Close">
157                                        <span aria-hidden="true">&times;</span>
158                                    </button>
159                                </div>
160                                <li class="menu-item mt-2 delay-150 text-uppercase"><a href="/" aria-current="page">Accueil</a></li>
161                                <li class="menu-item delay-300 text-uppercase"><a href="/spectacles-lyon-centre">Saison 2026 / 2027</a></li>
162                                <li class="menu-item delay-450 text-uppercase"><a href="/spectacles-lyon-jeune-public-enfant">Jeune public</a></li>
163                                <li class="menu-item dropdown delay-600 text-uppercase"><a href="/bar-lyon-croix-rousse" class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bar restauration </a>
164                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
165                                        <ul class="sub-menu">
166                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/bar-lyon-croix-rousse">Le Rikiki bar</a></li>
167                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/bar-lyon-croix-rousse/la-carte">La carte</a></li>
168                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/bar-lyon-croix-rousse/nos-fournisseurs">Nos fournisseurs</a></li>
169                                        </ul>
170                                    </div>
171                                </li>
172                                <li class="menu-item dropdown delay-750 text-uppercase"><a href="/ateliers-theatre" class="dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Atelier théâtre </a>
173                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
174                                        <ul class="sub-menu">
175                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/ateliers-theatre">Présentation</a></li>
176                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/ateliers-theatre/atelier-1">...</a></li>
177                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/ateliers-theatre/atelier-2">Atelier théâtre mardi (18h30) - COMPLET</a></li>
178                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/ateliers-theatre/atelier-3">Atelier impro mardi (20h30)</a></li>
179                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/ateliers-theatre/atelier-4">Atelier théâtre jeudi (19h00) - COMPLET</a></li>
180                                        </ul>
181                                    </div>
182                                </li>
183                                <li class="menu-item dropdown delay-900 text-uppercase"><a href="/espace-professionnel" class="dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Espace professionnel </a>
184                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown3">
185                                        <ul class="sub-menu">
186                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/espace-professionnel">Entreprise</a></li>
187                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/espace-professionnel/espace-pro-compagnie-comedien">Compagnie</a></li>
188                                        </ul>
189                                    </div>
190                                </li>
191                                <li class="menu-item dropdown delay-1050 text-uppercase"><a href="/theatre-lyon-croix-rousse" class="dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Théâtre au Rikiki </a>
192                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown4">
193                                        <ul class="sub-menu">
194                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/theatre-lyon-croix-rousse">Le théâtre</a></li>
195                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/theatre-lyon-croix-rousse/festival-histoire-de-femmes">Notre festival</a></li>
196                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/theatre-lyon-croix-rousse/archives">Ils ont joué ici</a></li>
197                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/theatre-lyon-croix-rousse/partenaires">Nos partenaires</a></li>
198                                        </ul>
199                                    </div>
200                                </li>
201                                <li class="menu-item dropdown delay-1200 text-uppercase"><a href="/venir-au-rikiki" class="dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Venir au Rikiki </a>
202                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown5">
203                                        <ul class="sub-menu">
204                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/venir-au-rikiki">Accès</a></li>
205                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/venir-au-rikiki/contact">Contact</a></li>
206                                        </ul>
207                                    </div>
208                                </li>
209                                <li class="menu-item delay-1350 text-uppercase"><a href="/billetterie-spectacle-theatre" class="dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Infos billetterie </a>
210                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown6">
211                                        <ul class="sub-menu">
212                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/billetterie-spectacle-theatre">Réserver – tarifs</a></li>
213                                            <li class="sub-menu-item dropdown-item mb-1"><a href="/billetterie-spectacle-theatre/horaires-billetterie">Horaires</a></li>
214                                            <li class="sub-menu-item dropdown-item mb-0"><a href="/billetterie-spectacle-theatre/plaisir-doffrir">Plaisir d’offrir</a></li>
215                                        </ul>
216                                    </div>
217                                </li>
218                                <li class="menu-item delay-1500 text-uppercase"><a href="/cafe-theatre-reserver-spectacle">Réserver</a></li>
219                            </ul>
220                        </div>
221                    </div>
222                </div>
223            </div>
224        </div>
225
226        
227<div class="container-fluid mr-2 contenu-page header-nuages-page">
228    <div class="container-fluid header-nuages header-nuages-page p-0 responsive-yes">
229        <div class="nuages w-100"></div><br class="br-no-mobile">
230        <div class="bg-white py-0">
231            <div class="container col-10 px-0 mt-2 mt-no-mobile">
232                <h1 class="title-page my-0 text-uppercase">Bar / Restauration</h1>
233                <p class="subtitle-page my-0">Des produits locaux &amp; du fait-maison… À la bonne franquette !</p>
234            </div>
235        </div>
236        <div class="nuages-reverse w-100"></div>
237    </div>
238</div>
239
240<div class="container-fluid px-0 bg-grey section-page section-page-long-title">
241    <!-- MENU BAR / RESTAURATION -->
242    <div class="container-fluid px-0 menu-reserver-tarifs menu-bar mb-5">
243        <div class="container col-12 px-0">
244            <nav class="nav-reserver-tarifs">
245                <ul class="d-flex mb-0 px-0">
246                  <li class="li-access text-center"><a href="/bar-lyon-croix-rousse" class="text-uppercase">Le Rikiki bar</a></li>
247                  <li class="li-contact bg-white text-center"><a href="/bar-lyon-croix-rousse/la-carte" class="text-uppercase">La carte</a></li>
248                  <li class="text-center"><a href="/bar-lyon-croix-rousse/nos-fournisseurs" class="text-uppercase">Nos fournisseurs</a></li>
249                </ul>
250              </nav>
251        </div>
252    </div>
253    <div class="container col-10 px-0">
254        <!-- LA CARTE -->
255        <div class="d-flex justify-content-between px-0">
256            <div class="container container-title-no-icon col-12 px-0">
257                <div class="section-title-no-icon mt-0 mb-0">
258                    <h2 class="section-title-page text-uppercase mb-1">
259                    <span class="section-subtitle-page text-uppercase">La Carte</span>
260                    </h2>
261                </div>
262            </div>
263        </div>
264        <div class="container container-directrice-bar col-12 px-0 mt-4">
265            <img src="/assets/au-rikiki-bar-produits-locaux.jpg" class="img-directrice-bar" alt="Au Rikiki bar produits locaux" width="1200" height="288" title="au-rikiki-bar-produits-locaux">
266        </div>
267
268        <div class="d-flex justify-content-between flex-row section-under-poster mt-4">
269            <div class="container col-6 px-0 container-under-poster mr-under-poster mb-3-mobile" id="bg-on-mange" onclick="fadeOnMange()">
270                <div class="under-poster">
271                    <h3 class="under-poster-title text-uppercase" id="text-on-mange">Au Rikiki<br>
272                        <span class="under-poster-subtitle">On mange</span>
273                    </h3>
274                </div>
275            </div>
276            <div class="container col-6 px-0 container-under-poster ml-under-poster" id="bg-on-boit" onclick="fadeOnBoit()">
277                <div class="under-poster">
278                    <h3 class="under-poster-title text-uppercase" id="text-on-boit">Au Rikiki<br>
279                        <span class="under-poster-subtitle">On boit</span>
280                    </h3>
281                </div>
282            </div>
283        </div>
284
285        <!-- On mange -->
286        <div class="justify-content-center align-items-center flex-column section-contact container col-12 bg-white p-3 mt-4" id="on-mange">
287            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
288                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
289                    <h3 class="title-subtitle-no-icon text-uppercase d-flex mb-3">Des petits plats<br>
290                        Gourmands</h3>
291                </div>
292            </div>
293            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
294                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
295                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Assiette à partager<br>
296                    <span class="on-mange-text-light">Fromages, charcuteries, houmous maison et petits légumes</span></p>
297                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">16 €</p>
298                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Local</p>
299                </div>
300            </div>
301            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
302                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
303                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Tartine du moment<br>
304                        <span class="on-mange-text-light">Tartine façon croque-monsieur (version végé disponible)</span></p>
305                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">10 €</p>
306                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Fait-maison</p>
307                </div>
308            </div>
309            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
310                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
311                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Rouleaux de printemps<br>
312                        <span class="on-mange-text-light">Garniture végétarienne selon saison, sauce cacahuète / Soja</span></p>
313                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">6 €</p>
314                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Fait-maison</p>
315                </div>
316            </div>
317            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
318                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
319                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Mousse au chocolat</p>
320                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">5 €</p>
321                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Fait-maison</p>
322                </div>
323            </div>
324            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
325                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
326                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Formule menu<br>
327                        <span class="on-mange-text-light">Rouleaux, tartine, mousse au chocolat</span></p>
328                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">18 €</p>
329                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Fait-maison</p>
330                </div>
331            </div>
332            <p class="tarifs-indication text-center mt-2 mb-4">Les tarifs sont indiqués en € TTC // Hors réveillon du 31 décembre.</p>
333            <div class="container section-img-bar col-11 p-0 d-flex mb-3">
334                <div class="container container-img-bar mr-img-bar col-3 px-0">
335                    <img src="/assets/assiette-a-partager-produits-locaux2.jpg" class="img-bar" alt="Assiette à partager produits locaux" width="582" height="337" title="assiette-a-partager-produits-locaux2" draggable="false">
336                </div>
337                <div class="container container-img-bar mr-img-bar col-3 px-0">
338                    <img src="/assets/biere-la-canute-local.jpg" class="img-bar" alt="La bière la canute produits locaux" width="582" height="337" title="biere-la-canute-local" draggable="false">
339                </div>
340                <div class="container container-img-bar mr-img-bar col-3 px-0">
341                    <img src="/assets/boissons-produits-locaux.jpg" class="img-bar" alt="boissons produits locaux" width="582" height="347" title="boissons-produits-locaux" draggable="false">
342                </div>
343                <div class="container container-img-bar col-3 px-0">
344                    <img src="/assets/rouleaux-printemps-fait-maison.jpg" class="img-bar" alt="Rouleaux de printemps fait maison" width="582" height="347" title="rouleaux-printemps-fait-maison" draggable="false">
345                </div>
346            </div>
347            <div class="container col-11 p-0 d-flex justify-content-center mb-3">
348                <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade carousel-bar-content" data-ride="carousel">
349                    <div class="carousel-inner">
350                        <div class="carousel-item active">
351                            <img class="d-block w-100" src="/assets/assiette-a-partager-produits-locaux2.jpg" alt="Assiette à partager produits locaux">
352                        </div>
353                        <div class="carousel-item">
354                            <img class="d-block w-100" src="/assets/biere-la-canute-local.jpg" alt="La bière la canute produits locaux">
355                        </div>
356                        <div class="carousel-item">
357                            <img class="d-block w-100" src="/assets/boissons-produits-locaux.jpg" alt="boissons produits locaux">
358                        </div>
359                        <div class="carousel-item">
360                            <img class="d-block w-100" src="/assets/rouleaux-printemps-fait-maison.jpg" alt="Rouleaux de printemps fait maison">
361                        </div>
362                    </div>
363                </div>
364            </div>
365        </div>
366        <!-- On boit -->
367        <div class="justify-content-center align-items-center flex-column section-contact container col-12 bg-white p-3 mt-4" id="on-boit">
368            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
369                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
370                    <h3 class="title-subtitle-no-icon text-uppercase d-flex mb-3">Boissons au choix</h3>
371                </div>
372            </div>
373            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
374                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
375                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">evian, badoit</p>
376                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">2,5 €</p>
377                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">50cl</p>
378                </div>
379            </div>
380            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
381                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
382                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Limonade<br>
383                        <span class="on-mange-text-light">Nature ou citron vert</span></p>
384                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
385                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
386                </div>
387            </div>
388            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
389                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
390                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Soda cola</p>
391                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
392                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
393                </div>
394            </div>
395            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
396                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
397                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Thé froid<br>
398                        <span class="on-mange-text-light">À la menthe</span></p>
399                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
400                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
401                </div>
402            </div>
403            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
404                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
405                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Sirop</p>
406                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">2 €</p>
407                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Selon arrivage</p>
408                </div>
409            </div>
410            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
411                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
412                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Diabolo</p>
413                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3 €</p>
414                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">25cl</p>
415                </div>
416            </div>
417            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
418                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
419                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Tonic</p>
420                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
421                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
422                </div>
423            </div>
424            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
425                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
426                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Ginger beer</p>
427                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
428                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
429                </div>
430            </div>
431            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
432                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
433                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Café</p>
434                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">2 €</p>
435                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0"></p>
436                </div>
437            </div>
438            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
439                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
440                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Latte</p>
441                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">2,5 €</p>
442                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0"></p>
443                </div>
444            </div>
445            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
446                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
447                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Jus de fruits</p>
448                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3 €</p>
449                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Selon arrivage</p>
450                </div>
451            </div>
452            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
453                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
454                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Pression</p>
455                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">4 €</p>
456                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">25cl</p>
457                </div>
458            </div>
459            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
460                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
461                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Pression</p>
462                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">7 €</p>
463                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">50cl</p>
464                </div>
465            </div>
466            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
467                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
468                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Panaché</p>
469                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">4 €</p>
470                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">25cl</p>
471                </div>
472            </div>
473            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
474                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
475                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Bière la canute<br>
476                        <span class="on-mange-text-light">Bière bouteille</span></p>
477                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">6,5 €</p>
478                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">33cl</p>
479                </div>
480            </div>
481            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
482                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
483                    <p class="on-mange-text on-mange-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0 pt-1">Bière la canute<br>
484                        <span class="on-mange-text-light">Bière bouteille</span></p>
485                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">14 €</p>
486                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">75cl</p>
487                </div>
488            </div>
489            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
490                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
491                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Verre de vin</p>
492                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">4 €</p>
493                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Rouge ou blanc</p>
494                </div>
495            </div>
496            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
497                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
498                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Pot de vin</p>
499                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">12 €</p>
500                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Rouge ou blanc</p>
501                </div>
502            </div>
503            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
504                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
505                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Bouteille de blanc</p>
506                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">25 €</p>
507                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Chardonnay</p>
508                </div>
509            </div>
510            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
511                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
512                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Bouteille de rouge</p>
513                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">25 €</p>
514                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Côtes du Rhône</p>
515                </div>
516            </div>
517            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
518                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
519                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Martini</p>
520                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">3,5 €</p>
521                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">Rouge ou Blanc</p>
522                </div>
523            </div>
524            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
525                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
526                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Bouteille Cidre brut</p>
527                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">
52712 €</p>
528                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">75cl</p>
529                </div>
530            </div>
531            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
532                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
533                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Coupe de champagne</p>
534                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">11 €</p>
535                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">minimum 2 coupes</p>
536                </div>
537            </div>
538            <div class="container col-11 p-0 container-tarifs d-flex flex-row mb-3">
539                <div class="d-flex tarifs-row container col-12 justify-content-between align-items-center px-0">
540                    <p class="on-mange-text on-mange-text-left tarifs-text-left mr-on-mange-text d-flex flex-column align-items-start justify-content-center bg-grey text-left text-uppercase px-2 container col-8 mb-0">Bouteille de champagne</p>
541                    <p class="on-mange-text mr-on-mange-text d-flex align-items-center justify-content-center bg-pink px-2 container col-2 mb-0">55 €</p>
542                    <p class="on-mange-text-light d-flex align-items-center justify-content-center bg-grey text-center px-2 container col-3 mb-0">75 cl</p>
543                </div>
544            </div>
545            <p class="tarifs-indication text-center mt-2 mb-4">Les tarifs sont indiqués en € TTC // Hors réveillon du 31 décembre.</p>
546            <div class="container section-img-bar col-11 p-0 d-flex mb-3">
547                <div class="container container-img-bar mr-img-bar col-3 px-0">
548                    <img src="/assets/assiette-a-partager-produits-locaux2.jpg" class="img-bar" alt="Assiette à partager produits locaux" width="582" height="337" title="assiette-a-partager-produits-locaux2" draggable="false">
549                </div>
550                <div class="container container-img-bar mr-img-bar col-3 px-0">
551                    <img src="/assets/biere-la-canute-local.jpg" class="img-bar" alt="La bière la canute produits locaux" width="582" height="337" title="biere-la-canute-local" draggable="false">
552                </div>
553                <div class="container container-img-bar mr-img-bar col-3 px-0">
554                    <img src="/assets/boissons-produits-locaux.jpg" class="img-bar" alt="boissons produits locaux" width="582" height="347" title="boissons-produits-locaux" draggable="false">
555                </div>
556                <div class="container container-img-bar col-3 px-0">
557                    <img src="/assets/rouleaux-printemps-fait-maison.jpg" class="img-bar" alt="Rouleaux de printemps fait maison" width="582" height="347" title="rouleaux-printemps-fait-maison" draggable="false">
558                </div>
559            </div>
560            <div class="container col-11 p-0 d-flex justify-content-center mb-3">
561                <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade carousel-bar-content" data-ride="carousel">
562                    <div class="carousel-inner">
563                        <div class="carousel-item active">
564                            <img class="d-block w-100" src="/assets/assiette-a-partager-produits-locaux2.jpg" alt="Assiette à partager produits locaux">
565                        </div>
566                        <div class="carousel-item">
567                            <img class="d-block w-100" src="/assets/biere-la-canute-local.jpg" alt="La bière la canute produits locaux">
568                        </div>
569                        <div class="carousel-item">
570                            <img class="d-block w-100" src="/assets/boissons-produits-locaux.jpg" alt="boissons produits locaux">
571                        </div>
572                        <div class="carousel-item">
573                            <img class="d-block w-100" src="/assets/rouleaux-printemps-fait-maison.jpg" alt="Rouleaux de printemps fait maison">
574                        </div>
575                    </div>
576                </div>
577            </div>
578        </div>
579        <br>
580    </div>
581</div>
582
583<script>
584function fadeOnBoit() {
585  document.getElementById("on-boit").style.display = "flex";
586  document.getElementById("bg-on-boit").style.backgroundColor = "#150232";
587  document.getElementById("text-on-boit").style.color = "#FFFFFF";
588
589  document.getElementById("bg-on-mange").style.backgroundColor = "#FFFFFF";
590  document.getElementById("text-on-mange").style.color = "#150232";
591
592  var element = document.getElementById('on-boit');
593  var element2 = document.getElementById('on-mange');
594
595  var delayInMilliseconds = 100; //1 second
596  setTimeout(function() {
597      element.style.opacity = "1";
598      element2.style.display = "none";
599      element2.style.opacity = "0";
600  }, delayInMilliseconds);
601}
602function fadeOnMange() {
603  document.getElementById("on-boit").style.display = "none";
604  document.getElementById("bg-on-boit").style.backgroundColor = "#FFFFFF";
605  document.getElementById("text-on-boit").style.color = "#150232";
606
607  document.getElementById("bg-on-mange").style.backgroundColor = "#150232";
608  document.getElementById("text-on-mange").style.color = "#FFFFFF";
609
610  var element = document.getElementById('on-boit');
611  element.style.display = "none";
612  element.style.opacity = "0";
613  var element2 = document.getElementById('on-mange');
614  element2.style.display = "flex";
615
616  var delayInMilliseconds = 100; //1 second
617  setTimeout(function() {
618      element2.style.opacity = "1";
619  }, delayInMilliseconds);
620}
621</script>
621
622        <div id="root"></div>
623
624                <footer>
625            <section class="bg-purple">
626                <div class="container container-footer-2 col-10 px-0 text-white d-flex flex-column">
627                    <div class="d-flex col-12 justify-content-center align-items-center mobile-infos-resas">
628                        <div class="d-flex flex-column justify-content-center align-items-center">
629                            <p class="mb-0 pt-3 infos-resas"><span class="text-uppercase fw-bold">Infos &amp; Résas</span></p>
630                            <p class="mb-0 py-0 infos-resas text-center"><span class="fw-bold">04 78 39 41 44 / <a href="mailto:[email protected]?subject=Demande d'informations // via le site internet du RikikI" class="footer-link text-white">[email protected]</a></span></p>
631                            <p class="mb-0 pb-3 infos-resas text-center"><span class="fw-bold">11 rue de l’Annonciade, Lyon 1<sup>er</sup> </span></p>
632                        </div>
633                    </div>
634                    <div class="d-flex col-12 justify-content-center align-items-center mobile-social-media">
635                        <div class="d-flex mx-2 mb-2">
636                            <a class="nav-item nav-link text-white py-0 px-1" href="https://fr.linkedin.com/company/au-rikiki-cafe-theatre" target="_blank"><i class="fab icon-nav fa-lg fa-linkedin-in"></i></a>
637                            <a class="nav-item nav-link text-white py-0 px-1" href="https://www.facebook.com/aurikikilyon" target="_blank"><i class="fab icon-nav icon-nav-facebook-center fa-lg fa-facebook-f"></i></a>
638                            <a class="nav-item nav-link text-white py-0 px-1" href="https://www.instagram.com/aurikiki.theatrelyon/" target="_blank"><i class="fab icon-nav fa-lg fa-instagram"></i></a>
639                        </div>
640                    </div>
641                    <div class="d-flex col-12 justify-content-between align-items-center mobile-col-copyright">
642                        <div class="flex-column copyright py-3">
643                            <p class="mb-0">© Copyright 2026 Le Rikiki. Tout droit réservé.</p>
644                            <a id="handle-cookie-modal">Préférences cookies</a>                        </div>
645                        <div class="d-flex flex-column justify-content-center align-items-center desktop-infos-resas">
646                            <p class="mb-0 pt-3 infos-resas"><span class="text-uppercase fw-bold">Infos &amp; Résas</span></p>
647                            <p class="mb-0 py-0 infos-resas text-center"><span class="fw-bold">04 78 39 41 44 / <a href="mailto:[email protected]?subject=Demande d'informations // via le site internet du RikikI" class="footer-link text-white">[email protected]</a></span></p>
648                            <p class="mb-0 pb-3 infos-resas text-center"><span class="fw-bold">11 rue de l’Annonciade, Lyon 1<sup>er</sup> </span></p>
649                        </div>
650                        <div class="d-flex align-items-center">
651                            <div class="d-flex mx-3 desktop-social-media">
652                                <a class="nav-item nav-link text-white py-0 px-1" href="https://fr.linkedin.com/company/au-rikiki-cafe-theatre" target="_blank"><i class="fab icon-nav fa-lg fa-linkedin-in"></i></a>
653                                <a class="nav-item nav-link text-white py-0 px-1" href="https://www.facebook.com/aurikikilyon" target="_blank"><i class="fab icon-nav icon-nav-facebook-center fa-lg fa-facebook-f"></i></a>
654                                <a class="nav-item nav-link text-white py-0 px-1" href="https://www.instagram.com/aurikiki.theatrelyon/" target="_blank"><i class="fab icon-nav fa-lg fa-instagram"></i></a>
655                            </div>
656                            <div class="flex-column py-3">
657                                <a class="footer-link mb-0 pt-0 text-white" href="/politique-de-confidentialite">Politique de confidentialité</a><br>
658                                <a class="footer-link mb-0 pb-0 text-white link-mentions-légales" href="/mentions-legales">Mentions légales - CGV</a>
659                            </div>
660                        </div>
661                    </div>
662                </div>
663            </section>
664        </footer>
665        <div id="cookiebar"></div>
666        <div class="menu-footer-fix text-uppercase">
667            <div class="pos-f-t bg-white">
668                <div class="collapse" id="navbarToggleExternalContent">
669                    <div class="container-collapse bg-purple-2 py-0 d-flex justify-content-between flex-row">
670                        <div class="container col-10 py-0 d-flex justify-content-between flex-row">
671                            <div class="container container-collapse-1 col-8 bg-purple-2 p-5 d-flex flex-column justify-content-between mx-0">
672                                <div class="row col-12 d-flex flex-row justify-content-between">
673                                    <div class="col-3 px-0">
674                                        <a href="/spectacles-lyon-centre" class="collapse-link collaspse-title">Saison<br>2026 / 2027</a><br>
675                                        <div class="mt-2">
676                                            <a href="/spectacles-lyon-centre" class="collapse-link collaspse-subtitle">Toute la programmation</a>
677                                        </div>
678                                    </div>
679                                    <div class="col-3 px-0">
680                                        <a href="/spectacles-lyon-jeune-public-enfant" class="collapse-link collaspse-title">Jeune<br>public</a><br>
681                                        <div class="mt-2">
682                                            <a href="/spectacles-lyon-jeune-public-enfant" class="collapse-link collaspse-subtitle">Tout-petits, familial,<br>vacances scolaires</a>
683                                        </div>
684                                    </div>
685                                    <div class="col-3 px-0">
686                                        <a href="/bar-lyon-croix-rousse" class="collapse-link collaspse-title">Bar<br>restauration</a><br>
687                                        <div class="mt-2">
688                                            <a href="/bar-lyon-croix-rousse" class="collapse-link collaspse-subtitle">Le Rikiki bar</a><br>
689                                            <a href="/bar-lyon-croix-rousse/la-carte" class="collapse-link collaspse-subtitle">La carte</a><br>
690                                            <a href="/bar-lyon-croix-rousse/nos-fournisseurs" class="collapse-link collaspse-subtitle">Nos fournisseurs</a>
691                                        </div>
692                                    </div>
693                                    <div class="col-3 px-0">
694                                        <a href="/ateliers-theatre" class="collapse-link collaspse-title">Ateliers<br>théâtre</a><br>
695                                        <div class="mt-2">
696                                            <a href="/ateliers-theatre" class="collapse-link collaspse-subtitle">Présentation</a><br>
697                                            <a href="/ateliers-theatre/atelier-1" class="collapse-link collaspse-subtitle">...</a><br>
698                                            <a href="/ateliers-theatre/atelier-2" class="collapse-link collaspse-subtitle">Atelier théâtre mardi (18h30) - COMPLET</a><br>
699                                            <a href="/ateliers-theatre/atelier-3" class="collapse-link collaspse-subtitle">Atelier impro mardi (20h30)</a><br>
700                                            <a href="/ateliers-theatre/atelier-4" class="collapse-link collaspse-subtitle">Atelier théâtre jeudi (19h00) - COMPLET</a>
701                                        </div>
702                                    </div>
703                                </div>
704                                <div class="row col-12 d-flex flex-row justify-content-between mt-5">
705                                    <div class="col-3 px-0">
706                                        <a href="/espace-professionnel" class="collapse-link collaspse-title">Espace<br>professionnel</a><br>
707                                        <div class="mt-2">
708                                            <a href="/espace-professionnel" class="collapse-link collaspse-subtitle">Entreprise</a><br>
709                                            <a href="/espace-professionnel/espace-pro-compagnie-comedien" class="collapse-link collaspse-subtitle">Compagnie</a>
710                                        </div>
711                                    </div>
712                                    <div class="col-3 px-0">
713                                        <a href="/theatre-lyon-croix-rousse" class="collapse-link collaspse-title">Théâtre<br>Au Rikiki</a><br>
714                                        <div class="mt-2">
715                                            <a href="/theatre-lyon-croix-rousse" class="collapse-link collaspse-subtitle">Le théâtre</a><br>
716                                            <a href="/theatre-lyon-croix-rousse/festival-histoire-de-femmes" class="collapse-link collaspse-subtitle">Notre festival</a><br>
717                                            <a href="/theatre-lyon-croix-rousse/archives" class="collapse-link collaspse-subtitle">Ils ont joué ici</a><br>
718                                            <a href="/theatre-lyon-croix-rousse/partenaires" class="collapse-link collaspse-subtitle">Nos partenaires</a>
719                                        </div>
720                                    </div>
721                                    <div class="col-3 px-0">
722                                        <a href="/venir-au-rikiki" class="collapse-link collaspse-title">Venir<br>au Rikiki</a><br>
723                                        <div class="mt-2">
724                                            <a href="/venir-au-rikiki" class="collapse-link collaspse-subtitle">Accès</a><br>
725                                            <a href="/venir-au-rikiki/contact" class="collapse-link collaspse-subtitle">Contact</a>
726                                        </div>
727                                    </div>
728                                    <div class="col-3 px-0">
729                                        <a href="/billetterie-spectacle-theatre" 
729class="collapse-link collaspse-title">Infos<br>Billetterie</a><br>
730                                        <div class="mt-2">
731                                            <a href="/billetterie-spectacle-theatre" class="collapse-link collaspse-subtitle">Réserver - tarifs</a><br>
732                                            <a href="/billetterie-spectacle-theatre/horaires-billetterie" class="collapse-link collaspse-subtitle">Horaires</a><br>
733                                            <a href="/billetterie-spectacle-theatre/plaisir-doffrir" class="collapse-link collaspse-subtitle">Plaisir d'offrir</a>
734                                        </div>
735                                    </div>
736                                </div>
737                            </div>
738
739                            <div class="container container-collapse-2 col-4 bg-purple-2 d-flex justify-content-start align-items-end">
740                                <img class="size-full wp-image-906 alignleft" src="/assets/logo-rikiki-theatre-header-footer.png" alt="Logo Rikiki café théâtre" width="184" height="184">
741                            </div>
742                        </div>
743                    </div>
744                    <div class="container-fluid header-nuages p-0">
745                        <div class="nuages w-100"></div>
746                    </div>
747                </div>
748                <div class="container container-footer col-10 px-0 d-flex justify-content-between">
749                    <nav class="navbar navbar-footer bg-white py-0 w-100">
750                        <div class="navbar-footer-logo">
751                            <a class="navbar-footer-link" href="/">
752                                <img src="/assets/navigation-logo-rikiki.png" alt="Logo Rikiki" width="43" height="43" class="size-full"/>
753                            </a>
754                        </div>
755                        <div class="d-flex p-0 h-100 col-10 justify-content-between">
756                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
757                                <a class="nav-item nav-link text-center" href="/spectacles-lyon-centre">Saison<br/>2026 / 2027</a>
758                            </div>
759                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
760                                <a class="nav-item nav-link text-center" href="/spectacles-lyon-jeune-public-enfant">Jeune<br/>public</a>
761                            </div>
762                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
763                                <a class="nav-item nav-link text-center" href="/bar-lyon-croix-rousse">Bar<br/>Restauration</a>
764                            </div>
765                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
766                                <a class="nav-item nav-link text-center" href="/ateliers-theatre">Ateliers<br/>théâtre</a>
767                            </div>
768                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
769                                <a class="nav-item nav-link text-center" href="/espace-professionnel">Espace<br/>professionnel</a>
770                            </div>
771                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
772                                <a class="nav-item nav-link text-center" href="/theatre-lyon-croix-rousse">Théâtre<br/>au Rikiki</a>
773                            </div>
774                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
775                                <a class="nav-item nav-link text-center" href="/venir-au-rikiki">Venir<br/>au Rikiki</a>
776                            </div>
777                            <div class="py-0 div-link h-100 w-100 d-flex align-items-center justify-content-center">
778                                <a class="nav-item nav-link text-center" href="/billetterie-spectacle-theatre">Infos<br/>Billetterie</a>
779                            </div>
780                        </div>
781                        <button class="navbar-toggler navbar-toggler-footer py-0" type="button" data-toggle="collapse" data-target="#navbarToggleExter
781nalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
782                            <span class="navbar-toggler-icon"></span>
783                        </button>
784                    </nav>
785                </div>
786            </div>
787        </div>
788    </body>
789</html>
790

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.