@charset "UTF-8";

/* Theme Name: Hood Description: Hood
    Author: Mkmultimedia Theme URI: https://www.mkmultimedia.com/ Author URI: https://www.mkmultimedia.com/ Version: 1.0.0
*/
/** * This stylesheet was generated using scss * Do not edit this file directly * Go to _scss folder and edit files then reginerate css
*/

/* Maybe we could get rid of this */


.loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#C83D29;
	color: white;
	z-index:999;
}
.h-30,.height-30{
	
	
	height:30%;
}


@media only screen and (min-width: 2000px) {

div:not(.navigator,.restaurantcarte,.isfullscreen) .container-fluid,
div .container-fluid:not(.container-lg,.navigator,.restaurantcarte),
	.headerhotel,.headerrestaurant 
	{
	   max-width: 1920px; 
	   margin:0 auto;
}



div .container-fluid.isfullscreen:not(.container-lg,.navigator,.restaurantcarte)
	{
	   max-width: 19200px; 
	   margin:0 auto;
}

footer .container-fluid,
	#contact .container-fluid{
	   max-width: 100%; 
}


.singlechambre .container-lg.container-fluid {
    max-width: 1320px;
}




}

.typecat svg{
	cursor:pointer;
}


.df {display: flex}
.aic {align-items: center}
.jcc {justify-content: center}

.area {
    font-family: "area-extended", sans-serif;
    font-weight: 400;
    font-style: normal;
	
} 
/*Modal*/



button.close,
a.close,
.modal-header .close,
.close {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjZmZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;
	
}

.closemodal {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xMC4yNzYsMTAuMjA3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwxOC44NjYuMjM5TDEwLjIxMSw4LjAzMiwxLjU1NS4yMzlBLjkzMi45MzIsMCwxLDAsLjMwOCwxLjYyNEw5LjU4Nyw5Ljk3NUEuOTI4LjkyOCwwLDAsMCwxMC4yNzYsMTAuMjA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxNC40NCkgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTTAsMEgxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS45NjYgMS45NjYpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg") 0 0 no-repeat;
    background-size: 20px auto;
    z-index: 3;
	bottom: 0px;
    right: 0px;
    width: 40px;
    color: transparent;
    height: 40px;
    margin: 0;
	
}

button.close2,
a.close2,
.modal-header .close2,
.close2 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMDA2MzMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    color: transparent;
    height: 50px;
    margin: 0;
	
}

.close3 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMTExMTExIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;
	
}

.modal-dialog {
    max-width: 900px;
    margin: 30px auto;
	
}

.desccarte{
    display: block;
      max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s;padding-top: 0rem !important;
}

.open .desccarte{
    display: block;max-height: 70px;padding-top: .5rem !important;
}


.logofait{
    width:130px;
    height: 130px;
border-radius: 130px;
display: block;
position: relative;
margin: 30px auto;
      background:#fff url(img/logo-label-fait-maison.svg) 50% 50% no-repeat;
    background-size: auto 90px;
    transform: rotate(-18deg);
}


 .menu-item.menu-item50 .sub-menu4  li ,
 .menu-item.menu-item50  .sub-menu4  li { 
   
opacity: 0;
transition: all 300ms;
transition-delay: 0.3s;
 }
 .menu-item.menu-item50:hover .sub-menu4 li ,
 .menu-item.menu-item50:hover  .sub-menu4 li {
transition: all 300ms;
transition-delay: 0.3s;

opacity: 1;
 }
  .sub-menu4,
   .sub-menu4 { 
  background: #E2876F;
  border-radius: 0 0 12px 12px;;

 }
  .menu-item50 > a,
  .menu-item50 > a{
    z-index: 1000;

}

  .menu-item50 > a:hover,  .navigator ul.menu .menu-item.menu-item50>a.btn-primary:hover,
  .menu-item50 > a:hover,  .navigator ul.menu .menu-item.menu-item50>a.btn-primary:hover{ 
z-index: 1000;
font-size: 18px !important;;
	transform:translateY(0px) scale(1) !important;

 }

 

   .navigator ul.menu .menu-item>a.btn-primary:hover ,
   .navigator ul.menu .menu-item>a.btn-primary:hover {
    color: #C83D29 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}
 .menu-item .sub-menu.sub-menu4,
  .menu-item .sub-menu.sub-menu4{
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s;
}
.menu-item.menu-item50:hover .sub-menu.sub-menu4{
     max-height: 160px;
    overflow: hidden;
    transition: max-height 0s;
}

 .menu-item:hover .sub-menu.sub-menu4,
  .menu-item:hover .sub-menu.sub-menu4{
    display: block !important;
    max-height: 160px;
    overflow: hidden;
    transition: max-height 0.6s;
}
 .navigator li .sub-menu.sub-menu4 ,
 .navigator li .sub-menu.sub-menu4 {
    position: absolute;
    left: 0px;
    top: 43px;
    padding-top: 0px !important;
    width: calc(100% - 0px);
    padding: 0;
    text-align: left;
    z-index: 999;
    pointer-events: all;
    padding: 0 10px 0px;
    margin-left: 0px;
    max-height: 0;
    overflow: hidden;
} 

 .navigator li.menu-item50:hover .sub-menu.sub-menu4 ,
 .navigator li.menu-item50:hover .sub-menu.sub-menu4 {
    position: absolute;
    left: 0px;
    top: 43px;
    padding-top: 33px !important;
    width: calc(100% - 0px);
    padding: 0;
    text-align: left;
    z-index: 999;
    pointer-events: all;
    padding: 0 10px 5px;
    margin-left: 0px;overflow: visible;
}

 .navigator li.menu-item50:hover .sub-menu.sub-menu4 ,
 .navigator li.menu-item50:hover .sub-menu.sub-menu4 {
    position: absolute;
    left: 0;
    top: 45px;
    padding-top: 40px !important;
    width: calc(100% - 0px);
    padding: 0;
    text-align: left;
    z-index: 999;
    pointer-events: all;
    padding: 0 10px 5px;
    margin-left: 0;overflow: visible;
}


 .center ,
 .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 .sub-menu4 li,
 .sub-menu4 li {
  list-style-type: none;
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: bold;
  color: white;
  text-align: center;
  margin-bottom: 0;line-height: 30px;
}

 .page-template .sub-menu4 li a,
 .page-template .sub-menu4 li a,
 .single  .sub-menu4 li a{
  list-style-type: none;
  font-size: 50px;  font-size: 13px;

 text-decoration: none;
  font-weight: bold;
  color: white !important;
  text-align: center;
  display: inline-block;
  position: relative;
      line-height: 1;
  transition: all 0.6s;
  text-transform: uppercase;
}

  .sub-menu4 li a .subtitre,
  .sub-menu4 li a .subtitre{
    max-height: 30px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size:10px;
    font-style: italic; 
    font-weight: 400; 
    
    
    text-transform: none;
    padding:3px 0;

}

 .sub-menu4 li a:hover .subtitre,
 .sub-menu4 li a:hover .subtitre{
    max-height: 50px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
     font-style: italic;
}

 .sub-menu4 li a .meilleur,
 .sub-menu4 li a .meilleur{
    max-height: 0px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 50px;
    text-align: center;
     font-style: italic;
     position: absolute;  background: url(img/meilleurprix.png) 50% 50% no-repeat;
     background-size: contain;
}


 .sub-menu4 li a:hover .meilleur,
 .sub-menu4 li a:hover .meilleur{
    max-height: 50px;height: 50px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 50px;
    text-align: center;
     font-style: italic;
     background: url(img/meilleurprix.png) 50% 50% no-repeat;
     background-size: contain;
     position: absolute;
     left: -60px;
     top: 50%;
     transform: translateY(-50%);
}

 .sub-menu4 li a .meilleur2:after,
 .sub-menu4 li a .meilleur2:after{
    max-height: 0px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 50px;
    text-align: center;
     font-style: italic;
     position: absolute;  background: url(img/meilleurprix2.png) 50% 50% no-repeat;
     background-size: contain;
     content: " ";
}


 .sub-menu4 li a:hover .meilleur2:after,
 .sub-menu4 li a:hover .meilleur2:after{
    max-height: 70px;height: 70px;
    transition: max-height 0.6s;
    display: block;
    overflow: hidden;
    width: 70px;
    text-align: center;
     font-style: italic;
     background: url(img/meilleurprix2.png) 50% 50% no-repeat;
     background-size: contain;
     position: absolute;
     right: -150px;
     top: 50%;
     content: " ";

     transform: translateY(-50%);
}


  .sub-menu4 li a .subtitre.subtitre2,
  .sub-menu4 li a .subtitre.subtitre2{
       font-style: normal;     font-size:12px;


}

 .sub-menu4 li a:hover,
 .sub-menu4 li a:hover{
 
  color: #C83D29 !important;
 }
  .sub-menu4 li a:after,
 .sub-menu4 li a:after{
 
  background-color: #C83D29;
  content:" ";
  position:absolute;
right: -60px;
    width: 0px;
  top:50%;
  transform: translate(-50% ,-50%);
  height: 1px ;
  transition: all 0.6s;;
 }
 
   .sub-menu4 li a:hover:after,
  .sub-menu4 li a:hover:after{
 
  background-color: #C83D29;
  content:" ";
  position:absolute;
right: -50px;
    width: 25px;
  top:50%;
  transform: translate(-50% ,-50%);
  height: 1px ;
 }
.single-landingpage .midnightHeader.white svg  path,
.single-landingpage .midnightHeader.white svg  rect{


    fill:  #fff !important;
}
.single-landingpage .showscroll svg  path,
.single-landingpage .showscroll  svg rect{


    fill:  #C83D29 !important;
}

.single-landingpage .unpin .showscroll svg  path,
.single-landingpage  .unpin .showscroll  svg rect{


    fill:  #fff !important;
}
.faitmaison{

      background:#E2876F url(img/logo-label-fait-maison2.svg) 130% 50% no-repeat !important;
    background-size: auto 200% !important;
}


.desccartebas a{

     color: #fff;
     text-decoration: underline;
}
.faitmaison h1,.faitmaison h2{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.faitmaison p{
    font-size: 18px;
    font-weight: 400;    color: #fff;

    line-height: 1.2;
}

/*****************Modal****************/
.modal-dialog .modal-content {
    background: #0f2550;
    color: #fff;
    text-align: center;
    border-radius: 0;
    border: 0;
	
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: #0f2550;
	
}

.modal-header {
    align-self: center;
    width: 100%;
    justify-content: space-evenly;
	
}

.modal-backdrop.show {
    opacity: 1;
	
}

.modal-header .modal-title {
    color: #fff;
    text-transform: uppercase;
	
}

/*EndModal*/

/*Navbar*/

.navigator {
    width: 100vw;
    height: 200px;
    background: transparent;
    position: absolute;
    padding-top: 25px !important;
    z-index: 99;
    overflow:visible !important;
	pointer-events:none;
	
}
.navigator a,
.navigator li,.navigator .hamburger{
	
	pointer-events:all;
	
}
.navigator  .container-fluid > .row,
.navigator .start .container-fluid > .row {
	background: transparent;
    height: 80px;
	box-shadow: none;
}

.navigator ul li{
	
	transition:0.5s;
}

.navigator ul.menu > li > a{
	
	transition:0.5s;
}

.navigator ul.menu > li > a:hover{
	
	filter:blur(0);
	
} 
.navigator .rouge  .midnightInner > .container-fluid > .row ,.navigator .rouge  .sub-menu  {
 background: rgb(255 255 255 / 30%);
    color: #C83D29;    color: white;
	background: rgb(200 61 41 / 50%);
}
.navigator .white .midnightInner > .container-fluid > .row ,.navigator .white  .sub-menu {
    color: white;
	background: rgb(200 61 41 / 50%);     color: white;
	background: rgb(200 61 41 / 50%);
	
}

.navigator .white2 .container-fluid > .row,.navigator .white2  .sub-menu {
background: rgb(30 30 30 / 90%) ;
	
    color: white; background: rgb(255 255 255 / 30%);
    color: #C83D29;    color: white;
	background: rgb(200 61 41 / 50%);
}

.navigator .black .midnightInner > .container-fluid > .row ,.navigator .black  .sub-menu
{
    color: #303030;
background: rgb(255 255 255 / 90%); background: rgb(255 255 255 / 30%);
    color: #C83D29;    color: white;
	background: rgb(200 61 41 / 50%);
	
}

.navigator .menu li.menu-item:after {
    position: absolute;height:1px;width:0px;top:55px;left:50%;
	transform:translateX(-50%);
	background:#fff;
	transition:0.5s;
	content:' ';
}



.navigator.rouge .menu li.menu-item:after {
    position: absolute;height:1px;width:0px;top:55px;left:50%;
	transform:translateX(-50%);
	background:#C83D29;
	transition:0.5s;
	content:' ';
}



.navigator.black .menu li.menu-item:after {
    position: absolute;height:1px;width:0px;top:55px;left:50%;
	transform:translateX(-50%);
	background:#C83D29;
	transition:0.5s;
	content:' ';
}




.navigator li:hover:after {
	width:60px;
	
	transition:0.5s;
	
}
.navigator li {
	
    position: relative;
	
	
}

.navigator li .sub-menu{
	position: absolute;
    left:-10px;
    top: 80px;
    padding: 0;
    text-align: left;
	z-index:999;
	pointer-events:all;
	padding: 0 10px;
	margin-left:0px;
	
}
.navigator.opening {
    width: 100vw;
    height: 100dvh;
	
    position: fixed;
    top: 0;
    z-index: 99;
    background:#E2876F;
	
}

.langs {
	
    right: 0px;
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}



.langs:active,.langs:hover {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.rouge .langs {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjYzgzZDI5IiBzdHJva2U9IiNjODNkMjkiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.rouge .langs:active, .rouge .langs:hover  {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIgc3Ryb2tlPSIjYzgzZDI5IiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.single-chambre .langs:hover  {
	
 	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzMwMzAzMCIgc3Ryb2tlPSIjMzAzMDMwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 100% 35px no-repeat;
    background-size: 10px auto;
 	
}
.black .langs {
	
    position: absolute;
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
	
}
.black .langs:hover, .black .langs:active   {
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
}
.black .langs a{
    color:#303030 !important;
	
}
.navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a{
	font-weight:700;
	
}
.navigator.white ul.langs .menu-item a{
	font-weight:500 !important;
	
}
.midnightHeader  {
    height: 200px;
    overflow: hidden !important;
	pointer-events: none  !important;
	
}
.navigator.opening  {
    height: 100vh !important;    overflow: hidden !important;
	
}
.navigator .reseau {
	display: none ;
}
.opening  .midnightHeader {
    height: 100vh !important;
}
.brand a {
    width: 100%;
    background-size: contain;
    height: 65px;
    background: url(img/logo.svg) 0 50% no-repeat;
    background-size: contain;
    padding: 0;
    position: relative;
    margin: 0;
    display: block;
    margin: 10px auto;
	
}


.outl ,.navigator ul.menu .menu-item>a > span{
	
    display: none !important;
	
}

.outlines .outlinescontainer {
	color: #303030 !important;
 	line-height: 1;
	font-family: "area-extended", sans-serif;
	display: inline-block;
 	font-weight: 800 !important;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	vertical-align: top;
	display: inline-block !important;
	white-space: nowrap;
	color:#E3D1BA !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rougebg .outlines .outlinescontainer {
	color: #C83D29 !important; 
}

.chambres_list  .outlines .outlinescontainer {
	color: #C83D29 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}
.rougebg .outlines .outlinescontainer {
	color: #274A42 !important; 
}

.rooftop_list  .outlines .outlinescontainer {
	color: #274A42 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rooftop_list  .outlines .outlinescontainer span {
	color: #274A42 !important;
	text-shadow: -2px -2px #fff,-3px -3px #fff,3px 3px #fff,3px 0px #fff,3px 1px #fff,3px 2px #fff,0px 3px #fff,3px -1px #fff,-3px 3px #fff,3px -3px #fff,0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}
.navigator ul.menu .menu-item>a,
.navigator.white ul.menu .menu-item>a,
.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a{
    font-size:15px;
    line-height: 80px;
    font-family: "area-extended", sans-serif;
    font-weight: 800;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: none;
    position: relative;
    color: #fff;
	pointer-events: all;
	
}
.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a{
    font-size:15px;
    line-height: 80px;
    font-family: "area-extended", sans-serif;
    font-weight: 600;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    color: #fff;
	pointer-events: all;
	
}
.navigator.black ul.menu .menu-item>a ,
.navigator.black ul.lang .menu-item>a {
	
    color: #303030;
}
.navigator .menu-item {
	transition:height 600ms;
}

.navigator .midnightHeader.default ul.menu .menu-item>a,
.navigator .midnightHeader.default ul.lang .menu-item>a  {
    background: none;
    color: white;
}.navigator.black .midnightHeader.default ul.menu .menu-item>a,
.navigator.black .midnightHeader.default ul.lang .menu-item>a  {
    background: none;
    color: #303030;
}
.navigator.rouge .midnightHeader.default ul.menu .menu-item>a,
.navigator.rouge .midnightHeader.default ul.lang .menu-item>a,
.navigator.rouge ul.menu .menu-item a,
.navigator.rouge ul.langs .menu-item a
{
    background: none;
    color: #C83D29;
}
.navigator .midnightHeader.white ul.menu .menu-item>a,
.navigator .midnightHeader.white ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a,
.navigator .midnightHeader.white2 ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item>a ,
.navigator .midnightHeader.black ul.lang .menu-item>a
{
    color: #303030;
}
@media (min-width:992px){
.navigator.unpin  ul.menu .menu-item>a,
.navigator.unpin  ul.lang .menu-item>a ,
.navigator.rouge.unpin  ul.langs .menu-item a,
.navigator.unpin  ul.langs .menu-item>a{
    color: white !important;

}
.navigator.unpin  .langs {
    right: 0px;
    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;
}

.navigator   .showscroll.d-lg-block {


    display:block !important;
}


.page-template-template_homehotel
.navigator   .showscroll.d-lg-block svg path,.single-chambre .navigator   .showscroll.d-lg-block svg path{


    fill:#c83d29 !important;
}

.page-template-template_privacy .navigator   .showscroll.d-lg-block svg path{


    fill:#E2876F !important;
}

.navigator.unpin   .showscroll.d-lg-block {


    display:block !important;
}

}
.page-template-template_contact
.navigator   .showscroll.d-lg-block svg path{


    fill:#303030 !important;
}



.page-template-template_homehotel
.navigator.unpin    .showscroll.d-lg-block svg path,
.page-template-template_contact
.navigator.unpin   .showscroll.d-lg-block svg path,.single-chambre .navigator.unpin    .showscroll.d-lg-block svg path{


    fill:#fff !important;
}



.navigator .sub-li a {
    background: none;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
    color: white;   
	font-weight: 800 !important;
	white-space:nowrap;
	line-height:33px;
}

.navigator.black .sub-li a {
    background: none;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
    color: #303030;
	font-weight: 800 !important;
	white-space:nowrap;
	line-height:33px;
}

.navigator .midnightHeader.default ul.menu .menu-item .sub-li a {
    background: none;
    color: white;
}

.navigator .midnightHeader.white ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item .sub-li a {
    color: #303030;
}

.navigator .midnightHeader.default ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #C83D29;
    border-color: #C83D29;
}

.navigator .midnightHeader.white ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #C83D29;
    border-color: #C83D29;
}

.navigator .midnightHeader.black ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #C83D29;
    border-color: #C83D29;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #E2876F;
    border-color:#E2876F;
}
.navigator.up {
	transform: translateY(-200px) !important;

	
}
.navigator:not(.up) {
	transform: translateY(0px) !important;

	
}
.midnightInner{
	overflow: visible  !important;
	
	
}
.showscroll{
	display:none;
}
.navigator.unpin{
		position: fixed;  
		top:0;    padding-top: 0px !important;
	}
	.navigator.unpin .showscroll{
	display:block;
}
.navigator.unpin > .container-fluid{
  color: white;
	background: rgb(0 0 0 / 30%);
		
	}
.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #C83D29;
    border-color: #C83D29;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	transition:all 300ms;
	transform:translateY(0px);
    max-width: 100%;
	
	}
     
    
    
    
    
    .cky-btn {
    flex: 0;
    max-width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    padding: 8px;
    font-weight: 500;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    min-height: 0;
    overflow-wrap: break-word;
}
.cky-btn{
    color: #fff !important;
    background-color: #C83D29!important;
    border-color: #C83D29!important;   
    padding-right: 10px !important;
    padding-left:10px !important;
    border-radius: 25px !important;
    font-family: "area-extended", Arial, Helvetica, Sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    height: 40px !important;
	max-height: 40px!important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-appearance: none!important;
    margin-bottom: 15px!important;
    cursor: pointer !important;
    text-decoration: none !important !important;
 	transition:all 300ms;
	transform:translateY(0px);
	
    max-width: 100%;
	}
.apple .cky-btn{
 
    line-height: 32px !important;height: 45px !important;max-height: 45px !important;
 
	}.cky-notice-btn-wrapper {
	
    flex-direction: row !important;
	
	}.cky-notice-btn-wrapper {
    display: flex;
    justify-content: start !important;
    align-items: center;
    flex-wrap: wrap  !important;
    gap: 8px;
    margin-top: 16px;
}

.cky-btn-accept{
	
	order:1  !important;
	
}
.cky-btn-reject{
	
	order:2  !important;
	
}
.cky-btn-customize{
	
	order:3  !important;
	
}
.btn-primary,
.btn-primary:active ,
.btn-primary:visited {
    color: #fff;
    background-color: #C83D29!important;
    border-color: #C83D29!important;   
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	transition:all 300ms;
	transform:translateY(0px);
	
    max-width: 100%;
}

.apple .btn-primary{
    line-height:44px !important
	
}
.btn-primary:hover {
	background-color: #ba3825;
    border-color: #ba3825;
	transform:translateY(0px) scale(1.08);
}

.navigator ul.menu .menu-item>a.btn-primary,.navigator ul.menu .menu-item>a.btn-primary:hover{
    color: #fff;
    background-color: #C83D29;
    border-color: #C83D29;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}



.navigator.vert ul.menu .menu-item>a.btn-primary{
    color: #274A42;
    background-color:#fff; 
    border:2px solid #274A42;
	
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 52px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}

.apple .navigator.vert ul.menu .menu-item>a.btn-primary{
    line-height:44px !important
	
}
.navigator  ul.menu .menu-item .sub-li a:hover {
	
	text-decoration:underline  !important;  text-underline-offset: 4px   !important;  text-decoration-thickness: 1px   !important;  
	
	
}

.btn-primary-r,
.btn-primary-r:active ,
.btn-primary-r:visited {
    color: #fff;
    background-color: #F08700;
    border-color: #F08700;   
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    line-height: 50px;   
	max-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
	width: 297px;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1.0);
    max-width: 100%;
	
}
.apple .btn-primary-r{
    line-height:44px !important
	
}

.btn-primary-r:hover, .btn-primary-r:active {
	background-color: #F08700!important;
    border-color: #F08700!important;
    color:#FFF!important;
	transform:translateY(0px)  scale(1.08);
}



.balign.btn-primary-r:hover, .balign.btn-primary-r:active  {
	background-color: #F08700!important;
    border-color: #F08700!important;
    color:#FFF!important;
    transform: translate(-50%, 0px)  scale(1.08);
}
.btn-primary-m,
.btn-primary-m:active ,
.btn-primary-m:visited {
    color: #fff;
    background-color: #634229;
    border-color: #634229;  
	
	
	
	
	
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
	width: 297px;
	display:inline-block;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1);
	
    max-width: 100%;
	
}
.apple .btn-primary-m{
    line-height:44px !important
	
}

.btn-primary-m:hover {
	background-color: #513520;
    border-color: #513520;
	transform:translateY(0px) scale(1.08);
	    color: #fff;

}
.btn-primary2,
.btn-primary2:hover {
    color: #fff;
    background-color: #ed1c2e;
    border-color: #ed1c2e;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 500;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;
	
	transition:all 300ms;
	transform:translateY(0px)  scale(1);
	
    max-width: 100%;
	
}

.btn-primary2:hover {
	/* background-color: #d91a2a;
	border-color: #d91a2a; */
	transform:translateY(0px)  scale(1.08);
}
.btn-primary-w,
.btn-primary-w:hover {
    color:#F19005;
    background-color: #fff;
    border-color:  #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 800;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
	width:auto;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;
	
	transition:all 300ms;
	transform:translateY(0px) scale(1);
	
    max-width: 100%;
	
}
.apple .btn-primary-w{
    line-height:44px !important
	
}

.btn-primary-w:hover {
	background-color: #ededed;
    border-color: #ededed;
	transform:translateY(0px) scale(1.08);
}
.btn-outline,
.btn-outline:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0 40px;
    border-radius: 8px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin: 10px 0 30px;
    cursor: pointer;
    width: 200px;
    text-align: center;
    text-decoration: none !important;
	
}


.navigator ul.menu .menu-item>a.btn-primary-z,
.navigator ul.menu .menu-item>a.btn-primary-z:hover {
    color:#274A42;
    background-color: #fff;
    border-color: #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "area-extended", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
	max-height: 50px;
	line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
 	
}
.apple .navigator ul.menu .menu-item>a.btn-primary-z{
    line-height:44px !important
	
}
.icocal   {
	
	background-image: url("data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAuNzY1IiBoZWlnaHQ9IjE5LjU2NSIgdmlld0JveD0iMCAwIDIwLjc2NSAxOS41NjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NyIgd2lkdGg9IjIwLjc2NSIgaGVpZ2h0PSIxOS41NjUiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTY4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNjgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODUyIiBkPSJNMjAuNzYsNC4zMjVhMi4yLDIuMiwwLDAsMC0yLjIxNi0yLjJjLS40MzcsMC0uODc0LDAtMS4zMTEsMC0uMTA3LDAtLjE1Mi0uMDItLjE0NS0uMTM4YTQuNjU1LDQuNjU1LDAsMCwwLDAtLjUxQTEuNTYsMS41NiwwLDAsMCwxNS43MzEuMDEyLDEuNTgxLDEuNTgxLDAsMCwwLDE0LjAxOCwxLjFhMi41MjEsMi41MjEsMCwwLDAtLjA2OS44NDhjMCwuMTM1LS4wMjMuMTg1LS4xNzMuMTgxLS40NDMtLjAxMi0uODg2LDAtMS4zMjksMC0uMTYzLDAtLjM4Mi4wNTYtLjQ3NC0uMDI2cy0uMDIzLS4zMTktLjAzNC0uNDg2YzAtLjAyNCwwLS4wNDksMC0uMDczQTEuNTc1LDEuNTc1LDAsMCwwLDguODMsMS4yMTNhMy4wMjEsMy4wMjEsMCwwLDAtLjA0Mi43NzljMCwuMS0uMDI4LjEzMS0uMTMxLjEzMS0uNTgzLDAtMS4xNjYtLjAwNi0xLjc0OCwwLS4xMiwwLS4xNDEtLjAzOS0uMTM2LS4xNDYuMDA4LS4xNTcsMC0uMzE2LDAtLjQ3M2ExLjU3MSwxLjU3MSwwLDAsMC0zLjEtLjI3NiwzLjI4MywzLjI4MywwLDAsMC0uMDMzLjc0NGMwLC4xMTgtLjAyOS4xNTMtLjE1LjE1MS0uNDEzLS4wMDgtLjgyNiwwLTEuMjM4LDBBMi4xNTcsMi4xNTcsMCwwLDAsMCw0LjM2NVEwLDEwLjg1NywwLDE3LjM1YTIuMjg0LDIuMjg0LDAsMCwwLC4wNTIuNTA2LDIuMTUxLDIuMTUxLDAsMCwwLDIuMTU2LDEuNzA3cTQuMDg5LDAsOC4xNzcsMHQ4LjE3NywwYTIuMTQyLDIuMTQyLDAsMCwwLDIuMi0yLjE2MXEuMDA3LTYuNTM4LDAtMTMuMDc2TTE0LjgsMS42YS43MjIuNzIyLDAsMSwxLDEuNDQzLjAxOWMwLC4zMTYsMCwuNjMxLDAsLjk0N3MwLC42MzEsMCwuOTQ3YS43MjIuNzIyLDAsMSwxLTEuNDQzLjAxOHEtLjAxMi0uOTY1LDAtMS45M20tNS4xODEuMDIyYS43MjUuNzI1LDAsMSwxLDEuNDQ3LS4wMDhjMCwuMzE2LDAsLjYzMSwwLC45NDdzMCwuNjE5LDAsLjkyOWEuNzI1LjcyNSwwLDEsMS0xLjQ0Ny4wMDhxMC0uOTM4LDAtMS44NzVNNC40NjgsMS41NTRhLjcxNS43MTUsMCwwLDEsLjcxMy0uN0EuNzI0LjcyNCwwLDAsMSw1LjksMS41N2MuMDA1LjMzMywwLC42NjcsMCwxczAsLjY0MywwLC45NjRhLjcyNS43MjUsMCwwLDEtLjcwNy43My43MTcuNzE3LDAsMCwxLS43MjUtLjcxcS0uMDE0LTEsMC0yTTE5LjgzNiwxNy41OTVhMS4zLDEuMywwLDAsMS0xLjMsMS4wOTRjLTEuMTg0LDAtMi4zNjcsMC0zLjU1MSwwSDEwLjMzN2MtMi42OTUsMC01LjM5LS4wMTEtOC4wODUuMDA3QTEuMzg5LDEuMzg5LDAsMCwxLC44MjUsMTcuMjc1Qy44NDIsMTIuOTg0LjgzMyw4LjY5My44MzMsNC40QTEuMywxLjMsMCwwLDEsMi4yMzYsM2MuMzg4LDAsLjc3Ny4wMDcsMS4xNjUsMCwuMTQ3LDAsLjIuMDI3LjE5Mi4xODVBMi41ODcsMi41ODcsMCwwLDAsMy42MywzLjlhMS41NzIsMS41NzIsMCwwLDAsMy4xLS4zMjJjMC0uMDE4LDAtLjAzNiwwLS4wNTUuMDEyLS4xNzMtLjA3Ni0uNC4wMzUtLjUuMS0uMDg1LjMyMy0uMDI1LjQ5Mi0uMDI1LjMzNCwwLC42NjgsMCwxLDAsLjE1NiwwLC4zNjItLjA2OS40NTIuMDMuMDc3LjA4NC4wMjYuMjg3LjAyNS40MzhhMS44LDEuOCwwLDAsMCwuMDUzLjQ2OCwxLjU3NCwxLjU3NCwwLDAsMCwzLjEtLjM4NSwzLjcsMy43LDAsMCwwLDAtLjQxOWMtLjAxLS4xMTguMDM1LS4xMzguMTQzLS4xMzcuNTc3LjAwNSwxLjE1My4wMDcsMS43MywwLC4xMywwLC4xNDMuMDQ5LjE0NC4xNTdhMy40MjIsMy40MjIsMCwwLDAsLjAzMS43MjUsMS41NzEsMS41NzEsMCwwLDAsMy4xMDctLjNjMC0uMTU4LDAtLjMxNiwwLS40NzMsMC0uMDc4LjAyLS4xMDYuMS0uMTA1LjQ5MiwwLC45ODQtLjAxNCwxLjQ3NS4wMDlhMS4yODQsMS4yODQsMCwwLDEsMS4xODQsMS4yNTVjMCwuMDY3LDAsLjEzMywwLC4ycTAsNi4zNjQsMCwxMi43MjhhMi4wNTYsMi4wNTYsMCwwLDEsLjAzMy40MDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAxIDApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODUzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1MyIgZD0iTTI0My44LDE5OC40NTJxLTEuMDczLS4wMDUtMi4xNDcsMGEuNDM5LjQzOSwwLDEsMCwwLC44NzNjLjM1OCwwLC43MTYsMCwxLjA3Mywwcy43MTYsMCwxLjA3MywwYS40MzkuNDM5LDAsMSwwLDAtLjg3MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zODIgLTE5MS4yMTkpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU0IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NCIgZD0iTTEwMS42NDIsMTk4LjQ1N3EtMS4wODEsMC0yLjE2MiwwYS40NC40NCwwLDEsMCwuMDA3Ljg3NGMuMzUxLDAsLjcsMCwxLjA1NCwwLC4zNjksMCwuNzM5LDAsMS4xMDgsMGEuNDI2LjQyNiwwLDAsMCwuNDQ5LS40NDIuNDE3LjQxNywwLDAsMC0uNDU2LS40MzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zODggLTE5MS4yMjMpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU1IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NSIgZD0iTTM4Ni4wODIsMTk4LjQ1OHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMCwwLS40ODMuNDQ5LjQzNC40MzQsMCwwLDAsLjQ4Ni40MjRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzMsMGEuNDQzLjQ0MywwLDAsMCwuNDg4LS40MjcuNDQ5LjQ0OSwwLDAsMC0uNDkxLS40NDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjkuNDk4IC0xOTEuMjI1KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NiIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTYiIGQ9Ik0xMDEuNjU0LDMwNWEuNDI4LjQyOCwwLDAsMCwuNDUtLjQ0Mi40MTYuNDE2LDAsMCwwLS40NTQtLjQzMWMtLjM2MywwLS43MjcsMC0xLjA5LDBzLS43MzksMC0xLjEwOCwwYS40MzYuNDM2LDAsMSwwLDAsLjg3MnExLjEuMDA1LDIuMiwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuMzk1IC0yOTMuMDQ2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTciIGQ9Ik0xMDEuNjQ3LDQwOS4xMTNxLTEuMDgxLDAtMi4xNjIsMGEuNDM4LjQzOCwwLDEsMCwwLC44NzNjLjM1NywwLC43MTUsMCwxLjA3Miwwcy43MjcsMCwxLjA5LDBhLjQzMS40MzEsMCwwLDAsLjQ2Mi0uNDQ4LjQxNy40MTcsMCwwLDAtLjQ2LS40MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zOTggLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU4IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1OCIgZD0iTTI0My44LDMwNC4xNDJxLTEuMDY0LDAtMi4xMjksMGEuNDQuNDQsMCwxLDAtLjAwNS44NzRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzQsMGEuNDQuNDQsMCwxLDAsLjAwNS0uODc0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjMyLjM5NSAtMjkzLjA1OSkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTkiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODU5IiBkPSJNMzgzLjk2OCwzMDUuMDE2Yy4zNTIsMCwuNywwLDEuMDU1LDBzLjcxNiwwLDEuMDc0LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMjkzLjA2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg2MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NjAiIGQ9Ik0yNDMuOCw0MDkuMTEzcS0xLjA2NCwwLTIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAsLjg3NGMuMzUyLDAsLjcsMCwxLjA1NSwwcy43MTYsMCwxLjA3NCwwYS40MzkuNDM5LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zOTUgLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODYxIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg2MSIgZD0iTTM4Ni4xLDQwOS4xMTZjLS4zNTgsMC0uNzE2LDAtMS4wNzQsMHMtLjcsMC0xLjA1NSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NHExLjA2NCwwLDIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMzk0LjIwOSkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo");
	background-position: 84px 14px;
	background-repeat: no-repeat;
	background-size: 21px auto;
	padding: 0 15px 0 40px !important;
	
	
}

.icocal.icocal2  {
	
	background-position:30px 14px;
	
	
	
}

.icoemporter   {
	
	background-image: url("data:image/svg+xml; base64,PHN2ZyBpZD0iR3JvdXBlXzEyMiIgZGF0YS1uYW1lPSJHcm91cGUgMTIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgdmlld0JveD0iMCAwIDE1LjcxMiAxNS40OTciPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM4IiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgZmlsbD0ibm9uZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8xMjEiIGRhdGEtbmFtZT0iR3JvdXBlIDEyMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDQiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNCIgZD0iTTEwNy40LDExLjY4OWwtLjYzNS41OTJoMy43MTVhMS4xNDgsMS4xNDgsMCwwLDAsMS4xNDMtMS4xNDNWNy4wNjRhMy44MTUsMy44MTUsMCwwLDAtLjY0NS0yLjEzbC0uMDg0LjA1N2gwbC4wODQtLjA1Ni0xLjM1NC0yLjAyN1YxLjIyNEExLjIyNywxLjIyNywwLDAsMCwxMDguNDA1LDBoLTUuNzI4YTEuNjQyLDEuNjQyLDAsMCwwLTEuNjM3LDEuNjM4VjMuMDQ2YS40LjQsMCwwLDAsLjYuMzQ2bDEuMTc3LS42OS4yNjYuMTY4LTEuNDc3LDIuMzlhMy44MzEsMy44MzEsMCwwLDAtLjU2OSwyLjAxNFY5Ljc4M2wuNi4wNDRoMFY3LjI3NGEzLjIzMiwzLjIzMiwwLDAsMSwuNDgyLTEuN2wxLjQ3Mi0yLjM4My4zODkuMjQ5YS40LjQsMCwwLDAsLjQyMywwbDEuMTgxLS43MTUsMS4xMTIuNjE1YS40LjQsMCwwLDAsLjU0NS0uMTU2LjQwNy40MDcsMCwwLDAsLjA1LS4xOTVWMS42MzdBMS4wMzYsMS4wMzYsMCwwLDEsMTA4LjI4OC42aC4xMTdhLjYyNC42MjQsMCwwLDEsLjYyMi42MjJWMi45MUwxMDcuNSw1LjMxYTMuODI1LDMuODI1LDAsMCwwLS42LDIuMDYxdjQuMzQxbS0uMjA2LTEwLjA3NVYyLjY1M2wtLjkxNi0uNWEuNC40LDAsMCwwLS40LjAwOGwtMS4xNzQuNzEtLjU0Mi0uMzQ2LS42MjUtLjM5MmEuNC40LDAsMCwwLS40MTctLjAwN2wtLjk3OS41NzNWMS42MzhBMS4wMzgsMS4wMzgsMCwwLDEsMTAyLjY3Ny42aDQuMzg3YTEuNjM0LDEuNjM0LDAsMCwwLS4zNzEsMS4wMzhtMy43ODgsMTAuMDQzSDEwNy41VjcuMzcxQTMuMjIxLDMuMjIxLDAsMCwxLDEwOCw1LjYzMmwxLjAyMy0xLjYwN1YxMC4zYS4zLjMsMCwwLDAsLjYsMFYzLjk4OWwuODUzLDEuMjc4YTMuMjExLDMuMjExLDAsMCwxLC41NDUsMS44djQuMDc0YS41NDUuNTQ1LDAsMCwxLS41NDMuNTQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuOTE3KSIgZmlsbD0iI2ZmZmZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDUiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNSIgZD0iTTguNzUxLDE1My4xMWwwLDAsMS4wMzUtMWExLjMsMS4zLDAsMCwwLDAtMS44LDEuMjczLDEuMjczLDAsMCwwLTEuOCwwbC0xLjMzOSwxLjQwNmExLjg1NywxLjg1NywwLDAsMC0uOTM3LS40NThoMGwtLjYtLjA0NC0uMDQsMGMtLjEsMC0uMiwwLS4zMTcsMGEuMzE4LjMxOCwwLDEsMCwwLC42MzVjLjEzMywwLC4yNTEsMCwuMzU3LDBhMi41OTMsMi41OTMsMCwwLDEsLjYuMDU3LDEuNTQ2LDEuNTQ2LDAsMCwxLC43MjYuNDg0LjMxOC4zMTgsMCwwLDAsLjQ1NC0uMDA2bDEuNTUtMS42MjdhLjYzNi42MzYsMCwwLDEsLjg5My4wMDUuNjUxLjY1MSwwLDAsMSwwLC45bC0xLjUsMS40NTMtLjE2NS4xNi0uNDU2LjQ0MS0uMTMzLjEyOWEuMzE3LjMxNywwLDEsMCwuNDQxLjQ1NmwuNTY1LS41NDZIOS45NjdsLTEuODc1LDEuNjY3YS45NTcuOTU3LDAsMCwxLS42MzEuMjRIMi41NDJWMTUwLjQ4bDEuNjg5LS41NjNhLjMxOC4zMTgsMCwxLDAtLjItLjZsLTEuNDg4LjVWMTQ5LjNhLjMxOC4zMTgsMCwwLDAtLjMxOC0uMzE4SC4zMThBLjMxNy4zMTcsMCwwLDAsMCwxNDkuM3Y3LjMwN2EuMzE3LjMxNywwLDAsMCwuMzE4LjMxN0gyLjIyNGEuMzE4LjMxOCwwLDAsMCwuMzE4LS4zMTd2LS4zMThINy40NjFhMS41OSwxLjU5LDAsMCwwLDEuMDUyLS40bDIuMzQtMi4xODEuNjM1LS41OTJabS02Ljg0NCwzLjE3N0guNjM1di02LjY3MkgxLjkwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE0MS40MjYpIiBmaWxsPSIjZmZmZmZmIi8+CiAgPC9nPgo8L3N2Zz4");
	background-position: 63px 14px;
	background-repeat: no-repeat;
	background-size: 24px auto;
	padding: 0 15px 0 40px !important;
	
	
} 
.menu-item .sub-menu {
    display: none;
	
}


.menu-item:hover .sub-menu,
.menu-item .sub-menu:hover {
	
	
}

.language-picker {
    display: inline-block;
    position: relative;
	
}
.prehome .prehome.valign {
	position: absolute;
	top:190px;
	left: 50%;
	transform: translate(-50%, 0);
	
	transition:all 1s;
}



.introduction  .card .valign {
	position: absolute;
	top:190px;
	left: 50%;
	transform: translate(-50%, 0);
	
	transition:all 1s;
}

.expo {
	display: flex;
	min-height: 100vh;
	flex-grow: 1;
	overflow: hidden;
	position: fixed;
	margin: 0;
	left: -23px;
	color: white;
	font-size: 3em;
	border: 20px solid #E2876F;
	padding: 0;
	right: -23px;
	background:#E2876F;
	
	top: -23px;
	
}
.rooftop .expo {
	border: 20px solid #274A42;
	background:#274A42;
}

.hotel .expo {
	border: 20px solid #E3D1BA;
	background:#E3D1BA;
}


@keyframes scene-transition {
	25% {
		filter: brightness(100%);
	}
	100% {
		filter: brightness(100%);
		-webkit-mask-size: 1800%;
	}
}
.scenes {
	position: relative;
	
	min-height:100vh;min-width:100vw;
}
.scene-1, .scene-2 {
	position: absolute;
	inset: 0;
	background-size: cover;  min-height:100vh;min-width:100vw;
	
}

.scene-1 {
	background-image:
    radial-gradient(circle, #fff3 10%, transparent 20%),
    url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/pre_home_hood_restaurant.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	
}

.scene-2 {
	background-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/header_resto.jpg);
	filter: brightness(100%);
	background-position:50% 50%;
	background-repeat:no-repeat;
	-webkit-mask-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/hoodtansition.svg);
	-webkit-mask-size: 10%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}


