@font-face {
    font-family: 'Raleway';
    src: url('/smarty/lp09/media/fonts/new-fonts/Raleway-Medium.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/smarty/lp09/media/fonts/new-fonts/Raleway-Bold.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts//Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/smarty/lp09/media/fonts/new-fonts/Raleway-Light.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/smarty/lp09/media/fonts/new-fonts/Raleway-Regular.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/smarty/lp09/media/fonts/new-fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/media/fonts/new-fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
        url('/media/fonts/new-fonts/PlayfairDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-SemiBold.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('/smarty/lp09/media/fonts/new-fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@keyframes Up {
  0% {
    transform: translateY(55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Down {
  0% {
    transform: translateY(-55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Left {
  0% {
    transform: translateX(55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes Right {
  0% {
    transform: translateX(-55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

p a {
  position: relative;
  text-decoration: none;
  color: inherit;
}

p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

p a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
  pointer-events: none;
}

p a:hover::before {
  width: 100%;
}






:root{--bs-body-color:#403a3a;--bs-body-bg:#fff;--bs-primary-color:#0c9ac2;
  --bs-secondary-bg:#24476f;--bs-tertiary-color:#152941;--tertiary-color:#0091bd;
  --bs-tertiary-bg:#ab6f09;--dark-color:#000;--light-color:#f6f6f6;--bs-btn-padding-x:12px;--bs-btn-padding-y:7px;--border-color:#dedede;
  --bs-nav-link-color:#606060;--bs-nav-link-color-second:#606060;--bs-body-font-family:'Raleway';--bs-titles-font-family:'Playfair Display';--bs-body-font-weight:400;--bs-body-line-height:1.6em;--bs-body-font-size:15px;--bs-nav-link-font-size:1em;--bs-nav-link-font-weight:700;--bs-nav-link-padding-y:10px;--bs-nav-link-padding-x:5px;--bs-navbar-nav-link-padding-x:5px;--bs-dropdown-zindex:99;--bs-dropdown-min-width:200px;--bs-dropdown-padding-x:20px;--bs-dropdown-padding-y:15px;--bs-dropdown-font-size:1em;--bs-dropdown-padding-y:5px;--bs-dropdown-font-size:1em}
a{color:var(--bs-primary-color);transition:all .4s;outline:none}
a:active,a:hover,a:focus{color:var(--bs-primary-color);text-decoration:none}
hr{border-color:var(--bs-gray-400)}
.image-left{margin:0 35px 30px 0!important;float:left!important}
.image-right{margin:0 0 30px 35px!important;float:right!important}
.btn-primary{background:var(--bs-primary-color);border-color:var(--bs-primary-color)}
.btn-primary:hover{background:var(--bs-primary-color);border-color:var(--bs-primary-color)}
span.phone-responsive{display:none}
span.phone {
    white-space: nowrap;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--bs-titles-font-family);
    font-weight: 500;


}h2, h4, h6 {
    color: var(--bs-primary-color);
}h1 {
    font-size: 30px;
    text-transform: uppercase;
}h2 {
    font-size: 25px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
section.banner {
    padding: 30px 0;
    height: 752px;
    background: var(--dark-color);
  overflow: hidden;
}.box-first {
    padding: 40px;
    margin: 0 0 20px;
    background: #bcc5ce26;

}
.box-first ul {
  list-style-type: none; /* Supprime les puces par défaut */
  padding-left: 0;
  margin-top: 1em;
}

.box-first li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.75em;
  font-size: 1.05em;
  color: #333;
}

.box-first li::before {
  /*content: "✔";*/ /* Symbole de coche */
  position: absolute;
  left: 0;
  color: #0c9ac2; /* Couleur bleue personnalisée */
  font-weight: bold;
}.image-right, .image-left {
    padding: 5px;
    border: 1px solid #0c9ac2;
}
.homepage section.banner {
    height: 1050px;
    overflow: hidden;
}
.slide{position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;transition:filter .4s;   animation: 3.5s Down;}

.carousel img{height:100%;object-fit:cover}
.slide-box-message {
    color: var(--bs-body-bg);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -14px;
    width: 100%;
    background: #2560a763;
    padding: 24px 0;
}.slide-box-message h2 {
    font-size: 35px;
    text-transform: uppercase;
    margin: 0 0 29px;
    color: white;
}header.sticky-top.sticky.sticky-appear  .navbar-brand {
    /*display: none;*/
}header.sticky-top.sticky.sticky-appear {
    height: auto;
    box-shadow: 0 0 10px black;
    position: fixed;
  padding:0px;
}header.sticky-top.sticky.sticky-appear div#navbarNav {
    margin: 1px 0 3px;
}header.sticky-top.sticky .sticky-appear div#navbarNav {
    margin: 0 auto;
}.homepage .wrapper {
    text-align: center;
    padding: 32px 0 90px;
}
.slide-box-message .slogan{letter-spacing:.05em;font-size:1.7em}
.slide-box-message .name{font-size:4.4em;font-weight:300;font-family:var(--bs-titles-font-family)}
.slide-box-message .name a{font-family:var(--bs-titles-font-family);color:var(--bs-body-bg);text-decoration:none}
.slide-box-message .name a strong{font-weight:600;color:var(--bs-primary-color)}
.slide-box-message p a {
    position: relative;
    font-size: 21px;
    line-height: 1.1em;
    letter-spacing: 0;
    padding: 15px 17px;
    font-weight: 600;
    display: table;
    border-radius: 5px;
    margin: 12px auto;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    background: linear-gradient(to top, var(--bs-primary-color) 0%, var(--bs-primary-color) 50%, white 50%, white 100%);
    background-size: 100% 201%;
    background-position: 0 100%;
    transition: background 400ms ease-in-out;
  animation: 2.5s Down;
}.slide-box-message p a:hover {
    background-position: 0 0;
    color: var(--bs-primary-color);

}
.scrolldown {
    left: 50%;
    bottom: 241px;
    transform: translateX(-50%);
    color: white;
    text-decoration: none;
    transition: color .4s;
    z-index: 1;
}
header.top .scrolldown:hover{color:var(--bs-tertiary-bg)}
.carousel-inner,.carousel-item{height:100%}
header.sticky-top {
    padding: var(--bs-dropdown-padding-x) 0;
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.sticky-top .navbar-brand{font-size:2.2em;font-family:var(--bs-titles-font-family);font-weight:200}
.sticky-top .navbar-brand strong{font-weight:600;color:var(--bs-primary-color)}
.navbar-nav{margin-right:0!important;margin-left:auto}
.boxes div[class*="box"] .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}.boxes div[class*="box"] .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}
a.nav-link {
    text-transform: none;
    line-height: 2em;
    font-weight: 600;
    border-radius: 5px;
    transition: background .4s,color .4s;
    color: black;
    padding: 6px 5px !important;
    font-size: 14px;
}li.nav-item {
    padding: 0 3px;
}
.sticky-top .navbar-brand {
    margin: -13px 0 0;

}header.sticky-top {
    height: 174px;
  animation: 2.5s Down;
}div#navbarNav {
    margin: -28px 0 0;
}
.navbar-nav > li > .nav-link:hover,.navbar-nav > .selected > .nav-link{background:var(--bs-primary-color);color:var(--bs-body-bg)}
.dropdown-toggle::after{content:'\f078';font-family:"Font Awesome 6 Pro";border-top:0 solid;font-size:10px;padding:2px 0 0 7px;font-weight:900;-webkit-text-stroke:1px var(--bs-nav-link-color)}
li.nav-item:hover .dropdown-toggle::after,.selected .dropdown-toggle::after{color:var(--bs-body-bg);-webkit-text-stroke:1px #000}
.dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:100%;left:50%;transform:translateX(-50%);z-index:99;min-width:200px;background:var(--border-color);text-align:center;margin-top:0;padding:2px}
li.nav-item.dropdown > a{padding-right:20px!important}
.dropdown-menu li.nav-item{padding:0}
.dropdown-toggle{position:absolute;right:13px;top:7px;z-index:999;cursor:pointer}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:8px}
ul.dropdown-menu{border:0;border-radius:0}
.dropdown-toggle.child::after{content:'\f054';font-family:"Font Awesome 6 Pro";border-top:0 solid}
.dropdown-menu li{position:relative}
.nav-item .submenu-left{right:100%;left:auto}
.dropdown-menu > li:hover > .submenu{display:block}
.dropdown-menu .nav-link{padding:5px 10px;transition:all .4s;border-radius:0;font-size:14px}
.dropdown-menu .nav-link:hover,.dropdown-menu .selected > .nav-link{background:var(--light-color);color:var(--bs-primary-color)}


.dropdown-menu .nav-link:before{display:none}
.dropdown-menu .nav-link:hover,.dropdown-menu .selected .nav-link{color:var(--bs-primary-color)!important;border-bottom-color:var(--bs-tertiary-color)}
.navbar-expand-lg .navbar-nav .dropdown-menu .level-2{position:absolute;padding:0;left:100%;top:0;transform:translateX(0%)}
.navbar .cta-phone{position:absolute;top:0;left:0;background:var(--bs-body-bg);color:var(--bs-tertiary-color);padding-right:10px;border:2px solid var(--border-color);border-radius:5px;font-size:1.5em;overflow:hidden;opacity:0;pointer-events:none;z-index:-1;transition:top .4s,opacity .4s}
.navbar .cta-phone i{background:var(--bs-primary-color);color:var(--bs-body-bg);display:inline-block;width:2em;line-height:2em;text-align:center}
.navbar .cta-phone span{display:inline-block;padding:0 10px}
.navbar .cta-phone a{text-decoration:none}
.navbar .cta-phone .number-responsive{display:none}
.navbar .cta-phone.sticky.sticky-appear {
    top: 145px;
    opacity: 1;
    pointer-events: all;
}
section.news-block{position:relative;margin-top:30px;border:5px solid var(--bs-primary-color);border-radius:5px;overflow:hidden}
.content h1 {
    position: relative;
    font-size: 27px;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--bs-secondary-bg);
    letter-spacing: 0;
}
.content ul li {
    position: relative;
    left: 0;
    margin:auto;
	display:table
}
.homepage .content h1{text-align:center}
.content h1 span{background:var(--bs-body-bg);padding:0 10px;display:inline-block}
.content header.page-title h1 {
    position: relative;
    margin: 0;
    font-size: 27px;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
}
.carousel-indicators .active {
    opacity: 0!important;
}
.content h1 span:first-child::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:22px;height:6px;/*border:1px solid;border-image-source:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,0));border-image-slice:1*/}
.content h1 span.sub-title {
    display: block;
    margin-top: 21px;
    font-size: 26px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 0 0 .4em;
    color: var(--bs-tertiary-color);
    font-family: 'Raleway';
}
h2.subtitle{text-align: center;
    margin-top: 10px;}
.boxes div[class*="box"] .icon {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    transition: all 0.4s;
}.boxes div[class*="box"]:hover .icon {
    transform: scale(1.2);
}.photo-bottom.photo-bottom-home .boxes div[class*="box"] {
    padding: 0 29px;
    line-height: 25px;
}
.boxes [class*="box"] .icon::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:block;border-radius:50%;background:url(../images/box-overlay.webp) no-repeat center;opacity:1;transition:opacity .4s}
.boxes div[class*="box"] h4 {
    text-transform: uppercase;
    color: var(--bs-tertiary-color);
    margin: 23px 0 19px;
    font-size: 28px;
}
.boxes .col-lg-4 {

    padding: 0 9px!important;
}
.boxes div[class*="box"] a{position:absolute;left:0;top:0;bottom:-31px;right:0;font-size:0}
.boxes [class*="box"] em {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bs-primary-color);
    color: var(--bs-body-bg);
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    font-style: normal;
    padding: 15px 23px;
    display: inline-block;
    border: 1px solid var(--bs-primary-color);
    border-radius: 5px;
    transition: background .4s,color .4s,border-color .4s;
    bottom: -31px;
}.boxes [class*="box"]:hover img {
    transform: scale(1.1);
}.boxes div[class*="box"] .img-box {
 
    overflow: hidden;
}.photo-bottom.photo-bottom-home:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000b0;
    z-index: 0;
}.photo-bottom.photo-bottom-home {
    height: auto;
    padding: 145px 0 0px;
    overflow: hidden;
}.photo-bottom.photo-bottom-home * {
    position: relative;
    z-index: 2;
    color: white;
}.boxes.pictos div[class*="box"] h4 {
    color: white;
}
.boxes [class*="box"]:hover em{background:var(--bs-body-bg);color:var(--bs-tertiary-color);border-color:var(--bs-tertiary-color)}
.photo-bottom {
    height: 65vh!important;
    min-width: 250px;
    background: url(/smarty/lp09/media/images/new-images/bottom-photo.webp) center fixed no-repeat;
    background-size: cover;
}
.photo-bottom::before{content:'';font-size:16px;width:2em;height:2em;display:block;border-radius:5px;position:absolute;left:50%;top:-22px;transform:rotate(45deg);transform-origin:left top;background:var(--bs-primary-color)}
section.address{padding:30px 0;text-align:center;background:var(--bs-secondary-bg);color:var(--bs-body-bg)}
section.address a{color:white;}
.openinghours{padding:30px 0}
.openinghours h3 {
    font-weight: 600;
    font-size: 28px;
    color: var(--tertiary-color);
}.contactForm .contact-field-item .contact-field-element .form-field {
    display: block !important;
    width: 100% !important;
    margin: 0;
    padding: 13px 10px !important;
    border: 1px solid #3c313136 !important;
    background-color: #fff;
    transition: border-color .4s,box-shadow .4s;
    line-height: initial;
    color: black !important;
}.contactForm .form-submit-button {
    background: #152941 !important;
    padding: 14px 10px !important;
    border: none;
    margin: 0 auto;
    font-weight: 700;
    cursor: pointer;
    transition: background .4s, color .4s;
    display: table;
    border-radius: 5px;
    color: white;
    width: 100%;
    text-transform: uppercase;
}.contactForm .form-submit-button:hover {
    background: #0091bd !important;
}
.openinghours .containerOpening{position:relative;display:block;width:300px;margin:0 auto}
.openinghours .containerOpening .openingLine{position:relative;text-align-last:justify;margin-top:5px}
.openinghours .containerOpening .openingLine::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;height:4px;border:1px solid rgba(0,0,0,.15)}
.openinghours .containerOpening .openingLine .openingDay,.openinghours .containerOpening .openingLine .openingTime{position:relative;display:inline-block;background:var(--bs-body-bg)}
.openinghours .containerOpening .openingLine .openingDay{padding-right:10px;margin-right:50px;font-weight:700;text-transform:uppercase}
.openinghours .containerOpening .openingLine .openingTime{padding-left:10px}

article.content p{margin:0 0 20px;
  animation: 1.5s Down;}
article.content ul{list-style:none;margin-left:0;padding:0}
article.content ul li{position:relative;left:0;margin-left:5px;padding-right:5px}
article.content ul ul{list-style-type:circle}
article.content ul li {
  position: relative;
  padding-left: 2rem; /* espace pour la puce */
  list-style: none; /* supprime la puce par défaut */
    line-height: 33px;
}

.row{background-color: #fff!important;}



article.content ul li::after {
  content: "\f111"; 
  font-family: "Font Awesome 6 Pro";
  font-weight: 300; 
  position: absolute;
  left: 0;
  top: 0.3em;
  font-size: 0.6em;
  color: #3498db;
}
article.content .table-style{position:relative}
article.content .table-style th{background:var(--bs-gray-200)}
article.content .table-style th,article.content .table-style td{border:1px solid var(--bs-gray-400);padding:2px 5px}
.content .menu-list,.content .menu-list li{position:relative;list-style:none;margin:0;padding:0}
.content .menu-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.content .menu-list li::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;height:5px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.content .menu-list li em{font-style:normal;background:var(--bs-body-bg);display:inline-block;padding-right:10px}
.content .menu-list li strong{background:var(--bs-body-bg);display:inline-block;padding-left:10px}
article.content1 .grid-gallery {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
article.content1 .link-picture{position:relative;background-size:cover;background-position:center;height:350px;cursor:zoom-in}
article.content .link-subgallery{position:relative;background-size:cover;background-position:center;height:350px;text-decoration:auto;cursor:pointer}
article.content span.title-subgallery{background-color:var(--bs-primary-color);display:flex;color:#fff;padding:5px;text-transform:capitalize}
.page-link{color:var(--bs-primary-color);text-decoration:none}
.active>.page-link,.page-link.active,.page-link:hover{color:var(--bs-body-bg);background-color:var(--bs-primary-color);border-color:var(--bs-primary-color)}
.disabled>.page-link, .page-link.disabled {
    color: #ffffff !important;
}
article.content .pagination{margin-top:10px;justify-content:center}
article.content .link-subgallery:before,article.content .link-picture:before{content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:0;transition:width .6s;transition-delay:0;background-color:rgba(34,34,34,.85)}
article.content .link-subgallery:hover:before,article.content .link-picture:hover::before{width:100%;transition-delay:.4s}
article.content .link-subgallery::after,article.content .link-picture::after{content:'';z-index:3;position:absolute;left:20px;right:20px;top:20px;bottom:20px;background-size:0;background-repeat:no-repeat;background-image:linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%),linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%);background-position:0 0,100% 0,100% 100%,0 100%}
article.content .link-subgallery:hover::after,article.content .link-picture:hover::after{animation:bg 1.25s;animation-fill-mode:forwards}
article.content span.title-subgallery{position:absolute;display:block;left:5px;right:5px;top:50%;bottom:auto;transform:translateY(-50%);background:rgba(0,0,0,.9);text-align:center;text-transform:uppercase;font-weight:700;line-height:2.5em;color:#fff;padding:5px;z-index:3}
article.content .link-picture span.title-picture,article.content .link-picture span.text-picture{position:absolute;z-index:10;left:50px;right:50px;bottom:0;text-align:center;color:#999;display:block!important;opacity:0;transition:bottom .6s,opacity .6s;transition-delay:0}
article.content .link-picture span.title-picture{color:var(--bs-body-bg);text-transform:uppercase}
article.content .link-picture:hover span.text-picture,article.content .link-picture:hover span.title-picture{bottom:50px;opacity:1;transition-delay:.4s}
article.content .link-picture:hover span.title-picture{bottom:70px}
@keyframes bg {
0%{background-size:0 2px,2px 0,0 2px,2px 0}
25%{background-size:100% 2px,2px 0,0 2px,2px 0}
50%{background-size:100% 2px,2px 100%,0 2px,2px 0}
75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}
100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}
}
article.content .grid-gallery:after{content:'';display:block;clear:both}
article.content .grid-sizer,.grid-item{width:33%}
.grid-item{margin-bottom:2px}
article.content .grid-item{float:left}
article.content .grid-item img{display:block;width:100%;max-width:100%}
footer.bottom .box-maps{position:absolute;left:0;right:0;top:0;bottom:0;filter:grayscale(100%)}
footer.bottom .contact-form{width:30.8%;background:#fff;border:1px solid #dedede;border-radius:5px;margin-left:auto}
footer.bottom .contact-form h3.contact-field{display:none}
.contact-form .form-control{color:#999;background:#fff;border:1px solid var(--border-color);padding:5px 15px;line-height:2em;border-radius:4px;transition:color .4s,border-color .4s;margin-bottom:10px;font-size:1em}
.contact-form textarea.form-control{height:100px;resize:vertical}
.contact-form .gdpr.form-check{text-align:center;font-size:12px;display:table;margin:0 auto 10px}
.contact-form .g-recaptcha{display:table;margin:0 auto 10px}
.contact-form .contact-submit .btn-primary{text-transform:uppercase;font-family:var(--bs-titles-font-family);line-height:1em;border:none;font-weight:700;color:var(--bs-body-bg);padding:10px 20px;display:block;width:100%;border-radius:4px}
.contact-form .contact-submit .btn-primary:hover{color:var(--bs-body-bg);background:var(--bs-tertiary-bg)!important}
section.social{background:var(--bs-secondary-bg);padding:30px 0}
.networks_linking{display:flex;justify-content:center}
.networks_linking a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    color: white;
    background: none;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 1.25em;
    margin-left: 9px;
    transition: color .4s,background .4s,border-color .4s;
}
section.social a:hover{color:var(--bs-body-bg);background:var(--bs-primary-color)!important;border-color:var(--bs-primary-color)}
i.fa-brands.fa-tripadvisor:before{content:"\f262"}
.fa-twitter:before{content:"\e61b"!important}
.fa-facebook:before{content:"\f39e"!important}
.footer-nav ul{flex-direction:row}
.footer-nav ul li{margin:0 10px 0 0;padding:0;display:inline-block}
html {
  scroll-behavior: smooth;
}

.footer-nav a {
    color: black;
    padding: 0;
    line-height: 1.3em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dotted black;
    transition: border-color .4s,color .4s;
    
    font-size: 1em;
    border-radius: 0;
}

.footer-nav .navbar-nav{margin:0!important}


.footer-nav .nav-link:hover, .footer-nav .selected .nav-link, .footer-nav .language a:hover, .footer-nav .language a.selected {
    background: transparent!important;
    color: var(--bs-primary-color) !important;
    border-color: var(--bs-primary-color);
}
footer.bottom .hours .openingDay{text-transform:uppercase;display:inline-block;width:125px}
a.btn-cookies-link{background-color:var(--dark-color)!important;color:var(--bs-body-bg)!important}
a.btn-cookies-link:hover{background-color:var(--bs-body-color)!important}
.footer-b{position:fixed;right:12px;bottom:5px;color:var(--dark-color)}
#scrollTopBtn{position:fixed;bottom:32px;right:21px;color:var(--bs-body-bg);border-radius:4px;opacity:0;background-color:#000;padding:6px 12px}
#scrollTopBtn.Active{opacity:1}
.btn-cookies-pos,.footer-b,#scrollTopBtn{z-index:1020}
.resto-reservation{background:var(--light-color)!important;padding: 20px}
.resto-reservation .resto-reservation-steps .resto-reservation-step > .resto-reservation-dot,.resto-reservation .resto-reservation-steps .resto-reservation-step > .step-progress > .step-bar{background:var(--bs-primary-color)!important}
.resto-field-label{color: var(--bs-body-bg);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);border-bottom-right-radius: 0px;border-top-right-radius: 0px;margin-right: -1px;}
.column-big input {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.column-big select {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.resto-reservation .resto-reservation-content .resto-field-label .fa.fa-clock-o::before{content:"\f017"}
.resto-reservation .resto-reservation-content .resto-btn{background:var(--bs-primary-color)!important;}
.resto-reservation .resto-reservation-content .resto-btn:hover{background:var(--bs-tertiary-bg)!important}
.carousel-control-next,.carousel-control-prev{width:30px}
.toast-news{width:800px;background:rgba(0,0,0,.85)!important;color:var(--bs-body-bg)!important}
.news-popup-image{flex:0 0 auto;width:33.24476f24476f33%}
.news-popup-text{flex:0 0 auto;width:66.66666667%;color:var(--bs-tertiary-color);font-size:1.15em;line-height:1.3em;letter-spacing:.1em}
.toast-header{position:relative;z-index:1;font-size:1.5rem;background:var(--dark-color)!important;color:var(--bs-body-bg)!important}
.toast-header::before{position:absolute;content:'';z-index:-1;right:7px;top:calc(50% - 17px);bottom:auto;width:33px;background:var(--bs-body-bg);border-radius:50%;height:33px}
.me-auto{font-weight:300!important}
.toast-header .btn-close{background-size:40%}
.news-popup-text small.news-date-popup{color:var(--bs-body-bg);font-weight:700}


@media only screen and (max-width : 1400.98px) {
	
	
.sticky-top .navbar-brand img {
    width: 192px;
}a.nav-link {
    padding: 6px 1px !important;
    font-size: 14px;
}
header.sticky-top {
    height: 121px;
}.boxes div[class*="box"] h4 {

    font-size: 23px;
}footer.bottom .contact-form {
    width: 42%;

}
}

@media only screen and (max-width : 1199.98px) {
	
	
.sticky-top .navbar-brand img {
    width: 138px;
}
  .navbar .cta-phone.sticky.sticky-appear {
    top: 73px;
   
}
  a.nav-link {
    padding: 6px 3px !important;
    font-size: 12px;
}
  .sticky-top .navbar-brand {
    margin: 0;
}div#navbarNav {
    margin: 0;
}.content h1 {

    /*font-size: 38px;*/

}.boxes div[class*="box"] h4 {

    font-size: 21px;
}.photo-bottom.photo-bottom-home .boxes div[class*="box"] {
    padding: 0 6px;
   
}.footer-nav .navbar-nav {
    display: table;
    margin: 0 auto;
    text-align: center;
}.inner-wrapper.d-flex.justify-content-between.align-items-center {
    display: table !important;
    margin: 0 auto;
    text-align: center;
}.footer-nav ul li {
    margin: 0 auto;
    padding: 0;
    display: table;
}
.container{max-width:100%}

.homepage section.banner
footer.bottom .contact-form{width:50%}
article.content .grid-gallery{grid-column-gap:10px;grid-row-gap:10px;padding:0 15px}
}
@media only screen and (max-width : 991.98px) {
  footer.bottom .contact-form {
    width: 58%;
}
  .homepage section.banner {
    height: 700px;
}.homepage .wrapper {

    padding: 32px 0 14px;
}.footer-nav a {
    color: black !important;

}
  .sticky-top .navbar-brand img {
    width: 187px;
}
a.nav-link {
    color: black;
    padding: 9px 11px !important;
    font-size: 17px;
}
.toast-container{left:5%;width:90%!important}
.image-left,.image-right{
  margin:0 auto 30px!important;float:none!important;display:table!important;max-width:100%!important
  }
article.content1 .grid-gallery {
    grid-template-columns: repeat(4,1fr);
}
.nav1{
  display:none!important
  }
.navbar-collapse {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: white;
    padding: 10px 0;
    text-align: left;
  
}
.nav-item .submenu{padding:10px;width:100%;background:var(--bs-body-bg);border-radius:5px}
.dropdown-menu li.nav-item{padding:0}
.dropdown-menu .nav-link{
  border-bottom:none!important;color:var(--bs-black)!important;padding:5px
  }
.dropdown-menu .nav-link:hover{
  background:var(--border-color)
  }
.nav-item .level-2{background:var(--tertiary-color);left:0;position:relative}
li.nav-item{padding:1px 10px}.slide-box-message h2 {
    font-size: 31px;

    margin: 0 0 16px;
}
.nav-link{color:var(--bs-body-bg)}
.dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-body-bg);color:#fff}
.navbar-expand-lg .navbar-nav .dropdown-menu{transform:translateX(0%)}
.dropdown-menu .nav-link{text-align:left}
.content h1 span.sub-title {

    margin-top: 19px;
    font-size: 21px;

}
  /*
.content h1 {
    
    font-size: 32px;
 
}
h1 {
    font-size: 32px;
}

h2 {
    font-size: 27px;
}
h3 {
    font-size: 25px;
}
h4 {
    font-size: 23px;
}
h5 {
    font-size: 21px;
}
h6{
    font-size: 19px;
}
  */
  .col-12.col-md-6.col-lg-4 {
    width: 100%;
}.boxes div[class*="box"] .img-box {
    overflow: hidden;
    height: 400px;
}.boxes div[class*="box"] {
    margin: 0 0 60px;
}.boxes div[class*="box"] h4 {

    margin: -21px 0 19px;
    font-size: 25px;
}.boxes.pictos div[class*="box"] h4 {

    margin: 20px auto;
}.boxes.pictos div[class*="box"] {
    margin: 0;
}.photo-bottom {
    /* background: url(../images/photo-bottom.webp) center  no-repeat; */
}.photo-bottom.photo-bottom-home {
  
    padding: 91px 0 0px;
   
}header.sticky-top.sticky.sticky-appear button.navbar-toggler {
    margin: 0 auto;
    text-align: center;
}.navbar .cta-phone.sticky.sticky-appear {
    top: 99px;

}
}
@media only screen and (max-width : 767px) {
  .content h1 {
    font-size: 27px;
}
  .boxes div[class*="box"] .img-box {
    overflow: hidden;
    height: 300px;
    margin: 0px 0 50px;
}.content h1 span.sub-title {
    margin-top: 17px;
    font-size: 19px;
}.box02 {
    margin: 60px 0 !important;
}
  .photo-bottom {
    height: 43vh!important;
 
}
.slide-box-message h2 {
    font-size: 23px;
}.homepage .wrapper {
    text-align: center;
    padding: 0px 0 34px;
}
.slide-box-message{text-align:center;text-align-last:center}
.slide-box-message .slogan{letter-spacing:0;font-size:1.5em;margin:0 auto;display:table!important}
.slide-box-message .name{font-size:3.3em}
.slide-box-message p a{    font-size: 18px;}
.boxes div[class*="box"]{margin:0 0 20px}
footer.bottom{padding:80px 0!important}
footer.bottom .contact-form{width:100%}
.inner-wrapper{display:block!important}
.language{margin:20px 0 0}
.footer-nav ul{display:block!important}
.content header.page-title h1{/*font-size:2.3em*/}
section.banner {
    min-height: 614px;
}
article.content1 .grid-gallery{grid-template-columns:repeat(2,1fr)}
.news-popup-text{width:100%}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6{
    font-size: 16px;
}.openinghours h3 {
 
    font-size: 23px;
    
}footer.bottom {
   
    overflow: hidden;
}.openinghours {

    overflow: hidden;
}.openinghours .containerOpening {
 
    width: 240px;
   
}.image-left, .image-right {

    object-fit: cover;
}.boxes.pictos .box02 {
    margin: 0px 0 !important;
}
}
@media only screen and (max-width : 480px) {
  footer.bottom .box-maps {
    display: none;
}
    footer.bottom {
        padding: 40px 0 !important;
    }
    .content h2 {
    font-size: 18px;
}
.slide-box-message h2 {
    font-size: 20px;
}.homepage section.banner {
    height: 600px;
}
  
	.slide-box-message p a {
    font-size: 16px;
}
.content header.page-title h1 {
    font-size: 22px;
}.navbar .cta-phone.sticky.sticky-appear {
    top: 99px;
    opacity: 1;
    pointer-events: all;
    right: 0;
    margin: auto;
    text-align: center;
    display: table;
}.content h1 span.sub-title {

    margin-top: 18px;
    font-size: 16px;

    padding: 0;

}h1 {
    font-size: 23px;
}

h2 {
    font-size: 22px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6{
    font-size: 15px;
}.boxes div[class*="box"] h4 {
   
    font-size: 20px;
}
.sticky-top .navbar-brand strong{display:block;line-height:1.3em}
.content h1{font-size:20px}

article.content1 .grid-gallery{grid-template-columns:repeat(1,1fr)}
}
button.navbar-toggler::after,button.navbar-toggler::before{content:'';width:1.5em;background:var(--bs-primary-color);position:absolute;left:0;height:1.5px;transition:.3s}
button.navbar-toggler::before{top:0;transform:rotate(-32deg);transform-origin:right}
button.navbar-toggler::after{bottom:0;transform:rotate(32deg);transform-origin:right}
button.navbar-toggler .navbar-toggler-icon{display:block;height:1.5px;background-image:none;background-color:var(--bs-primary-color);transition:.1s;opacity:1;margin:8px 0}
button.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{opacity:0}
button.navbar-toggler[aria-expanded=false]::after,button.navbar-toggler[aria-expanded=false]::before{transform:none}