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">×</button> 698 699 <h2>Menu de Pâques</h2> 700 <p class="modal-evt-date">Dimanche 5 Avril — 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 — 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">© 2026 Chateau du bost | <a href="mentions-legales" style="color: #fff; text-decoration: underline; font-size: 12px;">Mentions légales</a> | <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.