.hotel .scene-1 {
	background-image:
    radial-gradient(circle, #fff3 10%, transparent 20%),
    url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/pre_home_hood_hotel.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	
}

.hotel  .scene-2 {
	background-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/headerhomepagehotel.jpg);
	filter: brightness(100%);
	background-position:50% 50%;
	background-repeat:no-repeat;
	-webkit-mask-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/hoodtansition.svg);
	-webkit-mask-size: 10%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}



.rooftop .scene-1 {
	background-image:
    radial-gradient(circle, #fff3 10%, transparent 20%),
    url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/pre_home_hood_rooftop.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	
}


.rooftop .scene-2 {
	background-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/img_roofstop.jpg);
	filter: brightness(100%);
	background-position:50% 50%;
	background-repeat:no-repeat;
	-webkit-mask-image: url(https://hoodgeneva.ch/preprod/wp-content/themes/hood_theme/img/hoodtansition.svg);
	-webkit-mask-size: 10%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
}





.launchtrans .scenes .scene-2 {
	animation: scene-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

/* everything else */

@keyframes visual-transition {
	25% {
		background-color: #808080;
	}
	100% {
		background-color: #808080;
	}
}


.visualizer {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.visualizer-frame-1, .visualizer-frame-2 {
	position: relative;
	width: min(150px, 25vw);
	aspect-ratio: 2.4 / 1;
	outline: 2px solid #ccc;
	background-color: #333;
	background-image:
    linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%),
    linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%);
	background-size:
    16px 16px,
    16px 16px;
	background-position:
    0 0,
    8px 8px;
}

.visualizer-mask {
	position: absolute;
	inset: 0;
	box-shadow: inset 0 0 0 2px #111;
}

.visualizer-frame-1 .visualizer-mask {
	background-color: #000;
}

.visualizer-frame-2 .visualizer-mask {
	background-image: url(https://assets.codepen.io/77020/sw-jedi-crest.svg);
	background-size: 10%;
	background-position: center;
	background-repeat: no-repeat;
}

.scenes:is(:hover, :focus) + .visualizer .visualizer-frame-1 .visualizer-mask {
	animation: visual-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

.scenes:is(:hover, :focus) + .visualizer .visualizer-frame-2 .visualizer-mask {
	background-size: 1800%;
	transition: background-size 4s cubic-bezier(1, 0, 1, 1);
}

.operator {
	display: grid;
	place-items: center;
	font-size: 1.25em;
}





@media only screen and (min-width: 1920px) {
	
	
	.bloc_rse .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 127px;
    height: auto !important; 
    aspect-ratio: 4/4.2  !important;
    color: #fff;
    padding: 0;
    background-size: cover;
}
	.imgchambre {
    width: 100%;
    background: #fff;
    border-radius: 0;
    min-height: 60dvh !important; 
    padding-top: 132dvh  !important; 
    background-size: cover;
}
	
	
	
	
}
@media only screen and (max-width: 991px) {
    .language-picker {
        display: block;
		
        position: relative;
		
        text-align: center;
	}
}

.js .language-picker__form {
    display: none;
	
}

.language-picker__button .icon {
    height: 16px;
    width: 16px;
    margin-left: 0.25rem;
    margin-left: var(--space-xxxs);
    fill: #ae8440;
    margin-top: -3px;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__button .icon {
        -webkit-appearance: none;
		
        display: inline-block !important;
	}
}

.language-picker__dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    width: auto;
    background-color: #fff;
    background-color: var(--color-bg);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-sm);
    padding: 0.375rem 0;
    padding: var(--space-xxs) 0;
    border-radius: 0.25em;
    z-index: 4;
    z-index: var(--zindex-popover);
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: 1.25rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s, transform 0.2s ease-out;
    white-space: normal;
	
}

@media only screen and (max-width: 1199px) {
    .language-picker__dropdown {
        width: 50px;
		
        left: -3px;
		
        margin: 0 auto;
		
        text-align: center;
		
        position: relative;
	}
}

.language-picker__dropdown ul {
    background-color: #fff;
    position: relative;
	
}

.language-picker__dropdown li {
    width: 100%;
    display: block;
    padding-left: 0px;
    position: relative;
	
}

.language-picker__dropdown a {
    position: relative;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__dropdown {
        width: 50px;
		
        left: -3px;
	}
}

.language-picker__list {
    background-color: #fff;
    padding: 10px;
	
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(4px) translateX(3px);
    transition: opacity 0.2s, transform 0.2s ease-out;
	
}

@media only screen and (max-width: 991px) {
    .language-picker__button[aria-expanded=true]+.language-picker__dropdown {
        transform: translateY(-7px) translateX(3px);
	}
}

.language-picker__item {
    text-decoration: none;
    padding: 0 !important;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: #313135;
    color: var(--color-contrast-high);
    margin-bottom: 0px;
	
}

.language-picker__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5px;
    color: #001222;
    line-height: 30px;
    pointer-events: none;
	
}

#menu-headermenu .language-picker__list li a * {
    pointer-events: none;
	
}

.language-picker__label em {
    margin-left: 5px;
    font-style: normal;
    color: #fff;
    line-height: 60px;
    font-size: 14px;
	
}

@media only screen and (max-width: 1199px) {
    .language-picker__label em {
        color: #060644;
		
        font-weight: 700;
	}
}

.language-picker__item:hover {
    background-color: #f2f2f2;
    background-color: var(--color-contrast-lower);
	
}

.language-picker__item[aria-selected=true] {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;
	
}

.language-picker__item[aria-selected=true] span {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;
	
}

.language-picker__flag {
    display: block;
    display: flex;
    align-items: center;
	
}

.language-picker__flag::before {
    display: none;
    flex-shrink: 0;
    content: "";
    height: 18px;
    width: 30px;
    margin-right: 0.375rem;
    margin-right: var(--space-xxs);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
}

.language-picker__dropdown .language-picker__flag::before {
    margin-right: 0 !important;
    margin-right: var(--space-xs);
	
}

.language-picker--hide-label .language-picker__button .icon {
    margin-left: 0;
	
}

.language-picker--hide-label .language-picker__button em {
    display: none;
	
}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
    margin-right: 0.25rem;
    margin-right: var(--space-xxxs);
	
}

.language-picker__button {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
	
}

#menu-headermenu li a {
    font-size: 14px;
    font-weight: 500;
	
}

#menu-headermenu .language-picker__list li a {
    font-size: 14px;
    font-weight: 500;
	
}

#menu-headermenu .language-picker__list li a:hover {
    opacity: 0.5;
	
}

/*
End Footer */
@keyframes toleft {
    from {
        right: 60px;
	}
	
    to {
        right: 80px;
	}
}

@keyframes toleftmobile {
    from {
        left: 230px;
	}
	
    to {
        left: 210px;
	}
}

@keyframes toright {
    from {
        left: 130px;
	}
	
    to {
        left: 110px;
	}
}

@keyframes floatting {
    0% {
        transform: translateY(0px);
	}
	
    25% {
        transform: translateY(-50px);
	}
	
    50% {
        transform: translateY(0px);
	}
	
    75% {
        transform: translateY(50px);
	}
	
    100% {
        transform: translateY(0px);
	}
}

.input-group-prepend {
    margin-right: -1px;
    padding: 0 10px;
	
}

@media only screen and (max-width: 991px) {
    .input-group-prepend {
        padding: 0 0px 0 10px;
	}
}

input.submit {
    display: block;
    border: 0;
    float: none;
    margin: 30px 0;
    cursor: pointer;
    clear: both;
    font-size: 14px;
	
}

textarea.form-control {
    margin-bottom: 10px;
    border-radius: 0;
	
}

.error_log {
    display: none;
    font-size: 11px;
    color: #cfaf2b;
    font-family: Arial, Helvetica, Sans-serif;
    margin-top: 0px;
    font-style: italic;
    padding: 0;
	
}

.img-reponsive {
    max-width: 100%;
	
}

.error_log.show {
    display: block;
    padding: 5px 0;
    vertical-align: top;
	
}

