PageSourceSearch

https://chateau-du-bost.com/hotel

html chateau-du-bost.com collected 2026-10-07 13:15:01 UTC 39,920 bytes, 838 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5    <meta charset="UTF-8">
6    <!-- Google Analytics -->
vendor: 68 bytes, lines 6-7
6
7    <script async src="https://www.googletagmanager.com/gtag/js?id=
7G-Z6VDP1CLWC
vendor: 16 bytes, lines 7-8
7"></script>
8    
8<script>
9      
vendor: 145 bytes, lines 9-12
9window.dataLayer = window.dataLayer || [];
10      function gtag(){dataLayer.push(arguments);}
11      gtag('js', new Date());
12      gtag('config', '
12G-Z6VDP1CLWC
vendor: 8 bytes, lines 12-13
12');
13    
13</script>
13
14    <meta http-equiv="X-UA-Compatible" content="IE=edge">
15    <meta name="viewport" content="width=device-width, initial-scale=1.0">
16    <meta name="description" content="Découvrez nos 8 chambres de charme au Château du Bost près de Vichy. Confort haut de gamme, vue sur parc, petit-déjeuner inclus. Réservez votre séjour.">
17    <title>Chambres - Château du Bost Hôtel près de Vichy</title>
18    <meta property="og:title" content="Chambres – Château du Bost Hôtel près de Vichy">
19    <meta property="og:description" content="Découvrez nos 8 chambres de charme au Château du Bost près de Vichy. Confort haut de gamme, vue sur parc, petit-déjeuner inclus. Réservez votre séjour.">
20    <meta property="og:image" content="https://chateau-du-bost.com/assets/images/og/og-hotel.jpg">
21    <meta property="og:image:width" content="1200">
22    <meta property="og:image:height" content="630">
23    <meta property="og:url" content="https://chateau-du-bost.com/hotel">
24    <link rel="canonical" href="https://chateau-du-bost.com/hotel">
25    <link rel="alternate" hreflang="fr" href="https://chateau-du-bost.com/hotel">
26    <link rel="alternate" hreflang="en" href="https://chateau-du-bost.com/en/hotel">
27    <link rel="alternate" hreflang="x-default" href="https://chateau-du-bost.com/hotel">
28    <meta property="og:type" content="website">
29    <link rel="stylesheet" href="/app/bootstrap/css/bootstrap.css">
30    <link rel="stylesheet" href="/app/swiper/swiper-bundle.min.css">
31    <link rel="stylesheet" href="/app/dist/app.css">
32    <link rel="stylesheet" href="/assets/fontawesome-free-6.4.2-web/css/all.min.css">
33    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
34    <link rel="stylesheet" href="/assets/css/custom.css">
35    <!-- Favicon and Touch Icons -->
36    
36<script src="/assets/js/favicon.js"></script>
36
37    
37<script src="/assets/js/schema.js"></script>
37
38    
38<script src="/assets/js/opengraph.js"></script>
38
39    <link rel="apple-touch-icon-precomposed" href="/assets/images/favicon.png">
40    <link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400&display=optional" rel="stylesheet">
41    <!-- Swiper CDN requis par app/js/swiper.js -->
42    
42<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
42
43
44    <style>
45        /* Dimensions carousel chambres — doit rester ici pour override app.css */
46        .swiper-chambre {
47            width: 100%;
48            height: 400px;
49            position: relative;
50            overflow: hidden;
51        }
52        .swiper-chambre .swiper-slide {
53            height: 400px;
54        }
55        .swiper-chambre .swiper-slide img {
56            width: 100%;
57            height: 100%;
58            object-fit: cover;
59        }
60        @media (max-width: 768px) {
61            .swiper-chambre,
62            .swiper-chambre .swiper-slide {
63                height: 250px;
64            }
65            /* Chambre confort : photo après le texte sur mobile */
66            .confort-section .image {
67                order: 2;
68            }
69            .confort-section .content {
70                order: 1;
71            }
72        }
73    </style>
74
75</head>
76
77<body class="main page-full header-fixed">
78    <h1 class="visually-hidden">Chambres d'Hôtel de Charme - Château du Bost près de Vichy</h1>
79<!-- menu.php -->
80
81<!-- debut de copie pour header -->
82<!-- preloade -->
83<div class="preloader">
84    <div class="clear-loading loading-effect-2">
85        <span></span>
86    </div>
87</div>
88<!-- /preload -->
89<div id="wrapper">
90    <!-- Top bar -->
91    <!-- <div class="top-bar-2">
92            <div class="container">
93                <div class="row">
94                    <div class="col-12">
95                        <div class="top-header">
96                            <div class="contact-left">
97                                <div class="icon"><i class="fa fa-utensils"></i></div>
98                                <div class="t">
99                                    <p>[email protected] </p>
100                                    <p>0033 (0)4 70 59 59 59</p>
101                                </div>
102                            </div>
103                            <div class="header__logo">
104                                <a href="index.html"><img src="/assets/images/logo/logocb-02.png" alt=""></a>
105                            </div>
106                            <div class="contact-right">
107                                <div class="icon"><i class="fa-solid fa-location-dot"></i></div>
108                                <div class="t">
109                                    <p>27 rue de Beausejour ,
110
111                                    </p>
112                                    <p>03700 Bellerive/ allier</p>
113                                </div>
114                            </div>
115                        </div>
116                    </div>
117                </div>
118            </div>
119        </div>-->
120
121    <!-- end Top bar -->
122    <!-- Header -->
123
124    <header id="header_main" class="header style-1" style="background-color:#6b795d;">
125
126        <div class="container">
127
128            <div id="site-header-inner" class="site-header-inner">
129                <!--<a href="index.html"><p style="font-family: 'Tangerine', cursive; font-size: 48px; line-height:40px; margin-left:70px; margin-top:12px; color:white">Chateau <br>du Bost</p></a>-->
130                <a href="./">
131                    <img src="/assets/images/logo/Logo chateau du bost-blanc.svg" alt="Château du Bost"
132                        style="margin-left:80px; margin-top:20px; height:55px; width:166px;">
133                </a>
134                <!--<div class="search-form">
135                        <div class="input-box">
136                            <input type="text" placeholder="Search..." />
137                            <span class="search">
138                                <i class="fa fa-search"></i>
139                            </span>
140                            <i class="fa fa-x close-icon"></i>
141
142                        </div>
143
144                    </div>-->
145
146                <nav id="main-nav" class="main-nav" style="margin-top: -5px;">
147                    <ul id="menu-primary-menu" class="menu">
148                        <!--<li class="menu-item menu-item-has-children  current-menu-item">
149                                <a style="color:white" href="index.html">Accueil</a>
150                                <!--<ul class="sub-menu">
151                                    <li class="menu-item"><a href="index.html">Home 01</a></li>
152                                    <li class="menu-item current-item"><a href="home_02.html">Accueil</a></li>
153                                    <li class="menu-item"><a href="home_03.html">Home 03</a></li>
154                                    <li class="menu-item"><a href="home_04.html">Home 04</a></li>
155
156                                </ul>-->
157                        <!-- </li>-->
158
159                        <!--<li class="menu-item menu-item-has-children">
160                                <a href="#">Pages</a>
161                                <ul class="sub-menu">
162                                    <li class="menu-item"><a href="404.html">Page 404</a></li>
163                                    <li class="menu-item"><a href="about.html">About</a></li>
164                                    <li class="menu-item"><a href="careers.html">Careers</a></li>
165                                    <li class="menu-item"><a href="coming_soon.html">Coming Soon</a></li>
166                                    <li class="menu-item"><a href="faq.html">Faqs</a></li>
167                                    <li class="menu-item"><a href="gallery.html">Gallery</a></li>
168                                    <li class="menu-item"><a href="history.html">History</a></li>
169                                    <li class="menu-item"><a href="location.html">Location</a></li>
170                                    <li class="menu-item"><a href="gift_vouchers.html">Gift Vouchers</a></li>
171                                    <li class="menu-item"><a href="gift_vouchers_detail.html">Gift Detail</a></li>
172
173                                </ul>
174
175                            </li>-->
176                        <li class="menu-item menu-item-has-children menu-item-event-parent">
177                            <a href="/restaurant">Le restaurant</a>
178                            <!--<span class="menu-evt-label" onclick="ouvrirMenuEvenement()">Menu de Pâques</span>-->
179                        </li>
180
181                        <li class="menu-item menu-item-has-children">
182                            <a href="/hotel">L'hôtel</a>
183                        </li>
184
185                        <li class="menu-item menu-item-has-children">
186                            <a href="/organisation-mariage">Les évènements</a>
187                        </li>
188
189                        <li class="menu-item menu-item-has-children">
190                            <a href="/engagements">Les engagements</a>
191                        </li>
192
193                        <li class="menu-item menu-item-has-children">
194                            <a href="/#reserver" style="text-transform: lowercase;"><span style="text-transform: uppercase;">R</span>éserver</a>
195                        </li>
196
197                        <li class="menu-item menu-item-has-children">
198                            <a href="/bons-cadeaux" style="text-transform: lowercase;"><span style="text-transform: uppercase;">O</span>ffrir</a>
199                        </li>
200
201                        <li class="menu-item menu-item-has-children">
202                            <a href="/venir" style="text-transform: lowercase;"><span style="text-transform: uppercase;">V</span>enir</a>
203                        </li>
204                        <li class="menu-item menu-item-has-children">
205                            <a href="/contact" style="text-transform: lowercase;"><span style="text-transform: uppercase;">C</span>ontact</a>
206                        </li>
207                        <li class="menu-item lang-switch-item">
208                            <a href="/en/hotel" class="lang-switch-link" aria-label="Switch to English"><span class="flag">🇬🇧</span>EN</a>
209                        </li>
210                    </ul>
211                </nav><!-- /#main-nav -->
212
213                <!--<div class="sidebar-btn">
214                        <a class="btn-side">
215                            <span></span>
216                        </a>
217                        <div class="sidebar-content">
218                            <img class="mb-50" src="/assets/images/logo/logo-sidebar.png" alt="">
219                            <p class="mb-46">
220                                Au fil des saisons, saveurs et couleurs se mélangent dans l’assiette au gré de l’inspiration du chef Thomas ILLOUZ. 
221                            </p><br>
222							<p class="mb-46">
223								On vient au château pour sa table mais aussi l'élégancede son l’hôtel de charme 3 étoiles :
224                            </p>
225                            <h4 class="mb-11">0033 (0)4 70 59 59 59</h4>
226                            <p class="mb-5p">27 rue de Beausejour 03700 Bellerive/Allier, France</p>
227                            <p class="mb-30">[email protected]</p>
228                            <div class="line"></div>
229                            <p>Ouverture: <br />
230                                Mercredi - Dimanche : 9h00 - 22h00,</p>
231                            <div class="line"></div>
232                            <!--<ul class="list-social">
233                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
234                                <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
235                                <li><a href="#"><i class="fa-solid fa-envelope"></i></a></li>
236                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
237                            </ul>-->
238                <!-- </div>
239                    </div>-->
240                <div class="mobile-button"><span></span></div><!-- /.mobile-button -->
241            </div>
242        </div>
243    </header>
244    <!-- end Header -->
245    <!-- Fin de copie pour header -->    <!-- preloade -->
246    <div class="preloader">
247        <div class="clear-loading loading-effect-2">
248            <span></span>
249        </div>
250    </div>
251    <!-- /preload -->
252<div id="wrapper">
253
254        <section class="s-contact" style="padding-top:50px;">
255            <div class="container">
256                <div class="row" style="align-items:center;">
257                    <div class="col-md-5" data-aos="fade-right" data-aos-duration="1000">
258                        <img src="assets/images/section/chambre_3_privilege.webp" alt="Chambre privilège - Château du Bost" style="width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:4px; display:block; box-shadow:0 14px 34px rgba(0,0,0,0.14);">
259                    </div>
260                    <div class="col-md-7">
261                        <div class="block-text left">
262                            <p class="subtitle" data-aos-duration="1000" data-aos="fade-up">Un hôtel de caractère</p>
263                            <h3 class="title" data-aos-duration="1000" data-aos="fade-up" style="font-family: 'Noto Serif', serif; font-size:36px;">8 chambres, une âme</h3>
264                            <p class="text" data-aos-duration="1000" data-aos="fade-up" style="font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px;">Niché au cœur d'un parc arboré, le Château du Bost vous accueille dans 8 chambres à l'atmosphère intimiste, chacune pensée comme un cocon distinct entre tradition, confort et raffinement. Que vous recherchiez le charme discret d'une chambre tradition, l'originalité contemporaine d'une chambre confort ou la douceur enveloppante d'une chambre privilège, chaque espace a été conçu pour vous offrir calme, élégance et bien-être au fil de votre séjour. Le Château dispose également d'une chambre accessible aux personnes à mobilité réduite (PMR), aménagée pour un accueil confortable et adapté à tous.<br>
265                            <strong>Réception hôtel ouverture de 8h00 à 20h00</strong></p>
266                        </div>
267                    </div>
268                </div>
269            </div>
270        </section>
271
272        <section class="about-restaurant" style="padding-top:20px; margin-bottom: -100px; background-color:#fff;">
273            <div class="container">
274                <div class="row">
275                    <div class="col-md-12">
276                        <div class="about-restaurant-main">
277                            <div class="content" style="background-color:#fff;">
278                                <div class="block-text left">
279                                    <p class="subtitle" data-aos-duration="1000" data-aos="fade-up">Un cocon douillet</p>
280                                    <h3 class="title" data-aos-duration="1000" data-aos="fade-up" style="font-family: 'Noto Serif', serif; font-size:36px;">Nos chambres tradition</h3>
281                                    <p class="text" data-aos-duration="1000" style="font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px;" data-aos="fade-up">Offrant une vue sur le jardin, nos chambres double classique sont parfaites pour un voyage d'affaires ou une nuit romantique au Château.
282                                        <br/><br/>Équipements en chambre : télévision à écran plat, chaînes du câble, bureau, coffre-fort, climatisation, douche, sèche-cheveux, articles de toilette, WC, minibar, serviettes, linge de maison.<br/><br/>
283                                        • Superficie : de 9 à 12 m²<br/>• Type de lit : 1 grand lit double 160</p>
284                                    <a href="https://premium.logishotels.com/engine/booking/233/199903/dates?specialMode=default&langcode=FR&m=booking" target="_blank" class="tf-button style3 btn-vert">Voir les disponibilités</a>
285                                </div>
286                            </div>
287                            <div class="image right" data-aos-duration="1000" style="border-right-width: 0px; border-right-style: solid; padding-left: 25px;" data-aos="fade-left">
288                                <div class="swiper-container swiper-chambre" id="swiper-trad">
289                                    <div class="swiper-wrapper">
290                                        <div class="swiper-slide"><img src="/assets/images/section/ch-trad-1.jpg" alt="Chambre tradition au Château du Bost"></div>
291                                        <div class="swiper-slide"><img src="/assets/images/section/ch-trad-2.jpg" alt="Chambre tradition - vue détail"></div>
292                                        <div class="swiper-slide"><img src="/assets/images/section/ch-trad-3.jpg" alt="Chambre tradition - salle de bain"></div>
293                                    </div>
294                                    <div class="swiper-pagination"></div>
295                                    <div class="swiper-button-prev"></div>
296                                    <div class="swiper-button-next"></div>
297                                </div>
298                            </div>
299                        </div>
300                    </div>
301                </div>
302            </div>
303        </section>
304
305        <section class="about-restaurant" style="padding-top:5px; margin-bottom: -100px; background-color:#F9F3F0;">
306            <div class="container">
307                <div class="row">
308                    <div class="col-md-12">
309                        <div class="about-restaurant-main confort-section">
310                            <div class="image left" data-aos-duration="1900" style="border-right-width: 0px;border-right-style: solid;padding-right: 25px; background-color:#F9F3F0;" data-aos="fade-right">
311                                <div class="swiper-container swiper-chambre" id="swiper-conf">
312                                    <div class="swiper-wrapper">
313                                        <div class="swiper-slide"><img src="/assets/images/section/ch-conf-1.jpg" alt="Chambre confort au Château du Bost"></div>
314                                        <div class="swiper-slide"><img src="/assets/images/section/ch-conf-2.jpg" alt="Chambre confort - vue détail"></div>
315                                        <div class="swiper-slide"><img src="/assets/images/section/ch-conf-3.jpg" alt="Chambre confort - salle de bain"></div>
316                                    </div>
317                                    <div class="swiper-pagination"></div>
318                                    <div class="swiper-button-prev"></div>
319                                    <div class="swiper-button-next"></div>
320                                </div>
321                            </div>
322                            <div class="content" style="background-color:#F9F3F0;">
323                                <div class="block-text right">
324                                    <p class="subtitle" data-aos-duration="1000" data-aos="fade-up">Contemporaine et originale</p>
325                                    <h3 class="title" data-aos-duration="1000" data-aos="fade-up" style="font-family: 'Noto Serif', serif; font-size:36px;">Nos chambres confort</h3>
326                                    <p class="text" data-aos-duration="1000" style="font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px;" data-aos="fade-up">Offrant une vue sur le jardin, nos chambres double confort sont parfaites pour une escapade romantique à deux pas de Vichy.
327                                        <br/><br/>Équipements en chambre : télévision à écran plat, chaînes du câble, bureau, coffre-fort, climatisation, armoire / penderie, douche ou baignoire, WC, sèche-cheveux, articles de toilette, minibar, bouilloire électrique, serviettes, linge de maison.
328                                        <br/><br/>• Superficie : 14 à 16 m²<br/>
329                                        • Type de lit(s) : 1 grand lit double 180 ou 2 lits simples selon demande</p>
330                                    <a href="https://premium.logishotels.com/engine/booking/233/199903/dates?specialMode=default&langcode=FR&m=booking" target="_blank" class="tf-button style3 btn-transparent">Voir les disponibilités</a>
331                                </div>
332                            </div>
333                        </div>
334                    </div>
335                </div>
336            </div>
337        </section>
338
339        <section class="about-restaurant" style="padding-top:5px; margin-bottom: -100px; background-color:#fff;">
340            <div class="container">
341                <div class="row">
342                    <div class="col-md-12">
343                        <div class="about-restaurant-main">
344                            <div class="content" style="background-color:#fff;">
345                                <div class="block-text left">
346                                    <p class="subtitle" data-aos-duration="1000" data-aos="fade-up">Une douce intimité</p>
347                                    <h3 class="title" data-aos-duration="1000" data-aos="fade-up" style="font-family: 'Noto Serif', serif; font-size:36px;">Nos chambres privilège</h3>
348                                    <p class="text" data-aos-duration="1000" style="font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px;" data-aos="fade-up">Offrant une vue sur le jardin, nos chambres double supérieure sont un écrin de calme et d'élégance pour un séjour gastronomique au cœur de l'Allier.
349                                        <br/><br/>Équipements en chambre : télévision à écran plat, chaînes du câble, bureau, coffre-fort, climatisation, coin salon, canapé, armoire / penderie, douche, sèche-cheveux, articles de toilette, WC, minibar, bouilloire électrique, serviettes, linge de maison.
350                                        <br/><br/>• Superficie : 17 à 25 m²<br/>
351                                        • Type de lit(s) : 1 très grand lit double 180 ou 2 lits simples sur demande</p>
352                                    <a href="https://premium.logishotels.com/engine/booking/233/199903/dates?specialMode=default&langcode=FR&m=booking" target="_blank" class="tf-button style3 btn-vert">Voir les disponibilités</a>
353                                </div>
354                            </div>
355                            <div class="image right" data-aos-duration="1000" style="border-right-width: 0px;border-right-style: solid;padding-left: 25px;" data-aos="fade-left">
356                                <div class="swiper-container swiper-chambre" id="swiper-priv">
357                                    <div class="swiper-wrapper">
358                                        <div class="swiper-slide"><img src="/assets/images/section/ch-priv-1.jpg" alt="Chambre privilège au Château du Bost"></div>
359                                        <div class="swiper-slide"><img src="/assets/images/section/ch-priv-2.jpg" alt="Chambre privilège - vue détail"></div>
360                                        <div class="swiper-slide"><img src="/assets/images/section/ch-priv-3.jpg" alt="Chambre privilège - salle de bain"></div>
361                                    </div>
362                                    <div class="swiper-pagination"></div>
363                                    <div class="swiper-button-prev"></div>
364                                    <div class="swiper-button-next"></div>
365                                </div>
366                            </div>
367                        </div>
368                    </div>
369                </div>
370            </div>
371        </section>
372
373</div>
374
375<!-- footer.php -->
376<style>
377    .footer .widget h5::before {
378        background: #D4BA98 !important;
379    }
380
381    .footer .list-social li a {
382        border-color: #D4BA98 !important;
383    }
384
385    .footer-new .footer-left h3 {
386        font-family: 'Noto Serif', serif;
387        font-size: 28px;
388        color: #fff;
389        margin: 0 0 5px 0;
390        font-weight: 200;
391    }
392
393    .footer-new .footer-left .subtitle {
394        font-family: 'Inter', sans-serif;
395        font-size: 13px;
396        color: #fff;
397        letter-spacing: 3px;
398        line-height: 0.5;
399        margin: 0 0 15px 0;
400        font-weight: 200;
401    }
402
403    .footer-new .footer-left p,
404    .footer-new .footer-left a {
405        font-family: 'Inter', sans-serif;
406        font-size: 14px;
407        color: #fff;
408        line-height: 1.3;
409        margin: 0;
410        text-decoration: none;
411        font-weight: 200;
412    }
413
414    .footer-new .footer-left .copyright {
415        margin-top: 25px;
416        font-size: 13px;
417        color: #fff;
418    }
419
420    .footer-new .footer-center {
421        text-align: center;
422    }
423
424    .footer-new .footer-center p {
425        font-family: 'Inter', sans-serif;
426        font-size: 14px;
427        color: #fff;
428        line-height: 1.8;
429        margin: 0 0 25px 0;
430        font-weight: 200;
431    }
432
433    .footer-new .footer-center .list-social {
434        list-style: none;
435        padding: 0;
436        margin: 0;
437        display: flex;
438        justify-content: center;
439        gap: 15px;
440    }
441
442    .footer-new .footer-center .list-social li a {
443        display: flex;
444        align-items: center;
445        justify-content: center;
446        width: 42px;
447        height: 42px;
448        border: 1px solid rgba(255, 255, 255, 0.4);
449        border-radius: 50%;
450        color: #fff;
451        font-size: 16px;
452        transition: all 0.3s;
453    }
454
455    .footer-new .footer-center .list-social li a:hover {
456        background: rgba(255, 255, 255, 0.15);
457        border-color: #fff;
458    }
459
460    .footer-new .footer-right {
461        text-align: right;
462    }
463
464    .footer-new .footer-right h4 {
465        font-family: 'Inter', sans-serif;
466        font-size: 18px;
467        color: #fff;
468        font-weight: 400;
469        margin: 0 0 3px 0;
470    }
471
472    .footer-new .footer-right p {
473        font-family: 'Inter', sans-serif;
474        font-size: 14px;
475        color: #fff;
476        line-height: 1.2;
477        margin: 0 0 10px 0;
478        font-weight: 200;
479    }
480
481    .footer-new .footer-right .logos {
482        display: flex;
483        align-items: center;
484        justify-content: flex-end;
485        gap: 20px;
486        margin-top: 15px;
487    }
488
489    .footer-new .footer-right .logos img {
490        height: 60px;
491        width: auto;
492    }
493
494    /* Mobile */
495    @media (max-width: 1199px) {
496        .footer-new .footer-left {
497            margin-bottom: 35px;
498        }
499
500        .footer-new .footer-center {
501            text-align: left;
502            margin-bottom: 35px;
503        }
504
505        .footer-new .footer-center .list-social {
506            justify-content: flex-start;
507        }
508
509        .footer-new .footer-right {
510            text-align: left;
511        }
512
513        .footer-new .footer-right .logos {
514            justify-content: flex-start;
515        }
516    }
517</style>
518
519<!-- ===== MODAL MENU ÉVÉNEMENT ===== -->
520<style>
521    .modal-evt-overlay {
522        display: none;
523        position: fixed;
524        top: 0;
525        left: 0;
526        width: 100%;
527        height: 100%;
528        background: rgba(0, 0, 0, 0.75);
529        z-index: 99999;
530        align-items: center;
531        justify-content: center;
532        padding: 20px;
533        box-sizing: border-box;
534    }
535
536    .modal-evt-box {
537        background: #f9f3f0;
538        border: 1px solid #D4BA98;
539        max-width: 660px;
540        width: 100%;
541        max-height: 88vh;
542        overflow-y: auto;
543        padding: 45px 50px;
544        position: relative;
545        box-sizing: border-box;
546    }
547
548    .modal-evt-close {
549        position: absolute;
550        top: 15px;
551        right: 20px;
552        background: none;
553        border: none;
554        color: #333;
555        font-size: 30px;
556        cursor: pointer;
557        line-height: 1;
558        padding: 0;
559    }
560
561    .modal-evt-box h2 {
562        font-family: 'Noto Serif', serif;
563        color: #1a1a1a;
564        font-size: 30px;
565        font-weight: 400;
566        margin: 0 0 6px 0;
567    }
568
569    .modal-evt-date {
570        font-family: 'Inter', sans-serif;
571        color: rgba(0, 0, 0, 0.5);
572        font-size: 12px;
573        letter-spacing: 2px;
574        text-transform: uppercase;
575        margin: 0 0 35px 0;
576    }
577
578    .modal-evt-sep {
579        border: none;
580        border-top: 1px solid rgba(0, 0, 0, 0.15);
581        margin: 28px 0;
582    }
583
584    .modal-evt-menu-label {
585        font-family: 'Inter', sans-serif;
586        color: rgba(0, 0, 0, 0.5);
587        font-size: 11px;
588        letter-spacing: 2.5px;
589        text-transform: uppercase;
590        margin: 0 0 4px 0;
591    }
592
593    .modal-evt-menu-price {
594        font-family: 'Noto Serif', serif;
595        color: #1a1a1a;
596        font-size: 26px;
597        font-weight: 400;
598        margin: 0 0 4px 0;
599    }
600
601    .modal-evt-hb {
602        font-family: 'Inter', sans-serif;
603        color: rgba(0, 0, 0, 0.4);
604        font-size: 11px;
605        letter-spacing: 1px;
606        text-transform: uppercase;
607        margin: 0 0 22px 0;
608    }
609
610    .modal-evt-plat {
611        margin-bottom: 14px;
612    }
613
614    .modal-evt-plat .plat-titre {
615        font-family: 'Inter', sans-serif;
616        color: #6b795d;
617        font-size: 11px;
618        letter-spacing: 2px;
619        text-transform: uppercase;
620        font-weight: 600;
621        margin: 0 0 3px 0;
622    }
623
624    .modal-evt-plat .plat-desc {
625        font-family: 'Inter', sans-serif;
626        color: rgba(0, 0, 0, 0.7);
627        font-size: 13px;
628        line-height: 1.55;
629        margin: 0;
630    }
631
632    .modal-evt-cta {
633        display: block;
634        text-align: center;
635        margin-top: 30px;
636        background: #D4BA98;
637        color: #f9f3f0 !important;
638        font-family: 'Inter', sans-serif;
639        font-size: 11px;
640        font-weight: 700;
641        letter-spacing: 3px;
642        text-transform: uppercase;
643        text-decoration: none !important;
644        padding: 15px 30px;
645        transition: background 0.3s;
646    }
647
648    .modal-evt-cta:hover {
649        background: #c29765;
650    }
651
652    /* Label Menu événement — apparaît au survol de "Le restaurant" */
653    .menu-item-event-parent {
654        position: relative;
655    }
656
657    .menu-evt-label {
658        position: absolute;
659        bottom: 20px;
660        left: 50%;
661        transform: translateX(-50%);
662        font-family: 'Inter', sans-serif;
663        font-size: 10px;
664        color: #fff;
665        letter-spacing: 1.5px;
666        text-transform: uppercase;
667        font-style: italic;
668        opacity: 0;
669        transition: opacity 0.2s ease;
670        cursor: pointer;
671        white-space: nowrap;
672        line-height: 1;
673    }
674
675    .menu-item-event-parent:hover .menu-evt-label {
676        opacity: 0.9;
677    }
678
679    .menu-evt-label:hover {
680        color: #D4BA98 !important;
681        opacity: 1 !important;
682    }
683
684    @media (max-width: 768px) {
685        .modal-evt-box {
686            padding: 30px 22px;
687        }
688
689        .modal-evt-box h2 {
690            font-size: 24px;
691        }
692    }
693</style>
694
695<div id="modalMenuEvenement" class="modal-evt-overlay" onclick="if(event.target===this)fermerMenuEvenement()">
696    <div class="modal-evt-box">
697        <button class="modal-evt-close" onclick="fermerMenuEvenement()" aria-label="Fermer">&times;</button>
698
699        <h2>Menu de Pâques</h2>
700        <p class="modal-evt-date">Dimanche 5 Avril &mdash; Déjeuner</p>
701
702        <p class="modal-evt-menu-label">Menu en 5 Étapes</p>
703        <p class="modal-evt-menu-price">85 €</p>
704        <p class="modal-evt-hb">Hors Boissons</p>
705
706        <hr class="modal-evt-sep">
707
708        <p class="modal-evt-menu-label">Menu en 6 Étapes &mdash; Avec Plateau de Fromages</p>
709        <p class="modal-evt-menu-price">99 €</p>
710        <p class="modal-evt-hb">Hors Boissons</p>
711
712        <div class="modal-evt-plat">
713            <p class="plat-titre">Asperges / Orange / Œuf</p>
714            <p class="plat-desc">Asperges croquantes en duo de textures, sabayon crémeux et notes d'orange éclatantes.</p>
715        </div>
716        <div class="modal-evt-plat">
717            <p class="plat-titre">Foie Gras / Rhubarbe / Betterave</p>
718            <p class="plat-desc">Foie gras poêlé juste doré, accompagné de rhubarbe légèrement confite, betterave cuite et crue.</p>
719        </div>
720        <div class="modal-evt-plat">
721            <p class="plat-titre">Poisson / Herbes / Œufs de Truite</p>
722            <p class="plat-desc">Mousseline légère de poisson, herbes en folie.</p>
723        </div>
724        <div class="modal-evt-plat">
725            <p class="plat-titre">Lapin / Endive / Carotte</p>
726            <p class="plat-desc">Le lapin en folie gourmandise autour d'une endive braisée et d'un ketchup de carotte à l'orange.</p>
727        </div>
728        <div class="modal-evt-plat">
729            <p class="plat-titre">Fromages / Affinage / Terroir</p>
730            <p class="plat-desc">Plateau, une sélection de caractère.</p>
731        </div>
732        <div class="modal-evt-plat">
733            <p class="plat-titre">Chocolat Intense / Noisette / Vanille</p>
734            <p class="plat-desc">Biscuit moelleux, praliné et crème légère à la vanille, accompagnés de glace au chocolat maison.</p>
735        </div>
736
737    </div>
738</div>
739
740<script>
741    function ouvrirMenuEvenement() {
742        document.getElementById('modalMenuEvenement').style.display = 'flex';
743        document.body.style.overflow = 'hidden';
744    }
745
746    function fermerMenuEvenement() {
747        document.getElementById('modalMenuEvenement').style.display = 'none';
748        document.body.style.overflow = '';
749    }
750    document.addEventListener('keydown', function(e) {
751        if (e.key === 'Escape') fermerMenuEvenement();
752    });
753</script>
753
754<!-- ===== FIN MODAL MENU ÉVÉNEMENT ===== -->
755
756<footer class="footer style-2 footer-new" style="background-color:#6b795d; padding: 50px 0 30px;">
757    <div class="container">
758        <div class="row">
759            <!-- Colonne gauche : Infos -->
760            <div class="col-xl-4 col-md-12 footer-left">
761                <h3>Château du Bost</h3>
762                <p class="subtitle">Restaurant - Hôtel</p>
763
764                <p>27 rue de Beausejour</p>
765                <p>03700 Bellerive sur Allier, France</p>
766                <p style="margin-top: 10px;"><a href="mailto:[email protected]">[email protected]</a></p>
767                <p style="margin-top: 2px;">+33 (0)4 70 59 59 59</p>
768                                    <p class="copyright">&copy; 2026 Chateau du bost &nbsp;|&nbsp; <a href="mentions-legales" style="color: #fff; text-decoration: underline; font-size: 12px;">Mentions légales</a> &nbsp;|&nbsp; <a href="cgv" style="color: #fff; text-decoration: underline; font-size: 12px;">CGV</a></p>
769                            </div>
770
771            <!-- Colonne centre : Description + réseaux -->
772            <div class="col-xl-4 col-md-12 footer-center">
773                                    <p>Au Château du Bost, chaque instant prolonge une même vision. Du séjour à l'assiette, tout est pensé comme une parenthèse sensorielle, engagée et sincère, où émotion et exigence se rencontrent dans une atmosphère raffinée.</p>
774                
775                <ul class="list-social">
776                    <li><a href="https://www.facebook.com/Ch%C3%A2teau-du-Bost-H%C3%B4telRestaurant-1427235137423230/" target="_blank" rel="noopener noreferrer" aria-label="Château du Bost sur Facebook"><i class="fa-brands fa-facebook-f"></i></a></li>
777                    <li><a href="https://www.tripadvisor.fr/Restaurant_Review-g196516-d6018000-Reviews-Chateau_du_Bost_Hotel_Restaurant-Bellerive_sur_Allier_Allier_Auvergne_Rhone_Alpes.html" target="_blank" rel="noopener noreferrer" aria-label="Château du Bost sur TripAdvisor"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
778                                <path d="M459 108H366C337 81 299 64 256 64s-81 17-110 44H53C28 108 8 128 8 153v256c0 25 20 45 45 45h406c25 0 45-20 45-45V153c0-25-20-45-45-45zM132 352c-44 0-80-36-80-80s36-80 80-80 80 36 80 80-36 80-80 80zm124-80c0-66-54-120-120-120-19 0-37 5-53 13C107 139 178 96 256 96s149 43 173 69c-16-8-34-13-53-13-66 0-120 54-120 120zm124 80c-44 0-80-36-80-80s36-80 80-80 80 36 80 80-36 80-80 80zm-124-56c-13 0-24-11-24-24s11-24 24-24 24 11 24 24-11 24-24 24zm-124 0c-13 0-24-11-24-24s11-24 24-24 24 11 24 24-11 24-24 24zm248 0c-13 0-24-11-24-24s11-24 24-24 24 11 24 24-11 24-24 24z" />
779                            </svg></a></li>
780                    <!-- <li><a href="#"><i class="fa-solid fa-envelope"></i></a></li>
781                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>-->
782                </ul>
783            </div>
784
785            <!-- Colonne droite : Horaires + logos -->
786            <div class="col-xl-4 col-md-12 footer-right">
787                                    <h4>Restaurant Ouverture</h4>
788                    <p>du mercredi midi au dimanche soir</p>
789
790                    <h4>Hôtel</h4>
791                    <p>7 jours sur 7</p>
792                
793                <div class="logos">
794                    <img src="/assets/images/section/badge.png" alt="Clorofil" width="1127" height="706">
795                    <img src="/assets/images/logo/logo_site_internet_footer_Sélection_Restaurant_2026_rouge.png" alt="Sélection Restaurant 2026" width="1046" height="1046">
796                    <a href="https://www.teritoria.com/hotels/le-chateau-du-bost/" target="_blank" rel="noopener"><img src="/assets/images/section/logo teri.png" alt="Teritoria" width="812" height="654"></a>
797                </div>
798            </div>
799        </div>
800    </div>
801</footer>
802
803
804    </div>
805    <a id="scroll-top"></a>
806    
806<script src="/app/js/jquery.min.js"></script>
806
807    
807<script src="/app/js/swiper-bundle.min.js"></script>
807
808    
808<script src="/app/js/swiper.js"></script>
808
809    
809<script src="/app/js/app.js"></script>
809
810    
810<script src="/app/js/jquery.easing.js"></script>
810
811    
811<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
811
812    
812<script src="/app/js/parallax.js"></script>
812
813    
813<script src="/app/js/jquery.magnific-popup.min.js"></script>
813
814    
814<script src="/app/js/bootstrap.min.js"></script>
814
815    
815<script src="/app/js/count-down.js"></script>
815
816    
816<script src="/app/js/countto.js"></script>
816
817
818    
818<script>
819        var swiperTrad = new Swiper('#swiper-trad', {
820            loop: true,
821            pagination: { el: '#swiper-trad .swiper-pagination', clickable: true },
822            navigation: { nextEl: '#swiper-trad .swiper-button-next', prevEl: '#swiper-trad .swiper-button-prev' }
823        });
824        var swiperConf = new Swiper('#swiper-conf', {
825            loop: true,
826            pagination: { el: '#swiper-conf .swiper-pagination', clickable: true },
827            navigation: { nextEl: '#swiper-conf .swiper-button-next', prevEl: '#swiper-conf .swiper-button-prev' }
828        });
829        var swiperPriv = new Swiper('#swiper-priv', {
830            loop: true,
831            pagination: { el: '#swiper-priv .swiper-pagination', clickable: true },
832            navigation: { nextEl: '#swiper-priv .swiper-button-next', prevEl: '#swiper-priv .swiper-button-prev' }
833        });
834    </script>
834
835
836</body>
837
838</html>

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