<!doctype html>
<html lang="en">
<!-- -->
<!-- Developpement et realisation VECTOR communication www.vector.ch -->
<!-- -->
<head>
<meta charset="UTF-8">
<link rel="preload" href="/css/font/ZapfinoExtra.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/css/font/ZapfinoExtra.woff" as="font" type="font/woff" crossorigin>
<link rel="preload" href="/css/font/LucidaSans.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/css/font/LucidaSans.woff" as="font" type="font/woff" crossorigin>
<link rel="preload" href="/css/font/Humanst.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/css/font/Humanst.woff" as="font" type="font/woff" crossorigin>
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="canonical" href="https://www.beau-rivage-hotel.ch/en/" />
<meta property="og:url" content="https://www.beau-rivage-hotel.ch/en/" />
<meta property="og:site_name" content="Beau-Rivage Hotel ***** Neuchâtel" />
<meta name="viewport" content="width=device-width">
<script src="//lightwidget.com/widgets/lightwidget.js"></script>
<link rel="stylesheet" type="text/css" href="/css/slider-pro.min.css" media="screen"/>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/js/jquery.sliderPro.min.js"></script>
<script type="text/javascript" src="/js/jquery.chocolat.min.js"></script>
<link rel="stylesheet" href="/css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<style>
@font-face {
font-family: 'ZapfinoExtra';
src:url('../css/font/ZapfinoExtra.woff2') format('woff2'),
url('../css/font/ZapfinoExtra.woff') format('woff');
}
@font-face {
font-family: 'LucidaSan';
src:url('../css/font/LucidaSans.woff2') format('woff2'),
url('../css/font/LucidaSans.woff') format('woff');
}
@font-face {
font-family: 'Humanst';
src:url('../css/font/Humanst.woff2') format('woff2'),
url('../css/font/Humanst.woff') format('woff'),
url('../css/font/HumanstBRH.ttf') format('truetype'),
}
@font-face {
font-family: 'HumanstBRH';
src:url('../css/font/Humanst.woff2') format('woff2'),
url('../css/font/Humanst.woff') format('woff'),
url('../css/font/HumanstBRH.ttf') format('truetype');
}
@font-face {
font-family: 'Pictogrammes';
src:url('../css/font/picto-brh.eot?bcw98s');
src:url('../css/font/picto-brh.eot?bcw98s#iefix') format('embedded-opentype'),
url('../css/font/picto-brh.ttf?bcw98s') format('truetype'),
url('../css/font/picto-brh.woff?bcw98s') format('woff'),
url('../css/font/picto-brh.svg?bcw98s#picto-brh') format('svg');
font-weight: normal;
font-style: normal;
}
* {
box-sizing: border-box;
}
a:link, a:active, a:visited {
text-decoration: none;
color: #927b4d;
}
.restaurant a:link, .restaurant a:active, .restaurant a:visited {
color: #701b11
}
.spa a:link, .spa a:active, .spa a:visited {
color: #6d9417;
}
#Evenements a:link, #Evenements a:active, #Evenements a:visited {
color: #5a6c86;
}
a:hover {
text-decoration: underline;
}
a.externe button::after{
font-family: 'Pictogrammes';
display: inline-block; content: '\e905';
}
body {
margin: 0;
font-family: HumanstBRH, sans-serif;
color: #757575;
background-color: #fff;
}
header {
/* overflow: hidden; */
position:fixed;
/* height: auto; */
width: 100%;
z-index: 1000;
background-color: #fff;
border-bottom: 1px solid #848484;
}
.conteneur {
max-width: 1240px;
margin: auto;
padding: 0 20px;
}
div img {
width: 100%;
height: auto;
}
div #WebCam img {
width: auto;
}
div#TA_ssnarrowcollectreview196.TA_ssnarrowcollectreview img {
width:0;
}
#BarreNavigation {
overflow: hidden;
/* min-height:112px; */
}
#BarreNavigation.conteneur {
max-width: 100%; /* new */
}
#LogoBeauRivage {
float: left;
line-height: 0;
overflow: hidden;
width: 17.5%;
z-index: 10;
max-width: 210px; /* new */
}
#BarreNavigationLiens {
float: right;
text-align: right;
width: 82%;
}
#LiensUtiles, #NavigationPrincipale {
/* float: right; */
overflow: hidden;
}
#NavigationPrincipale { float: right; }
#LiensUtiles {
font-size: 13px;
padding-top: 11px;
}
#LiensUtiles a:link, #LiensUtiles a:active, #LiensUtiles a:visited, #LiensUtiles a:hover {
color: #000;
}
#NavigationRacccourcis, #ChoixLangues {
float: right;
}
#NavigationRacccourcis a.picto::before {
font-family: 'Pictogrammes';
font-size: 14px;
line-height:12px;
vertical-align: top;
padding: 0 3px 0 15px;
display: inline-block; }
#NavigationRacccourcis a.picto.gds:before {
content: '\e900';
}
#NavigationRacccourcis a.picto.plan-acces:before {
content: '\e901';
}
#NavigationRacccourcis a.picto.meteo:before {
content: '\e902';
}
#NavigationRacccourcis a.picto.contact:before {
content: '\e903';
}
#ChoixLangues {
white-space: nowrap;
margin-left: 50px;
color: #000;
}
#ChoixLangues .active {
text-decoration: underline;
}
ul.liste-navigation {
margin: 0;
padding: 0;
list-style: none;
}
ul.liste-navigation li {
float: left;
}
#NavigationPrincipale {
clear: both;
margin-top: 4%;
margin-top: 52px;
}
#NavigationPrincipale .navigation-deroulante {
display: block;
}
@media (max-width: 999px) {
#NavigationPrincipale .navigation-deroulante {
display:none;
}
}
#NavigationPrincipale .navigation-deroulante-element a:link, #NavigationPrincipale .navigation-deroulante-element a:active, #NavigationPrincipale .navigation-deroulante-element a:visited, #NavigationPrincipale .navigation-deroulante-element a:hover {
font-family: HumanstBRH, sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #929292;
}
#NavigationPrincipale .navigation-deroulante-element a:hover {
text-decoration: none;
}
@media (max-width: 1239px) {
#NavigationPrincipale .navigation-deroulante-element a:link, #NavigationPrincipale .navigation-deroulante-element a:active, #NavigationPrincipale .navigation-deroulante-element a:visited, #NavigationPrincipale .navigation-deroulante-element a:hover {
font-size: 1.13vw;
}
}
#Hotel .navigation-deroulante-element.hotel a,
#News .navigation-deroulante-element.news a,
#Events .navigation-deroulante-element.events a,
#Activites .navigation-deroulante-element.activites a,
#Chambres .navigation-deroulante-element.chambres a,
#Gastronomie .navigation-deroulante-element.restaurant a,
#Evenements .navigation-deroulante-element.evenements a,
#Spa .navigation-deroulante-element.spa a,
#Forfaits .navigation-deroulante-element.forfaits a,
#NeuchatelEnvirons .navigation-deroulante-element.neuchatel a,
#NavigationPrincipale .navigation-deroulante-element:hover a {
padding-bottom: 4px;
border-bottom: 1px solid;
}
#Hotel .navigation-deroulante-element.hotel a,
#NavigationPrincipale .navigation-deroulante-element.hotel:hover a {
/* color:#848484;
border-color: #848484;*/
color:#0a255d;
border-color: #0a255d;
}
#News .navigation-deroulante-element.news a,
#Events .navigation-deroulante-element.events a,
#NavigationPrincipale .navigation-deroulante-element.news:hover a {
/* color:#848484;
border-color: #848484;*/
color:#0a255d;
border-color: #0a255d;
}
#Activites .navigation-deroulante-element.activites a,
#NavigationPrincipale .navigation-deroulante-element.activites:hover a {
/* color:#848484;
border-color: #848484;*/
color:#0a255d;
border-color: #0a255d;
}
#Chambres .navigation-deroulante-element.chambres a,
#NavigationPrincipale .navigation-deroulante-element.chambres:hover a {
/* color:#917b4c;
border-color: #917b4c;*/
color:#0a255d;
border-color: #0a255d;
}
#Gastronomie .navigation-deroulante-element.restaurant a,
#NavigationPrincipale .navigation-deroulante-element.restaurant:hover a {
/* color:#700b12;
border-color: #700b12;*/
color:#0a255d;
border-color: #0a255d;
}
#Evenements #NavigationPrincipale .navigation-deroulante-element.evenements a,
#NavigationPrincipale .navigation-deroulante-element.evenements:hover a {
/* color:#5a6b85;
border-color: #5a6b85;*/
color:#0a255d;
border-color: #0a255d;
}
#Spa .navigation-deroulante-element.spa a,
#NavigationPrincipale .navigation-deroulante-element.spa:hover a {
/* color:#6d9417;
border-color: #6d9417;*/
color:#0a255d;
border-color: #0a255d;
}
#Forfaits .navigation-deroulante-element.forfaits a,
#NavigationPrincipale .navigation-deroulante-element.forfaits:hover a {
/* color:#848484;
border-color: #848484;*/
color:#0a255d;
border-color: #0a255d;
}
#NeuchatelEnvirons .navigation-deroulante-element.neuchatel a,
#NavigationPrincipale .navigation-deroulante-element.neuchatel:hover a {
/* color:#848484;
border-color: #848484;*/
color:#0a255d;
border-color: #0a255d;
}
.navigation-deroulante-element.reservations {
position: absolute;
right: 20px;
top: 35px;
padding-bottom: 0;
}
.navigation-deroulante-element.reservations:hover {
height: 250px;
width: 450px;
}
li.reservations:hover .navigation-deroulante-contenu {
top: 15px;
}
li.reservations:hover .navigation-deroulante-contenu .conteneur {
padding-right: 0;;
}
@media (max-width: 1000px) {
#Hotel .navigation-deroulante-element.hotel a,
#Chambres .navigation-deroulante-element.chambres a,
#Gastronomie .navigation-deroulante-element.restaurant a,
#Evenements .navigation-deroulante-element.evenements a,
#Spa .navigation-deroulante-element.spa a,
#Forfaits .navigation-deroulante-element.forfaits a,
#NeuchatelEnvirons .navigation-deroulante-element.neuchatel a,
#NavigationPrincipale .navigation-deroulante-element:hover a {
border-bottom: none;
}
}
.navigation-deroulante-element {
padding-top: 4px;
padding-left: 20px;
padding-bottom: 3%;
overflow: hidden;
}
.navigation-deroulante-contenu {
display:none;
visibility: hidden;
position: absolute;
top:91px;
top: 102px; /* new */
left: 0;
width:100%;
/* height: 325px; */
text-align: left;
padding-top: 20px;
text-transform: none;
background-color: #fff;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17);
z-index: 100;
}
.navigation-deroulante-element:hover .navigation-deroulante-contenu {
display: block;
visibility: visible;
}
@media (max-width: 1000px) {
.navigation-deroulante-element:hover .navigation-deroulante-contenu {
display: none;
visibility: hidden;
}
}
.menu-visible {
display: block;
visibility: visible;
}
.navigation-deroulante-contenu .conteneur {
padding-top: 10px;
}
.navigation-deroulante-contenu .conteneur .resume {
float: left;
width:28%;
margin-right:4%;
font-size: 14px;
line-height: 21px;
}
.navigation-deroulante-contenu .conteneur .resume p {
margin-top: 0;
}
.navigation-deroulante-contenu .conteneur .raccourcis {
float: left;
width: 100%;
text-align: center
}
.navigation-deroulante-contenu .conteneur ul.vignettes {
list-style: none;
margin:0;
margin-bottom: 20px;
padding: 0;
display:inline-block;
clear: both;
overflow: hidden;
}
.navigation-deroulante-contenu .conteneur li.vignette {
width:108px;
margin: 0 12px;
text-align: center;
}
#NavigationPrincipale .navigation-deroulante-element .conteneur li.vignette a {
font-size: 11px;
text-transform: none;
border: none;
}
.navigation-deroulante-contenu .conteneur li.vignette img{
border-radius: 54px;
width: 100%;
height: auto;
}
@media (max-width: 1239px) {
.navigation-deroulante-contenu .conteneur li.vignette {
width:8.7vw;
margin: 0 1vw;
}
#NavigationPrincipale .navigation-deroulante-element .conteneur li.vignette a {
font-size: 0.89vw;
}
}
li.reservations .navigation-deroulante-contenu {
text-align: right;
padding-top: 0;
background: none;
top: 78px;
top: 85px; /* new */
box-shadow: none;
}
li.reservations .navigation-deroulante-contenu .conteneur .raccourcis {
float:right;
display: inline-block;
width: 400px;
padding: 20px;
background-color: #0a255d;
overflow: hidden;
}
li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul {
list-style: none;
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #8592ae;
}
li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li {
display: block;
float:none;
text-align: left;
padding: 8px 10px 5px 10px;
border-bottom: 1px solid #8592ae;
}
li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li:last-child {
border: none;
}
li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li:hover {
background-color: #8592ae;
}
#NavigationPrincipale li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li a:link,
#NavigationPrincipale li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li a:visited,
#NavigationPrincipale li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li a:active,
#NavigationPrincipale li.reservations .navigation-deroulante-contenu .conteneur .raccourcis ul li a:hover {
display: block;
text-transform: none;
color: #ffffff;
text-decoration: none;
border: none;
}
#NavigationPrincipaleMini {
display: none;
}
@media (max-width: 999px) {
#BarreNavigationLiens {
width: 75%;
}
#LogoBeauRivage {
width: 25%;
}
#NavigationPrincipaleMini {
display: block;
margin-bottom: 10px;
}
#NavigationPrincipale ul.liste-navigation li {
display: block;
float: none;
}
#NavigationPrincipale ul.liste-navigation li a:link {
display: block;
float: none;
font-size: 18px;
line-height: 28px;
}
#NavigationPrincipale ul.liste-navigation li.reservations a:link {
text-align:center;
}
.navigation-deroulante-element:hover .navigation-deroulante-contenu {
display: none;
visibility: invisible;
}
}
@media (max-width: 767px) {
li a.picto {
display:none;
visibility: hidden;
}
#ChoixLangues span,
#ChoixLangues a {
margin-left: 5px;
}
#BarreNavigationLiens {
width: 75%;
}
#ChoixLangues {
margin-left: 25px;
}
#LogoBeauRivage {
width: 40%;
max-width: 155px;
position: absolute;
}
}
#BarreSousNavigation {
position: relative;
width: 100%;
text-align: center;
font-size: 14px;
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
z-index: 100;
}
#BarreSousNavigation ul {
list-style: none;
margin: 12px 0 7px 0;
padding: 0;
display: inline-block;
}
@media (max-width: 1239px) {
#BarreSousNavigation {
font-size: 1.129vw;
}
#BarreSousNavigation ul {
margin: 0.968vw 0 0.564vw 0;
}
}
#BarreSousNavigation ul li {
float: left;
}
#BarreSousNavigation ul li:before {
content: '\00a0\00a0-\00a0\00a0';
}
#BarreSousNavigation ul li:first-child:before {
content: '';
}
header {
border-color: #848484;
}
.hotel #BarreSousNavigation a {
color: #848484;
}
.chambres #BarreSousNavigation a {
color: #927b4d;
}
.restaurant #BarreSousNavigation a {
color: #700b12;
}
.evenements #BarreSousNavigation a {
color: #5a6b85;
}
.spa #BarreSousNavigation a {
color: #6d9417;
}
.hotel #BarreSousNavigation,
.hotel #Introduction {
background-color: #f2f2f2;
}
.chambres #BarreSousNavigation,
.chambres #Introduction {
/* background-color: #ece8df;*/
background-color: #f2f2f2;
}
.restaurant #BarreSousNavigation,
.restaurant #Introduction {
/* background-color: #f4edec; */
background-color: #f2f2f2;
}
.evenements #BarreSousNavigation,
.evenements #Introduction {
/* background-color: #eef0f3;*/
background-color: #f2f2f2;
}
.spa #BarreSousNavigation,
.spa #Introduction {
/* background-color: #f1f4e8;*/
background-color: #f2f2f2;
}
#Reservations #Introduction {
background-color: #0a255d;
}
#Reservations #Introduction h2 {
color: #ffffff;
}
#Reservations #Introduction button {
color: #ffffff;
border-color: #ffffff;
}
@media (max-width: 767px) {
#BarreSousNavigation {
display: none;
}
}
#ReservationMini { display:none; }
@media (max-width: 999px)
{
#NavigationPrincipale ul.liste-navigation li.reservations { display:none; }
#ReservationMini {
display: block;
background-color: #0a255d;
color: #ffffff;
text-align: center;
font-size: 22px;
font-weight: bold;
cursor: pointer;
}
#ReservationMini a:link, #ReservationMini a:hover, #ReservationMini a:visited, #ReservationMini a:active { color:#ffffff; }
#ReservationMiniMenu { display:none;}
#ReservationMiniMenu.show { display:block;}
#ReservationMiniMenu p {margin:0; border-top: 1px solid #ffffff;}
#ReservationMiniMenu p, #ReservationMiniTitre {padding:10px;}
}
#VagueIntroduction {
position:relative;
width:85.417vw;
height:21.875vw;
margin-left:4.32vw;
margin-top:-10vw;
margin-bottom: 20px;
background:url(/image/vague-accueil.svg) no-repeat top;
}
#VagueIntroduction .bienvenue {
position:absolute;
top:1.5vw;
left:42.6vw;
font-family: ZapfinoExtra;
font-size:4vw;
color:#757575;
}
#VagueIntroduction .chezvous {
position:absolute;
top:5.3vw;
left:47vw;
font-family: ZapfinoExtra;
font-size:4vw;
color:#757575;
}
#VagueIntroduction .texte {
position:absolute;
top:10.3vw;
left:23.65vw;
width:30.3vw;
font-family: HumanstBRH;
font-size:1.1vw;
line-height:1.6vw;
color:#898989;
}
#VagueIntroduction .tripadvisor {
position:absolute;
top:13.073vw;
left:65.417vw;
width:8.489vw;
height:8.594vw;
}
@media (max-width: 767px) {
#VagueIntroduction {
width: 100.0vw;
height: 39.0vw;
margin-left: 0;
margin-top: -16.3vw;
margin-bottom: 20px;
background-size: cover;
background-position-x: -44.0vw }
#VagueIntroduction .bienvenue {
top: 2.1vw;
left: 36vw;
font-size: 7vw;
}
#VagueIntroduction .chezvous {
top: 9vw;
left: 43.5vw;
font-size: 7vw;
}
#VagueIntroduction .texte {
top: 17.5vw;
left: 4.0vw;
width: 55.0vw;
font-size: 2.0vw;
line-height: 3.0vw;
}
#VagueIntroduction .tripadvisor {
top: 23.0vw;
left: 75.0vw;
width: 18.0vw;
height: 18.0vw;
}
}
#Illustration {
position: relative;
overflow: hidden;
width:100%;
height: 26vw;
}
@media (max-width: 767px) {
#Illustration {
height: 40vw;
}
#InscriptionChasseOeufs #Illustration,
#EiersucheAnmledung #Illustration{
height: 30vw;
}
#EiersucheAnmledung #Introduction .texte h2 { line-height: 19.5vw; }
}
.texte ul {
list-style-type: none;
padding: 0;
margin: 0 0 10px 0;
padding-left: 1em;
text-indent: -.7em;
}
.texte li {
margin-bottom: 0;
}
.texte li::before {
content: "-\0020";
}
#Introduction {
width: 58.28vw;
/* pour Clean & safe overflow: hidden; */
float: left;
transform: translate(0, -64px);
padding: 20px;
padding-left: calc(50% - 600px);
}
#Introduction.pleinelargeur {
width: 100%;
padding-right: calc(50% - 600px);
}
@media (max-width: 1239px) {
#Introduction {
padding-left: 20px;
}
#Introduction.pleinelargeur {
padding-right: 20px;
}
}
#Introduction .texte {
overflow:hidden;
}
#Introduction .texte h2 {
font-family: ZapfinoExtra;
margin-top: 0;
font-size: 90px;
line-height: 150px;
margin-bottom:-5px;
font-weight: normal;
}
#Introduction .texte.st-valentin h2 { margin: -30px 0 -55px 0; }
#Introduction .texte h2.deux-lignes {
line-height: 90px;
}
#Introduction .texte h2 {
/* color: #848484;*/
color: #0a255d;
}
#Introduction .texte p {
clear: both;
}
#Introduction .texte p,
#Introduction .texte td,
.texte ul,
.texte li,
li.hc-joblist-listitem {
font-size: 18px;
line-height: 27px;
}
p sup {
font-size:.7vw;
}
#Introduction .texte p.gauche,
#Introduction .texte p.droite,
#Introduction .texte ul.droite {
width:450px;
}
#Introduction .texte p.droite,
#Introduction .texte ul.droite {
float: right;
}
@media (max-width: 1239px) {
#Introduction {
transform: translate(0, -5.645vw);
padding-left: 20px;
}
#Introduction.pleinelargeur {
width:auto;
}
#Introduction .texte p,
#Introduction .texte td,
.texte ul,
.texte li,
li.hc-joblist-listitem {
font-size: 1.45vw;
line-height: 2.177vw;
}
#Introduction .texte h2,
#Introduction .texte h2.deux-lignes {
font-size: 7.258vw;
line-height: 10.5vw;
margin-bottom:-0.4vw;
}
}
@media (max-width: 999px) {
#Introduction .texte p.gauche,
#Introduction .texte p.droite,
#Introduction .texte ul.droite{
width:auto;
float: none;
}
}
@media (max-width: 767px) {
#Introduction {
width: calc(100% - 40px);
transform: translate(0, -5.645vw);
padding-left: 20px;
margin: 0 20px;
}
#Introduction .texte p,
#Introduction .texte td,
.texte ul,
.texte li,
li.hc-joblist-listitem {
font-size: 3.5vw;
line-height: 5.5vw;
}
p sup {
font-size:2vw;
}
#Introduction .texte h2 {
font-size: 9.5vw;
line-height: 13.5vw;
margin-bottom:-0.4vw;
}
#Introduction .texte.st-valentin h2 { margin: -10px 0 -25px 0; }
}
#FocusIntroduction {
float: right;
width: 400px;
padding: 20px;
margin-top: 40px;
margin-right: calc(50% - 600px);
overflow: hidden;
}
#FocusIntroduction a:link, #FocusIntroduction a:visited, #FocusIntroduction a:active, #FocusIntroduction a:hover{
text-decoration: none;
color: #ffffff;
}
#FocusIntroduction.chambre {
/* background-color: #927b4d;*/
background-color: #0a255d;
}
#FocusIntroduction.forfaits {
/* background-color: #757575;*/
background-color: #0a255d;
}
#FocusIntroduction.restaurant {
/* background-color: #701b11;*/
background-color: #0a255d;
}
#FocusIntroduction.evenements {
/* background-color: #5a6b85;*/
background-color: #0a255d;
}
#FocusIntroduction.spa {
/* background-color: #6d9417;*/
background-color: #0a255d;
}
#FocusIntroduction .texte{
border: 1px solid #ffffff;
padding: 18px;
color: #ffffff;
}
#FocusIntroduction .texte p{
color: #ffffff;
}
#FocusIntroduction .reservation {
border: 1px solid #ffffff;
padding: 8px 18px;
color: #ffffff;
}
#FocusIntroduction .reservation p { color: #ffffff; }
#FocusIntroduction .texte h3 {
font-family: ZapfinoExtra;
font-size: 55px;
line-height: 65px;
font-weight: normal;
color: #ffffff;
margin: 0;
padding-left: 0;
}
#FocusIntroduction .texte p {
font-size: 18px;
line-height: 24px;
}
#FocusIntroduction .texte p.prix {
font-weight:bold;
}
#FocusIntroduction .texte p.conditions {
font-style:italic;
}
#FocusIntroduction .reservation p {
font-size: 18px;
line-height: 24px;
text-align: center;
margin: 0;
padding: 0;
}
@media (max-width: 1239px) {
#FocusIntroduction {
width: 32.258vw;
padding: 1.613vw;
margin-top: 3.226vw;
margin-right: 20px;
}
#FocusIntroduction .texte h3 {
font-size: 4.435vw;
line-height: 5.242vw;
}
#FocusIntroduction .texte p {
font-size: 1.425vw;
line-height: 1.935vw;
margin-bottom: 0;
}
}
#FocusIntroduction .illustration {
height: 180px;
margin-top: 20px;
}
#FocusIntroduction .illustration.carre {
height: 360px;
}
#FocusIntroduction .illustration.rectangle {
height: 180px;
}
@media (max-width: 767px) {
#FocusIntroduction {
width: calc(100% - 40px);
margin: 0 20px 20px 20px;
padding: 20px;
}
#FocusIntroduction .texte h3 {
font-size: 8.5vw;
line-height: 8.5vw;
}
#FocusIntroduction .texte p {
font-size: 3vw;
line-height: 5vw;
}
#FocusIntroduction .illustration {
display: none;
}
}
.ligne-focus {
clear: both;
width:1200px;
margin:auto;
}
.bloc-focus {
margin:0 -20px 20px -20px;
padding-top: 20px;
overflow: hidden;
}
.focus {
position: relative;
float:left;
width:580px;
margin:-20px 20px 0 20px;
padding-left: 20px;
}
div.focus a:hover {
text-decoration: none;
}
.focus-titre {
display: none;
position:relative;
padding: 10px 20px;
width: 75.86%;
transform: translate(-20px, 20px);
font-family: HumanStBRH;
font-size: 26px;color: #fff;
z-index:1;
}
.focus.restaurant .focus-titre {
background-color: #701c12;
}
.focus.evenements .focus-titre {
background-color: #596b84;
}
.focus-conteneur {
position:relative;
float: left;
width: 50%;
padding-top:50%;
background-color: lightgrey;
}
.focus.restaurant .focus-conteneur {
/* background-color: #f4edec;*/
background-color: #757575;
}
.focus.evenements .focus-conteneur {
/* background-color: #f0f2f4;*/
background-color: #757575;
}
.focus-conteneur.image {
background-size: cover;
background-repeat: no-repeat;
}
.focus-contenu {
position:absolute;
top:0;
left:0;
padding: 40px 20px 20px 20px;
font-size: 16px;
line-height: 24px;
}
.focus-contenu.whiteigloo { padding-top: 5px; }
.focus.restaurant .focus-contenu {
color: #701c12;
}
.focus.evenements .focus-contenu {
color: #596b84;
}
.bloc-focus .focus:nth-child(even) {
margin-top: 75px;
}
@media (max-width: 1239px) {
.ligne-focus {
width:96.77%;
}
.bloc-focus {
margin:0 -1.389vw 0 -1.389vw;
}
.focus {
width:46.9vw;
margin:-1.389vw 1.389vw 0 1.389vw;
padding-left: 1.389vw;
}
.focus-titre {
padding: 0.694vw 1.389vw;
width: 75.86%;
transform: translate(-1.389vw, 1.389vw);
font-size: 1.9vw;
}
.focus-contenu {
padding: 2.78vw 1.389vw 1.389vw 1.389vw;
font-size: 1.32vw;
line-height: 1.8vw;
}
.bloc-focus .focus:nth-child(even) {
margin-top: 5.2vw;
}
}
@media (max-width: 767px) {
.ligne-focus {
width: 100vw;
}
.bloc-focus {
margin: 0;
}
.focus {
width: 100vw;
margin: 0;
padding-left: 0;
}
.focus-titre {
font-size: 5vw;
letter-spacing: .3vw;
padding: 1vw 2vw;
width: 100vw;
text-align: center;
transform: translate(0, 0);
}
.focus-contenu {
padding: 2.0vw 4.0vw 4.0vw 4.0vw;
font-size: 3.0vw;
line-height: 4.0vw;
}
.bloc-focus .focus:nth-child(even) {
margin-bottom: 5.2vw;
}
.bloc-focus .focus:nth-child(even) .focus-conteneur {
float: right;
}
}
div.ligne {
clear: both;
overflow: hidden;
}
div.ligne.droite {
margin-top: 20px;
}
div.ligne .illustration {
position: relative;
}
div.ligne .illustration,
div.ligne .illustration img {
width:42.969vw;
height: 26.875vw;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {width:10%;}
div.ligne .illustration .vagues {
position: absolute;
opacity:.37;
width: 17.45vw;
height: 4.655vw;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
div.ligne .illustration .vagues {
width: 34.9vw;
height: 9.31vw;
}
}
div.ligne.spa .illustration .vagues {
background-image:url(/image/vagues-spa.svg);
}
div.ligne.restaurant .illustration .vagues {
background-image:url(/image/vagues-restaurant.svg);
}
div.ligne.evenements .illustration .vagues {
background-image:url(/image/vagues-evenements.svg);
}
div.ligne.chambres .illustration .vagues {
background-image:url(/image/vagues-chambres.svg);
}
div.ligne.hotel .illustration .vagues {
background-image:url(/image/vagues-hotel.svg);
}
div.ligne .contenu {
width: 61.979vw;
min-height: 26.875vw;
background-color: aquamarine;
}
div.ligne.gauche.hotel .contenu {
background-color: #ededed;
background-image: -webkit-linear-gradient(120deg, #ededed 50%, #f6f6f6 100%);
background-image: -moz-linear-gradient(120deg, #ededed 50%, #f6f6f6 100%);
background-image: -o-linear-gradient(120deg, #ededed 50%, #f6f6f6 100%);
background-image: linear-gradient(120deg, #ededed 50%, #f6f6f6 100%);
}
div.ligne.gauche.spa .contenu {
/*background-color: #e2e9d0;
background-image: -webkit-linear-gradient(120deg, #e2e9d0 25%, #f0f4e7 100%);
background-image: -moz-linear-gradient(120deg, #e2e9d0 25%, #f0f4e7 100%);
background-image: -o-linear-gradient(120deg, #e2e9d0 25%, #f0f4e7 100%);
background-image: linear-gradient(120deg, #e2e9d0 25%, #f0f4e7 100%);*/
background-color: #ededed;
background-image: -webkit-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -moz-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -o-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
}
div.ligne.gauche.restaurant .contenu {
/*background-color: #ebdedd;
background-image: -webkit-linear-gradient(120deg, #ebdedd 25%, #f4edec 100%);
background-image: -moz-linear-gradient(120deg, #ebdedd 25%, #f4edec 100%);
background-image: -o-linear-gradient(120deg, #ebdedd 25%, #f4edec 100%);
background-image: linear-gradient(120deg, #ebdedd 25%, #f4edec 100%);*/
background-color: #ededed;
background-image: -webkit-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -moz-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -o-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
}
div.ligne.gauche.chambres .contenu {
/*background-color: #f5f3ef;
background-image: -webkit-linear-gradient(298deg, #f5f3ef 0%, #edeae2 100%);
background-image: -moz-linear-gradient(298deg, #f5f3ef 0%, #edeae2 100%);
background-image: -o-linear-gradient(298deg, #f5f3ef 0%, #edeae2 100%);
background-image: linear-gradient(298deg, #f5f3ef 0%, #edeae2 100%);*/
background-color: #ededed;
background-image: -webkit-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -moz-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -o-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
}
div.ligne.gauche.evenements .contenu {
/*background-color: #eef0f3;
background-image: -webkit-linear-gradient(300deg, #eef0f3 50%, #ecf1f4 99%);
background-image: -moz-linear-gradient(300deg, #eef0f3 50%, #ecf1f4 99%);
background-image: -o-linear-gradient(300deg, #eef0f3 50%, #ecf1f4 99%);
background-image: linear-gradient(300deg, #eef0f3 50%, #ecf1f4 99%);*/
background-color: #ededed;
background-image: -webkit-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -moz-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: -o-linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
background-image: linear-gradient(298deg, #ededed 0%, #f6f6f6 100%);
}
div.ligne .contenu .texte {
width: 67%;
max-width: 500px;
padding-top: 1.95vw;
color: #7e7e7e;
}
div.ligne.gauche .illustration {
float: left;
}
div.ligne.gauche .illustration .vagues {
bottom:1vw;
right:-4vw;
}
@media (max-width: 767px) {
div.ligne.gauche .illustration .vagues {
bottom:-3vw;
right:-10vw;
}
}
div.ligne.gauche .contenu {
margin-left: 40%;
padding-top: 1vw;
}
div.ligne.gauche .contenu .texte {
margin-left: 20%;
}
div.ligne.gauche .contenu,
div.ligne.droite .illustration {
margin-top: 2.6vw;
}
div.ligne.droite .illustration {
float: right;
}
div.ligne.droite .illustration .vagues {
bottom: 5vw;
left: -13vw;
}
@media (max-width: 767px) {
div.ligne.droite .illustration .vagues {
bottom:-3vw;
left:-10vw;
}
}
div.ligne.droite.hotel .contenu {
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -moz-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -o-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
}
div.ligne.droite.spa .contenu {
/*background-color: #f0f4e7;
background-image: -webkit-linear-gradient(60deg, #f0f4e7 0%, #e2e9d0 75%);
background-image: -moz-linear-gradient(60deg, #f0f4e7 0%, #e2e9d0 75%);
background-image: -o-linear-gradient(60deg, #f0f4e7 0%, #e2e9d0 75%);
background-image: linear-gradient(60deg, #f0f4e7 0%, #e2e9d0 75%);*/
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -moz-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -o-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
}
div.ligne.droite.restaurant .contenu {
/*background-color: #f4edec;
background-image: -webkit-linear-gradient(60deg, #f4edec 0%, #ebdedd 75%);
background-image: -moz-linear-gradient(60deg, #f4edec 0%, #ebdedd 75%);
background-image: -o-linear-gradient(60deg, #f4edec 0%, #ebdedd 75%);
background-image: linear-gradient(60deg, #f4edec 0%, #ebdedd 75%);*/
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -moz-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -o-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
}
div.ligne.droite.evenements .contenu {
/*background-color: #edf1f5;
background-image: -webkit-linear-gradient(60deg, #edf1f5 0%, #e1e8ef 75%);
background-image: -moz-linear-gradient(60deg, #edf1f5 0%, #e1e8ef 75%);
background-image: -o-linear-gradient(60deg, #edf1f5 0%, #e1e8ef 75%);
background-image: linear-gradient(60deg, #edf1f5 0%, #e1e8ef 75%);*/
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -moz-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -o-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
}
div.ligne.droite.chambres .contenu {
/*background-color: #edeae2;
background-image: -webkit-linear-gradient(120deg, #edeae2 50%, #f5f3ef 100%);
background-image: -moz-linear-gradient(120deg, #edeae2 50%, #f5f3ef 100%);
background-image: -o-linear-gradient(120deg, #edeae2 50%, #f5f3ef 100%);
background-image: linear-gradient(120deg, #edeae2 50%, #f5f3ef 100%);*/
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -moz-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: -o-linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
background-image: linear-gradient(60deg, #f6f6f6 0%, #ededed 50%);
}
div.ligne.droite .contenu .texte {
float: right;
margin-right: 20%;
}
div.ligne.gauche .contenu { padding-bottom: 20px; }
div.ligne h2{
font-family: ZapfinoExtra;
font-size:77px;
line-height: 83px; margin-top: 2px;;
margin-bottom: 0;
font-weight: normal;
color: #0a255d;
}
@media (max-width: 1440px) {
div.ligne h2{
font-size:5.35vw;
line-height: 4.65vw;
}
}
div.ligne p {
line-height: 28px;
}
div.ligne p,
div.ligne button,
#Introduction button,
.menumodo-button-container button,
.bootstrap.lb-btn-container button{
font-size: 19px;
}
div.ligne p .petit {
font-size: 15px;
}
@media (max-width: 1440px) {
div.ligne p{
line-height: 1.94vw;
margin-top: 1vw;
}
div.ligne p,
div.ligne button,
#Introduction button,
.menumodo-button-container button,
.bootstrap.lb-btn-container button {
font-size: 1.32vw;
}
div.ligne p .petit {
font-size: 1.041vw;
}
}
div.ligne button,
#Introduction button,
.menumodo-button-container button,
.bootstrap.lb-btn-container button {
width: 100%;
font-family: HumanstBRH !important;
/* color: #878787;*/
color: white;
text-align:center;
/* background:none; */
background:#0a255d;
/* border: 1px solid #878787; */
border: 1px solid #0a255d;
padding:.4vw;
cursor:pointer;
margin-bottom: .3vw;
border-radius: 0;
width: 100%;
height: 40px;
line-height: 1.6
}
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn,
.bootstrap.lb-btn-container button {
/* color: #878787 !important;*/
color: #ffffff !important;
/* border: 1px solid #878787 !important;*/
border: 1px solid #0a255d !important;
width: 98%;
margin-right: 2%;
background:#0a255d !important;
}
div.ligne button:hover,
#Introduction button:hover,
.menumodo-button-container button:hover,
.bootstrap.lb-btn-container button:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn:hover{
/*color: #ffffff !important;
background-color:#878787 !important; */
color: #0a255d !important;
background-color:transparent !important;
}
@media (min-width: 767px) {
p.deux-boutons,
#Introduction p.deux-boutons {
margin-left: -.5%;
margin-right: -.5%;
}
p.deux-boutons button,
#Introduction p.deux-boutons button {
width: 49%;
margin-left: .5%;
margin-right: .5%;
}
}
.sp-arrow {
width: 20px;
height: 80px;
padding: 20px;
}
.sp-horizontal .sp-arrow {
margin-top: -40px;
}
.sp-next-arrow:after, .sp-next-arrow:before,
.sp-previous-arrow:after, .sp-previous-arrow:before {
width: 7%;
}
.chocolat-wrapper {
z-index: 1600;
}
@media (max-width: 767px) {
div.ligne .illustration {
position: relative;
width: 90vw;
height: 56.29vw;
}
div.ligne .illustration img {
width: 100%;
height: auto;
}
div.ligne.gauche .contenu,
div.ligne.droite .contenu{
margin-top: 10vw;
width: 90vw;
min-height: 40vw;
height: auto;
padding-bottom: 5vw
}
div.ligne.droite .contenu {
overflow: hidden;
}
div.ligne.gauche,
div.ligne.droite {
margin-top: 5vw;
margin-bottom:10vw;
}
div.ligne.gauche .contenu {
margin-left: 10vw;
}
div.ligne.droite .illustration {
margin-top: 0;
}
div.ligne.gauche .contenu .texte,
div.ligne.droite .contenu .texte {
margin-left: 10vw;
}
div.ligne.gauche .contenu .texte {
padding-top: 50vw;
}
div.ligne.droite .contenu .texte {
margin-top: 2.5vw;
margin-right: 10vw;
}
div.ligne .contenu .texte {
width: 60vw
}
div.ligne h2 {
font-size: 9.5vw;
line-height: 13.5vw;
}
div.ligne p,
div.ligne button,
#Introduction button {
font-size: 3.5vw;
line-height: 5.5vw;
}
.bootstrap.lb-btn-container button {
width: 100%;
margin-right: 0;
font-size: 3.5vw;
}
}
.warning { position: relative; background-color: #ebdedd; background-color: #ffffff;
padding: 30px;
width: 1160px;
margin: auto;
margin-bottom: 40px;
border: 1px solid #701b11;
color: #701b11;"
}
@media (max-width: 1239px) {
.warning {
width: calc(96.77% - 2.7vw);
}
}
.warning .clean_safe {
position: absolute;
bottom: 30px;
left: 30px;
}
.warning .clean_safe img {
height: 75px;
width: auto;
vertical-align: bottom;
}
.warning .clean_safe ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.warning .clean_safe ul li {
margin-right: 12px;
float: left;
}
@media (max-width: 767px) {
.warning .clean_safe {
position: relative;
top: 0;
bottom: auto;
left: 0;
margin-bottom: 15px;
text-align: center;
}
.warning .clean_safe ul {
display: inline-block;
}
}
#CleanSafe {
width: 90px;
position: absolute;
top: -45px;
right: -45px;
}
#CleanSafe img {
width: 100%;
height: auto;
filter: drop-shadow(2px 2px 2px #222222);
}
.widget-meteo {
overflow: hidden;
text-align: center;
}
.widget-meteo .copyright {
font-size: 12px;
color: #fff;
}
.widget-meteo .copyright a:link, .widget-meteo .copyright a:active, .widget-meteo .copyright a:visited, .widget-meteo .copyright a:hover{
color: #fff;
}
footer {
clear: both;
overflow: hidden;
}
#CodeGDS footer {
padding-top: 1vw;
}
#ReseauxSociaux,
#ReseauxSociaux .vignette,
#ReseauxSociaux .liens {
height: 12.3vw; }
#ReseauxSociaux {
position: relative;
overflow: hidden;
margin-top: 5.73vw;
}
@media (max-width: 767px) {
#ReseauxSociaux {
margin-top: 5vw;
}
}
#ReseauxSociaux .widget-instagram,
#ReseauxSociaux .bande-vignettes {
position:absolute;
width: 100%;
}
#ReseauxSociaux .widget-instagram iframe {
height: 12.4vw;
}
#ReseauxSociaux .widget-instagram {
z-index:1;
}
#ReseauxSociaux .bande-vignettes {
z-index:2;
}
#ReseauxSociaux .vignette {
width:12.5%; }
#ReseauxSociaux .vignette:hover{
background-image:url(/image/cache-instagram.png);
background-repeat: no-repeat;
background-size: cover;
}
#ReseauxSociaux .liens{
width:25%; background-color: #848484;
}
.chambres #ReseauxSociaux .liens{
/*background-color: #927b4d;*/
}
.restaurant #ReseauxSociaux .liens{
/*background-color: #701b11;*/
}
.evenements #ReseauxSociaux .liens{
/*background-color: #5a6c86;*/
}
.spa #ReseauxSociaux .liens{
/*background-color: #6d9417;*/
}
#ReseauxSociaux .vignette,
#ReseauxSociaux .liens {
float: left;
}
#ReseauxSociaux .liens .contenu {
position: relative;
font-family: HumanstBRH, sans-serif;
font-size: 1.8vw;
color: #fff;
letter-spacing: .3vw;
text-align:center;
margin-left: auto;
margin-right: auto;
top: 50%;
transform: translateY(-50%);
}
#ReseauxSociaux .picto {
display: inline-block;
margin: 20px 6px 0 6px;
width: 3.48vw;
height: 3.48vw;
}
#ReseauxSociaux .picto img {
width: 100%;
height: 100%;
}
@media (max-width: 999px) {
#ReseauxSociaux,
#ReseauxSociaux .vignette,
#ReseauxSociaux .liens {
height: 16.66666vw;
}
#ReseauxSociaux .vignette {
width:16.66666vw;
}
#ReseauxSociaux .liens{
width:33.33333vw;
}
#ReseauxSociaux .widget-instagram iframe {
height: 133.33333vw;
}
#ReseauxSociaux .vignette.v3 {
display: none;
}
#ReseauxSociaux .widget-instagram {
width: 133.333333vw
}
}
@media (max-width: 767px) {
#ReseauxSociaux,
#ReseauxSociaux .vignette,
#ReseauxSociaux .liens {
height: 50vw;
}
#ReseauxSociaux .vignette {
width:50vw;
}
#ReseauxSociaux .liens{
position: absolute;
top: 0;
left: 50vw;
width:50vw;
}
#ReseauxSociaux .liens .contenu {
font-size: 3.8vw;
letter-spacing: .6vw;
}
#ReseauxSociaux .picto {
width: 6vw;
height: 6vw;
}
#ReseauxSociaux .vignette.v3 {
display: none;
}
#ReseauxSociaux .widget-instagram,
#ReseauxSociaux .vignettes {
margin-top: 0;
}
#ReseauxSociaux .vignette.v2 {
display: none;
}
#ReseauxSociaux .widget-instagram {
width: 400vw
}
}
#Pied {
position:relative;
overflow: hidden;
margin-top: 50px;
height: 810px;
}
@media (max-width: 767px) {
#Pied {
margin-top: 0;
}
}
#Pied .illustration,
#PanoramaGauche,
#PanoramaDroite {
height: 490px;
}
@media (max-width: 999px) {
#Pied .illustration,
#PanoramaGauche,
#PanoramaDroite {
height: 49vw;
}
}
#Pied .illustration {
position: relative;
margin-top: 50px;
}
#PanoramaGauche,
#PanoramaDroite{
float: left;
width: 50%;
background-repeat: no-repeat;
background-size: cover;
}
#PanoramaGauche {
background-image:url(/image/panorama-gauche-2.jpg);
}
#PanoramaDroite {
background-image:url(/image/panorama-droite-2.jpg);
}
#Pied #BlocAdresseEtLabels {
position: absolute;
top: 0;
right: 50%;
width: 600px;
height: 600px;
background-color: #f9f9f9;
z-index: 1;
}
@media (max-width: 1239px) {
#Pied #BlocAdresseEtLabels {
width: 50%;
}
}
@media (max-width: 999px) {
#Pied #BlocAdresseEtLabels {
height: 60vw;
}
}
@media (max-width: 767px) {
#Pied #BlocAdresseEtLabels {
width: 100%;
right:0;
height: 130vw;
}
#Pied .illustration {
margin-top: 130vw;
}
#PanoramaGauche {
display:none;
}
#PanoramaDroite {
width: 100%;
}
}
#Pied #BlocAdresseEtLabels #Adresse,
#Pied #BlocAdresseEtLabels #Adresse a:link, #Pied #BlocAdresseEtLabels #Adresse a:active, #Pied #BlocAdresseEtLabels #Adresse a:visited, #Pied #BlocAdresseEtLabels #Adresse a:hover{
color: #848484;
}
#Pied #BlocAdresseEtLabels #Adresse {
text-align: center;
letter-spacing: .1em;
margin-top: 20px;
}
#Pied #BlocAdresseEtLabels #Adresse h3 {
font-size: 25.5px;
font-weight: normal;
}
.hotel #Pied #BlocAdresseEtLabels #Adresse h3 {
color: #848484;
}
.chambres #Pied #BlocAdresseEtLabels #Adresse h3 {
color: #927b4d;
}
#Pied #BlocAdresseEtLabels a.bouton {
border: 1px solid;
padding: 10px 20px;
}
#Pied #BlocAdresseEtLabels #labels {
}
#Pied .barre-navigation-secondaire {
position: relative;
height: 270px;
padding-top: 90px;
background-color: #848484;
overflow: hidden;
}
.chambres #Pied .barre-navigation-secondaire {
/*background-color: #927b4d;*/
}
.restaurant #Pied .barre-navigation-secondaire {
/*background-color: #701c12;*/
}
.evenements #Pied .barre-navigation-secondaire {
/*background-color: #5a6c86;*/
}
.spa #Pied .barre-navigation-secondaire {
/*background-color: #6d9417;*/
}
#Pied .barre-navigation-secondaire .navigation-secondaire {
width: 1200px;
margin: auto;
overflow: hidden;
}
@media (max-width: 1239px) {
#Pied .barre-navigation-secondaire .navigation-secondaire {
width: 98%;
font-size: 1.3vw;
}
}
#Pied .barre-navigation-secondaire .navigation-secondaire ul.liste-navigation li {
margin-right: 20px;
}
@media (max-width: 1239px) {
#Pied .barre-navigation-secondaire {
padding-top: 9vw;
}
#Pied .barre-navigation-secondaire .navigation-secondaire {
font-size: 1.49vw;
}
#Pied .barre-navigation-secondaire .navigation-secondaire ul.liste-navigation li {
margin-right: 2vw;
}
}
@media (max-width: 767px) {
#Pied .barre-navigation-secondaire {
padding-top: 2vw;
padding-bottom: 2vw;
height: auto;
text-align: center;
}
#Pied {
height: auto;
}
#Pied .barre-navigation-secondaire .navigation-secondaire {
font-size: 4.5vw;
line-height: 6.5vw;
}
#Pied .barre-navigation-secondaire .navigation-secondaire ul.liste-navigation li {
margin-right: 0;
float: none;
display: block;
}
}
#Pied ul.liste-navigation li a:link, #Pied ul.liste-navigation li a:active, #Pied ul.liste-navigation li a:visited, #Pied ul.liste-navigation li a:hover {
color: #f5f3ef;
}
#Pied #Labels .principal,
#Pied #Labels .secondaire {
margin-top: 45px;
text-align: center;
}
#Pied #Labels .principal img {
height: 134px;
width: auto;
}
#Pied #Labels .secondaire img {
height: 100px;
width: auto;
margin: 0 20px;
}
@media (max-width: 1239px) {
#Pied #Labels .principal,
#Pied #Labels .secondaire {
margin-top: 3.63vw;
}
#Pied #Labels .principal img {
height: 11vw;
}
#Pied #Labels .secondaire img {
height: 8.209vw;
}
}
#Pied #Labels .secondaire a {
padding: 1.61vw 1.3vw;
}
@media (max-width: 767px) {
#Pied #Labels .principal,
#Pied #Labels .secondaire {
margin-top: 7.2vw;
}
#Pied #Labels .principal img {
height: 22vw;
}
#Pied #Labels .secondaire img {
height: 16.4vw;
margin: 0 10px;
}
#Pied #Labels .secondaire a {
padding: 3.2vw 4.8vw;
}
}
#BoutonTop {
font-family: Pictogrammes;
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 1200;
border: none;
outline: none;
background-color: #555;
color: white;
cursor: pointer;
font-size: 18px;
font-weight: bold;
width: 36px;
height: 36px;
border-radius: 18px;
text-align:center;
padding:0;
}
#BoutonTop:before {
content: "\e904";
}
#BoutonTop:hover {
background-color: #000;
}
#MenuStValentin blockquote {
font-style:italic;
}
#MenuStValentin #Introduction h3 {
margin-top: -50px;
}
@media (max-width: 1239px) {
#MenuStValentin #Introduction h3 {
margin-top: -3vw;
}
}
button.btn_close_extra span {
float: right;
}
.menumodo_div #mp-tools-lang {
display: none;
}
.deux-boutons .bootstrap.lb-btn-container {
display: inline-block;
width: 50%;
}
.deux-boutons.mobilereservation .bootstrap.lb-btn-container button {
width: 98%;
}
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn {
width: calc(100% - 4px);
padding: none;
margin-bottom: none;
font-size: 19px;
line-height: normal;
padding: .5vw;
font-weight: normal;
line-height: none;
border: 1px solid #878787;
border-radius: 0;
font-family: HumanstBRH !important;
text-transform: none;
font-weight: normal;
}
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn:hover,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn:hover {
background-color: transparent;
color: #878787;
}
#Introduction p.deux-boutons.menumodo-button-container {
margin-right: 0;
}
#Introduction p.deux-boutons.menumodo-button-container button {
width: 50%;
margin-left: 0%;
margin-right: 0%;
}
#Introduction p.deux-boutons.menumodo-button-container #BoutonMenuModo button {
width: calc(100% - 7px);
}
#Introduction p.deux-boutons.menumodo-button-container #BoutonMenuModo button {
margin-left: 1%;
}
@media (max-width: 1440px) {
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn {
line-height: normal;
font-size: 1.32vw;
padding:.5vw;
}
div.ligne p .petit {
font-size: 1.041vw;
}
}
@media (max-width: 767px) {
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-1_2434_en .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_fr .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_de .btn,
.menumodo-button-container .bootstrap.lb-btn-container.menumodo-widget-2_3744_en .btn {
font-size: 3.5vw;
padding: 2.3vw;
line-height: 1.8vw;
margin: 2px 0 1.5px 0;
width: 100%;
}
.deux-boutons .bootstrap.lb-btn-container,
.deux-boutons.mobilereservation .bootstrap.lb-btn-container button {
width: 100%;
}
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 28px;
height: 28px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 28px;
height: 4px;
background-color: #848484;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;}
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px;}
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 9px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 18px; }
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 9px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -18px, 0) rotate(-90deg); }
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg); }
table.reservation { font-size: 19px; line-height: 28px; margin-bottom: 20px; }
@media (max-width: 1440px) { table.reservation { font-size: 1.32vw; line-height: 1.94vw; margin-bottom: 1.38vw; } }
@media (max-width: 767px) { table.reservation { font-size: 3.5vw; line-height: 5.5vw; margin-bottom: 1.38vw; } }
.illustration .vagues { display: none !important; }
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M6ZRXXL');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript">
/* add click tracking on files */
if (typeof jQuery != 'undefined') {
jQuery(document).ready(function($) {
var filetypes = /\.(zip|exe|pdf|doc*|xls*|ppt*|mp3)$/i;
var baseHref = '';
if (jQuery('base').attr('href') != undefined)
baseHref = jQuery('base').attr('href');
jQuery('a').each(function() {
var href = jQuery(this).attr('href');
if (href && (href.match(/^https?\:/i)) && (!href.match(document.domain))) {
jQuery(this).click(function() {
var extLink = href.replace(/^https?\:\/\//i, '');
_gaq.push(['_trackEvent', 'External', 'Click', extLink]);
if (jQuery(this).attr('target') != undefined && jQuery(this).attr('target').toLowerCase() != '_blank') {
setTimeout(function() { location.href = href; }, 200);
return false;
}
});
}
else if (href && href.match(/^mailto\:/i)) {
jQuery(this).click(function() {
var mailLink = href.replace(/^mailto\:/i, '');
_gaq.push(['_trackEvent', 'Email', 'Click', mailLink]);
});
}
else if (href && href.match(filetypes)) {
jQuery(this).click(function() {
var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined;
var filePath = href;
_gaq.push(['_trackEvent', 'Download', 'Click-' + extension, filePath]);
if (jQuery(this).attr('target') != undefined && jQuery(this).attr('target').toLowerCase() != '_blank') {
setTimeout(function() { location.href = baseHref + href; }, 200);
return false;
}
});
}
});
});
}
/*
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25673617-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
*/
</script>
<script type="text/javascript">
$( document ).ready(function( $ ) {
/**** Label Clean & Safe ****/
/*
var Langue = $('html').attr('lang');
var CleanSafePageURL = 'fr-ch/planification/vie-pratique/clean-safe';
switch( Langue ){
case 'de':
CleanSafePageURL = 'de-ch/planung/ueber-die-schweiz/clean-safe/';
break;
case 'en':
CleanSafePageURL = 'en-ch/planning/about-switzerland/clean-safe/';
break;
}
$('body.hotel #Introduction').append('<div id="CleanSafe"><a href="https://www.myswitzerland.com/'+CleanSafePageURL+'" target="_blank"><img src="/image/clean-and-safe/accomodation.png" alt="Clean and Safe"></a></div>');
$('body.chambres #Introduction').append('<div id="CleanSafe"><a href="https://www.myswitzerland.com/'+CleanSafePageURL+'" target="_blank"><img src="/image/clean-and-safe/accomodation.png" alt="Clean and Safe"></a></div>');
$('body.restaurant #Introduction').append('<div id="CleanSafe"><a href="https://www.myswitzerland.com/'+CleanSafePageURL+'" target="_blank"><img src="/image/clean-and-safe/gastronomie.png" alt="Clean and Safe"></a></div>');
$('body.evenements #Introduction').append('<div id="CleanSafe"><a href="https://www.myswitzerland.com/'+CleanSafePageURL+'" target="_blank"><img src="/image/clean-and-safe/meeting.png" alt="Clean and Safe - Événements"></a></div>');
$('body.spa #Introduction').append('<div id="CleanSafe"><a href="https://www.myswitzerland.com/'+CleanSafePageURL+'" target="_blank"><img src="/image/clean-and-safe/wellness.png" alt="Clean and Safe"></a></div>');
*/
/**** /Label Clean & Safe ****/
$( '.slider-pro' ).sliderPro({
width: 825,
height: 516,
smallSize: 500,
mediumSize: 1000,
largeSize: 3000,
buttons: false,
arrows: true,
waitForLayers: true,
autoplay: false
});
$( '.illustration .slider' ).sliderPro({
width: 825,
height: 516,
slideDistance: 0,
buttons: false,
arrows: true,
waitForLayers: true,
autoplay: true
});
$( '#Illustration .slider' ).sliderPro({
width: 1920,
height: 500,
slideDistance: 0,
buttons: false,
arrows: true,
waitForLayers: true,
autoplay: true
});
$('.sp-slides').Chocolat({
imageSize:'cover',
imageSelector:'.vignette',
loop:true,
enableZoom:false
});
$('#MargeSuperieure').height($('#LogoBeauRivage').height());
$(window).on('resize', function(){
$('#MargeSuperieure').height($('#LogoBeauRivage').height());
});
var test=true;
$('header a').click(function (e) {
if($(this).attr('href').charAt(0) == '#')
{
e.preventDefault();
var offset = $('#' + $(this).attr('href').substr(1)).offset();
$('html, body').animate({ scrollTop: offset.top - 20 - $('header').outerHeight() }, 'fast');
}
else if($(this).attr('href').indexOf('#') != '')
{
// test=false;
// $(this).parent('.navigation-deroulante-contenu').toggleClass('menu-visible');
// $('.navigation-deroulante-contenu').css.attr({display:'none', visibility:'hidden'});
/* var volet= document.getElementsByClassName('navigation-deroulante-contenu');
for(i=0; i<volet.length; i++)
{
volet[i].style.visibility='hidden';
volet[i].style.visibility='hidden';
}*/
$('html, body').animate({ scrollTop: $($(this).attr('href').substr($(this).attr('href').indexOf('#'))).offset().top - 20 - $('header').outerHeight() }, 'fast');
}
});
// $('.navigation-deroulante-element').mouseover( function(){if(test){$(this).children('.navigation-deroulante-contenu').toggleClass('menu-visible')}})
// $('.navigation-deroulante-element').mouseout(function(){$(this).children('.navigation-deroulante-contenu').toggleClass('menu-visible')})
$('#BarreSousNavigation a').click(function (e) {
if($(this).attr('href').charAt(0) == '#')
{
e.preventDefault();
var offset = $('#' + $(this).attr('href').substr(1)).offset();
$('html, body').animate({ scrollTop: offset.top - 20 - $('header').outerHeight() }, 'fast');
}
});
function CalculerHauteurMargeSuperieure() {
$('#MargeSuperieure').height($('header').height());
}
$(window).on('resize', function(){
CalculerHauteurMargeSuperieure();
});
$(window).load(function () {
CalculerHauteurMargeSuperieure();
if($(location).attr('hash') != '')
{
$('html, body').animate({ scrollTop: $(''+$(location).attr('hash')).offset().top - 20 - $('header').outerHeight() }, 'fast');
}
});
$('.hamburger').click(function(){
this.classList.toggle("is-active");
$('#NavigationPrincipale .navigation-deroulante').slideToggle('slow');
});
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("BoutonTop").style.display = "block";
} else {
document.getElementById("BoutonTop").style.display = "none";
}
}
$('#BoutonTop').click(function(){
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
});
</script>
<!-- Google tag (gtag.js) -->
<!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-LDS6T8LVGQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LDS6T8LVGQ');
</script> -->
<script type="text/javascript">
$( document ).ready(function( $ ) {
function CalculerHauteurIllsutrationAccueil() {
var hauteur = $(window).height()-$('#LogoBeauRivage').height();
$('#IllustrationAccueil').height(hauteur);
var largeur = $(window).width();
if(1920*hauteur/1080 < largeur){
$('#VideoAccueil').width(largeur+1);
$('#VideoAccueil').height('auto');
$('#VideoCache').width(largeur+1);
$('#VideoCache').height('auto');
} else {
$('#VideoAccueil').height(hauteur);
$('#VideoAccueil').width('auto');
$('#VideoCache').height(hauteur);
$('#VideoCache').width('100%');
}
if(1920*hauteur/1080 < largeur){
$('#VideoAccueil2').width(largeur*2660/1920+1);
$('#VideoAccueil2').height('auto');
} else {
$('#VideoAccueil2').height(hauteur);
$('#VideoAccueil2').width('auto');
}
}
CalculerHauteurIllsutrationAccueil();
$(window).load(function () {
CalculerHauteurIllsutrationAccueil();
});
CalculerHauteurIllsutrationAccueil();
$(window).on('resize', function(){
CalculerHauteurIllsutrationAccueil();
});
function LanceLaVideo(){
document.getElementById('VideoAccueil').play();
}
document.getElementById('IllustrationAccueil').addEventListener('click', LanceLaVideo);
document.getElementById('IllustrationAccueil').addEventListener('touchend', LanceLaVideo);
});
</script>
<title>Beau-Rivage Hotel ***** Neuchatel, Switzerland - Luxurious hotel Relais & Châteaux</title>
<meta name="description" content="The constantly changing view of one of switzerland's most beautiful panoramas from one of its leading hotels, the five star Beau-Rivage in Neuchatel">
<meta name="keywords" content="hotels,hotel,seminar,seminars,neuchatel,neuchâtel,switzerland,beau-rivage,beaurivage,beau,rivage,5 stars,congress,conference,golf,lake,meeting,guide,packages,holidays,rooms,accomodation,jura,chaux-de-fonds,lausanne,geneve,vaud,swiss international hotels,michelin,gault millau,weekend,banquet,restaurants,wedding,luxury,town centre,receptions,chain,watch-making,cocktails,cooking,business,bar,buffets,brunch,coffee,calm,cruises,relaxation,gala,establishment,excursions,expositions,gastronomy,junior suite,leisure,manifestations,menus,view,parking,quality,walk,lunch,reservations,stay,service,sport,suite,terrace,tourism">
<meta property="og:title" content="Beau-Rivage... the “beautiful shore”, two words to conjure with" />
<meta property="og:description" content="Just a short distance away from the bustling world, the only noises that reach your ears are the wind flapping the sails of boats preparing to leave and the cries of seagulls on the lookout for their share of the fishermen's bait."/>
<meta property="og:image" content="http://www.beau-rivage-hotel.ch/facebook/image/og_brh_logo.gif" />
</head>
<body id="Accueil" class="hotel">
<img style="width:0; height: 0; display: none;" src="image/popup/brunch-fete-des-meres-2024.jpg">
<img style="width:0; height: 0; display: none;" src="image/popup/brunch-fete-des-meres-2024_smart.jpg">
<script>
$( document ).ready(function( $ ) {
$('#PopUpFond').on('click', function(){ closePopUp() });
$('#PopUpContent').on('click', function(){ window.location.href = '/en/events.php#mother-s-day'; });
});
</script>
<style>
#PopUp {
background-image: url(image/popup/brunch-fete-des-meres-2024.jpg);
}
@media (max-width: 768px) {
#PopUp {
background-image: url(image/popup/brunch-fete-des-meres-2024_smart.jpg);
}
}
</style>
<script>
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length,c.length);
}
}
return "";
}
function closePopUp() { $('#PopUpFond').css('display','none'); }
$( document ).ready(function( $ ) {
//$('#PopUpFond').on('click', function(){ closePopUp(); });
$('#PopUpClose').on('click', function(){ closePopUp(); });
if(getCookie('BRHpopup')=='')
{
document.cookie='BRHpopup=1';
$('#PopUpFond').css('display','block');
}
});
</script>
<style>
#PopUpFond {
position: fixed;
display: block;
top: 0;
left: 0;
background: rgba(255, 255, 255, .9);
width: 100%;
height: 100%;
z-index: 9999;
}
#PopUp {
position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);
-moz-box-shadow: 0 0 1vw #aaa;
-webkit-box-shadow: 0 0 1vw #aaa;
box-shadow: 0 0 1vw #aaa;
background-size:cover;
background-repeat: no-repeat;
cursor: pointer;
}
#PopUpContent button {
font-family: HumanstBRH, Helvetica, Arial, "sans-serif";
font-size: 30px;
color: #000000;
text-align: center;
background: none;
border: 1px solid #000000;
padding: 6px 10px;
margin: 20px;
cursor: pointer;
}
#PopUpClose {
position: absolute;
top: 7px;
right: 10px;
font-size: 30px;
}
#PopUpClose a:link, #PopUpClose a:active, #PopUpClose a:visited, #PopUpClose a:hover {
color: #000000;
text-decoration: none;
}
</style>
<div id="PopUpFond">
<div id="PopUp">
<div id="PopUpContent"> <style>
#PopUpFond {
display: block; }
#PopUp {
background-color: white;
}
#PopUp, #PopUpContent {
width: 1600px;
height: 480px;
}
#PopUpClose a:link, #PopUpClose a:active, #PopUpClose a:visited, #PopUpClose a:hover {
color: white;
}
#PopUpMessage {
position: absolute;
top: 0;
left: 0;
color: white;
font-size: 26px;
/*font-family: Humanst, Helvetica, Arial, "sans-serif";*/
width: 100%;
padding: 20px;
}
#PopUpMessage,
#PopUpMessage div{
text-align: center;
}
#PopUpMessage,
#PopUpMessage p{
color: white;
}
#PopUpMessage .popzapf {
font-family: ZapfinoExtra, Helvetica, Arial, 'sans-serif';
font-size: 90px;
line-height: 90px;
}
#PopUpMessage button {
color: #ffffff;
border-color: #ffffff;
}
#PopUpMessage .titre {
font-size: 50px;
}
#PopUpMessage .rabais {
font-size: 75px;
}
#PopUpMessage .condition {
font-size: 20px;
}
@media (max-width: 1600px) {
#PopUp, #PopUpContent {
width: 83.333vw;
height: 25.24vw;
}
}
@media (max-width: 1199px) {
#PopUp, #PopUpContent {
width: 83.333vw;
height: 25.24vw;
}
#PopUpMessage {
top: -4vw;
right: 3.331vw;
font-size: 3.1667vw;
}
#PopUpMessage .popzapf {
font-size: 7.5vw;
line-height: 7.5vw;
}
#PopUpMessage button {
font-size: 2.5vw;
padding: 0.5vw 0.8333vw;
margin: 1.6667;
}
#PopUpMessage .titre {
font-size: 4vw;
}
#PopUpMessage .rabais {
font-size: 6vw;
}
#PopUpMessage p {
font-size: 3vw;
}
}
@media (max-width: 768px) {
#PopUpClose a:link, #PopUpClose a:active, #PopUpClose a:visited, #PopUpClose a:hover {
color: white;
}
#PopUp {
}
#PopUp, #PopUpContent{
width: 70vw;
height: 124.39vw;
}
#PopUpMessage {
top: -4vw;
right: 8vw;
font-size: 6vw;
}
#PopUpMessage .popzapf {
font-size: 15vw;
line-height: 15vw;
}
#PopUpMessage button {
font-size: 5vw;
padding: 1vw 1.7vw;
margin: 3.3vw;
}
#PopUpMessage .titre {
font-size: 6vw;
}
#PopUpMessage .rabais {
font-size: 12vw;
}
#PopUpMessage p {
font-size: 5vw;
}
}
</style>
</div>
<div id="PopUpClose"><a href="#">X</a></div>
</div>
</div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6ZRXXL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
.popup-content h3{
border-bottom: 1px solid #fff;
font-size: 1.2em;
margin-bottom: .5em;
}
/*//////////////////////*/
#PrivacyPopup {
display: none;
left: 0;
position: fixed;
top: 25%;
transition: left .5s ease;
z-index: 10000;
}
.popup-content{
background-color: #ffffff;
box-shadow: 5px 2px 15px black;
box-sizing: border-box;
float: left;
height: auto;
padding: 1em;
padding-left: 1.5em;
padding-right: 1.2em;
padding-bottom: 1.5em;
width: 275px;
}
.close{
left: -275px;
}
.rgpd-close-button{
/* background-color: red;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 5px 2px 15px black; */
color: black;
float: left;
height: 25px;
padding-top: .5em;
width: 25px;
margin-left: -25px;
cursor: pointer;
}
a.rgpd-close-button:hover{
text-decoration: none;
}
/*
.rgpd-close-button::after{
content:"X";
color: white;
cursor: pointer;
font-size: 1.2em;
padding: 5px;
}
.rgpd-close-button-closed::after{
content:"-";
color: white;
font-size: 1.2em;
}
*/
p {
color: #929292;
}
.cookies-more-button {
color: #a0935a;
margin-bottom: 0;
font-weight: bold;
}
</style>
<script>
/* jQuery('.rgpd-close-button').on('click', function(e) { alert('oui');
jQuery('.popup').toggleClass('close');
jQuery('.rgpd-close-button').toggleClass('rgpd-close-button-closed');
e.preventDefault();
}); */
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length,c.length);
}
}
return "";
}
$( document ).ready(function( $ ) {
if(getCookie('BRHprivacy')=='')
{
$('#PrivacyPopup').css('display','block');
}
});
function closePrivacyPopup() {
document.cookie='BRHprivacy=1;domain=beau-rivage-hotel.ch;path=/';
$('#PrivacyPopup').css('display','none');
}
</script>
<div id="PrivacyPopup" >
<div class="popup-content"> <p>With the further use of our web pages you agree with the use of the cookies to personalize content and to analyse our traffic.</p>
<p class="cookies-more-button"><a href="/fr/conditions-generales-utilisation.php">More information</a></p>
</div>
<a class="rgpd-close-button" onclick="closePrivacyPopup(); return false">X</a>
</div>
<header>
<div id="BarreNavigation" class="conteneur">
<div id="LogoBeauRivage">
<a href="/en/"><img src="../image/logo-beau-rivage-hotel.svg" alt="Beau-Rivage Hotel, Neuchâtel"></a>
</div>
<div id="BarreNavigationLiens">
<div id="LiensUtiles">
<div id="NavigationRacccourcis">
<ul class="liste-navigation">
<li><a href="GDS-codes.php" class="picto gds">GDS codes</a></li>
<li><a href="meteo-webcam.php" class="picto meteo">meteo / webcam</a></li>
<li><a href="#Pied" class="picto contact">contact</a></li>
<li><a href="https://www.google.ch/maps/place/46%C2%B059'21.0%22N+6%C2%B055'43.7%22E/@46.9891708,6.92771,18z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d46.989169!4d6.928807" target="_blank" class="picto plan-acces">map</a></li>
</ul>
</div>
<div id="ChoixLangues">
<a href="/fr/">FR</a> <a href="/de/">DE</a> <span class="active">EN</span>
</div>
</div>
<div id="NavigationPrincipale">
<div id="NavigationPrincipaleMini">
<button class="hamburger hamburger--slider" type="button"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button>
</div>
<ul class="navigation-deroulante liste-navigation">
<li class="navigation-deroulante-element hotel">
<a href="news.php">News</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element events">
<a href="/en/events.php">Events</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="/en/events.php#mother-s-day"><img src="/image/navigation/vignette/brunch-fete-des-meres-2024.gif">Mothers's Day Brunch</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element hotel">
<a href="hotel.php">Hotel</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette"><a href="https://shop.e-guma.ch/beau-rivage/en/bons-cadeaux" target="_blank"><img src="/image/navigation/vignette/bon-cadeau.jpg">Vouchers</a></li>
<li class="vignette"><a href="general-information.php" title="Find out useful information about your hotel"><img src="/image/navigation/vignette/informations-generales_02.jpg">General information</a></li>
<li class="vignette"><a href="writer-in-residence.php" title="Discover "><img src="/image/navigation/vignette/writer-in-residence.jpg">Writers in residence</a></li>
<li class="vignette"><a href="career.php" title="Careers at the Beau-Rivage Hotel in Neuchâtel"><img src="/image/navigation/vignette/carriere.jpg">Career</a></li>
<li class="vignette"><a href="write-a-review.php" title="Write a review of our hotel"><img src="/image/navigation/vignette/evaluation.jpg">Write a review</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element chambres">
<a href="suites-and-rooms.php">Suites & Rooms</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette"><a href="suites-and-rooms.php#SuiteAlfredBorel"><img src="/image/chambres/navigation/suite-alfred-borel.jpg">Alfred Borel Suite</a></li>
<li class="vignette"><a href="suites-and-rooms.php#SuiteEsplanade"><img src="/image/navigation/vignette/suite-esplanade.jpg">Esplanade Suite</a></li>
<li class="vignette"><a href="suites-and-rooms.php#SuiteExecutive"><img src="/image/chambres/navigation/suite-executive.jpg">Executive Suite</a></li>
<li class="vignette"><a href="suites-and-rooms.php#JuniorSuiteDeluxe"><img src="/image/chambres/navigation/junior-suite-deluxe.jpg">Deluxe Junior Suite</a></li>
<li class="vignette"><a href="suites-and-rooms.php#ChambreDeluxe"><img src="/image/navigation/vignette/chambre-deluxe.jpg">Deluxe Room</a></li>
<li class="vignette"><a href="suites-and-rooms.php#ChambreDeluxeBalcon"><img src="/image/chambres/navigation/chambre-deluxe-balcon.jpg">Deluxe Room Balcony</a></li>
<li class="vignette"><a href="suites-and-rooms.php#ChambreSuperieure"><img src="/image/navigation/vignette/chambre-superieure.jpg">Superior Room</a></li>
<li class="vignette"><a href="suites-and-rooms.php#ChambreStandard"><img src="/image/navigation/vignette/chambre-standard.jpg">Standard Room</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element activites">
<a href="/en/activities.php">Activities</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="/en/activities.php#Karaoke"><img src="/image/navigation/vignette/karaoke-02.jpg">Karaoke</a></li>
<li class="vignette" style=""><a href="/en/activities.php#Game-Room"><img src="/image/navigation/vignette/salle-jeux.jpg">Game room</a></li>
<li class="vignette" style=""><a href="/en/activities.php#Fitness"><img src="/image/navigation/vignette/fitness_02.jpg">Fitness</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element restaurant">
<a href="gastronomy.php">Gastronomy</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="restaurant-o-terroirs-neuchatel.php"><img src="/image/navigation/vignette/restaurant-o-terroirs_02.jpg">Restaurant O'terroirs</a></li>
<li class="vignette" style=""><a href="gastronomy.php#VerandaBar"><img src="/image/navigation/vignette/brasserie.jpg">Restaurant Veranda-Bar</a></li>
<li class="vignette"><a href="gastronomy.php#BrunchDimanche"><img src="/image/navigation/vignette/brunch.jpg">Sunday brunch</a></li>
<li class="vignette" style=""><a href="gastronomy.php#Bureau-du-Chef"><img src="/image/navigation/vignette/bureau-du-chef.jpg">Bureau du Chef</a></li>
<li class="vignette" style=""><a href="gastronomy.php#PrivateChef"><img src="/image/navigation/vignette/private-chef_02.jpg">Private Chef</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element evenements">
<a href="banquets-seminars.php">Banquets & Seminars</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="banquets-seminars.php#Mariage"><img src="/image/navigation/vignette/mariage_02.jpg">Wedding</a></li>
<li class="vignette" style=""><a href="banquets-seminars.php#Salons"><img src="/image/navigation/vignette/banquet-seminaire.jpg">Event rooms</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element spa">
<a href="wellness-spa.php">Wellness</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="wellness-spa.php#Massages"><img src="/image/navigation/vignette/wellness-spa.jpg">Massages</a></li>
<li class="vignette" style=""><a href="wellness-spa.php#Fitness"><img src="/image/navigation/vignette/fitness_02.jpg">Fitness</a></li>
<li class="vignette" style=""><a href="wellness-spa.php#Hammam"><img src="/image/navigation/vignette/hammam.jpg">Hammam</a></li>
<li class="vignette" style=""><a href="wellness-spa.php#Lac"><img src="/image/navigation/vignette/lac_02.jpg">Lake</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element forfaits">
<a href="special-offers.php">Special offers</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes" style="margin-bottom: 2px;">
<li class="vignette" style=""><a href="/en/special-offers.php#NeuchatelEvasion"><img src="/image/navigation/vignette/neuchatel.jpg">Neuchâtel Evasion</a></li>
<li class="vignette" style=""><a href="/en/special-offers.php#LesJeuxSontFaits"><img src="/image/navigation/vignette/faites-vos-jeux.jpg">Place your bets!</a></li>
<li class="vignette" style=""><a href="/en/special-offers.php#Saveurs"><img src="/image/navigation/vignette/saveurs_02.jpg">Flavors</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element neuchatel">
<a href="neuchatel-region.php">Neuchâtel</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul class="vignettes">
<li class="vignette" style=""><a href="neuchatel-region.php#Neuchatel"><img src="/image/navigation/vignette/neuchatel.jpg">Neuchâtel</a></li>
<li class="vignette" style=""><a href="watchmaking-manufactures.php"><img src="/image/navigation/vignette/mouvement-horloger.jpg">Watcmaking manufactures</a></li>
<li class="vignette" style=""><a href="neuchatel-during-the-belle-epoque.php"><img src="/image/navigation/vignette/belle-epoque.jpg">Belle Epoque</a></li>
<li class="vignette" style=""><a href="neuchatel-region.php#JuraTroisLacs"><img src="/image/navigation/vignette/jura-trois-lacs.jpg">Jura & Three-Lakes</a></li>
<li class="vignette" style=""><a href="neuchatel-region.php#Culture"><img src="/image/navigation/vignette/culture.jpg">Culture</a></li>
<li class="vignette" style=""><a href="neuchatel-region.php#Excursions"><img src="/image/navigation/vignette/creux-du-van.jpg">Excursions</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="navigation-deroulante-element reservations">
<a href="book.php" style="padding: 3px; background-color: #0a255d; padding-top: 5px; border-radius: 3px; border: 1px solid #0a255d; color:#ffffff; font-weight: bold;">Book & Voucher</a>
<div class="navigation-deroulante-contenu">
<div class="conteneur">
<div class="raccourcis">
<ul>
<li><a href="https://be.synxis.com/?Hotel=55724&Chain=8565&locale=en-US&adult=2" target="_blank">book a room</button></a></li>
<li><a href="https://module.lafourchette.com/en_GB/module/295437-1252c/1851869#/1851869/dhp" target="_blank">book a table at the restaurant</button></a></li>
<li><a href="https://module.lafourchette.com/en_GB/module/295437-1252c/4727714#/4727714/dhp?date=2023-01-01" target="_blank">book a table for Sunday Brunch</a></li>
<li><a href="mailto:info@beau-rivage-hotel.ch">book a massage</a></li>
<li><a href="https://shop.e-guma.ch/beau-rivage/en/gift-vouchers" target="_blank">order a voucher</button></a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="ReservationMini">
<div id="ReservationMiniTitre" onclick="document.getElementById('ReservationMiniMenu').classList.toggle('show');">BOOK & VOUCHER</div>
<div id="ReservationMiniMenu">
<p><a href="https://be.synxis.com/?Hotel=55724&Chain=8565&locale=en-US&adult=2" target="_blank">book a room</a></p>
<p><a href="https://module.lafourchette.com/en_GB/module/295437-1252c/1851869#/1851869/dhp" target="_blank">book a table at the restaurant</a></p>
<p><a href="https://module.lafourchette.com/en_GB/module/295437-1252c/4727714#/4727714/dhp?date=2023-01-01" target="_blank">book a table for Sunday Brunch</a></p>
<p><a href="https://module.lafourchette.com/en_GB/module/295437-1252c/4727714#/4727714/dhp" target="_blank">book a table for les Plateaux du Beau-Rivage</button></a></p>
<p><a href="mailto:info@beau-rivage-hotel.ch">book a massage</a></p>
<p><a href="https://shop.e-guma.ch/beau-rivage/en/bons-cadeaux" target="_blank">order a voucher</a></p>
</div>
</div>
</header>
<div id="MargeSuperieure" style="height: 113px;"></div>
<div id="IllustrationAccueil" onclick="document.getElementById('VideoAccueil').play();" role="banner" style="position: relative; background:url(/image/illustration/accueil-video-7.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; overflow: hidden">
<video poster="/image/illustration/accueil-transparent.png" webkit-playsinline="true" playsinline="true">
<source src="/video/beau-rivage-hotel-neuchatel-7.mp4?2" type="video/mp4">
</video>
</div>
<div id="VagueIntroduction">
<div class="bienvenue">Beau-Rivage Hotel</div>
<div class="chezvous">The place where we meet</div>
<div class="texte">Just a short distance away from the bustling world, the only noises that reach your ears are the wind flapping the sails of boats preparing to leave and the cries of seagulls on the lookout for their share of the fishermen's bait.</div>
<div class="tripadvisor"><img src="/image/tripadvisor-travelers-choice-2022.svg" alt="Tripadvisor Travellers's Choice 2022"></div>
</div>
<div id="mother-s-day" class="ligne gauche hotel">
<div class="illustration">
<div class="sp-slide">
<img class="sp-image" src="/image/photo/vignette/brunch-fete-des-meres_2024.jpg?2" />
</div>
<div class="vagues"></div>
</div>
<div class="contenu">
<div class="texte">
<p>Join us at the Beau Rivage Hotel <strong>on Sunday, May 12, 2024</strong> to celebrate all mothers!</p>
<p>Our special Mother's Day brunch, starting <strong>at 12:00 p.m.</strong>, promises a delicious gastronomic experience.</p>
<p>Price: CHF 110 per person excluding drinks.<br />Free for children under 5 and 50% of the price for children aged 6 to 12.</p>
<p><strong>Reservations on +41 32 723 15 15<br />or by e-mail at <a href="mailto:info@beau-rivage-hotel.ch">info@beau-rivage-hotel.ch</a></strong></p>
</div>
</div>
</div>
<!-- <div id="igloo-raclette" class="ligne gauche hotel">
<div class="illustration">
<div class="sp-slides">
<div class="sp-slide">
<img class="sp-image" src="image/vignette/igloo-raclette.gif" />
</div>
</div>
<div class="vagues"></div>
</div>
<div class="contenu">
<div class="texte">
<p>Come and try our raclettes from 1 November to 17 December on our outdoor terrace !</p>
<p>Registration:<br /><a href="mailto:info@beau-rivage-hotel.ch">at info@beau-rivage-hotel.ch</a><br /><a href=""tel:+41327231515>or +41 32 723 15 15</a></p>
<p><a href="/fr/igloo-menu.php" target="_blank" title="discover the igloo card"><button type="button">Menu</button></a></p>
</div>
</div>
</div>-->
<div class="ligne droite restaurant">
<div class="illustration">
<div class="slider">
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/o-terroirs_01.jpg"><img class="sp-image" src="/image/photo/vignette/o-terroirs_01.jpg" /></a>
</div>
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/o-terroirs_02.jpg"><img class="sp-image" src="/image/photo/vignette/o-terroirs_02.jpg" /></a>
</div>
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/o-terroirs_03.jpg"><img class="sp-image" src="/image/photo/vignette/o-terroirs_03.jpg" /></a>
</div>
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/o-terroirs_04.jpg"><img class="sp-image" src="/image/photo/vignette/o-terroirs_04.jpg" /></a>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_01.jpg"><img class="sp-image" src="/image/photo/vignette/plat_01.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_02.jpg"><img class="sp-image" src="/image/photo/vignette/plat_02.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_03.jpg"><img class="sp-image" src="/image/photo/vignette/plat_03.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_04.jpg"><img class="sp-image" src="/image/photo/vignette/plat_04.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_05.jpg"><img class="sp-image" src="/image/photo/vignette/plat_05.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_06.jpg"><img class="sp-image" src="/image/photo/vignette/plat_06.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_07.jpg"><img class="sp-image" src="/image/photo/vignette/plat_07.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_08.jpg"><img class="sp-image" src="/image/photo/vignette/plat_08.jpg" /></a>
</div>
</div>
<div class="sp-slides">
<div class="sp-slide">
<a title="" class="vignette" href="/image/photo/plat_09.jpg"><img class="sp-image" src="/image/photo/vignette/plat_09.jpg" /></a>
</div>
</div>
</div>
</div>
<div class="vagues"></div>
</div>
<div class="contenu">
<div class="texte">
<h2>Restaurant O’terroirs</h2>
<p>A peaceful location, set against the beautiful backdrop of the lake and the Alps as far as the eye can see. Here, we serve dishes that blend tradition with modernity, introducing you to new flavours or simply allowing you to rediscover those you had forgotten.</p>
<a href="https://module.lafourchette.com/en_GB/module/295437-1252c" target="_blank"><button type="button">Book a table</button></a>
</div>
</div>
</div>
<div class="ligne gauche evenements">
<div class="illustration">
<div class="slider">
<div class="sp-slides">
<div class="sp-slide">
<a title="Célébrez votre mariage au Beau-Rivage-hotel de Neuchâtel" class="vignette" href="/image/photo/mariage_01.jpg"><img class="sp-image" src="/image/photo/vignette/mariage_01.jpg" /></a>
</div>
<div class="sp-slide">
<a title="Célébrez votre mariage au Beau-Rivage-hotel de Neuchâtel" class="vignette" href="/image/photo/mariage_02.jpg"><img class="sp-image" src="/image/photo/vignette/mariage_02.jpg" /></a>
</div>
<div class="sp-slide">
<a title="Célébrez votre mariage au Beau-Rivage-hotel de Neuchâtel" class="vignette" href="/image/photo/mariage_01.jpg"><img class="sp-image" src="/image/photo/vignette/mariage_01.jpg" /></a>
</div>
<div class="sp-slide">
<a title="Célébrez votre mariage au Beau-Rivage-hotel de Neuchâtel" class="vignette" href="/image/photo/mariage_02.jpg"><img class="sp-image" src="/image/photo/vignette/mariage_02.jpg" /></a>
</div>
</div>
</div>
<div class="vagues"></div>
</div>
<div class="contenu">
<div class="texte">
<h2>Célébration</h2>
<p>Whether you're dreaming of a fairytale wedding or an intimate soirée, we'll help organise your perfect day down to the very last detail, making your event a unique experience.</p>
<a href="mailto:events@beau-rivage-hotel.ch" target="_blank"><button type="button">Book your event</button></a>
</div>
</div>
</div>
<footer>
<div id="ReseauxSociaux">
<div class="widget-instagram"><iframe src="//lightwidget.com/widgets/989c1ad4753056d2867e8157a3e238fd.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe></div>
<div class="bande-vignettes" style="position:absolute; width: 100%; z-index:2;">
<a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette instagram"></div></a><a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette v2 instagram"></div></a><a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette v3 instagram"></div></a>
<div class="liens">
<div class="contenu">
#BeauRivageHotel<br />
<div class="picto"><a href="https://www.facebook.com/beaurivageneuchatel" target="_blank"><img src="/image/picto-facebook.png" alt="Beau-Rivage Hotel on Facebook"/></a></div><div class="picto"><a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><img src="/image/picto-instagram.png" alt="Beau-Rivage Hotel on Instagram"/></a></div><div class="picto"><a href="https://en.tripadvisor.ch/Hotel_Review-g188066-d231871-Reviews-Beau_Rivage_Hotel-Neuchatel.html" target="_blank"><img src="/image/picto-tripadvisor.png" alt="Beau-Rivage Hotel on Tripadvisor"/></a></div><div class="picto"><a href="http://grandtour.myswitzerland.com/en/nec/" target="_blank"><img src="/image/picto-grand-tour.png" alt="Beau-Rivage Hotel and the Grand Tour of Switzerland"/></a></div>
</div>
</div>
<a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette"></div></a><a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette v2"></div></a><a href="https://www.instagram.com/beaurivageneuchatel/" target="_blank"><div class="vignette v3"></div></a>
</div>
</div> <div id="Pied">
<div class="illustration">
<div id="PanoramaGauche"></div>
<div id="PanoramaDroite"></div>
</div>
<div class="barre-navigation-secondaire">
<div class="navigation-secondaire">
<ul class="liste-navigation">
<li><a href="general-information.php">General information</a></li>
<li><a href="/newsletter/">Newsletter</a></li>
<li><a href="career.php">Career</a></li>
<li><a href="write-a-review.php">Write a review</a></li>
<li><a href="partners.php">Partners</a></li>
<li><a href="/download/beau-rivage-hotel-neuchatel-general-terms-and-conditions-of-sale-2018.pdf?89" target="_blank">GTCS (accomodation)</a></li>
<li><a href="/download/BEAU-RIVAGE-HOTEL-NEUCHATEL_gtcs-gifts-vouchers.pdf?186" target="_blank">GTCS (gift vauchers)</a></li>
<li><a href="data-privacy-policy.php">Privacy</a></li>
</ul>
</div> </div>
<div id="BlocAdresseEtLabels">
<div id="Adresse">
<h3>Beau-Rivage Hotel</h3>
<p>1, Esplanade du Mont-Blanc<br />
2000 Neuchâtel</p>
<p>+41 32 723 15 15<br />
<a href="mailto:info@beau-rivage-hotel.ch">info@beau-rivage-hotel.ch</a>
</p>
<p><br /><a href="https://www.google.ch/maps/place/46%C2%B059'21.0%22N+6%C2%B055'43.7%22E/@46.9891708,6.92771,18z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d46.989169!4d6.928807" target="_blank" class="bouton" title="See the “getting here” page to find the Beau-Rivage Hotel in Neuchâtel">map</a></p>
</div>
<div id="Labels">
<div class="principal">
<a href="partners.php#Relais-et-Chateaux"><img src="/image/hotel/relais-chateaux-2019.png" alt="The Beau-Rivage Hotel Neuchâtel is member of Relais & Châteaux"></a>
<a href="partners.php#Swiss-Deluxe-Hotels"><img src="/image/hotel/swiss-deluxe-hotel.png" alt="The Beau-Rivage Hotel Neuchâtel is member of Swiss Deluxe Hotels"></a>
</div>
<div class="secondaire"><img src="/image/hotel/gault-et-millau-15-pied.png" alt="Our O'terroirs restaurant is rated 15 points by Gault & Millau."></div>
</div>
</div>
</div>
</footer>
<button id="BoutonTop" title="Top of page"></button>
</body>
</html>