.resagroup .error_log.show {
    display: block;
    margin-left: 0px;
    margin-bottom: 5px !important;
	
}

.error_infos,
.error_infos.required,
input.error_infos {
    border: 1px solid #cfaf2b !important;
    margin-bottom: 0 !important;
	
}

label,
select,
label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
	
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}

textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}

.blockform input[type=text],
.blockform select {
    width: 100%;
	
}

.empty_text {
    width: 100%;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 5px;
	
}

.milieucpte {
    padding: 0 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    font-family: "BenchNine", sans-serif;
	
}

label,
#login_form label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: "area-extended", sans-serif;
	
}

label {
    color: #919191;
	
}

label.dark {
    color: #303030;
	
}

.blockform input[type=text],
.blockform select {
    width: 100%;
	
}

.form-control,
input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    height: 50px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    font-family: "area-extended", sans-serif;
    border: 1px solid #fff;
    text-align: left;
    text-transform: uppercase;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	
}


.form-control::placeholder {
    color: #fff;
	
}

textarea.form-control {
    min-height: 120px;
	
}

.form-control:focus,
input:focus {
    outline: 0;
    background-color: transparent;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    color: #fff;
	
}

.blockform [type=radio]:checked,
.blockform [type=radio]:checked,
.blockform [type=radio]:not(:checked),
.blockform [type=radio]:not(:checked),
#preference [type=radio]:checked,
#preference [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
	
}

.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
#preference [type=radio]:checked+label,
#preference [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;
	
}

.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
#preference [type=radio]:checked+label:before,
#preference [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;
	
}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;
	
}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
.blockform [type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;
	
}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:checked+label:after,
#preference [type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;
	
}

.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
	
}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:checked+label:after,
#preference [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);
	
}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;
	
}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #303030;
	
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
	
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
	
}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #fff;
	
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;
	
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
	
}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;
	
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
	
}

/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/
.Switch {
    position: relative;
    display: inline-block;
    font-size: 1.6em;
    font-weight: normal;
    color: #fff;
    text-shadow: 0;
    height: 30px;
    width: 63px;
    padding: 6px 6px 5px 6px;
    border: 0;
    border-radius: 4px;
    background: #ecc09d;
    cursor: pointer;
    font-size: 9px;
    line-height: 30px;
    transition: all 300ms ease-out;
	
}

.Switch.On {
    border: 0;
    background: #e0dfdf;
	
}

body.IE7 .Switch {
    width: 78px;
	
}

.Switch span {
    display: inline-block;
    width: 63px;
	
}

.Switch .Toggle {
    position: absolute;
    top: 2px;
    width: 63px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
	
}

input[type=checkbox].switcher {
    display: block;
    position: absolute;
    left: -999999px;
	
}

/* Round Switch */
.Switch.Round {
    padding: 0px 20px;
    border-radius: 40px;
    vertical-align: middle;
	
}

body.IE7 .Switch.Round {
    width: 1px;
	
}

.Switch.Round .Toggle {
    border-radius: 40px;
    width: 26px;
    height: 26px;
    cursor: pointer;
	
}

.Switch.Round.Off .Toggle {
    left: 1px;
    background: #920000;
	
}

.Switch.Round.On .Toggle {
    left: 36px;
    top: 2px;
    background: #920000;
	
}

.Switch.Round.On .Toggle:after {
    content: "oui";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;
	
}

.Switch.Round.Off .Toggle:after {
    content: "non";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;
	
}

.tabs-material .tab-marker {
    display: none;
    position: absolute;
	
}

.file-upload-input.hidden {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 12px;
	
}

.prequalifbloc,
.prequalifblocdemande,
.reclamationbloc {
    display: none;
	
}

.prequalifbloc.show,
.prequalifblocdemande.show {
    visibility: visible;
    display: block;
	
}

.file-upload-wrapper {
    margin-bottom: 50px;
	
}

@media only screen and (max-width: 991px) {
    .file-upload-wrapper {
        margin-bottom: 0px;
	}
}

#imgpreview {
    border: 2px dashed #c4c4c4;
    height: 130px;
    min-width: 130px;
    box-shadow: none;
    width: auto;
    display: inline-block;
	
}

#imgpreview img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 60px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: #920000;
    vertical-align: top;
	
}

#imgpreview.view img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 30px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: red;
    vertical-align: top;
	
}

#imgpreview img:before {
    left: 0;
    top: 15px;
    position: absolute;
    content: "+Ajouter un autre fichier";
    color: red;
    min-height: 70px;
    height: 70px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
	
}

label.small,
label.small {
    font-size: 12px;
	
}

label.lbl-form,
label.lbl-form {
    margin: 20px 0 10px;
	
}

.file-upload-button {
    padding: 0px 30px;
    font-size: 16px;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    width: 220px;
    border: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,e4e4e4+100 */
    background: rgb(254, 254, 254);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(254, 254, 254) 0%, rgb(228, 228, 228) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e4e4e4", GradientType=0);
    /* IE6-9 */
    border: 1px solid #c4c4c4;
    border-radius: 3px;
	
}

.input-group-append {
    font-size: 14px;
    border-left: 0;
    width: 40px;
    text-align: center;
	
}

.calend .input-group-append {
    font-size: 14px;
    border: 1px solid #999;
    border-left: 0;
    width: 40px;
    text-align: center;
	
}

.fa-calendar-alt:before {
    content: "\f073";
    width: 40px;
    text-align: center;
    display: block;
    line-height: 28px;
	
}

.btn-back-history {
    font-size: 12px;
    width: 120px;
    color: #303030;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    border-color: #fff;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 15px;
    font-family: "area-extended", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 500;
    display: block;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 300ms ease-out;
    transform: translateY(0px);
    -webkit-appearance: none;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
	
}

select.form-control,
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    margin-bottom: 15px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
	
}
.semi{
	font-weight: 600;
	
}
.lh23{
	line-height:23px;
} 
.panel-confirmation {
    padding: 30px 50px;
    background: url(../img/bg_groupe_confirmation.jpg) 50% 0% no-repeat;
    background-size: cover;
    border-radius: 30px;
    margin: 50px 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
	
}

@media only screen and (max-width: 991px) {
    .group-service {
        text-align: center;
		
        padding-bottom: 50px;
	}
}

.btn-social {
    -webkit-appearance: none;
    transition: all 300ms ease-out;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #3b5998;
    padding: 0 30px 0 50px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    font-family: "area-extended", sans-serif;
    height: 40px;
    border-radius: 20px;
    transition: all 0.15s ease-in-out;
    width: calc(100% - 40px);
    max-width: 350px;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 0px;
    background: #3b5998;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	
}

.btn-social:hover {
    transform: translateY(5px);
	
}

@media only screen and (max-width: 991px) {
    .btn-social {
        font-size: 10px;
		
        padding: 0 20px 0 50px;
	}
}

@media only screen and (max-width: 339px) {
    .btn-social {
        font-size: 8px;
	}
} 

@media only screen and (max-width: 991px) {
    .btn-social:after {
        top: 7px;
		
        width: 36px;
	}
}

@media only screen and (max-width: 991px) {
	
    #candidature form .d-inline-block.mt-2,
    #candidature form .d-inline-block.my-2 {
        margin-top: -2rem !important;
		
        margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 991px) {
    #candidature form label.mr-3 {
        margin-top: 15px;
		
        white-space: nowrap;
	}
}

.experienceoui,
.enseigneoui {
    display: none;
	
}

[type=radio]:checked,
[type=radio]:checked,
[type=radio]:not(:checked),
[type=radio]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
	
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;
	
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;
	
}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;
	
}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;
	
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;
	
}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
	
}

[type=radio]:checked+label:after,
[type=radio]:checked+label:after,
[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);
	
}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;
    text-align: left;
	
}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #303030;
	
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
	
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
	
}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #ccc;
	
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;
	
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
	
}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;
	
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
	
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    width: 30px;
    display: inline-block;
	
}

.form-check-label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
	
}

.locker {
    background: rgba(0, 0, 0, 0.7) url(../images/preload.gif) 50% 50% no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
	
}

.loading .locker {
    display: block;
	
}

:root {
    /* Base font size */
    /* Set neon color */
    --neon-text-color: #920000;
    --neon-border-color: #08f;
	
}

@media only screen and (max-width: 991px) {
    html {
        margin-top: 0 !important;
	}
}

body,
html {
    position: relative;
    display: block;
	
}

html {
	
    overflow-x:hidden;
	
}

body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility;
    background: #ffffff;
    font-family: "area-extended", sans-serif;
    font-weight: 400;
    font-size: 16px;
	
}
.fixedmobile{
    position: fixed;
    width: calc(100% - 50px);
    z-index: 60;
    height: 78px;
    line-height: 78px;
    left:50%;
    bottom: -80px;
    background: #fff;
    border-radius: 30px 30px 0 0;
    text-align: center;
	color:#F29007;
	border:1px solid #F29007;
	transform:translate(-50%,0);
	transition:all 0.6s;
	font-size:18px;
	font-weight:800;
}
.fixedmobile.entrer{
	
    bottom: 0px;
	
}
footer {
    position: absolute;
    width: 100%;
    z-index: 3;
    height: 60px;
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 30px 30px 0 0;
    text-align: center;
}

footer p {
	font-size: 18px;
	
    height: 60px;
    line-height: 60px;
	
	}footer a {    font-size: 16px;
	
	text-decoration:none !important;
 	
}
html,
body {
    position: relative;
    background: #fff;
    color: #303030;
}
html{
	
    overflow-x: hidden;
	
	
}
h1,
.h1 {
    font-family: "area-extended", sans-serif;
    font-weight: 400;
    font-size: 16px;
	
}



h2,
.h2 {
    font-family: "area-extended", sans-serif;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    color: #E2876F;
	
}


h3,
.h3 {
    font-family: "area-extended", sans-serif;
    font-weight: 800;
    font-size: 25px;
    text-transform: uppercase;
	
    color: #E2876F;
	
	
}

.absolute{ position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.shadowtext{ text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.wrapperb {
    display: block;
    margin: 0 auto;
	position:relative;
	
}

.wrapper.sombre > *{
	/* filter : blur(3px);  */
	
	
}

.wrapper:after {
    display: block;
    margin: 0 ;
	position:absolute;
	z-index:6;
	width:110%;
	height:110%;
	background:rgba(0,0,0,0.0);
	top:-10%;left:-10%;
	content: " "; filter : blur(0px); 
	transition:all 600ms;
	
	pointer-events:none;
}
.wrapper.sombre:after {
    display: block;
    margin: 0 ;
	position:absolute;
	z-index:6;
	width:110%;
	height:110%;
	background:rgba(0,0,0,0.4);
	top:-10%;left:-10%;
	content: " ";
	filter : blur(0px); 
	
	
}




.wrapper.hotels.sombre:after {
    display: block;
    margin: 0 ;
	position:absolute;
	z-index:6;
	width:110%;
	height:110%;
	background:rgba(255,255,255,0.4);
	top:-10%;left:-10%;
	content: " ";
	filter : blur(0px); 
	
	
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0;
    width: 100% !important;
    perspective: 800px;
	
}

.relative {
    position: relative;
	
}

 
.fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -10%);
	    z-index: 0;
    min-height: 1350px;
    aspect-ratio: 16 / 9;
}




.video-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.imgchambre  .video-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}


.prehome .video-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height:100%;
    left: 0;
    z-index: 0;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground {
		height: 300%;
        top: -100%;
        left: -25%;
        width: 200%;
	}
	
	.video-foreground {
		height: 200%;
		top: -50%;
		left: -25%;
		width: 200%;
	} 
	
	
	
	
	
	.video-foreground {
		
		max-width: 10000px;
		height: calc(1250px + 200px);
		top: 50%;
		left: 50%;
		width: 3500px;
		transform: translate(-50%, -50%);
	}
	
	
	
	
	
	
	.imgchambre  .video-foreground {
        height: 200%;
        top: -50%;
        left: -50%;
        width: 200%;
		transform: translate(0%, 0%);
		
	}
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground {
		width: 300%;
		left: -100%;
		top: -25%;
	}
	
	.imgchambre .video-foreground {
		width: 300%;
        left: -100%;
        height: 170%;
		transform: translate(0%, 0%);
		
	}
	
}

/* horizontally center the video */
.videobg-width {
	position: absolute;
	width: 100%; /* Change width value to cover more area*/
	height: 100%;
	left: -9999px;
	right: -9999px;
	margin: auto;
}

/* set video aspect ratio and vertically center */
.videobg-aspect {
	position: absolute;
	width: 100%;
	height: 0;
	top: -12999px;
	bottom: -12999px;
	margin: auto;
	padding-bottom: 150%; /* 16:9 ratio */
	overflow: hidden;
	
}

.videobg-make-height {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.videobg-hide-controls {
	box-sizing: content-box;
	position: relative;
	height: 100%;
	width: 100%;
	/* Vimeo timeline and play button are ~55px high */
	padding: 55px 97.7777px; /* 16:9 ratio */
	top: -55px; 
	left: -97.7777px; /* 16:9 ratio */
}

.videobg-width iframe {
	position: absolute;
	width: 200%;
	height: 100%;
	top: 0%;
	left: 0%;
	border: 0 none;
	
}
.imgchambre .fixed.video-js ,
.imgcarte .fixed.video-js {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -50%);
}

#transition,
#masktransition,
#output,
#buffer {
    right: 0%;
    position: absolute;
    mix-blend-mode: normal;
    z-index: 0;
	
}

#output {
    right: -60vw;
    position: absolute;
    z-index: 9999;
    min-height: 100vh;
    width: 100vw !important;
    height: calc(100vh - 50px) !important;
    mix-blend-mode: normal;
    top: 0;
	
}

@media only screen and (max-width: 991px) {
    #output {
        right: -110vw;
		
        position: absolute;
		
        z-index: 9999;
		
        min-height: calc(50vh - 50px);
		
        width: auto !important;
		
        height: calc(50vh - 50px) !important;
		
        mix-blend-mode: normal;
		
        display: none;
	}
}

#buffer {
    display: none;
	
}

.wrapperv.init {
    position: fixed;
    top: 80px;
    left: 80px;
    right: 80px;
    bottom: 80px;
    background: #df9e5e;
    background-size: cover;
    display: block;
    overflow-y: hidden;
    overflow: hidden;
    /*	-moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
	*/
    transform-origin: 50% 50%;
    transition: all 300ms ease-out;
	
}

@media only screen and (max-width: 991px) {
    .wrapperv.init {
        height: calc(100vh - 40px);
		
        width: calc(100vw - 40px);
		
        position: fixed;
		
        top: 20px;
		
        left: 20px;
		
        right: 20px;
		
        bottom: 20px;
	}
}

@media only screen and (min-width: 1640px) {
    .wrapperv.init {
        top: 40px;
		
        left: 40px;
		
        right: 40px;
		
        bottom: 40px;
	}
}

section {
    position: relative;
    display: block;
	
}

.2col {
    columns: 2;
	

}

.h-100 {
    height: calc(100vh - 0px) !important;
	
}

.hotel #introduction .h-100,
.rooftop #introduction .h-100 ,
.restaurantcarte #introduction .h-100 ,
.restaurant #introduction .h-100 ,
.hotels #introduction .h-100 {
    height: calc(100vh - 0px) !important;
	max-height:550px;
	min-height:550px;
}

.restaurantcarte #introduction .sliderheadermega  .h-100 ,
.restaurant #introduction  .sliderheadermega   .h-100 ,
.hotels #introduction  .sliderheadermega   .h-100 {
    height: calc(100vh - 0px) !important;
	max-height:750px;
	min-height:750px;
}


.restaurant.landing #introduction  .sliderheadermega   .h-auto ,

.hotels.landing #introduction  .sliderheadermega   .h-auto {
    height:auto !important;
	max-height:2500px;
	min-height:750px;
}
@media only screen and (max-width: 991px) {
    .h-100 {
        height: calc(100vh - 0px) !important;
	}
}

.h-50 {
    height: 50vh !important;
	
}

@media only screen and (max-width: 991px) {
    .h-50 {
		height: 50vh !important;
	}
}

.mb-25 {
    margin-bottom: 10vh !important;
	
}

@media only screen and (min-width: 1200px) {
    .mb-xl-25 {
        margin-bottom: 10vh !important;
	}
}

.height-100 {
    height: 100% !important;
	
}

.height-50 {
    height: 50% !important;
	
}

.serif {
    font-family: "area-extended", sans-serif;
	
}

img {
    pointer-events: none;
	
}

@media only screen and (max-width: 991px) {
    .title {
        left: 50%;
		
        top: 50%;
		
        font-size: 180px;
		
        transform: translateX(-50%) translateY(-50%);
	}
}

.highlight .title {
    color: #920000;
	
}

/* Animate neon flicker */
@keyframes flicker {
	
    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        text-shadow: -0.2rem -0.2rem 1rem #920000, 0.2rem 0.2rem 1rem #920000, 0 0 5px var(--neon-text-color), 0 0 10px var(--neon-text-color);
	}
	
    20%,
    24%,
    55% {
        text-shadow: none;
		
        box-shadow: none;
	}
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;
    width: 211vw;
	
}
.custom-popover{
	
	background:#c83d29;
	color:#fff;
	
	text-align:left;
	
}
@media only screen and (max-width: 991px) {
	
	
	
    .paraphe {
        left: 50%;
		
        top: 50%;
		
        font-size: 14px;
		
        width: 84%;
		
        transform: translateX(-50%) translateY(-50%);
	}
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;
	
}

@media only screen and (max-width: 991px) {}

.scalledimg {
    transform: scale(1.08) translateX(10%);
	
}

.mt-20 {
    margin-top: 20px;
	
}

.mt-30 {
    margin-top: 30px;
	
}

.mt-40 {
    margin-top: 40px;
	
}

.mt-60 {
    margin-top: 60px;
	
}

.mt-70 {
    margin-top: 70px;
	
}

.mt-80 {
    margin-top: 80px;
	
}

.mb-20 {
    margin-bottom: 20px;
	
}

.mb-30 {
    margin-bottom: 30px;
	
}

.mb-40 {
    margin-bottom: 40px;
	
}

.mb-50 {
    margin-bottom: 50px;
	
}

.mb-60 {
    margin-bottom: 60px;
	
}

.mb-70 {
    margin-bottom: 70px;
	
}

.mb-80 {
    margin-bottom: 80px;
	
}

.pb-40 {
    padding-bottom: 40px;
	
}

.pb-50 {
    padding-bottom: 50px;
	
}

.pb-60 {
    padding-bottom: 60px;
	
}

.pb-70 {
    padding-bottom: 70px;
	
}

.pb-80 {
    padding-bottom: 80px !important;
	
}

.pb-90 {
    padding-bottom: 130px;
	
}

.pb-100 {
    padding-bottom: 100px;
	
}

.pt-40 {
    padding-top: 40px;
	
}

.pt-50 {
    padding-top: 50px;
	
}

.pt-60 {
    padding-top: 60px;
	
}

.pt-70 {
    padding-top: 60px;
	
}

.pt-80 {
    padding-top: 80px;
	
}

.pt-90 {
    padding-top: 130px;
	
}

.pt-100 {
    padding-top: 100px;
	
}

#histoire #js-scroll {
    margin-top: 0px;
    overflow: hidden;
	
}

::-moz-selection {
    background-color: #C83D29;
    color: #fff;
    opacity: 1;
	
}

::selection {
    background-color: #C83D29;
    color: #fff;
    opacity: 1;
	
}

.lettrine::first-letter {
    color: #fff;
    float: left;
    font-size: 60px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 4px;
	
}

[type=button].submit,
[type=reset],
[type=submit] {
    border: 0 !important;
	
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
	
}

.w-30 {
    width: 30% !important;
	
}

.w-40 {
    width: 40% !important;
	
}

.w-50 {
    width: 49% !important;
	
}

@media only screen and (min-width: 992px) {
	
    .w-lg-50,
    #fiche-art .w-lg-50 {
        width: 49% !important;
	}
}

/* reset */
a {
    text-decoration: none;
	
}

a:focus,
a:visited,
a:active {
    text-decoration: none;
    outline: 0 !important;
    text-decoration: none;
	
}

a:hover {
    text-decoration: none;
	
}


.btn a:hover,
.card a:hover {
    color: inherit;
    text-decoration: none;
	
}

.btn a *,
.card a *,
.the-slide a *,
.btn a:hover *,
.card a:hover * {
    color: inherit;
    text-decoration: none;
	
}

.upper {
    text-transform: uppercase;
	
}

button a {
    color: inherit;
    text-decoration: none;
	
}

video {
    width: auto;
	
}

.clear {
    clear: both;
	
}

.mh-0 {
    max-height: 0;
	
}

.mh-100 {
    max-width: 80%;
	
}

.minh-100 {
    min-height: 100dvh;
	
}
.m-h-70 {
    min-height: 0vh;
	
}


.mCustomScrollbar {
    touch-action: initial;
	
}

.slick-next {
    right: 0px;
	
}

.slick-prev {
    left: 0px;
	
}
.slider_evenementfixed    .slick-slide {
	padding: 0 0px;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;
	
}

/* fin reset */
/* utilitaires */
li {
    list-style: none;
	
}

/* utilitaires */
.bullet-orange {
    padding-left: 0;
	
}

.bullet-orange li {
    list-style: none;
    padding-left: 30px;
    background: url(../SVG/dry-clean.svg) 20px 10px no-repeat;
    background-size: 7px auto;
    padding-left: 40px;
    margin-bottom: 15px;
	
}

.bold,b, strong,bold {
    font-weight: 800 !important;
	
}

.noir,
.extrabold {
    font-weight: 800 !important;
	
}

.normal {
    font-weight: normal;
	
}

.light {
    font-weight: 300;
	
}

.img100 {
    width: 100%;
    height: auto;
	
}

.w-20 {
    width: 20% !important;
	
}

.w-30 {
    width: 30% !important;
	
}

@media only screen and (max-width: 991px) {
    .w-40 {
        width: 45% !important;
	}
}

@media only screen and (min-width: 1200px) {
    .w-lg-40 {
        width: 45% !important;
	}
}

.w-60 {
    width: 60% !important;
	
}

.w-70 {
    width: 70% !important;
	
}

.w-80 {
    width: 80% !important;
	
}

.w-100gutters {
    width: calc(100% - 30px) !important;
	
}

.img-responsive {
    max-width: 100%;
	
}

.vertical-align {
    vertical-align: middle;
	
}

.txtb-align {
    vertical-align: text-bottom;
	
}

.table thead th {
    vertical-align: top;
    border-top: 0;
    border-bottom: 2px solid #dee2e6;
	
}

.vertical-align-top,
.table thead th.vertical-align-top {
    vertical-align: top !important;
	
}

div.side {
    padding-right: 0;
    padding-left: 0;
	
}

.mr-60 {
    margin-right: 60px;
	
}

.z8 {
    z-index: 8 !important;
	
}

.z9 {
    z-index: 9 !important;
	
}

.z10 {
    z-index: 10 !important;
	
}

.z20 {
    z-index: 20;
	
}

.zfront {
    z-index: 999999;
	
}

.z3 {
    z-index: 3;
	
}

.z0 {
    z-index: 0;
	
}

.font10 {
    font-size: 9px;
	
}

.font10 {
    font-size: 10px;
	
}

.font12 {
    font-size: 12px;
	
}

.font13 {
    font-size: 13px;
	
}

.font14 {
    font-size: 14px;
	
}

.font16 {
    font-size: 15px;
	
}


.font16 {
    font-size: 16px;
	
}

.font18 {
    font-size: 18px;
	
}

.font20 {
    font-size: 20px;
	
}

.font22 {
    font-size: 22px;
	
}

.font24 {
    font-size: 24px;
	
}
.font25 {
    font-size: 25px;
	
}

.font30 {
    font-size: 30px;
	
}

.font32 {
    font-size: 32px;
	
}

.font36 {
    font-size: 36px;
	
}

.font38 {
    font-size: 38px;
	
}

.font42 {
    font-size: 42px;
	
}

.font48 {
    font-size: 48px;
	
}

.font50 {
    font-size: 50px;
	
}

@media only screen and (max-width: 991px) {
    .font55 {
        font-size: 35px;
	}
}

@media only screen and (max-width: 767px) {
    .font55 {
        font-size: 35px;
	}
}

@media only screen and (min-width: 992px) {
    .font55 {
        font-size: 40px;
	}
}

@media only screen and (min-width: 1200px) {
    .font55 {
        font-size: 45px;
	}
}

@media only screen and (min-width: 1640px) {
    .font55 {
        font-size: 53px;
	}
	
	
	
	
	 
.fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, 0%);
	    z-index: 0;
    min-height: 1600px;
    aspect-ratio: 16 / 9;
}

}

@media only screen and (min-width: 2150px) {
 
	
	

.imgchambre .video-foreground {
    height: 250% !important;
    top: -50%;
    left: -50%;
    width: 200%;
    transform: translate(0%,0%);
}
}

@media only screen and (min-width: 2840px) {
 
	
	
	.video-foreground {
    max-width: 10000px;
    height: calc(4250px + 200px);
    top: 50%;
    left: 50%;
    width: 4500px;
    transform: translate(-50%,-50%);
} 
.fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, 0%);
	    z-index: 0;
    min-height: 2000px;
    aspect-ratio: 16 / 9;
} 
}

@media only screen and (min-width: 2000px) {
 
	
	
    .video-foreground {
        width: 300%;
        left: -100%;
        top: 0;    transform: none;

    }

}
@media only screen and (min-width: 2500px) {
 
	
	
    .video-foreground {
        width: 300%;
        left: -100%;
        top: 0;
    }

}@media only screen and (min-width: 2700px) {
 
.video-foreground {
    width: 307%;
    left: -103%;
    top: 0;
    height: 110%;    transform: none;

}

}@media only screen and (min-width: 2800px) {
 
.video-foreground {
    width: 311%;
    left: -107%;
    top: 0;
    height: 120%;
    transform: none;
}
}
@media only screen and (min-width: 3000px) {
 
	
	
	.video-foreground {
    max-width: 10000px;
    height: calc(4250px + 200px);
    top: 50%;
    left: 50%;
    width:3500px;
    transform: translate(-50%,-50%);
} 


}

@media only screen and (min-width: 3500px) {
 
	
	
	.video-foreground {
    max-width: 10000px;
    height: calc(4250px + 200px);
    top: 50%;
    left: 50%;
    width: 4000px;
    transform: translate(-50%,-50%);
} 


}

@media only screen and (min-width: 4500px) {
 
	
	
	.video-foreground {
    max-width: 10000px;
    height: calc(4250px + 200px);
    top: 50%;
    left: 50%;
    width: 5000px;
    transform: translate(-50%,-50%);
} 


}
@media only screen and (max-width: 991px) {
    .font72 {
        font-size: 58px;
	}
}

@media only screen and (max-width: 767px) {
    .font72 {
        font-size: 50px;
	}
}

@media only screen and (min-width: 992px) {
    .font72 {
        font-size: 64px;
	}
}

@media only screen and (min-width: 1200px) {
    .font72 {
        font-size: 72px;
	}
}

@media only screen and (max-width: 991px) {
    .font150 {
        font-size: 40px;
	}
}

@media only screen and (max-width: 767px) {
    .font150 {
        font-size: 40px;
	}
}

@media only screen and (min-width: 992px) {
    .font150 {
        font-size: 75px;
	}
}

@media only screen and (min-width: 1200px) {
    .font150 {
        font-size: 75px;
	}
}

@media only screen and (min-width: 1640px) {
    .font150 {
        font-size: 110px;
	}
}

@media only screen and (max-width: 991px) {
    .font300 {
        font-size: 300px;
		}.logotmp{
		width:110px !important;}.logo.logohome{
	width:110px !important;height:110px !important;}
}

@media only screen and (min-width: 992px) {
	.card:hover{
height:544px;
		    transition:none;
			   -webkit-transition:none;
    -transition:none;
    transition:none;
    -o-transition:none;
    -moz-transition:none;
	}
		
		.safari .card:hover,
	.apple .card:hover,
			.apple .card:hover .pictcontent{
		 

height:544px;
		    transition:none;
			   -webkit-transition:none;
    -transition:none;
    transition:none;
    -o-transition:none;
    -moz-transition:none;
	
	} 
		.safari .card,
			.apple .card,
			.apple .card .pictcontent{
height:544px;
		    transition:none;
			   -webkit-transition:none;
    -transition:none;
    transition:none;
    -o-transition:none;
    -moz-transition:none;
	}
	
	 
	@keyframes movecard {
  0%   {height:544px;
		
		-webkit-transform: translateY(-0px);
	    transform: translateY(-0px);
		}
 
  100% {		height:584px;
		
		-webkit-transform: translateY(-40px);
	    transform: translateY(-40px);}
}
	
	
	
	
	
	
	.logotmp{
	width:170px  !important;}
	
	.restaurantcarte .btn_retour {
	top: 100px;}
	
	.rooftop .btn_retour,
	.hotels .btn_retour{
	top: 100px;}
	
	
	
	.texte3,.texte3b,.texte4,.texte7{
		left: 0%;
		height:200px !important;
		width: auto !important;
	}
	
	.texte3b.talign5{
		left: 0%;
		height:140px !important;
		width: auto !important;
		
	    top: 40px;
		
	}
	.slidercarte .balign3 {
		
		bottom: 60px;
		
	}
	
	.navigator ul.menu .menu-item > a{
		
		transition : all 300ms;		
		
		
	}
	.navigator ul.menu .menu-item > a:hover{
		
	    font-size: 20px !important
		
		
	}
    .font300 {
        font-size: 240px;
	}
}

@media only screen and (min-width: 1200px) {
    .font300 {
        font-size: 300px;
	}
}



.font51{        font-size: 51px;
}


.font111{        font-size: 111px;
}



.font203{     
	font-size: 203px;
}

.nowrap{white-space:nowrap;}
.img-thumbnail {
    padding: 0;
	
}

.mb0 {
    margin-bottom: 7px;
    line-height: 1;
	
}

.italic {
    font-style: italic;
	
}

.blue,
.bleu,
.btn-white.blue {
    color: #060644;
	
}

b,
strong {
    font-weight: bold;
	
}

h1 b,
h1 strong {
    font-weight: 800;
	
}

.rouge {
    color: #C83D29;
	
}

.violet {
    color: #c96fc7;
	
}

.vert {
    color: #0f2550;
	
}

.dark {
    color: #303030 !important;
	
}

.darkblue {
    color: #001222;
	
}

.jaune {
    color: #f2c024;
	
}

.jaune:hover {
    color: #f2c024;
	
}

.bluetxt {
    color: #fff;
    text-decoration: underline;
	
}

.white {
    color: #fff;
	
}

.white:visited {
	color: #fff;
	
}


.whitebg {
    background: #fff !important;
	
}

.beigebg {
    background: #E3D1BA !important;
	
}

.bluebg {
    background-color: #1a366d;
	
}

.bluelightbg {
    background-color: #0083c6;
	
}

.placeholderbg {
    background: #e0e0e0 !important;
	
}

.vertbg {
    background: #0f2550;
	
}

.jaunebg {
    background: #f2c024;
	
}

.placeholderbg:after {
    color: #c4c4c4 !important;
    content: "Chargement, veuillez patienter";
    font-size: 30px;
    text-align: center;
    bottom: 40%;
    left: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: absolute;
    transform: translateY(50%);
    z-index: 0;
	
}


.placeholderbg>* {
    z-index: 1 !important;
	
}

.beigelight {
    color: #ecc09d;
	
}

.beigeultralight {
    color: #fdf4ed;
	
}

.beigeultralight-bg {
    background: #fdf4ed;
	
}

.lightgreybg {
    background: #f7f7f7;
	
}

.greybg {
    background: #b5b5b5;
	
}

.darkgreybg {
    background: #949494;
	
}

.br0,
.br-0 {
    border-radius: 0px !important;
	
}
.br190{
    border-radius: 190px  190px 0 0 !important;    overflow: hidden;
	
}
.br5,
.br-5 {
    border-radius: 5px !important;
	
}

.br10,
.br-10 {
    border-radius: 10px !important;
	
}

.lh1 {
    line-height: 1 !important;
	
}

.lh12 {
    line-height: 1.2 !important;
}

.lh13 {
    line-height: 1.3 !important;
	
}

.lh14 {
    line-height: 1.4 !important;
	
}

.lh15 {
    line-height: 1.5 !important;
	
}

.lh2 {
    line-height: 2 !important;
	
}

.lh41 {
    line-height: 41px;
	
}

.noborder {
    border: 0 !important;
	
}

.noborderx {
    border-left: 0 !important;
    border-right: 0 !important;
	
}

.grey {
    color: #5a5a5a !important;
	
}

.grey3 {
    color: #646464;
	
}

.grey4 {
    color: #949494;
	
}

.lightgrey {
    color: #ababab !important;
	
}

.darkgrey {
    color: #303030;
	
}

.darkgreylight {
    color: #919191;
	
}

.hardblue {
    color: #72a4bb;
	
}

.jaunebg {
    background-color: #f2c024;
	
}

.rosebg {
    background-color: #E2876F;
	
}


.rougebg {
    background:#C83D29;
	
}

.darkbg {
    background: #252626;
	
}

.under {
    text-decoration: underline !important;
	
}

.card-header:first-child {
    border-radius: 0 !important;
	
}

.under2 {
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    text-underline-offset: -4px;
	
}

.relative {
    position: relative;
	
}

.oh {
    overflow: hidden;
	
}

.ov {
    overflow: visible;
	
}

.satisfy {
    font-family: "Satisfy";
    font-weight: 400 !important;
	
}

.bench {
    font-family: "BenchNine", "area-extended", sans-serif;
	
}

.korolev {
    font-family: "area-extended", sans-serif;
	
}

.overpass {
    font-family: "area-extended", sans-serif;
	
}

.valign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}

.balign {
    position: absolute;
    bottom: -2px;
	top:auto !important;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.blalign {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 0;
    transform: translate(0%, 0%);
    width: 100%;
    width: calc(100% - 0px);
}
.apple .balign.right {
    position: absolute;
    bottom:2px;
	top:auto !important;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.balign3 {
    position: absolute;
    bottom: -2px;
	top:auto !important;
    left:auto;
    transform: translate(0%, 0%);
	
}


.balign4 {
    position: absolute;
    bottom: -30px;
	top:auto !important;
    left:auto;
    transform: translate(0%, 0%);
	
}
.talign {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.talign.top {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}

.apple .talign.top {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.talign.top.top2 {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.apple .talign.top.top2 {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.apple .rooftop .talign.top {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.talign.talign9 {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.slidercarte  .talign {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}
.balign2 {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0%);
	
}
.balign.leftalign {
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: translate(0%, 0%);
	
	}.leftalign.balign.btn-primary-r:hover {
	
    transform: translate(0%,8px);
	
	}.mh-lg-900{
	
	min-height:900px;
}
@media only screen and (min-width: 1200px) {
    .valignxl {
        position: absolute;
		
        top: 50%;
		
        left: 50%;
		
        transform: translate(-50%, -50%);
	}
	
	.restaurant .headerrestaurant  .previous,
	.restaurant .headerrestaurant  .nextious{
	margin-bottom:25px !important;} 
}

.twocol {
    columns: 2;
	
}

.bloc_actu {
    position: relative;
    overflow: hidden;
	
}




.bloc_actu .caption {
    position: absolute;
    bottom: -200px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;
    transition: all 600ms;
	
}


.bloc_actu:hover .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;
	
}


.rose {
    color: #E2876F;
	
}

.rosebg {
    background: #E2876F;
	
}


.marron {
    color: #303030;
	
}

.marronbg {
    background: #303030;
	
}

.vert {
    color: #274A42;
	
}

.vertbg {
    background: #274A42;
	
}

.beige {
    color: #E3D1BA;
	
}

.beigebg {
    background: #E3D1BA;
	
}
p{
    font-weight:400;
}

/* End utils */


/*Section*/

.introduction {
    width: 100%;
    height: calc(544px + 900px) !important;
	
}

.introduction .mh-lg-900 {
    height: 900px  !important;
}
.quartier {
    width: 100%;
    background: #E2876F;
	
} 
.slidercarte {
	background: #C83D29;
}

.slidercarte .h-50 {
	background: #C83D29 url(img/img_slidercarterestaurant.jpg) 50% 50% no-repeat;
    background-size:cover ;
}


.reunion {
    width: 100%;
    background: #C83D29;
}
.reduction {
    width: 100%;
    background: #E2876F;
}

.contact {
    width: 100%;
    background: #E3D1BA;
    background-size: 100% auto;
    border-radius: 130px 130px 0 0;    
    
    padding-bottom: 154px;
    padding-bottom: 104px;
	overflow:hidden;
    
	
	
}
.chambres{
    width: 100%;
    background: #E3D1BA;
	
	
} 
.imgchambre{
    width: 100%;
    background: #fff;
    border-radius: 0;    
    min-height:200dvh;
    padding-top:122dvh;  
	
}
.imgevenement{
    width: 100%;
    background: #fff;
    border-radius: 0;    
    min-height:200dvh;
    padding-top:90dvh;   
	
	
}
.rooftop .imgevenement{
    width: 100%;
    background: #fff;
    border-radius: 0;    
    min-height:155dvh;
    padding-top:90dvh;   
	background: #fff url(img/img_evenementrooftop.jpg) 50% 0 no-repeat;
    background-size: 100% auto;
	
}
.chambres .pict {
    width: 100%;
    background: #E3D1BA;
    background-size: 100% auto;
    border-radius: 160px 160px 0 0;    
    
    padding-bottom: 370px;    background: #E2876F url(img/pict_chambreblanche.jpg) 50% 0 no-repeat;
    background-size: cover;
	
}
.horairecontainer {
    width: auto;
    background-size: 100% auto;
    border-radius: 0 120px 0 0;
    border: 2px solid #303030;
    margin: 30px 0px;
    padding: 30px 50px;
}
.horairecontainer2 {
    width: auto;
    background-size: 100% auto;
    border-radius: 0 120px 0 0;
    border:0;
    margin: 30px 0px;
    padding: 30px 0;
}
.horairecontainer.vert {
	
    border:2px solid #274A42;
	
}
.marquee1,
.marquee2 {
    width: 100%;
    height: 70px;
    overflow: hidden;
    position: relative;
}

.contact .marquee1,
.contact  .marquee2 {
	cursor:pointer;
}

.marquee1container {
    width: auto;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

.entered .marquee1container {
    transition: all 20s;
    left: -1000px;
}

.marquee2container {
    width: auto;
    height: 70px;
    font-size: 51px;
    position: absolute;
    right: 0%;
    top: 0;
    white-space: nowrap;
	
}
.chambres_list .marquee1,.chambres_list .marquee2,
.rooftop_list .marquee1,.rooftop_list .marquee2{
	width: 100%;
    height: 209px;
    top: 0;
    overflow: hidden;
    position: absolute;
}


.page404.chambres_list .marquee2{
	width: 100%;
    height: 209px;
    bottom: 0;
    top: auto;
    overflow: hidden;
    position: absolute;
}

.chambres_list .marquee1container,
.chambres_list .marquee2container,
.rooftop_list .marquee1container,
.rooftop_list .marquee2container{    height: 230px;
	
}



.calendrier .marquee1,.calendrier .marquee2 {
    width: 100%;
    height: 111px;
	
}

.calendrier .marquee1container,
.calendrier .marquee2container{    height: 111px;
	
}


.btn_retour{
	
	
	position:absolute;
	top:0px;
	left:7px;
    width:40px;
	z-index:5;
    height:40px;
    display:block;
	z-index:5;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi42MzYiIGhlaWdodD0iMzYuNjM2IiB2aWV3Qm94PSIwIDAgMzYuNjM2IDM2LjYzNiI+CiAgPGcgaWQ9Im5vdW4tYXJyb3ctMTc4NzEzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTEuNDIxIDIuMTI0KSByb3RhdGUoOTApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogIDwvZz4KICA8cGF0aCBpZD0iVHJhY8OpXzU1IiBkYXRhLW5hbWU9IlRyYWPDqSA1NSIgZD0iTTIzLjM0NSwzNC42MzZIMTEuMjkyQTExLjMsMTEuMywwLDAsMSwwLDIzLjM0NVYxMS4yOTJBMTEuMywxMS4zLDAsMCwxLDExLjI5MiwwSDIzLjM0NUExMS4zLDExLjMsMCwwLDEsMzQuNjM2LDExLjI5MlYyMy4zNDVBMTEuMywxMS4zLDAsMCwxLDIzLjM0NSwzNC42MzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg") 50% 50% no-repeat;
    background-size:contain;
	
	
	
	
	
	
}

.btn_retour.btn_retourrouge{
	
	
	position:absolute;
	top:100px;
	left:7px;
    width:40px;
	z-index:5;
    height:40px;
    display:block;
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi42MzYiIGhlaWdodD0iMzYuNjM2IiB2aWV3Qm94PSIwIDAgMzYuNjM2IDM2LjYzNiI+CiAgPGcgaWQ9Im5vdW4tYXJyb3ctMTc4NzEzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTEuNDIxIDIuMTI0KSByb3RhdGUoOTApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI0M4M0QyOSIvPgogICAgPC9nPgogIDwvZz4KICA8cGF0aCBpZD0iVHJhY8OpXzU1IiBkYXRhLW5hbWU9IlRyYWPDqSA1NSIgZD0iTTIzLjM0NSwzNC42MzZIMTEuMjkyQTExLjMsMTEuMywwLDAsMSwwLDIzLjM0NVYxMS4yOTJBMTEuMywxMS4zLDAsMCwxLDExLjI5MiwwSDIzLjM0NUExMS4zLDExLjMsMCwwLDEsMzQuNjM2LDExLjI5MlYyMy4zNDVBMTEuMywxMS4zLDAsMCwxLDIzLjM0NSwzNC42MzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0M4M0QyOSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg") 50% 50% no-repeat;
    background-size:contain;
	
	
	
	
	
	
}

.apple .btn_retour.btn_retourrouge,
.apple .btn_retour{
	
	left:0px;
	
	
	
}



.ico_insta{
    
    width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MS42NjkiIGhlaWdodD0iNDEuNjY4IiB2aWV3Qm94PSIwIDAgNDEuNjY5IDQxLjY2OCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI5IiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgZmlsbD0iIzMwMzAzMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8zOCIgZGF0YS1uYW1lPSJHcm91cGUgMzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjUiIGRhdGEtbmFtZT0iVHJhY8OpIDY1IiBkPSJNMjAuMjcsMy42NTJjNS40MTIsMCw2LjA1My4wMjEsOC4xOTEuMTE4YTExLjIxMSwxMS4yMTEsMCwwLDEsMy43NjQuNyw2LjI4LDYuMjgsMCwwLDEsMi4zMzEsMS41MTYsNi4yOCw2LjI4LDAsMCwxLDEuNTE2LDIuMzMxLDExLjIyMywxMS4yMjMsMCwwLDEsLjcsMy43NjNjLjEsMi4xMzguMTE4LDIuNzc5LjExOCw4LjE5MXMtLjAyMSw2LjA1My0uMTE4LDguMTkxYTExLjIyMywxMS4yMjMsMCwwLDEtLjcsMy43NjMsNi43MTEsNi43MTEsMCwwLDEtMy44NDcsMy44NDcsMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC43Yy0yLjEzNy4xLTIuNzc4LjExOC04LjE5MS4xMThzLTYuMDU0LS4wMjEtOC4xOTEtLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLTMuNzY0LS43LDYuMjgsNi4yOCwwLDAsMS0yLjMzMS0xLjUxNiw2LjI4LDYuMjgsMCwwLDEtMS41MTYtMi4zMzEsMTEuMjExLDExLjIxMSwwLDAsMS0uNy0zLjc2M2MtLjEtMi4xMzgtLjExOC0yLjc3OS0uMTE4LTguMTkxcy4wMjEtNi4wNTMuMTE4LTguMTkxYTExLjIxMSwxMS4yMTEsMCwwLDEsLjctMy43NjNBNi4yOCw2LjI4LDAsMCwxLDUuOTg1LDUuOTg1LDYuMjgsNi4yOCwwLDAsMSw4LjMxNSw0LjQ2OGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LS43YzIuMTM4LS4xLDIuNzc5LS4xMTgsOC4xOTEtLjExOE0yMC4yNywwYy01LjUsMC02LjIuMDIzLTguMzU3LjEyMmExNC44ODEsMTQuODgxLDAsMCwwLTQuOTIuOTQyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMi4zMzgsMy41OSwxNC44OCwxNC44OCwwLDAsMC0uOTQyLDQuOTJDLjAyMywxNC4wNzQsMCwxNC43NjUsMCwyMC4yN3MuMDIzLDYuMi4xMjIsOC4zNTdhMTQuODgsMTQuODgsMCwwLDAsLjk0Miw0LjkyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzNy4xMzdhOS45NCw5Ljk0LDAsMCwwLDMuNTksMi4zMzgsMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLjk0MmMyLjE2Mi4xLDIuODUzLjEyMiw4LjM1Ny4xMjJzNi4yLS4wMjMsOC4zNTctLjEyMmExNC44ODEsMTQuODgxLDAsMCwwLDQuOTItLjk0MiwxMC4zNjQsMTAuMzY0LDAsMCwwLDUuOTI4LTUuOTI4LDE0Ljg4LDE0Ljg4LDAsMCwwLC45NDItNC45MmMuMS0yLjE2Mi4xMjItMi44NTMuMTIyLTguMzU3cy0uMDIzLTYuMi0uMTIyLTguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLS45NDItNC45MkE5Ljk0LDkuOTQsMCwwLDAsMzcuMTM4LDMuNGE5LjkzNCw5LjkzNCwwLDAsMC0zLjU5LTIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAtNC45Mi0uOTQyQzI2LjQ2NS4wMjMsMjUuNzc1LDAsMjAuMjcsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxLjEyOSkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjYiIGRhdGEtbmFtZT0iVHJhY8OpIDY2IiBkPSJNMzEuMDg1LDIwLjY3NkExMC40MDksMTAuNDA5LDAsMSwwLDQxLjQ5MywzMS4wODUsMTAuNDA5LDEwLjQwOSwwLDAsMCwzMS4wODUsMjAuNjc2bTAsMTcuMTY1YTYuNzU2LDYuNzU2LDAsMSwxLDYuNzU3LTYuNzU3LDYuNzU3LDYuNzU3LDAsMCwxLTYuNzU3LDYuNzU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuODE1IC05LjY4NikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjciIGRhdGEtbmFtZT0iVHJhY8OpIDY3IiBkPSJNNjQuOTUyLDE3LjE0NWEyLjQzMiwyLjQzMiwwLDEsMS0yLjQzMi0yLjQzMiwyLjQzMiwyLjQzMiwwLDAsMSwyLjQzMiwyLjQzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxLjQyOSAtNi41NjcpIiBmaWxsPSIjMzAzMDMwIi8+CiAgPC9nPgo8L3N2Zz4") 50% 50% no-repeat;
    background-size:contain;
    
}
.ico_insta.vert{
    
    width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgdmlld0JveD0iMCAwIDQxLjY2OSA0MS42NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyOSIgd2lkdGg9IjQxLjY2OSIgaGVpZ2h0PSI0MS42NjgiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMzgiIGRhdGEtbmFtZT0iR3JvdXBlIDM4IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY1IiBkYXRhLW5hbWU9IlRyYWPDqSA2NSIgZD0iTTIwLjI3LDMuNjUyYzUuNDEyLDAsNi4wNTMuMDIxLDguMTkxLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LjcsNi4yOCw2LjI4LDAsMCwxLDIuMzMxLDEuNTE2LDYuMjgsNi4yOCwwLDAsMSwxLjUxNiwyLjMzMSwxMS4yMjMsMTEuMjIzLDAsMCwxLC43LDMuNzYzYy4xLDIuMTM4LjExOCwyLjc3OS4xMTgsOC4xOTFzLS4wMjEsNi4wNTMtLjExOCw4LjE5MWExMS4yMjMsMTEuMjIzLDAsMCwxLS43LDMuNzYzLDYuNzExLDYuNzExLDAsMCwxLTMuODQ3LDMuODQ3LDExLjIxMSwxMS4yMTEsMCwwLDEtMy43NjQuN2MtMi4xMzcuMS0yLjc3OC4xMTgtOC4xOTEuMTE4cy02LjA1NC0uMDIxLTguMTkxLS4xMThhMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC0uNyw2LjI4LDYuMjgsMCwwLDEtMi4zMzEtMS41MTYsNi4yOCw2LjI4LDAsMCwxLTEuNTE2LTIuMzMxLDExLjIxMSwxMS4yMTEsMCwwLDEtLjctMy43NjNjLS4xLTIuMTM4LS4xMTgtMi43NzktLjExOC04LjE5MXMuMDIxLTYuMDUzLjExOC04LjE5MWExMS4yMTEsMTEuMjExLDAsMCwxLC43LTMuNzYzQTYuMjgsNi4yOCwwLDAsMSw1Ljk4NSw1Ljk4NSw2LjI4LDYuMjgsMCwwLDEsOC4zMTUsNC40NjhhMTEuMjExLDExLjIxMSwwLDAsMSwzLjc2NC0uN2MyLjEzOC0uMSwyLjc3OS0uMTE4LDguMTkxLS4xMThNMjAuMjcsMGMtNS41LDAtNi4yLjAyMy04LjM1Ny4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMC00LjkyLjk0MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMy40YTkuOTM0LDkuOTM0LDAsMCwwLTIuMzM4LDMuNTksMTQuODgsMTQuODgsMCwwLDAtLjk0Miw0LjkyQy4wMjMsMTQuMDc0LDAsMTQuNzY1LDAsMjAuMjdzLjAyMyw2LjIuMTIyLDguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLC45NDIsNC45MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMzcuMTM3YTkuOTQsOS45NCwwLDAsMCwzLjU5LDIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAsNC45Mi45NDJjMi4xNjIuMSwyLjg1My4xMjIsOC4zNTcuMTIyczYuMi0uMDIzLDguMzU3LS4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLS45NDIsMTAuMzY0LDEwLjM2NCwwLDAsMCw1LjkyOC01LjkyOCwxNC44OCwxNC44OCwwLDAsMCwuOTQyLTQuOTJjLjEtMi4xNjIuMTIyLTIuODUzLjEyMi04LjM1N3MtLjAyMy02LjItLjEyMi04LjM1N2ExNC44OCwxNC44OCwwLDAsMC0uOTQyLTQuOTJBOS45NCw5Ljk0LDAsMCwwLDM3LjEzOCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMy41OS0yLjMzOCwxNC44ODEsMTQuODgxLDAsMCwwLTQuOTItLjk0MkMyNi40NjUuMDIzLDI1Ljc3NSwwLDIwLjI3LDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMS4xMjkpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY2IiBkYXRhLW5hbWU9IlRyYWPDqSA2NiIgZD0iTTMxLjA4NSwyMC42NzZBMTAuNDA5LDEwLjQwOSwwLDEsMCw0MS40OTMsMzEuMDg1LDEwLjQwOSwxMC40MDksMCwwLDAsMzEuMDg1LDIwLjY3Nm0wLDE3LjE2NWE2Ljc1Niw2Ljc1NiwwLDEsMSw2Ljc1Ny02Ljc1Nyw2Ljc1Nyw2Ljc1NywwLDAsMS02Ljc1Nyw2Ljc1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjgxNSAtOS42ODYpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY3IiBkYXRhLW5hbWU9IlRyYWPDqSA2NyIgZD0iTTY0Ljk1MiwxNy4xNDVhMi40MzIsMi40MzIsMCwxLDEtMi40MzItMi40MzIsMi40MzIsMi40MzIsMCwwLDEsMi40MzIsMi40MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMS40MjkgLTYuNTY3KSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size:contain;
    
}


.ico_chambre{
	
    background:url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjIgMTUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEwMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTAxIiB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1IC0wLjM4MykiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMjA3IiBkYXRhLW5hbWU9Ikdyb3VwZSAyMDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzY3IDAuODczKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIwNiIgZGF0YS1uYW1lPSJHcm91cGUgMjA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC43MTcgLTAuNDkpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzYiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc2IiBkPSJNMTYuNCw1LjY3YS40LjQsMCwwLDAsLjQtLjRWMi4wMjVBMS4yMTYsMS4yMTYsMCwwLDEsMTguMDI1LjgxaDEyLjk2QTEuMjE2LDEuMjE2LDAsMCwxLDMyLjIsMi4wMjV2My4yNGEuNC40LDAsMSwwLC44MSwwVjIuMDI1QTIuMDI3LDIuMDI3LDAsMCwwLDMwLjk4NSwwSDE4LjAyNUEyLjAyNywyLjAyNywwLDAsMCwxNiwyLjAyNXYzLjI0YS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjY3NSAwLjUzMikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzciIGQ9Ik0xOS4wMzUsNjRIMS4yMTVBMS4yMTYsMS4yMTYsMCwwLDAsMCw2NS4yMTV2Mi40M0ExLjIxNiwxLjIxNiwwLDAsMCwxLjIxNSw2OC44NmguNHYxLjIxNWEuNC40LDAsMSwwLC44MSwwVjY4Ljg2SDE3LjgydjEuMjE1YS40LjQsMCwxLDAsLjgxLDBWNjguODZoLjRhMS4yMTYsMS4yMTYsMCwwLDAsMS4yMTUtMS4yMTV2LTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsMTkuMDM1LDY0bS40LDMuNjQ1YS40MDUuNDA1LDAsMCwxLS40LjRIMS4yMTVhLjQwNS40MDUsMCwwLDEtLjQtLjR2LTIuNDNhLjQwNS40MDUsMCwwLDEsLjQtLjRoMTcuODJhLjQwNS40MDUsMCwwLDEsLjQuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzA1IC01Ni45ODgpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzgiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc4IiBkPSJNNDQuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCw0My42NDUsMzJoLTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsNDAsMzMuMjE1di44MWEuNC40LDAsMSwwLC44MSwwdi0uODFhLjQwNS40MDUsMCwwLDEsLjQtLjRoMi40M2EuNDA1LjQwNSwwLDAsMSwuNC40di44MWEuNC40LDAsMCwwLC40LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNS4yNDUgLTI4LjIyOCkiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3OSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzkiIGQ9Ik0xMTYuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCwxMTUuNjQ1LDMyaC0yLjQzQTEuMjE2LDEuMjE2LDAsMCwwLDExMiwzMy4yMTV2LjgxYS40LjQsMCwxLDAsLjgxLDB2LS44MWEuNDA1LjQwNSwwLDAsMSwuNC0uNGgyLjQzYS40MDUuNDA1LDAsMCwxLC40LjR2LjgxYS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5Ljk1NSAtMjguMjI4KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 0% 0% no-repeat;
    background-size:auto 15px;
    
}


.ico_lit{
	
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIwOSIgZGF0YS1uYW1lPSJHcm91cGUgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8yMDgiIGRhdGEtbmFtZT0iR3JvdXBlIDIwOCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODAiIGQ9Ik0xNS4zNjMsMEgyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwwLDIuNjQ5djkuNTM1YS41MjkuNTI5LDAsMCwwLC41My41M0gxNy40ODJhLjUyOS41MjksMCwwLDAsLjUzLS41M1YyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwxNS4zNjMsMG0xLjU4OSwxMS42NTRIMS4wNTlWOS41MzVoMTQuM2EuNTMuNTMsMCwwLDAsMC0xLjA1OUgxLjA1OVYyLjY0OUExLjU5MSwxLjU5MSwwLDAsMSwyLjY0OSwxLjA1OUgxNS4zNjNhMS41OTEsMS41OTEsMCwwLDEsMS41ODksMS41ODlaIiBmaWxsPSIjYzgzZDI5Ii8+CiAgPC9nPgo8L3N2Zz4K") 0% 0% no-repeat;
    background-size:auto 15px;
    
}



.ico_wifi{
	
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDMiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zMzQpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBlXzIxMSIgZGF0YS1uYW1lPSJHcm91cGUgMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMzM0KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIxMCIgZGF0YS1uYW1lPSJHcm91cGUgMjEwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4ODEiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODgxIiBkPSJNNzguNjQsMTIwYTIuNjQsMi42NCwwLDEsMCwyLjY0LDIuNjRBMi42NDMsMi42NDMsMCwwLDAsNzguNjQsMTIwbTAsNC40YTEuNzYsMS43NiwwLDEsMSwxLjc2LTEuNzYsMS43NjIsMS43NjIsMCwwLDEtMS43NiwxLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuNjQgLTEwNi44KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgyIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MiIgZD0iTTIxLjg3MSw0LjUyOUExNS4wODUsMTUuMDg1LDAsMCwwLDExLDAsMTUuMDg1LDE1LjA4NSwwLDAsMCwuMTI5LDQuNTI5YS40NC40NCwwLDAsMCwuNjIyLjYyMkExNC4wMzgsMTQuMDM4LDAsMCwxLDExLC44OCwxNC4wMzgsMTQuMDM4LDAsMCwxLDIxLjI0OSw1LjE1MWEuNDQuNDQsMCwwLDAsLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MyIgZD0iTTM1LjkyLDQwYTExLjA4NiwxMS4wODYsMCwwLDAtNy43OTEsMy4yMDkuNDQuNDQsMCwxLDAsLjYyMi42MjIsMTAuMTgzLDEwLjE4MywwLDAsMSwxNC4zMzgsMCwuNDQuNDQsMCwxLDAsLjYyMi0uNjIyQTExLjA4NiwxMS4wODYsMCwwLDAsMzUuOTIsNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC45MiAtMzUuNikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4NCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODQiIGQ9Ik02MC44NCw4MGE2LjMzOSw2LjMzOSwwLDAsMC00LjcxMSwxLjg4OS40NC40NCwwLDEsMCwuNjIyLjYyMiw1Ljk0MSw1Ljk0MSwwLDAsMSw4LjE3OCwwLC40NC40NCwwLDEsMCwuNjIyLS42MjJBNi4zMzksNi4zMzksMCwwLDAsNjAuODQsODAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS44NCAtNzEuMikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 0% 0% no-repeat;
    background-size:auto 15px;
    
}




.ico_link{
	width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMzAzMDMwIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzMwMzAzMCIvPgogIDwvZz4KPC9zdmc+Cg") 50% 50% no-repeat;
    background-size:contain;
    
}






.ico_link.vert{
	width:40px;
    height:40px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size:contain;
    
}




.ico_phone{
    
    width:31px;
    height:32px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMS45OTMiIGhlaWdodD0iMzIuMDE3IiB2aWV3Qm94PSIwIDAgMzEuOTkzIDMyLjAxNyI+CiAgPHBhdGggaWQ9Im5vdW4tdGVsZXBob25lLTY4NjkzODciIGQ9Ik0xMzEuMjA5LDc1LjM0NGEyLjk5NCwyLjk5NCwwLDAsMS0uOTg3LDEuODg2Yy0uNTUuNTQxLTEuMDgzLDEuMS0xLjY0MSwxLjYzMy0uMTkyLjE4My0uMjI3LjMtLjA0NC41MjRhNDYuMjUyLDQ2LjI1MiwwLDAsMCw3LjQxMyw3LjQzYy4yNDQuMTkyLjM2Ny4xNTcuNTU5LS4wNDQuNTA2LS41NDEsMS4wMzktMS4wNTYsMS41NjMtMS41OGEzLjA5MiwzLjA5MiwwLDAsMSw0LjQ4OC0uMTgzYzEuNSwxLjI4MywyLjk5NSwyLjU3Niw0LjUsMy44NjhhMy4wNzgsMy4wNzgsMCwwLDEsLjIsNC41NjZjLTEuNjI0LDEuNjUtMy4yNDgsMy4yOTItNC45MDcsNC45YTIuOTM1LDIuOTM1LDAsMCwxLTMuMTYxLjY0NiwyOS4xLDI5LjEsMCwwLDEtNi40MzUtMy4xNDMsNDIuNTgyLDQyLjU4MiwwLDAsMS04LjMzOC02Ljk3NiwzNi43LDM2LjcsMCwwLDEtNy43NTMtMTEuODkyLDQuMjE4LDQuMjE4LDAsMCwxLS40MS0yLjUzMiwzLjcwNywzLjcwNywwLDAsMSwxLjAzOS0xLjcyOWMxLjUzNy0xLjUyOCwzLjA2NS0zLjA2NSw0LjYtNC41OTJhMy4wMzUsMy4wMzUsMCwwLDEsNC41NTguMTU3YzEuMzYyLDEuNTU0LDIuNywzLjEyNiw0LjA0Miw0LjdhMy4zMiwzLjMyLDAsMCwxLC43MDcsMi4zNzVabS03LjA2My02LjA5NGExLjAyOCwxLjAyOCwwLDAsMC0uODU2LjM2N2MtMS41NDUsMS41MzctMy4wOTEsMy4wODItNC42NDUsNC42MWExLjIxOCwxLjIxOCwwLDAsMC0uMzE0LDEuMzg4LDI2LjEzMywyNi4xMzMsMCwwLDAsMi43MjQsNS42MjMsNDIuNyw0Mi43LDAsMCwwLDEyLjE4LDEyLjQ5NCwyNi4yMSwyNi4yMSwwLDAsMCw2LjU0OCwzLjMsMS4xMjIsMS4xMjIsMCwwLDAsMS4yNDktLjI0NGMxLjU4LTEuNTcyLDMuMTUyLTMuMTM0LDQuNzIzLTQuNzE1YTEuMDU1LDEuMDU1LDAsMCwwLS4wNy0xLjdxLTIuMjI2LTEuOTI1LTQuNDYyLTMuODQyYTEuMDMzLDEuMDMzLDAsMCwwLTEuNjQxLjA2MWMtLjc4Ni43NzctMS41NjMsMS41NjMtMi4zNCwyLjM0OWExLjA3MSwxLjA3MSwwLDAsMS0xLjYxNS4xMzEsNDQuODI4LDQ0LjgyOCwwLDAsMS05LjMxNi05LjMwNywxLjA2NCwxLjA2NCwwLDAsMSwuMTIyLTEuNjE1Yy43ODYtLjc5NSwxLjU4OS0xLjU4LDIuMzc1LTIuMzc1YTEuMDMsMS4wMywwLDAsMCwuMDctMS41OHEtMS45MjUtMi4yNTMtMy44NjgtNC41YTEuMDQ0LDEuMDQ0LDAsMCwwLS44NDctLjQ1NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuMTgxIC02Ny4xNjkpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size:contain;
    
}




.ico_email{
    
    width:31px;
    height:32px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4xNDQiIGhlaWdodD0iMjIuODY5IiB2aWV3Qm94PSIwIDAgMzAuMTQ0IDIyLjg2OSI+CiAgPHBhdGggaWQ9Im5vdW4tbWFpbC02ODY5NTAxIiBkPSJNMTMxLjU3MiwxMzMuNDY3SDEyMC42NjNhMy45NDEsMy45NDEsMCwwLDEtNC4wMTQtMy4xNzcsNC43LDQuNywwLDAsMS0uMDktMS4wMThjMC00Ljg0My0uMDA4LTkuNjg2LDAtMTQuNTIxYTMuOTc5LDMuOTc5LDAsMCwxLDMuMzI0LTQuMDcxLDQuOTYzLDQuOTYzLDAsMCwxLC45ODUtLjA1N2M3LjIwNywwLDE0LjQxNC4wMzMsMjEuNjIxLS4wMjVhNC4xMjcsNC4xMjcsMCwwLDEsNC4yLDQuMTM3YzAsNC44OTIuMDE2LDkuNzkzLDAsMTQuNjg1YTMuOTYyLDMuOTYyLDAsMCwxLTQuMTQ1LDQuMDM5SDEzMS42Wk0xMjAsMTEyLjU5M2EuODEuODEsMCwwLDEtLjAxNi4xNGMuMDQxLjA0OS4wOS4xLjEzMS4xNHE1LjIwOCw1LjIwOCwxMC40MDgsMTAuNDE2YTEuNDUxLDEuNDUxLDAsMCwwLDIuMjktLjAyNXE1LjEzNC01LjEzNCwxMC4yNzctMTAuMjZhLjU2Ni41NjYsMCwwLDAsLjIzOC0uNDFIMTIwWm0yMy4zMzYsMTguODQ2Yy0yLjY2LTIuNjYtNS4yMTItNS4yLTcuNzU3LTcuNzY1LS4xNjQtLjE2NC0uMjQ2LS4xMzEtLjM4Ni4wMDgtLjM0NS4zNTMtLjY4OS43LTEuMDUxLDEuMDQyYTMuNDI2LDMuNDI2LDAsMCwxLTQuOTgyLDBjLS40MjctLjQxOS0uODM3LS44NjItMS4yLTEuMjMxLTIuNjY4LDIuNjYtNS4zMTEsNS4yODYtNy45NzksNy45NDZoMjMuMzUzWk0xMTguNTcsMTE0LjExMlYxMjkuOWMuMDc0LS4wNDkuMTA3LS4wNTcuMTIzLS4wNzRxMy44LTMuOCw3LjYwOS03LjU5M2MuMTg5LS4xODkuMTA3LS4yNzEtLjAzMy0uNDE5LS43NzItLjc1NS0xLjUyNy0xLjUyNy0yLjI5LTIuMjktMS43NzMtMS43ODEtMy41NTQtMy41NjItNS40LTUuNDE4Wm0yNi4wODYuMmMtLjAzMy0uMDI1LS4wNzQtLjA0OS0uMTA3LS4wNzRhMi4zNDUsMi4zNDUsMCwwLDEtLjIzLjMyOHEtMy42MiwzLjYzMi03LjI1Niw3LjI0OGMtLjIzOC4yMzgtLjIzOC4zNTMsMCwuNTkxLDIuNDQ2LDIuNDIxLDQuODg0LDQuODY4LDcuMzIyLDcuMy4wNjYuMDY2LjExNS4xODkuMjcxLjE3MlYxMTQuMzA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi41NTYgLTExMC41OTgpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size:contain;
    
}





.ico_horaire{
    width:33px;
    height:33px;
    display:inline-block;
	vertical-align: middle;
    background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMzAzMDMwIj48cGF0aCBkPSJtNjEyLTI5MiA1Ni01Ni0xNDgtMTQ4di0xODRoLTgwdjIxNmwxNzIgMTcyWk00ODAtODBxLTgzIDAtMTU2LTMxLjVUMTk3LTE5N3EtNTQtNTQtODUuNS0xMjdUODAtNDgwcTAtODMgMzEuNS0xNTZUMTk3LTc2M3E1NC01NCAxMjctODUuNVQ0ODAtODgwcTgzIDAgMTU2IDMxLjVUNzYzLTc2M3E1NCA1NCA4NS41IDEyN1Q4ODAtNDgwcTAgODMtMzEuNSAxNTZUNzYzLTE5N3EtNTQgNTQtMTI3IDg1LjVUNDgwLTgwWm0wLTQwMFptMCAzMjBxMTMzIDAgMjI2LjUtOTMuNVQ4MDAtNDgwcTAtMTMzLTkzLjUtMjI2LjVUNDgwLTgwMHEtMTMzIDAtMjI2LjUgOTMuNVQxNjAtNDgwcTAgMTMzIDkzLjUgMjI2LjVUNDgwLTE2MFoiLz48L3N2Zz4") 0% 50% no-repeat;
    background-size:contain;
    
}





.entered .marquee2container {
    transition: all 20s;
    right: -1000px;
}

.marquee1container span,
.marquee2container span {
	position: relative;
    display: inline-block !important;
    white-space: nowrap;
	vertical-align:top !important;
    color: #303030;
} 
.calendrier .marquee1container span,
.calendrier .marquee2container span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #303030;
}

.marquee1container span:nth-of-type(odd),
.marquee2container span:nth-of-type(odd) {
	position: relative;
    display: inline-block;
    white-space: nowrap;
	text-shadow: rgb(48, 48, 48) 2px 0px 0px, rgb(48, 48, 48) 1.75517px 0.958851px 0px, rgb(48, 48, 48) 1.0806px 1.68294px 0px, rgb(48, 48, 48) 0.141474px 1.99499px 0px, rgb(48, 48, 48) -0.832294px 1.81859px 0px, rgb(48, 48, 48) -1.60229px 1.19694px 0px, rgb(48, 48, 48) -1.97998px 0.28224px 0px, rgb(48, 48, 48) -1.87291px -0.701566px 0px, rgb(48, 48, 48) -1.30729px -1.5136px 0px, rgb(48, 48, 48) -0.421592px -1.95506px 0px, rgb(48, 48, 48) 0.567324px -1.91785px 0px, rgb(48, 48, 48) 1.41734px -1.41108px 0px, rgb(48, 48, 48) 1.92034px -0.558831px 0px;
}

.rooftop .contact .marquee1container span,
.rooftop .contact .marquee2container span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color:#274A42;
}

.rooftop .contact .marquee1container span:nth-of-type(odd),
.rooftop .contact .marquee1container span:nth-of-type(odd),

.rooftop .contact .marquee2container span:nth-of-type(odd),
.rooftop .contact .marquee2container span:nth-of-type(odd){
	position: relative;
    display: inline-block;    color: #E3D1BA ;
	
    white-space: nowrap;
	text-shadow: #274A42 2px 0px 0px, #274A42 1.75517px 0.958851px 0px, #274A42 1.0806px 1.68294px 0px, #274A42 0.141474px 1.99499px 0px, #274A42 -0.832294px 1.81859px 0px, #274A42 -1.60229px 1.19694px 0px, #274A42 -1.97998px 0.28224px 0px, #274A42 -1.87291px -0.701566px 0px, #274A42 -1.30729px -1.5136px 0px, #274A42 -0.421592px -1.95506px 0px, #274A42 0.567324px -1.91785px 0px, #274A42 1.41734px -1.41108px 0px, #274A42 1.92034px -0.558831px 0px;
}
.beige,
.beige .marquee1container span:nth-of-type(odd),.beige .marquee2container span:nth-of-type(odd){
    color: #E3D1BA ;
	
}


.rouge .outlinescontainer span,
.rouge .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
}


.calendrier .marquee1container span,
.calendrier .marquee2container span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #303030;
}

.marquee1container span:nth-of-type(odd),
.marquee2container span:nth-of-type(odd) {
	position: relative;
    display: inline-block;
    white-space: nowrap;
	text-shadow: rgb(48, 48, 48) 2px 0px 0px, rgb(48, 48, 48) 1.75517px 0.958851px 0px, rgb(48, 48, 48) 1.0806px 1.68294px 0px, rgb(48, 48, 48) 0.141474px 1.99499px 0px, rgb(48, 48, 48) -0.832294px 1.81859px 0px, rgb(48, 48, 48) -1.60229px 1.19694px 0px, rgb(48, 48, 48) -1.97998px 0.28224px 0px, rgb(48, 48, 48) -1.87291px -0.701566px 0px, rgb(48, 48, 48) -1.30729px -1.5136px 0px, rgb(48, 48, 48) -0.421592px -1.95506px 0px, rgb(48, 48, 48) 0.567324px -1.91785px 0px, rgb(48, 48, 48) 1.41734px -1.41108px 0px, rgb(48, 48, 48) 1.92034px -0.558831px 0px;
}


.chambres_list  .rouge .outlinescontainer span,
.chambres_list   .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #C83D29;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	
}


.calendrier .outlinescontainer span,
.calendrier .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #E3D1BA;
}

.slidercarte  .rouge .outlinescontainer span,
.slidercarte   .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: transparent !important;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	
}


.slidercarte .outlinescontainer span,
.slidercarte .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: transparent !important;
}



.calendrier  .outlinescontainer   span:nth-of-type(odd),.calendrier  .outlinescontainer   span:nth-of-type(odd){
    color: #E3D1BA ;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	
}


.rse .marquee1, .rse .marquee2 {
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: absolute;
	top: -4px;
}



.apple .rse .marquee1,.apple .rse .marquee2 {
    width: 100%;
    height: 230px;
    overflow: hidden;
    position: absolute;
	top: -45px;
}
.rse .marquee1container, .rse .marquee2container {
    height: 230px  !important;
}
.rse .outlinescontainer span,
.rse .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #E3D1BA;
	vertical-align: sub;
}

@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
	}
	
	100% {
		transform: translate3d(var(--move-final), 0, 0);
	}
}

@keyframes marquee2 {
	0% {
		transform: translate3d(var(--move-initial2), 0, 0);
	}
	
	100% {
		transform: translate3d(var(--move-final2), 0, 0);
	}
}

.marquee1{
	--marquee-width: 100vw;
	--offset: 20vw;
	--move-initial: calc(-25% + var(--offset));
	--move-final: calc(-50% + var(--offset));
}


.marquee1container,.text60 text{
	transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 120s linear infinite;
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
}

.rooftop .marquee1container,.single-landingpage .marquee1container{
	transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 220s linear infinite;
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
}


.marquee2{
	--marquee-width: 100vw;
	--offset: 20vw;
	--move-initial2: calc(50% + var(--offset));
	--move-final2: calc(75% + var(--offset));
}


.marquee2container ,.text70{
	transform: translate3d(var(--move-initial2), 0, 0);
	animation: marquee2 120s linear infinite;
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
}


.marquee {
	font-size: 237px;
	letter-spacing: 0;
	overflow: hidden;  height: 250px;
	
	text-transform: uppercase;line-height: 1.1;
}
.marquee.marquee9 {
	font-size:171px;
	letter-spacing: 0;
	overflow: hidden;  height: 191px;
	
	text-transform: uppercase;line-height: 1;
}
.marquee .marquee--inner {
	width: max-content;line-height: 1.1;
}



.talign .marquee .marquee--inner {
	background-image:url(img/hood_resto2.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height: 170px;
    width: 100vw;
	
	
	animation: bouncing-text 30s linear infinite ;
}
#rse .talign .marquee .marquee--inner {
	background-image:url(img/engagementtitre2.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height: 170px;
    width: 100vw;
	
	
	animation: bouncing-text 30s linear infinite ;
}


.rooftop_list  .talign .marquee .marquee--inner {
	background-image:url(img/sabbartitre2.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height: 170px;
    width: 100vw;
	
	
	animation: bouncing-text 30s linear infinite ;
	}.calendrier  .talign .marquee .marquee--inner {
	background-image:url(img/booktitre.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height: 170px;
    width: 100vw;
	
	
	animation: bouncing-text 30s linear infinite ;
	}.chambres_list  .talign .marquee .marquee--inner {
	background-image:url(img/hoteltitre.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height:200px;
    width: 100vw;
	
	
	animation: bouncing-text 30s linear infinite ;
}

@keyframes bouncing-text  {
	0% {
		background-position:100vw 0;
		
	}
	100% {
		background-position:-100vw 0;
		
	}
}

.balign .marquee .marquee--inner {
	background-image:url(img/hood_resto2.png);
	background-position:0 0;
	background-image:repeat-x;    right: 0;
    height: 170px;
    width: 100vw;
	
	
	animation: bouncing-text2 30s linear infinite ;
}

@keyframes bouncing-text2  {
	0% {
		background-position:-100vw 0;
		
	}
	100% {
		background-position:100vw 0;
		
	}
}


.marquee p {
	color: white;
	background: black;
	display: flex;
	align-items: center;
	font-weight:800 !important;
}
.marquee p.outline {
	color: black;
	-webkit-text-stroke: 3px white;
}
.marquee p.outline2 {
	color:black;
	-webkit-text-stroke: 3px #C83D29;
}
.marquee p.outline3 {
	color:black;
	-webkit-text-stroke: 3px #E3D1BA ;
}
.marquee p:before {
	content: "";
	z-index: 1;
} 
.marquee1:hover .marquee1container, .marquee2:hover .marquee2container{
	animation-play-state: paused;
	opacity: 1;
	transition-duration: 0.4s;
}
.rse  .outlinescontainer   span:nth-of-type(odd),.rse  .outlinescontainer   span:nth-of-type(odd),
.rse  .outlinescontainer   span:nth-of-type(even),.rse  .outlinescontainer   span:nth-of-type(even){
    color: #E3D1BA ;
	text-shadow: rgb(200, 61, 41) 3px 0px 0px, rgb(200, 61, 41) 2.83487px 0.981584px 0px, rgb(200, 61, 41) 2.35766px 1.85511px 0px, rgb(200, 61, 41) 1.62091px 2.52441px 0px, rgb(200, 61, 41) 0.705713px 2.91581px 0px, rgb(200, 61, 41) -0.287171px 2.98622px 0px, rgb(200, 61, 41) -1.24844px 2.72789px 0px, rgb(200, 61, 41) -2.07227px 2.16926px 0px, rgb(200, 61, 41) -2.66798px 1.37182px 0px, rgb(200, 61, 41) -2.96998px 0.42336px 0px, rgb(200, 61, 41) -2.94502px -0.571704px 0px, rgb(200, 61, 41) -2.59586px -1.50383px 0px, rgb(200, 61, 41) -1.96093px -2.27041px 0px, rgb(200, 61, 41) -1.11013px -2.78704px 0px, rgb(200, 61, 41) -0.137119px -2.99686px 0px, rgb(200, 61, 41) 0.850987px -2.87677px 0px, rgb(200, 61, 41) 1.74541px -2.43999px 0px, rgb(200, 61, 41) 2.44769px -1.73459px 0px, rgb(200, 61, 41) 2.88051px -0.838247px 0px;
	
}


.evenement .marquee1, .evenement .marquee2 {
    width: 100%;
    height: 230px !important;
    overflow: hidden;
    position: absolute;
	top: 0px;
}




.apple .evenement .marquee1,
.apple  .evenement .marquee2 {
    width: 100%;
    height: 230px !important;
    overflow: hidden;
    position: absolute;
	top: -45px;
}
.evenement .marquee1container, .evenement .marquee2container {
    height: 230px !important;
}
.evenement .outlinescontainer span,
.evenement .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #E3D1BA;
}



.evenement  .outlinescontainer   span:nth-of-type(odd),.evenement  .outlinescontainer   span:nth-of-type(odd),
.evenement  .outlinescontainer   span:nth-of-type(even),.evenement  .outlinescontainer   span:nth-of-type(even){
    color: #E3D1BA ;
	text-shadow: rgb(200, 61, 41) 3px 0px 0px, rgb(200, 61, 41) 2.83487px 0.981584px 0px, rgb(200, 61, 41) 2.35766px 1.85511px 0px, rgb(200, 61, 41) 1.62091px 2.52441px 0px, rgb(200, 61, 41) 0.705713px 2.91581px 0px, rgb(200, 61, 41) -0.287171px 2.98622px 0px, rgb(200, 61, 41) -1.24844px 2.72789px 0px, rgb(200, 61, 41) -2.07227px 2.16926px 0px, rgb(200, 61, 41) -2.66798px 1.37182px 0px, rgb(200, 61, 41) -2.96998px 0.42336px 0px, rgb(200, 61, 41) -2.94502px -0.571704px 0px, rgb(200, 61, 41) -2.59586px -1.50383px 0px, rgb(200, 61, 41) -1.96093px -2.27041px 0px, rgb(200, 61, 41) -1.11013px -2.78704px 0px, rgb(200, 61, 41) -0.137119px -2.99686px 0px, rgb(200, 61, 41) 0.850987px -2.87677px 0px, rgb(200, 61, 41) 1.74541px -2.43999px 0px, rgb(200, 61, 41) 2.44769px -1.73459px 0px, rgb(200, 61, 41) 2.88051px -0.838247px 0px;
	
}





.rooftop  .evenement  .outlinescontainer   span:nth-of-type(odd),.rooftop .evenement  .outlinescontainer   span:nth-of-type(odd),
.rooftop .evenement  .outlinescontainer   span:nth-of-type(even),.rooftop .evenement  .outlinescontainer   span:nth-of-type(even){
    color: #E3D1BA ;
	text-shadow: #274a42 3px 0px 0px, #274a42 2.83487px 0.981584px 0px, #274a42 2.35766px 1.85511px 0px, #274a42 1.62091px 2.52441px 0px, #274a42 0.705713px 2.91581px 0px, #274a42 -0.287171px 2.98622px 0px, #274a42 -1.24844px 2.72789px 0px, #274a42 -2.07227px 2.16926px 0px, #274a42 -2.66798px 1.37182px 0px, #274a42 -2.96998px 0.42336px 0px, #274a42 -2.94502px -0.571704px 0px, #274a42 -2.59586px -1.50383px 0px, #274a42 -1.96093px -2.27041px 0px, #274a42 -1.11013px -2.78704px 0px, #274a42 -0.137119px -2.99686px 0px, #274a42 0.850987px -2.87677px 0px, #274a42 1.74541px -2.43999px 0px, #274a42 2.44769px -1.73459px 0px, #274a42 2.88051px -0.838247px 0px;
	
}


.eventrestaurant .outlinescontainer span,
.eventrestaurant .outlinescontainer span {
	position: relative;
    display: inline-block;
    white-space: nowrap;
    color: #E3D1BA;
}



.eventrestaurant  .outlinescontainer   span:nth-of-type(odd),.eventrestaurant  .outlinescontainer   span:nth-of-type(odd),
.eventrestaurant  .outlinescontainer   span:nth-of-type(even),.eventrestaurant  .outlinescontainer   span:nth-of-type(even){
    color: #E3D1BA ;
	text-shadow: rgb(200, 61, 41) 3px 0px 0px, rgb(200, 61, 41) 2.83487px 0.981584px 0px, rgb(200, 61, 41) 2.35766px 1.85511px 0px, rgb(200, 61, 41) 1.62091px 2.52441px 0px, rgb(200, 61, 41) 0.705713px 2.91581px 0px, rgb(200, 61, 41) -0.287171px 2.98622px 0px, rgb(200, 61, 41) -1.24844px 2.72789px 0px, rgb(200, 61, 41) -2.07227px 2.16926px 0px, rgb(200, 61, 41) -2.66798px 1.37182px 0px, rgb(200, 61, 41) -2.96998px 0.42336px 0px, rgb(200, 61, 41) -2.94502px -0.571704px 0px, rgb(200, 61, 41) -2.59586px -1.50383px 0px, rgb(200, 61, 41) -1.96093px -2.27041px 0px, rgb(200, 61, 41) -1.11013px -2.78704px 0px, rgb(200, 61, 41) -0.137119px -2.99686px 0px, rgb(200, 61, 41) 0.850987px -2.87677px 0px, rgb(200, 61, 41) 1.74541px -2.43999px 0px, rgb(200, 61, 41) 2.44769px -1.73459px 0px, rgb(200, 61, 41) 2.88051px -0.838247px 0px;
	
}



.card {
    width: 100%;
    display: block;
    position: relative;
    border: 20px solid #E2876F;
    border-radius: 130px 130px 0 0;
	height: 544px;
	color: #fff;
	
    padding: 0;
height:544px;
		    transition:none;
			   -webkit-transition:none;
    -transition:none;
    transition:none;
    -o-transition:none;
    -moz-transition:none;
	cursor:pointer !important;
	pointer-events:all !important;
	
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
	overflow:hidden;
	
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%
	
} 
.card .pictcontent  {

	 
	
}
.card.rooftop {
    border: 20px solid #274A42;
	
	
	
}

.card.hotel {
    border: 20px solid #E3D1BA;
	
	
	
}

.card .pictcontent{
    background: #E2876F url(img/pre_home_hood_restaurant.jpg) 50% 0 no-repeat;
    background-size: cover;
	
	
}

.card.rooftop .pictcontent{
	background: #274A42 url(img/pre_home_hood_rooftop.jpg) 50% 0 no-repeat;
    background-size: cover;
 	
	
}
.card.hotel .pictcontent{
	background: #E3D1BA url(img/pre_home_hood_hotel.jpg) 50% 0 no-repeat;
    background-size: cover;
 	
	
}


.card >  .pictcontent{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
	
    height: 100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(1);
	
	background-size:cover !important;
}
.card >  .pictcontent{
	
	transform:translate(-50%,-50%) scale(1.1)  !important;
 		transition:all 1s;

}


.card:hover >  .pictcontent{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
	
    height: 100%;
	left:50%;
	top:50%;	transition:all 2s;

	transform:translate(-50%,-50%) scale(1.2)  !important;
	background-size:cover !important;
}



.card.launchtrans{
	
	position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
}
.card .valign  {
	pointer-events:none !important;
}

.card .valign .font38 {
	font-size: 38px;text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.bloc_slidech .font30{
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	
	
}
.caption {
    background: url(img/bg_caption.svg) 100% 0% no-repeat;
    background-size: cover;
    height: 80px;
    padding: 15px;
    font-size: 18px;
    font-weight: 800;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
	display: flex;
	align-items: center;
	text-transform:uppercase;
	
}


.slider_evenementfixedwrap {
    width: 320px;
    display: block;
    position: absolute;
    height: auto;
    color: #fff;
	overflow:hidden;
	background:#F29007;
	border-radius:120px 120px 0 0;
	top:200px;
	right:50px;
	padding: 15px  15px 55px 15px;
	
	
}


.slider_evenementfixedwrap  .btn-primary-w:hover{
	transform:scale(1) translateY(5px) !important;
	
	
}

.showmodal {
    width: 47px;
    display: block;
    position: absolute;
	
    height: 48px;
    color: #fff;
	overflow:hidden;
	background:#F29007 url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPGcgaWQ9Ikdyb3VwZV80ODMiIGRhdGEtbmFtZT0iR3JvdXBlIDQ4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ni40OSA3MzEuODM3KSByb3RhdGUoLTEzNSkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjMuNjU0IDgxNC4wNDIpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTS01MjMzLjU2OS0xMzI3LjE1M2gxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQ0Mi44NDUgMjEyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo") 40% 50% no-repeat;
	border-radius:120px 120px 0 0;
	background-size: 20px auto;
	top:797px;
	right:-500px;
	padding:20px;
	
	
}


.bloc_slide .relative {
    width: 100%;
    display: block;
    position: relative;
	
    height: 350px;
    color: #fff;
	overflow:hidden;
	
	}div > .relative .pictcontent{
    width: 101%;
    height: 100%;
    display: block;
    position: absolute;
	
 	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(1);
	transition:all 2s;
	
	background-size:cover !important;
}

div:hover > .relative .pictcontent{
    width: 101%;
    height: 100%;
    display: block;
    position: absolute;
	
    height: 100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(1.08);
	background-size:cover !important;
	
}
.bloc_slide .relative img {
    width: auto;
    display: block;
    position: relative;
	
    height: 350px !important;
	
	
}
.bloc_slideev .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 130px 130px 0 0;
    min-height: 450px;
    height: auto;
    color: #fff;
    padding: 0;
    
    background-size:auto 100% !important;
	transition:all 2s;
	
}

.bloc_slideev:hover .relative {
 	transition:all 2s;
    background-size: auto 120% !important;
	
}

.slider_evenementfixed .bloc_slideev  {
	
    width:265px;
	
}
.slider_evenementfixed .bloc_slideev .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px 120px 0 0;
    height:290px;
    min-height:340px;
    width:100%;
	margin:0 auto;
    color: #fff;
    padding: 0;
    
    background-size: cover;
	
}

.bloc_typech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:260px 0  0 0;
    height: 360px;
    color: #fff;
    padding: 0;
    
    background-size:  100% auto!important;
	transition:all 2s;
	
	
}


.bloc_typech:hover .relative {
 	transition:all 2s;
    background-size:  120% auto!important;
	
}
.bloc_typech {
	
	text-align:left;
	
	
}

.bloc_typecarte .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:260px 0  0 0;
    height: 360px;
    color: #fff;
    padding: 0;
    
    background-size:  100% auto!important;
	transition:all 2s;
	
}


.bloc_typecarte:hover .relative {
 	transition:all 2s;
    background-size:  120% auto!important;
	
}
.bloc_typecarte .relative .btn-primary{
	
	padding: 0 80px !important;
    
	
}
.bloc_typecarte {
	
	text-align:left;
	
	
}
.bloc_typecarte p{  min-height:80px;
	padding-bottom: 0px;
	
	}.bloc_carterooftop  p.first{
	
    height:140px;
	
	
}
.headerhotel{
	
    background: none;
    background-size: cover;  
	
}


.headerhotel img{
	
	opacity:0;
	
}


.headerhotel  p img{
	
	opacity:1;
	
}
.bloc_photoresto{
	
    background: url(img/header_resto.jpg) 50% 50% no-repeat;
    background-size: cover;  
	border-radius: 120px 120px 0 0 ;
	position: relative;
	overflow:hidden;
	min-height: 666px;
}

.bloc_photorooftop{
	
	
	min-height: 666px;
}


.lastdiv {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:all 1200ms;
}
.lastdivview.lastdiv {
	
	opacity:1;
	transition:all 1200ms;
}
.bloc_photoresto img{
	
	opacity:0;
	
}


.bloc_photorooftop{
	
    background: url(img/img_roofstop.jpg) 50% 50% no-repeat;
    background-size: cover;  
	border-radius: 120px 120px 0 0 ;
	
}


.bloc_photorooftop img{
	
	opacity:0;
	
}


.headerrooftop{
	
    background: url(img/img_roofstop.jpg) 50% 50% no-repeat;
    background-size: cover;  
	
}


.headerrooftop img{
	
	opacity:0;
	
}

.headerrestaurant{
	

	position:relative;
	overflow:hidden;
}

.headerrestaurant .slick-slide:after,.headerhotel .blocslide:after,.headerrooftop:after,.card .pictcontent:after,.video-background:after{
	
    background:rgba(0,0,0,0.2);
    background-size: cover;  
	position:absolute;
	content:" " ;
	width:100%;
	height:100%;
	display:block;
	top:0;
	
}




.headerrestaurant h1{
	margin-top:75px !important;
}

.headerrestaurant .blocslide {
	
	
	position:relative;
}


.headerrestaurant .blocslide:after{
	content:" ";
    background: rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
	
	
	
	display:block;
	z-index:3;
	width:100%;
	height:100%;
	right:0;
}


.headerrestaurant .balign{
	
	z-index:5;
	
}


.headerrestaurant img{
	
	opacity:0;
	
}

.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech .relative {
	
    border-radius: 0 260px 0 0 ;
	
	
}
.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech .relative{
	
    border-radius:260px 0  0 0 ;
	
	
}



.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech .relative {
	
    background: url(img/chambrestandard.jpg) 50% 100% no-repeat;
    background-size: cover;  
	
}
.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech .relative{
	
    background: url(img/chambreconfort.jpg) 50% 100% no-repeat;
    background-size: cover;  
	
}


.leschambres .row:nth-of-type(even) .col-lg-6:nth-of-type(odd) .bloc_typech .relative {
	
    background: url(img/chambredeluxe.jpg) 50% 100% no-repeat;
    background-size: cover;  
	
}
.leschambres .row:nth-of-type(even) .col-lg-6:nth-of-type(even) .bloc_typech .relative{
	
    background: url(img/suitejunior.jpg) 50% 100% no-repeat;
    background-size: cover;  
	
}



.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech .relative {
	
    border-radius: 0 260px 0 0 ;
	
	
}
.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech .relative{
	
    border-radius:260px 0  0 0 ;
	
	
}



.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech  {
	
	margin-right:10px;	
	
	
}
.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech{
	
	margin-left:10px;	
	
}

.lescartes  .col-lg-6:nth-of-type(odd) .bloc_typecarte .relative {
	
    background: url(img/imgcarte_dejeuner.jpg) 50% 50% no-repeat;
    background-size: cover;  
	
}
.lescartes  .col-lg-6:nth-of-type(even) .bloc_typecarte .relative{
	
    background: url(img/imgcarte_brunch.jpg) 50% 50% no-repeat;
    background-size: cover;  
	
}


.lescartes .row:nth-of-type(even) .col-lg-6:nth-of-type(odd) .bloc_typecarte .relative {
	
    background: url(img/imgcarte_diner.jpg) 50% 50% no-repeat;
    background-size: cover;  
	
}
.lescartes .row:nth-of-type(even) .col-lg-6:nth-of-type(even) .bloc_typecarte .relative{
	
    background: url(img/imgcarte_alldays.jpg) 50% 50% no-repeat;
    background-size: cover;  
	
}


.lescartes  .col-lg-6:nth-of-type(odd) .bloc_typecarte .relative {
	
    border-radius: 0 260px 0 0 ;
	
	
}
.lescartes  .col-lg-6:nth-of-type(even) .bloc_typecarte .relative{
	
    border-radius:260px 0  0 0 ;
	
	
}


.lescartes  .col-lg-6:nth-of-type(odd) .bloc_typecarte  {
	
	margin-right:10px;	
	
	
}
.lescartes  .col-lg-6:nth-of-type(even) .bloc_typecarte{
	
	margin-left:10px;	
	
}


.accordion {
	width: 100%;
	max-width: 100%;
	margin: 30px auto 0px;
	border-bottom: 0px solid #C83D29; 
	overflow: hidden;  	
	position:relative;
	background:#E3D1BA;  border-radius: 60px 60px 0px  0px;
	
}
.accordion > li{
    height: 100px;
	    overflow: hidden;
	position:relative;		
	/* height:auto; 		transition:  max-height  0s linear !important; */


}
.accordion li.open {
    max-height: 1000px;
 		/* transition:  max-height  1s linear !important; */


}


.accordion .link  {
	cursor: pointer;
	display: block;
	padding: 0 0 0 100px;
	color:  #C83D29;
	font-size: 18px;
	font-weight: 800;
	height:100px;
	line-height:101px;
	border-top: 2px solid #C83D29;
	
	border-left: 2px solid #C83D29;
	border-right: 2px solid #C83D29;
	position: relative;
	
	text-align:left;
	border-radius: 60px 60px 0px  0px;
	
	
}

.accordion li .link  {
	cursor: pointer;
	display: block;
	padding: 0 80px 0 50px;
	color:  #C83D29;
	font-size: 18px;
	font-weight: 800;
	height:161px;
	line-height:101px;
	border-top: 2px solid #C83D29;
	
	border-left: 2px solid #C83D29;
	border-right: 2px solid #C83D29;
	position: relative;
 	text-align:left;
	border-radius: 60px 60px 0px  0px;
}.accordion li .link {
    cursor: pointer;
    display: block;
    padding: 0 80px 0 50px;
    color: #C83D29;
    font-size: 18px;
    font-weight: 800;
    min-height: 101px;
    line-height: 1;
    border-top: 2px solid #C83D29;
    border-left: 2px solid #C83D29;
    border-right: 2px solid #C83D29;
    position: relative;
    text-align: left;
    border-radius: 60px 60px 0px  0px;
    display: flex;
    align-items: center;
    padding-right: 72px;height: 100px;
}



.accordion li .link {
    cursor: pointer;
    display: block;
    padding: 0 80px 0 50px;
    color: #C83D29;
    font-size: 18px;
    font-weight: 800;
    min-height: 101px;
    line-height: 1;
    border-top: 2px solid #C83D29;
    border-left: 2px solid #C83D29;
    border-right: 2px solid #C83D29;
    position: relative;
    text-align: left;
    border-radius: 60px 60px 0px  0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: start;
}
.accordion li.open .link  {
	
	height:100px;
	
}


.accordion li i {
	position: absolute;
	top: 32px;
	left: 12px;
	font-size: 18px;
	color: #C83D29;
	
}

.accordion li i.fa-chevron-down {
	right: 50px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link { color: #C83D29; }

.accordion li.open i { color: #C83D29; }

.fa-chevron-down{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;
}

.fa-chevron-down:before{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;  
	position: relative;
    display: block;
}

.accordion li i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64,  PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42MzciIGhlaWdodD0iMjcuNjM3IiB2aWV3Qm94PSIwIDAgMjcuNjM3IDI3LjYzNyI+CiAgPHBhdGggaWQ9IlRyYWPDqV80NDYzMCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2MzAiIGQ9Ik0xNy4yOCwyNS42MzdIOC4zNThBOC4zNjcsOC4zNjcsMCwwLDEsMCwxNy4yOFY4LjM1OEE4LjM2Nyw4LjM2NywwLDAsMSw4LjM1OCwwSDE3LjI4YTguMzY3LDguMzY3LDAsMCwxLDguMzU4LDguMzU4VjE3LjI4YTguMzY3LDguMzY3LDAsMCwxLTguMzU4LDguMzU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi42MzcgMjYuNjM3KSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzczZDJhIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}

.accordion li.open i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42MzciIGhlaWdodD0iMjcuNjM3IiB2aWV3Qm94PSIwIDAgMjcuNjM3IDI3LjYzNyI+CiAgPGcgaWQ9Ikdyb3VwZV8xNzciIGRhdGEtbmFtZT0iR3JvdXBlIDE3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzU4IiBkYXRhLW5hbWU9IlRyYWPDqSA1OCIgZD0iTTE3LjI4LDI1LjYzN0g4LjM1OEE4LjM2Nyw4LjM2NywwLDAsMSwwLDE3LjI4VjguMzU4QTguMzY3LDguMzY3LDAsMCwxLDguMzU4LDBIMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsOC4zNThWMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEtOC4zNTgsOC4zNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjYzNyAyNS42MzcpIHJvdGF0ZSgxODApIiBmaWxsPSIjYzgzZDI5IiBzdHJva2U9IiNjNzNkMmEiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3MSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzEiIGQ9Ik0yNzMzLjA3Miw4NjQ1LjM4NGgxNi45NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDM4Ljk2MSAtNDE2MS44Mikgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MjUiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjI1IiBkPSJNMjczMy4wNzIsODY0NS4zODRoMTYuOTYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTg3LjQ1OCAtODAzOC45NjIpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}
/**
	* Submenu
-----------------------------*/


.submenu {
	display: block;
	height:auto;
	max-height:1000px;
 	font-size: 15px;
	padding-left:0;
	position:relative;
	background:#E3D1BA;
	overflow:hidden;	
	opacity:0;
	

	
}
.open .submenu {
	display: block;
	height:auto;
	max-height:1000px;
	overflow:visible;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
	

}


.submenu li {  
	text-align:left;   
	padding: 0 40px;	 

}

 


.accordion .link:after {
	border-left: 2px solid #C83D29;
	border-right: 2px solid #C83D29;
	content : " ";
	position:absolute;
	top:-4px;
	left:-2px;
	right:auto; 
width: calc(100% + 2px);
	height:200vh;
	pointer-events:none;
	z-index: 9;
	
	
}

.vertbg .accordion .link:after {
	border-left: 2px solid #274a42;
	border-right: 2px solid #274a42; 
	
	
}
.headerrooftop .btn-primary-m,.headerrooftop .btn-primary-m:active,.headerrooftop .btn-primary-m:visited {

    width: 330px; 
	background-position: 24px 14px;

}
.submenu li > p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
}

.accordion  .submenu li p.italic {
	font-family: "komet", sans-serif !important;
	font-weight: 400  !important;
	font-style: italic  !important;
	font-size: 16px  !important;
}

.submenu a:hover {
}
























.vertbg .accordion {
	width: 100%;
	max-width: 100%;
	margin: 30px auto 0px;
	border-bottom: 2px solid #274A42; 
	overflow: hidden;  	
	background:#E3D1BA; 
	border-radius: 60px 60px 0px  0px;
	
}
.vertbg .accordion > li{
    height: 100px;
	
	transition: all 0.3s ease;
}
.vertbg .accordion li.open {
    height: auto; 
	transition: all 0.3s ease;
	
}


.vertbg .accordion .link  {
	cursor: pointer;
	display: block;
	padding: 0 0 0 100px;
	color:  #274A42;
	font-size: 18px;
	font-weight: 800;
	height:100px;
	line-height:101px;
	border-top: 2px solid #274A42;
	
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-align:left;
	border-radius: 60px 60px 0px  0px;
	
	
}

.vertbg .accordion li .link  {
	cursor: pointer;
	display: block;
	padding: 0 0 0 50px;
	color:  #274A42;
	font-size: 18px;
	font-weight: 800;
	height:161px;
	line-height:101px;
	border-top: 2px solid #274A42;
	
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	text-align:left;
	border-radius: 60px 60px 0px  0px;
}
.vertbg  .accordion li.open .link  {
	
	height:auto;
	
}


.vertbg  .accordion li i {
	position: absolute;
	top: 32px;
	left: 12px;
	font-size: 18px;
	color: #274A42;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.vertbg  .accordion li i.fa-chevron-down {
	right: 50px;
	left: auto;
	font-size: 16px;
}

.vertbg  .accordion li.open .link { color: #274A42; }

.vertbg  .accordion li.open i { color: #274A42; }

.vertbg  .fa-chevron-down{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;
}

.vertbg  .fa-chevron-down:before{
	color:transparent;
	content: " ";
    width: 35px;
    height: 35px;  
	position: relative;
    display: block;
}

.vertbg  .accordion li i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64, IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjcuNjM3IiBoZWlnaHQ9IjI3LjYzNyIgdmlld0JveD0iMCAwIDI3LjYzNyAyNy42MzciPgogIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MzAiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjMwIiBkPSJNMTcuMjgsMjUuNjM3SDguMzU4QTguMzY3LDguMzY3LDAsMCwxLDAsMTcuMjhWOC4zNThBOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsMEgxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMSw4LjM1OCw4LjM1OFYxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMS04LjM1OCw4LjM1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNjM3IDI2LjYzNykgcm90YXRlKDE4MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI3NEE0MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}

.vertbg  .accordion li.open i.fa-chevron-down:before{
	color:transparent;
	
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42MzciIGhlaWdodD0iMjcuNjM3IiB2aWV3Qm94PSIwIDAgMjcuNjM3IDI3LjYzNyI+CiAgPGcgaWQ9Ikdyb3VwZV8xNzciIGRhdGEtbmFtZT0iR3JvdXBlIDE3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzU4IiBkYXRhLW5hbWU9IlRyYWPDqSA1OCIgZD0iTTE3LjI4LDI1LjYzN0g4LjM1OEE4LjM2Nyw4LjM2NywwLDAsMSwwLDE3LjI4VjguMzU4QTguMzY3LDguMzY3LDAsMCwxLDguMzU4LDBIMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsOC4zNThWMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEtOC4zNTgsOC4zNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjYzNyAyNS42MzcpIHJvdGF0ZSgxODApIiBmaWxsPSIjMjc0QTQyIiBzdHJva2U9IiMyNzRBNDIiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3MSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzEiIGQ9Ik0yNzMzLjA3Miw4NjQ1LjM4NGgxNi45NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDM4Ljk2MSAtNDE2MS44Mikgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MjUiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjI1IiBkPSJNMjczMy4wNzIsODY0NS4zODRoMTYuOTYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTg3LjQ1OCAtODAzOC45NjIpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPg")  50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}
/**
	* Submenu
-----------------------------*/


.vertbg  .submenu {
	display: block;
	max-height:0;height:0;
	overflow:hidden;
	transition: max-height 0.9s linear;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
	background:#E3D1BA;
	
}
.vertbg .open .submenu {
	display: block;height:auto;
	max-height:1000px;
	transition: max-height 0.9s linear;
	overflow:visible;
	
	font-size: 15px;
	padding-left:0;
	position:relative;
}
.customselect{
	border: 2px solid #C83D29;

	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#C83D29;
	max-width:410px;
	margin:50px auto; 	 width:410px; max-height:50px;
	transition: none;  
	
	
}

.customselect.exp{
	border: 2px solid #C83D29;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#C83D29;
	max-width:410px;
	margin:50px auto; width:410px; max-height:500px;
	transition: max-height 0.6s linear;   
	
}



.customselect li{
	display:block;
	height:0px;
	max-height:0px;
	overflow:hidden;
	line-height:50px;	 
	color:#C83D29;
	text-align:left;
	font-weight:600;
	cursor: pointer; max-height:500px;
	transition:none;
	position:relative;
	padding: 0 40px 0 40px;
	
}
.customselect.exp li{
	display:block;
	height:50px;
	overflow:hidden;
	line-height:50px;	 
	color:#C83D29;
	text-align:left;
	font-weight:600;
	max-height:50px;
	transition: max-height 0.5s linear;
	
}

.customselect .active,
.customselect.exp .active{
	display:block;
	height:50px;
	line-height:50px;	 
	font-weight:800;
	
	
	
}



.iOS .customselect .active,
.iOS .customselect.exp .active,
.apple .customselect .active a,
.apple .customselect.exp .active a{
	display:block;
	height:50px;
	line-height:43px !important;	 
	font-weight:800;
	
	
	
}
.iOS .fbw-calendar--action .next .next--button,
.apple .fbw-calendar--action .next .next--button{
	line-height:43px !important;	 
	
}

.vertbg  .customselect{
	border: 2px solid #274A42;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#274A42;width:380px;
	max-width:380px;
	margin:50px auto; 	  max-height:50px;
	transition: max-height 0.9s linear;   
	
	
}

.vertbg .customselect.exp{
	border: 2px solid #274A42;
	height:auto;
	line-height:50px;
	border-radius:25px;
	background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzI3NEE0MiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 94% 21px  no-repeat !important;
	font-size:18px;
	color:#274A42;
	max-width:323px;
	margin:50px auto;  max-height:500px;
	transition: max-height 0.9s linear;  
	
} 



.vertbg .customselect li{
	display:block;
	height:0px;
	max-height:0px;
	overflow:hidden;
	line-height:50px;	 
	color:#274A42;
	text-align:left;
	font-weight:600;
	cursor: pointer; max-height:500px;
	transition: none; padding: 0 40px 0 40px;
	
}
.vertbg  .customselect.exp li{
	display:block;
	height:50px;
	overflow:hidden;
	line-height:50px;	 
	color:#274A42;
	text-align:left;
	font-weight:600;
	max-height:50px;
	transition: max-height 0.9s linear;
	
}

.vertbg .customselect .active,
.vertbg .customselect.exp .active{
	display:block;
	height:50px;
	line-height:50px;	 
	font-weight:800;
	
	
	
}

.customselect li a{
	
	opacity:0;
	transition:all 400ms;
	transition-delay:150ms;	text-align:left;
	
	
}


.customselect .active a{
	
	opacity:1;
	
}
.customselect.exp li a{
	opacity:1;
	
}





.vertbg .submenu li {  
	text-align:left;   
	padding: 0 40px;
}
.vertbg .submenu:after {
	border-left: 2px solid #274A42;
	border-right: 2px solid #274A42;
	content : " ";
	position:absolute;
	top:0;
	left:0;
	right:0; 
	width:100%;
height:200%;}

.vertbg.accordion  .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color: #274A42 !important;
	transition:all 600ms;
	transition-delay:400ms;
}

.vertbg.accordion  .open .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color: #274A42 !important;
	transition:all 600ms;
	transition-delay:400ms;
}

.rosebg .accordion  .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color:#C83D29 !important;
 
}

.rosebg .accordion  .open .submenu li  p {
	display: block;
	text-decoration: none;
	padding:  12px 0 0 0;
	padding-left: 0px; 
	text-align:left;
	color:#C83D29 !important;
	 
}



.vertbg .submenu a:hover {
}

.bloc_rse .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:28%;
    height: auto;   
	aspect-ratio: 4/4.2  !important;

    color: #fff;
    padding: 0;
    background-size: cover;
	
}
.bloc_rse.bloc_rse2 .relative {
	
    background-size: cover;
	
}
.bloc_rse.bloc_rse3 .relative {
	
    background-size: cover;
	
	}.bloc_rse.bloc_rse4 .relative {
	
    background-size: cover;
	
}
.bloc_rse {
	
	text-align:left;
	
	
}

.bloc_slidercarte .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;
	
}

.bloc_slidercarte {
	
	text-align:left;
	
	
}



.bloc_sliderevenement .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius:127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: auto  100%  !important;
	transition:all 2s;
	
}

.bloc_rse .relative{
	
    background-size: auto  100%  !important;
	transition:all 2s;
	
}

.bloc_sliderevenement:hover .relative,
.bloc_rse:hover .relative{
    
    background-size:auto  130% !important;
	
}
.bloc_sliderevenement {
	
	text-align:left;
	
	
}


.bloc_carterooftop .relative {
    width: 100%;
    display: block;
    position: relative;
	height: 360px;
    color: #fff;
    padding: 0;
    background-size:  100% auto!important;
	transition:all 2s;
	
	
}

.bloc_carterooftop:hover .relative {
 	transition:all 2s;
    background-size:  120% auto!important;
	
}

.bloc_carterooftop {
	
	text-align:left;
	
	
}

.bloc_carterooftop p.first {
	
	text-align:left;
	
	
}


.h-70{
	
height:60%;}

.bloc_slidech {
    display: block;
    position: relative;
	
    height: 650px;
	
	max-width: 500px;
}


.bloc_slidech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;
	
}

.bloc_slidech {
    display: block;
    position: relative;
	
	height: auto;
	
	
	max-width: 500px;
	margin-bottom:20px;
}



.bloc_slidech .relative {
	width: 100%;
    display: block;
    position: relative;
    border-radius: 127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover; 
	
} 
.bloc_event {
    display: block;
    position: relative;
	
    height:598px;
	
	max-width: 500px;
}


.evenement .bloc_event {
    display: block;
    position: relative;
	
    height:498px;
	
	max-width: 500px;
}

.bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
	height: auto;aspect-ratio: 360 / 405;
	
    color: #fff;
    padding: 0;
	background-size: 100% auto !important;
	transition:all 2s;
	
}


.bloc_event:hover .relative {
	
    background-size: 120% auto !important;
	
}

.rooftop .bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: auto;aspect-ratio: 360 / 405;
    color: #fff;
    padding: 0;
	background-size: cover;
	
}

.space{
    display: block;
    padding-bottom: 0px;
}

.captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: auto;   
    min-height: 120px;   
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
	
	
}

.slider_evenementfixed .captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: auto;
    min-height: 0;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 0px);
	
	
}
.captionch {
    background: transparent;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
	
	
}
.bloc_resa .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 200px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.bloc_offre .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 260px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.bloc_offre .relativetxt ,.bloc_resa  .relativetxt {
    width: 100%;
	
    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 370px;
	
	
}

.hotel .bloc_offre .relative,.bloc_typech .relative {
	
    height:406px;
	
}

.bloc_offre .btn-primary {
	
    width:294px;
	
}
.font60 {
	font-size: 37px;
}


.bloc_resa .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
	height: 110px;
    color: #fff;
    padding: 0;
	top:0;
	right:0;   background: url(img/iconplus.png) 50% 50% no-repeat;
    background-size: contain;
	}.bloc_offre .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
	height: 110px;
    color: #fff;
    padding: 0;
	top:0;
	right:0;   background: url(img/iconpromo.png) 50% 50% no-repeat;
    background-size: contain;
}
.bloc_resa .relative .icone svg {
	width: 100%;
	
}

.logo {
    width: 120px;
    display: block;
    position: relative;
    height: 120px;
	
}
.logorelative{ width: 160px;
    display: block;
    position: relative;
    height: 160px;
	margin:100px auto 30px;
}
.logorelativeroof{ width: 215px;
    display: block;
    position: relative;
    height:140px;
	margin:100px  auto 0px;
}



.logorelativerestaurant{ width: 114px;
    display: block;
    position: relative;
    height:139px;
	margin:100px  auto 30px;
}
.logo {
    width: 120px;
    display: block;
    position: relative;
    height: 120px;
	
}


.logo svg,
.logorelative svg,
.logorelativeroof svg,
.logorelativerestaurant svg{
	max-width:100%;
	width:100%;
}

.nextious {
    background: url(img/arrow_nextw.svg) 54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 12px;
	cursor:pointer;
	
	
}

.previous {
    background: url(img/arrow_prevw.svg) 46% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 12px;
    margin-right: 10px;
	cursor:pointer;
	
}

html *{
	
	box-sizing:border-box !important;
}

.slider_ch  .bottomer {
	
	display: block !important ;
	opacity:0.0;	
	transition:all 300ms;
	
}
.slider_ch  .slick-current .bottomer {
	
	display: block !important ;
	opacity:1;	
	
}
.slider_ch  .relative .balign {
	
	display: block !important ;
	opacity:0.6;
	
	
}

.slider_ch .slick-current  .relative .balign {
	
	display: block ;
	opacity:1;
	
	
}



.slider_ch .slick-current .balign {
	
 	
	
}
.nextious2 {
    background: url(img/arrow_nextr.svg) 54% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #C83D29;
    border-radius: 12px;
	
	cursor:pointer;
	
}

.previous2 {
    background: url(img/arrow_prevr.svg) 46% 50% no-repeat;
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #C83D29;
	margin-right: 5px;
    border-radius:12px;
	cursor:pointer;
	
	
}

.nextious3,.rooftop .bloc_event  .nextious,.rooftop #evenement  .nextious2,.rooftop #evenement.rooftop  .nextious {
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgwLjM2IDI2LjQwNSkgcm90YXRlKC05MCkiIGZpbGw9IiMyNzRhNDIiLz4KPC9zdmc+Cg")  54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    border: 2px solid #274A42;
    border-radius: 12px;
	cursor:pointer;
	
	
}

.previous3,.rooftop .bloc_event  .previous,.rooftop #evenement  .previous2,.rooftop #evenement.rooftop  .previous {
	
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTAuNTcgLTUuOTg0KSByb3RhdGUoOTApIiBmaWxsPSIjMjc0YTQyIi8+Cjwvc3ZnPg")  46% 50% no-repeat;	
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    border: 2px solid #274A42;
    border-radius: 12px;
    margin-right: 10px;
	cursor:pointer;
	
}
.rooftop  .insideref  .nextious {
	background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgwLjM2IDI2LjQwNSkgcm90YXRlKC05MCkiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+")  50% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 12px;
	cursor:pointer;
	
	
}
.rooftop  .insideref .bloc_event {
	
    height: 408px;
}
.rooftop  .insideref .bloc_event .previous,.rooftop  .insideref .bloc_event .nextious  {
	
display:none !important; }
.rooftop  .insideref  .previous {
	
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yMSIgaGVpZ2h0PSIyMC40MjEiIHZpZXdCb3g9IjAgMCAxMC4yMSAyMC40MjEiPgogIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTAuNTcgLTUuOTg0KSByb3RhdGUoOTApIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPg")  50% 50% no-repeat;	
	
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 12px;
    margin-right: 10px;
	cursor:pointer;
	
}

.slick-slide {
    padding: 0 15px;
	
}
.slidershowreel  .slick-slide {
    padding: 0px;
}
.typecat{
	min-height:35px;
	padding-left:35px;    background-size: auto 22px !important;  background-position: 0 0 !important;
	
	}
     
.typecatcat{
	min-height:35px;
	padding-left:35px;    background-size: auto 30px !important;  background-position: 0 0 !important;
	
	}
    
    
    .typecatlist{
height:30px;	line-height:30px;
border-radius:5px;
	padding-left:35px;    background-size: auto 22px !important;  background-position: 0 0 !important;
	
	}
    
    
    .typecat .relative.d-inline-block{
	vertical-align:top;
	
}
.typecatchambres{
	background: url(img/ico_chambre.svg) 0% 4px no-repeat;
	
    background-size: auto 15px;
	
}
.typecatlit{
	background: url(img/ico_lit.svg) 0% 4px no-repeat;
	
    background-size: auto 13px;
	
}
.typecatwifi{
	background: url(img/ico_wifi.svg) 0% 0px no-repeat;
	
    background-size: auto 19px;
	
}

.typecatpressing{
	background: url(img/ico_pressing.svg) 0% 0px no-repeat;
	
    background-size: auto 26px;
	
}
.typecatcoworking{
	background: url(img/ico_coworking.svg) 0% 0px no-repeat;
	
    background-size: auto 24px;
	
}
.typecatevenements{
	background: url(img/ico_evenement.svg) 4px 0px no-repeat;
	
    background-size: auto 29px;
	
}
.typecatparking{
	background: url(img/ico_parking.svg) 0% 4px no-repeat;
	
    background-size: auto 20px;
	
}



.busnumber{
	
	text-align:center;
	border:1px solid #fff;
	border-radius:7px;
	
	width:34px;
	height:28px;
	line-height:28px;
	display:inline-block;
	
}



.apple .busnumber{
	
	
	line-height:24px;
	
}



.custom-popover {
	--bs-popover-max-width: 200px;
	--bs-popover-border-color: #c83d29;
	--bs-popover-header-bg: #c83d29;
	--bs-popover-body-bg: #c83d29;
	--bs-popover-header-color: #fff;
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: .5rem;
	
	background: #c83d29 !important;
	color: #fff !important;
	border-radius: 5px !important;
}


.custom-popover:before,

.custom-popover:after ,

.custom-popover .popover-arrow , .tooltip-arrow{
	
	
	display: none !important;
}
.custom-popover * {
 	text-align:left;
	
	background: #c83d29 !important;
	color: #fff !important;
	
}

.mytooltip{
 	text-align:left;
	
	background: #c83d29 !important;
	color: #fff !important;
	border-radius:7px;
	padding:8px;
	text-align:left;
	font-size:12px;
	
 	font-family: "area-extended", sans-serif;
	font-weight: 400;
}


.noview{
	display:none; 
	text-align:left;
	
	background: #c83d29 !important;
	color: #fff !important;
	border-radius:7px;
	padding:8px;
	text-align:left;
	font-size:12px;
	position:absolute;
	z-index:3;
	cursor:pointer;
	top: 0;
	left: 0;
	width:215px;
	
 	font-family: "area-extended", sans-serif;
	font-weight: 400;
	
}



@media only screen and (max-width:1300px) {
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a{
		font-size: 15px;
		
	}
	.font18{
		
		font-size: 15px;
		
	}
}





@media only screen and (min-width:1700px)  {
	.bloc_slidech {
		display: block;
		position: relative;
		
		height: auto;
		
		
		max-width: 500px;
		margin-bottom:20px;
	}
	
	.bloc_event .relative {
		width: 100%;
		display: block;
		position: relative;
		border-radius: 120px;
		height: auto;aspect-ratio: 360 / 405;
		
		color: #fff;
		padding: 0;
		background-size: 100% auto !important;
		transition:all 2s;
		
	}
	
}

@media only screen and (min-width:1100px)and (max-width:1920px)  {
    .video-foreground {
        max-width: 10000px;
        height: calc(900px + 200px);
        top: 50%;
        left: 50%;
        width: 2600px;
        transform: translate(-50%, -70%);
	}
	
	
}
@media only screen and (min-width:1100px)and (max-width:1300px)  {
	.video-foreground {
		max-width: 10000px;
		height: calc(900px + 200px);
		top: 50%;
		left: 50%;
		width: 1808px;
		transform: translate(-50%, -70%);
	}
	
	
}
@media only screen and (min-width:1400px)and (max-width:1700px)  {
	.bloc_slidech {
		display: block;
		position: relative;
		
		height: auto;
		
		
		max-width: 500px;
		margin-bottom:50px;
	}
	
	
}
@media only screen and (min-width:992px)and (max-width:1400px) {
	.bloc_slidech {
		display: block;
		position: relative;
		height: auto;
		max-width: 500px;
		margin-bottom: 20px;
	}

    .bloc_typecarte p {
    min-height: 115px;
    height: auto;
    padding-bottom: 0;
}
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a, .navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a {
		font-size: 15px !important;
		
		}.rooftop  .vertbg .bloc_event .relative {
		
		max-height: 498px;
		max-width: 360px;
		margin:0 auto;
	}
	
	.navigator ul.menu .menu-item > a:hover{
		
	    font-size: 18px !important
		
		
	}
	.font18{
		
		font-size: 16px;
		
	}
	.navigator .sub-li a {
		font-size: 13px !important;
		}ul.menu  {
		max-width: 1100px;
	}
	
	.bloc_event {
		
		height: 498px;
		} .navigator ul.menu .menu-item>a.btn-primary,.navigator ul.menu .menu-item>a.btn-primary-z, .navigator ul.menu .menu-item>a.btn-primary:hover,.navigator ul.menu .menu-item>a.btn-primary-z,.navigator ul.menu .menu-item>a.btn-primary-z:hover{padding-right: 40px !important;
	padding-left: 40px !important;}
	}.rouge .langs {
    right: 0px;
position: absolute;}


@media only screen and (min-width:992px)and (max-width:1180px) {
	.navigator ul.menu .menu-item>a, .navigator.white ul.menu .menu-item>a, .navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a {
		font-size: 13px !important;
		
		}.navigator ul.menu .menu-item>a:hover{
		font-size: 15px !important;
		
	}
	.font18{
		
		font-size: 16px;
		
	}
	.navigator .sub-li a {
		font-size: 13px !important;
		}ul.menu  {
		max-width: 1100px;
	}
	
	
	.bloc_event {
		
		height: 498px;
	}
	
	.navigator ul.menu .menu-item>a.btn-primary, .navigator ul.menu .menu-item>a.btn-primary:hover{padding-right: 40px !important;
	padding-left: 40px !important;}
}
.rooftop footer .dark {
    color:#274A42 !important;
}
@media only screen and (max-width: 991px) {
	
	.bloc_event .relative {
		width: 100%;
		display: block;
		position: relative;
		height: auto;
		aspect-ratio: 393 / 371;
		
		color: #fff;
		padding: 0;
		background-size: 100% auto !important;
		transition:all 2s;
		border-radius:60px;
	}
	.slider_evenementfixed .bloc_slideev .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px 120px 0 0;
    height: 290px;
    min-height: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 0;
    background-size: cover;
}
	
	.bloc_event:hover .relative {
		
		background-size: 120% auto !important;
		
	}
	
	.rooftop .bloc_event .relative {
		width: 100%;
		display: block;
		position: relative;
		height: auto;
		aspect-ratio: 393 / 371;
		color: #fff;
		padding: 0;
		background-size: cover;
		border-radius:60px;
		
	}
	.slider_rse .slick-slide {
        padding: 0 10px;
	}
	.rooftop  .slider_ch .slick-slide {
        padding: 0 10px;
	}
	.wrapper.sombre > *{
		filter : blur(0px); 
		
		
		}    .slider_ch .slick-slide {
        padding: 0 10px;
	}
	.rooftop .insideref .bloc_event {
		height: 253px;
	}
	
	
	
	.rooftop.slider_ch .slick-slide  .relative {
		border-radius:60px;
	}
	
	.mobilepadding{  padding:0 35px !important;}
	.h-30,.height-30{
		
		
		height:45%;
	}
	
	.bloc_offre .relative {
		
		height: 406px;
		
	}
	
	.wrapper:after {
		display: block;
		margin: 0 ;
		position:absolute;
		z-index:6;
		width:110%;
		height:110%;
		background:rgba(0,0,0,0.0);
		top:-10%;left:-10%;
		content: " "; filter : blur(0px); 
		transition:all 600ms;
		
		pointer-events:none;
	}
	.wrapper.sombre:after {
		display: block;
		margin: 0 ;
		position:absolute;
		z-index:6;
		width:110%;
		height:110%;
		background:rgba(0,0,0,0.0);
		top:-10%;left:-10%;
		content: " ";
		filter : blur(0px); 
		
		
	} 
	.bloc_carterooftop p.first {
		height: 110px;
	}
	.navigator .reseau {
		display: none ;
		}	.navigator.opening .reseau {
		display: block ;
		
		bottom:30px !important;
		
	} 
	
	
	#cgv h3,#faq h3,#credit h3,#rejoindre h3,#adresse h1{font-size:34px;}
	#rejoindre h3{font-size:34px;}
	#cgv .font18,#faq .font18,#credit .font18,#rejoindre .font18 a {
        font-size: 18px;
		}#cgv .font15,#faq .font15,#credit .font15 {
        font-size: 15px;
	}
	.vertbg .accordion {
		
		border-bottom:none;
		
	}
	.slider_evenementfixedwrap  .slick-slide {
		padding: 0 15px;
	}
	.bloc_typecarte p{height:auto;}
	
	.logorelative{ width: 75px;
		
		height: 90px;
		margin-top:46px;
	}
	.logorelativeroof{ width: 140px;
		
		height:90px;	margin-top:46px;
		
	}
	
	
	
	.logorelativerestaurant{ width: 72px;
		
		height:90px;	margin-top:46px;
		
	}
	.logo {
		width: 75px;
		
		height: 90px;	margin-top:0px;
		
		
	}
	.bloc_typecarte .relative,.bloc_typecarte:hover .relative{    background-size:cover !important;}
	
	.rouge .langs {
		right: 50px;
		position: absolute;
		background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
		background-size: 10px auto;
		padding-right: 20px !important;
	}	
	h3.font30 {
		font-size: 18px;
	}
	.restaurant	.headerrestaurant .balign {
		position: absolute;
		bottom: 34px;
		top: auto !important;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	.btn-primary-r{
	}	
	.navigator{
		overflow-x:hidden  !important;
		overflow-y:hidden  !important;
	}
	.horairecontainer2 {
		width: auto;
		background-size: 100% auto;
		border-radius: 0 120px 0 0;
		border: 0;
		margin: 10px 0px  0px 0px;
		padding: 10px 0px;
	}
	.horairecontainer2 .horaireinfo{
		border-bottom:2px solid #303030;
		padding-bottom:30px;
		padding-top:30px;
	}
	
	.contactpage  .horairecontainer2  .container-fluid > .row >  .col-lg > h3{
		margin-top:30px  !important;
	}
	.contactpage  .contact{
		padding-bottom:30px  !important;
	}
	.lescartes .br190.headerrestaurant{    position: absolute;
		top: 0;
	width: 100vw;}
	.lescartes .accordion{margin-top: 690px  !important;}
	
	#contact > div.px-4.px-lg-0 > div > div > div > div > div > div > div > div:nth-child(3),.last.col-lg {
		border-bottom:0;
		padding-bottom:0px   !important;
		
	}
	.vertbg.accordion  .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:transparent !important;
		transition:all 600ms;
		transition-delay:0ms;
	}
	
	.vertbg.accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color: #274A42 !important;
		transition:all 600ms;
		transition-delay:400ms;
	}
	
	.rosebg .accordion  .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:transparent !important;
		transition:all 600ms;
		transition-delay:0ms;
	}
	
	.rosebg .accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#C83D29 !important;
	 
	}
	
	.lescartes    .accordion  .submenu li   {
 	 
	}
	
	.lescartes    .accordion  .open .submenu li   {
 	}
	
 	.imgevenement,.rooftop	.imgevenement ,.imgchambre{
		
		padding-top:60dvh;
		min-height: 150dvh;
		
	}
	
	
	
	.lescartes  .accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#C83D29 !important;
 
	}
	
	
	.lescartes  .accordion  .open .submenu li  p {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#C83D29 !important;
		 
	}
	.lescartes  .accordion  .open .submenu li  p.white {
		display: block;
		text-decoration: none;
		padding:  12px 0 0 0;
		padding-left: 0px; 
		text-align:left;
		color:#fff !important;
 
	}
	.lescartes .accordion .bloc_typecarte .relative {
		border-radius: 120px 120px 0 0  !important;
		}   .lescartes  .accordion {
		/*border-bottom: 2px solid #C83D29;*/
		background: #E3D1BA;
	}
	.leschambres  .col-lg-6:nth-of-type(odd) .bloc_typech  {
		
		margin-right:0px;        padding: 0 ;	
		
		
	}
	.leschambres  .col-lg-6:nth-of-type(even) .bloc_typech{
		
		margin-left:0px;	        padding: 0 ;
		
	}
	
	.lescartes  .col-lg-6:nth-of-type(odd) .bloc_typecarte  {
		
		margin-right:0px;	        padding: 0 13px;
		
		
	}
	.lescartes  .col-lg-6:nth-of-type(even) .bloc_typecarte{
		
		margin-left:0px;	        padding: 0 13px;
		
	}
	
	.slider_sliderevenement .slick-slide,.slider_evenement .slick-slide  {
		
	padding:0 35px;}
	.btn_retour {
		position: absolute;
		top: 70px;
		left: 20px;
		width: 35px;
		height: 35px;
		z-index: 10;
	}
	.btn_retour.btn_retourrouge {
		position: absolute;
		top: 70px;
		left: 20px;
		width: 35px;
		height: 35px;
		z-index: 10;
	}
	
	.slider_evenementfixedwrap {
		
		border-radius: 120px 120px 0 0;
		right: 50%;
		transform: translateX(50%);
	}
	.bloc_offre .relativetxt, .bloc_resa .relativetxt {
		width: 100%;
		display: flex;
		position: relative;
		flex-direction: column;
		min-height: 0px;
		margin:30px 0;
	}
	.fixed.video-js{    top: -2px !important;}
	.bloc_typech {
		
		text-align:center;
		
		
	}
	.bloc_photoresto,.bloc_photorooftop{
		
		
		min-height: 410px;
	}
	
	.mh-lg-900{
		
		min-height:900px;
	}
	
	
	.prehome .prehome.valign {
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translate(-50%, 0);
		transition: all 1s;
	}
	.slider_ch  .slick-slide{padding: 0 10px;}
	.slider_rse  .slick-slide{padding: 0 10px;}
	.bloc_slidech  {
		
		height: 750px;   
		height: auto;
 		
		
	}	
	
	.slidercarte {
		background: #C83D29 ;
	}
	
	.slidercarte .h-50 {
		background: #C83D29;
		background-size:cover ;
	}
	
	#slidercarte svg.balign,
	#slidercarte svg.talign{
		
		width: 1500px !important;		
	}
	
	.bloc_event {
		display: block;
		position: relative;
		height: 396px;
		max-width: 500px;
	}
	
	#slidercarte svg.talign{
		
        top: -82px !important;
        left: 50% !important;
        right: auto !important;
	}	
	
	
	
	
	#slidercarte svg.talign #Groupe_défilant_1{
		transform: translate(546px, 3px)  !important;
		
	}
	
	#slidercarte svg.talign #clip-path2 rect{
		x:-1000  !important;
		
	}
	
	#slidercarte svg.balign{
		bottom: -65px !important;
        right: -1501px !important;
        left: auto !important;
	}
	.slidershowreel,.lescartes .br190.headerrestaurant,.slidershowreel ,.slidershowreel .blocslide,.slidershowreel  {
	min-height:760px;height:760px !important;}
	.btn-primary.balign.leftalign {
		position: absolute;
		bottom: -2px;
		left: 50%;
		transform: translate(-50%, 0%)  scale(1);
		width: 297px;
		}		.btn-primary.balign.leftalign:hover {
		position: absolute;
		bottom: -2px;
		left: 50%;
		transform: translate(-50%, 0px)  scale(1.08);
	}
	.bloc_typecarte {text-align: center;}
	
	.headerrestaurant h3{
		font-size: 18px !important;
		
	}
	
	
	
	.headerrestaurant h1{
		margin-top:100px !important;		
		font-size:34px !important;
		
	}
	
	.bloc_slidech .relative {
		
        height: auto;aspect-ratio: 462 / 462;
		
		
	}
	.slider_evenementfixed    .slick-slide {
        padding: 0 0px;
	}
	
	
	.slider_carteroof  .slick-slide {
		padding: 0 35px;
	}
	
	
	h1.font50 {
		font-size: 34px;
		margin-top:100px !important;
		
		}.br190 {
		border-radius: 120px 120px 0 0 !important;
		overflow: hidden;
	}
	
	.navigator li .sub-menu{
		
		padding: 0 0px;
		
	}
    /* .slider_quartier .slick-slide {
        padding: 0 25px;
	} */
	/* .slider_resa {
        padding: 0 15px;
	} */
    .slider_quartier .slick-slide, .slider_evenement .slick-slide{
        padding: 0
	}
    video {
        width: auto;
height: calc(900px + 100px);		
	}
	
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
	}
	
	.introduction {
		width: 100%;
		height: calc(100vh + 834px);
	}
	
    .card {
        width: 100%;
        display: block;
        position: absolute;
        border: 20px solid #E2876F;
        border-radius: 130px 130px 0 0;
		height: 630px;
        color: #fff;
        padding: 0;
        bottom: -1px;
		left: 0;
        transform: translateY(-0%);
		cursor:pointer !important;
		pointer-events:all !important;
		transform-origin:50% 100%
		
	}
	
    .card.rooftop {
        border: 20px solid #274A42;
		
        transform: translateY(0px);
		
		height: 434px;
		
		
	}
	
    .card.hotel {
        border: 20px solid #E3D1BA;
        transform: translateY(0%);
		
        height: 250px;
		
	}
	.card.hotel {
		border: 20px solid #E3D1BA;
		transform: translateY(0%);
		height: 360px;
	}
    .card .valign {
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translate(-50%, 0%);
	}
	
    .card .valign .font38 {
        font-size: 35px;text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	}
	
    .menu {
        display: none ;
	}
	
    .caption {
        font-size: 18px;
        font-weight:900;
	}
	
    .hamburger {
        width: 40px;
		
        height: 40px;
		
        position: relative;
		
        cursor: pointer;
        display: block;
		
		
        position: fixed;
		
        top: 25px;
		
        right: 15px;
		z-index:999;
		pointer-events:all;
        background-color: transparent;
	}
	.rouge .hamburger span{
		background: #C83D29  ;
	}
    .white .hamburger span,
    .hamburger span {
        z-index: 3;
		
        display: block;
		
        position: absolute;
		
        height: 2px;
		
        width: 100%;
		
        border-radius: 1px;
		
        opacity: 1;
		
        left: 0;
		
        -webkit-transform: rotate(0deg);
		
        -moz-transform: rotate(0deg);
		
        -o-transform: rotate(0deg);
		
        transform: rotate(0deg);
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .25s ease-in-out;
	}
	
    .white .hamburger span:nth-child(1),
    .white2 .hamburger span:nth-child(1),
    .hamburger span:nth-child(1) {
        top: 0px;
        background: #fff;
		
		
	}
	
    .white .hamburger span:nth-child(2),
    .white2 .hamburger span:nth-child(2),
    .hamburger span:nth-child(2) {
        top: 14px;
		
        background: #fff;
		
        height: 2px;
		
        width: 60%;
		
        left: 50%;
		
        transform: rotate(0deg) translate(-50%, 0);
		
		
	}
	
    .white .hamburger span:nth-child(3),
    .hamburger span:nth-child(3),
    .white2 .hamburger span:nth-child(3),
    .hamburger span:nth-child(3) {
        top: 28px;
		
        background: #fff;
		
		
	}
	
    .black .hamburger span:nth-child(1) {
		
        top: 0px;
        background: #303030;
		
		
	}
	
	
	
    .black .hamburger span:nth-child(2) {
		
        top: 14px;
		
        background: #303030;
		
		
        width: 60%;
        left: 50%;
		
        transform: rotate(0deg) translate(-50%, 0);
	}
	
	
	
	
    .black .hamburger span:nth-child(3) {
		
        top: 28px;
		
        background: #303030;
		
		
	}
	
	
    .hamburger.in span:nth-child(1) {
        top: -4px;
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .20s ease-in-out;
		
		
        background: #fff;
	}
	
    .hamburger.in span:nth-child(2) {
        background: #fff;
		
		
		
        width: 60%;
		
		
		
        margin: 0 auto;
		
	}
	
    .hamburger.in span:nth-child(3) {
        top: 34px;
		
        -webkit-transition: .16s ease-in-out;
		
        -moz-transition: .16s ease-in-out;
		
        -o-transition: .16s ease-in-out;
		
        transition: .16s ease-in-out;
		
		
        background: #fff;
		
		
	}
	
    .hamburger span {
        z-index: 3;
		
        display: block;
		
        position: absolute;
		
        height: 2px;
		
        width: 100%;
		
        border-radius: 1px;
		
        opacity: 1;
		
        left: 0;
		
        -webkit-transform: rotate(0deg);
		
        -moz-transform: rotate(0deg);
		
        -o-transform: rotate(0deg);
		
        transform: rotate(0deg);
		
        -webkit-transition: .20s ease-in-out;
		
        -moz-transition: .20s ease-in-out;
		
        -o-transition: .20s ease-in-out;
		
        transition: .25s ease-in-out;
	}
	
    .hamburger span:nth-child(1) {
        top: 0px;
	}
	
    .hamburger span:nth-child(2) {
        top: 14px;
	}
	
    .hamburger span:nth-child(3) {
        top: 28px;
	}
	
    .hamburger.open span:nth-child(1) {
        top: 14px;
		
        -webkit-transform: rotate(135deg);
		
        -moz-transform: rotate(135deg);
		
        -o-transform: rotate(135deg);
		
        transform: rotate(135deg);
		
        background-color: #121212;
	}
	
    .hamburger.open span:nth-child(2) {
        opacity: 0;
		
        left: -30px;
		
        -webkit-transition: .16s ease-in-out;
		
        -moz-transition: .16s ease-in-out;
		
        -o-transition: .16s ease-in-out;
		
        transition: .16s ease-in-out;
	}
	
    .hamburger.open span:nth-child(3) {
        top: 14px;
		
        -webkit-transform: rotate(-135deg);
		
        -moz-transform: rotate(-135deg);
		
        -o-transform: rotate(-135deg);
		
        transform: rotate(-135deg);
		
        background-color: #121212;
	}
	
	
	
	.navigator {
		height: 130px !important;
		background: transparent;
		top: 0 !important; 
	}
    .menu {
		flex-direction: column;
        display: none !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        text-align: left;
        justify-content:center !important;
        color: #303030;
        padding:0;
	}
	
    .menu.opening {
		flex-direction: column;
        display: flex !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        margin-top: 90px;
        text-align: left;
        justify-content:center !important;
        color: #303030;
        padding:0;
	}
    .navigator ul.menu.opening  .menu-item {
		overflow:hidden;
		font-size:34px;
		line-height: 80px;
		font-family: "area-extended", sans-serif;
		font-weight: 400;
		display: inline-block;
		height: 80px;
		font-weight: 800 !important;
		position:relative;
	}
	
	
	.navigator li .sub-menu{
		position: relative;
		left: 0;
		top: 0px;
		padding: 0;
		text-align: left;
		
		
	}
	.navigator li .sub-menu li{
		position: relative;
		
		height: 40px;
		line-height: 40px;
		
	}
	
	
	.navigator ul.menu.opening  .menu-item>a {
		position:absolute;
		left:0;
		top:0;
		
        color: #303030 !important;
        font-size:34px;
		line-height: 80px;
		font-family: "area-extended", sans-serif;
		font-weight: 400;
		display: block;
		height: 80px;
		font-weight: 800 !important;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
		white-space:nowrap;
	}
	
	.navigator .sub-li a {
		background: none;
		font-size:18px;
		text-transform:uppercase;
		text-decoration:none;
		color: #303030 !important;  
		font-weight: 800 !important;
		
		
	}
	
	.navigator ul.menu.opening  .menu-item>a .outl {
        color: #303030 !important;
        font-size:34px;
		line-height: 80px;
		font-family: "area-extended", sans-serif;
		font-weight: 400;
		display: inline-block;
		height: 80px;
		font-weight: 800 !important;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
		display: inline-block !important;
		white-space: nowrap;
		color:#E2876F !important;
		text-shadow: rgb(48, 48, 48) 2px 0px 0px, rgb(48, 48, 48) 1.75517px 0.958851px 0px, rgb(48, 48, 48) 1.0806px 1.68294px 0px, rgb(48, 48, 48) 0.141474px 1.99499px 0px, rgb(48, 48, 48) -0.832294px 1.81859px 0px, rgb(48, 48, 48) -1.60229px 1.19694px 0px, rgb(48, 48, 48) -1.97998px 0.28224px 0px, rgb(48, 48, 48) -1.87291px -0.701566px 0px, rgb(48, 48, 48) -1.30729px -1.5136px 0px, rgb(48, 48, 48) -0.421592px -1.95506px 0px, rgb(48, 48, 48) 0.567324px -1.91785px 0px, rgb(48, 48, 48) 1.41734px -1.41108px 0px, rgb(48, 48, 48) 1.92034px -0.558831px 0px;
	}
    .font18 {
        font-size: 15px;
	} 
	h2.font18,	h3.font25 {
        font-size: 18px;
	}
	.lh23 {
		line-height:20px;
	}
    .quartier {
        width: 100%;
        background-size: auto 320px;
	}
	
	footer {
		height: 80px;
	}
    footer p {
		font-size: 15px;
		height: 80px;
		line-height:40px;
		} footer p a{
		font-size: 15px;
		
		line-height:40px;
		white-space  : nowrap;
	}
    .horairecontainer {
		
		margin: 30px 0 0;
		padding: 30px 10px;
	}
	.introduction .valign {
		position: absolute;
		top:66px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	
	.logo {
		width: 80px;
		display: block;
		position: relative;
		height: 80px;
		
	}
	
	
	
	
	.langs {
		display:none;
		
		right: auto;
		left:20px;
		color:#303030;
		background: url(img/downd.png) 100% 12px no-repeat;
		background-size: auto 20px;
		padding-right:30px  !important;
	}
	
	
	.opening .langs {
		display:block;
		right: auto;
 		color:#303030  !important;
	}
	
	.opening .langs a{
		
		color:#303030 !important;
	}
	.outl, .navigator ul.menu .menu-item>a > span {
		display: inline-block !important;
	}
	
	.navigator li:hover:after {
		width:0px;
		
		transition:0.5s;
		display:none;
		
	}
	
	
	
	.langs {
	    left: 20px;
		
		color: #303030;
		
		background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 80% 35px no-repeat;
		background-size: 10px auto;
		padding: 0 30px  0 0!important;
		transition:300ms;
		
	} 
	
	.langs:hover,.langs.upp{
	    left: 20px;
		
		color: #303030;
		
		background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzMwMzAzMCIgc3Ryb2tlPSIjMzAzMDMwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 80% 35px no-repeat;
		background-size: 10px auto;
		padding: 0 30px  0 0!important;
		
		
		}.langs:hover .menu-item>a {
		font-size:18px !important;
		
		}.langs:hover .menu-item ,.langs .menu-item ,.langs:hover .menu-item a ,.langs .menu-item a{
		text-align:left !important;
		font-size:18px !important;
		
		}.langs .menu-item>a ,.navigator ul.langs .menu-item>a, .navigator.white ul.langs .menu-item>a{
		font-size:18px !important;
		font-weight:800 !important;
		
	}
	
	
	
	
	
	
	.texte3,.texte3b,.texte4,.texte7{
		left: 0%;
		height: 152px !important;
		width: auto !important;
	}
	.navigator .menu-item {
		text-align: center;
		}.navigator li .sub-menu {
		position: relative;
		left: 0;
		top: -20px;
		padding: 0 0 0 15px ;
		text-align: left;
		}.navigator .langs  li .sub-menu {
		position: relative;
		left: 0;
		top: -30px;
		padding: 0 0 0 0px ;
		text-align: left;
	}
	.introduction .card .valign {
		top: 65px;
		
	}
	.introduction .card.great .valign {
		transition: all 1s;
		transform: translate(-50%, 125px);
	}
    .card.great {
		
        height: 680px;
		
	} 
	.card.hoodresaurant.great,
	.card.rooftop.great,
	.card.hotel.great{
		
        height: 740px;
		
	}
	
	.mobilerouge {
		
		height: 631px;
        width: auto;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
		
	}
	
	.expo {
		max-width:100vw;
		display: flex;
		min-height: 100dvh;
		flex-grow: 1;
		overflow: hidden;
		position: fixed;
		margin: 0;
		left: -20px;
		color: white;
		font-size: 3em;
		border: 20px solid #E2876F;
		padding: 0;
		right: -20px;
		background: #E2876F;
		top: -20px;
		bottom: 0px;
	}
	.rooftop .expo {
        border: 20px solid #274A42;
		background:#274A42;
	}
	
	.hotel .expo {
        border: 20px solid #E3D1BA;
		background:#E3D1BA;
	}
	
	.expo  img {
		visibility:hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index:99;
	}
	
	
	.scenes,.scene-1,.scene-2 {
		min-height: calc(100dvh - 40px);
		min-width: calc(100vw - 40px);
		}.card {
		width: 100vw;
		display: block;
		position: absolute;
		border: 20px solid #E2876F;
		border-radius: 130px 130px 0 0;
		height: 630px;
		color: #fff;
		padding: 0;
		bottom: -1px;
		left: 0;
		transform: translateY(-0%);
	}
	
	.bloc_typech 	.btn-primary,.bloc_typech  .btn-primary:active,.bloc_typech  .btn-primary:visited {
		
		padding-right: 30px;
		padding-left: 30px; 
	}
	
	.accordion {
		
		border-bottom: 0;
		background: #E3D1BA;
	}
	.bloc_photorestocontainer{
		background-color:#E3D1BA;
	    border-radius: 0;
		border-left: 2px solid #C83D29;
		border-right: 2px solid #C83D29;
	}
	
	
	.vertbg .bloc_photorestocontainer{
		background-color:#E3D1BA;
	    border-radius: 0;
		border-left: 2px solid #274A42;
		border-right: 2px solid #274A42;
	}
	h3,
	.h3 {
		font-family: "area-extended", sans-serif;
		font-weight: 800;
		font-size: 18px;
		text-transform: uppercase;
		
		color: #E2876F;
		
		
	}
	
	
}
   .imgchambre .fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%,0%);
    z-index: 0;
    min-height:1600px;
    aspect-ratio: auto;
}

/*ADD-ON  */
@media only screen and (max-width:991px) {

   .imgchambre .fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%,0%);
    z-index: 0;
    min-height: 800px;
    aspect-ratio: auto;
}


.navigator   .showscroll.d-lg-block {
    display: none !important;
}

.single-landingpage .midnightHeader.white svg  path,
.single-landingpage .midnightHeader.white svg  rect{


    fill:  #393939 !important;
}
.single-landingpage .showscroll svg  path,
.single-landingpage .showscroll  svg rect{


    fill:  #393939 !important;
}

.single-landingpage .unpin .showscroll svg  path,
.single-landingpage  .unpin .showscroll  svg rect{


    fill:  #393939 !important;
}







video {
    width: auto;
    height: calc(700px + 100px);
}
.video-foreground, .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
    .imgchambre .video-foreground {
    width: 180%;
    left: 50%;
    height: 200%;
    top: 0;
    transform: translate(-50%,-50%);
}.imgchambre .video-foreground {
    width: 180%;
    left: 50%;
    height: 200%;
    top: 0;
    transform: translate(-50%,-50%);
}
	.navigator.unpin > .container-fluid{
	background: rgb(0 0 0 / 0%);
		
	}
    .container,  .container-xl, .container-xxl {
        --bs-gutter-x:4.375rem
	}
	
	.accordion {
    width: calc(100% - 6px);
    max-width: 100%;
    margin: 30px 2px 0px;
    border-bottom: 0 solid #c83d29;
    overflow: hidden;
    position: relative;
    background: #e3d1ba;
    border-radius: 60px 60px 0 0;
}.accordion .link:after {
    border-left: 2px solid #c83d29;
    border-right: 2px solid #c83d29;
    content: " ";
    position: absolute;
    top: -4px;
    left: -2px;
    right: -2px;
    width: calc(100% + 4px);
    height: 200vh;
    pointer-events: none;
    z-index: 9;
}
	.btn_retour.btn_retourrouge,.btn_retour{
		
		
		position:absolute;
	top:24px !important;}
	.marquee.marquee9 {
		font-size: 111px;
		letter-spacing: 0;
		overflow: hidden;
		height: 151px;
		text-transform: uppercase;
		line-height: 1.1;
	}
	.headerrestaurant  .container {
        --bs-gutter-x:15px;
	}
	
	footer.container {
		max-width: calc(100% - 60px);
		padding:0;
	}
    .slider_evenementfixedwrap {
        width: calc(100% - 50px);
        padding-bottom: 60px
        
	}
    .slider_evenementfixedwrap .closemodal {
        bottom: 5px;
	}
    .slider_carteroof .slick-slide {
        padding: 0;
	}
    .introduction {
        height: calc(544px + 960px) !important;
	}
	
	
	
	.noview {
		display: none;
		text-align: left;
		background: #c83d29 !important;
		color: #fff !important;
		border-radius: 7px;
		padding: 8px;
		text-align: left;
		font-size: 12px;
		position: relative;
		z-index: 3;
		cursor: pointer;
		top: auto;
		left: auto;
		width: 100%;
		font-family: "area-extended", sans-serif;
		font-weight: 400;
	}
	
	.video-background {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	.video-foreground,
	.video-background iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		}.video-background iframe {
	}
	.imgchambre  .video-background {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	@media (min-aspect-ratio: 9/16) {
		.video-foreground {
            height: 400%;
            top: -150%;
            left: -50%;
            width: 400%;
		}
		
		.video-foreground {
			height: 300%;
			top: -100%;
			left: -50%;
			width: 600%;
			}.video-foreground {
			max-width: 10000px;
			height: calc(1100px + 200px);
			top: 0%;
			left: 50%;
			width: 150vw;
			transform: translate(-50%, -10%);
		}
		
		.imgchambre .video-foreground {
			max-width: 10000px;
			height: calc(1250px + 200px);
			top: 0%;
			left: 50%;
			width: 150vw;
			transform: translate(-50%, -20%);
		}
	}
	
	@media (max-aspect-ratio: 9/16) {
		.video-foreground {
			width: 462%;
            left: -200%;
            top: -75%;
            height: 213%;
			}.video-foreground {
			width: 462%;
			left: -200%;
			top: -75%;
			height: 213%;
			}.video-foreground{
			max-width: 10000px;
			height: calc(1000px + 200px);
			top: 50%;
			left: 50%;
			width: 1480px;
			transform: translate(-50%, -50%);
		}
		
		
		.video-foreground {
			max-width: 10000px;
			height: calc(1100px + 200px);
			top: 54%;
			left: 50%;
			width: 110vw;
			transform: translate(-50%, -40%);
		}
	}












	.video-background {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	.video-foreground,
	.video-background iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		}.video-background iframe {
	}
	.imgchambre  .video-background {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	@media (min-aspect-ratio: 9/16) {
		.video-foreground {
            height: 400%;
            top: -150%;
            left: -50%;
            width: 400%;
		}
		
		.video-foreground {
			height: 300%;
			top: -100%;
			left: -50%;
			width: 600%;
			}.video-foreground {
			max-width: 10000px;
			height: calc(1100px + 200px);
			top: 0%;
			left: 50%;
			width: 150vw;
			transform: translate(-50%, -10%);
		}
		
		.imgchambre .video-foreground {
			max-width: 10000px;
			height: calc(1250px + 200px);
			top: 0%;
			left: 50%;
			width: 150vw;
			transform: translate(-50%, -20%);
		}
	}
	
	@media (max-aspect-ratio: 9/16) {
		.video-foreground {
			width: 462%;
            left: -200%;
            top: -75%;
            height: 213%;
			}.video-foreground {
			width: 462%;
			left: -200%;
			top: -75%;
			height: 213%;
			}.video-foreground{
			max-width: 10000px;
			height: calc(1000px + 200px);
			top: 50%;
			left: 50%;
			width: 1480px;
			transform: translate(-50%, -50%);
		}
		
		
		.video-foreground {
			max-width: 10000px;
			height: calc(1100px + 200px);
			top: 54%;
			left: 50%;
			width: 110vw;
			transform: translate(-50%, -40%);
		}
	}










.accordion .link:after {
    border-left: 2px solid #c83d29;
    border-right: 2px solid #c83d29;
    content: " ";
    position: absolute;
    top: -4px;
    left: -2px;
    right: -2px;
    width: calc(100% + 4px);
    height: 200vh;
    pointer-events: none;
    z-index: 9;
}
.accordion {
    width: calc(100% + 4px);
    max-width: 100%;
    margin: 30px 0px 0;
    border-bottom: 0 solid #c83d29;
    overflow: hidden;
    position: relative;
    background: #e3d1ba;
    border-radius: 60px 60px 0 0;
}
	 
.fixed.video-js {
    left: 50%;

    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, 0%);
	    z-index: 0;
    min-height: 1150px;
    aspect-ratio:  9/16;
}

    
}



.apple .btn{
    line-height:44px !important
	
}
@media only screen and (min-width:992px)and (max-width:1600px) {
    .imgchambre .video-foreground {
    height: 238%;
    top: -50%;
    left: -50%;
    width: 220%;
    transform: translate(0%,0%);
}
}