@font-face {
    font-family: 'garamond_premier_proregular';
    src: url('fonts/garamond_premier_pro_regular-webfont.woff2') format('woff2'),
         url('fonts/garamond_premier_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	  font-display: swap;  /* Important pour la performance */

}




@font-face {
    font-family: 'garamond_premier_promedium';
    src: url('fonts/garamond_premier_pro_medium-webfont.woff2') format('woff2'),
         url('fonts/garamond_premier_pro_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	  font-display: swap;  /* Important pour la performance */

}
@font-face {
    font-family: 'SweetSansPro';
    src: url('fonts/SweetSansPro-Bold.woff2') format('woff2'),
         url('fonts/SweetSansPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	  font-display: swap;  /* Important pour la performance */

}

nav.cadet ul {
	list-style-type: none;
	text-align: justify;
	 font-family: 'garamond_premier_promedium', sans-serif !important;
	font-size: 0.8vw;
}

.submenu ul {
	list-style-type: none;
	font-family: 'garamond_premier_promedium', sans-serif !important;
	letter-spacing: 0.1vw;
}

.newtitle {
  font-family: 'garamond_premier_promedium', sans-serif !important;
}
.newtxt{
  font-family: 'garamond_premier_proregular', sans-serif; /* Toujours ajouter une police de secours ! */
}
.monbtn span {
	font-family: 'SweetSansPro' !important;
}
.soulignement-design {
	border-bottom: 1px solid black;
	padding-bottom: 0px;
	font-size: 0.7vw;
	vertical-align: super;
}
.address {
  width: 37%;
  margin-left: 31%;
  margin-top: 74.5%;
}
.traitadresse {
	width: 18%;
	text-align: center;
	border-top: 1px solid black;
	margin-left: 41.3%;
	opacity: 1;
	position: absolute;
	margin-top: 83.5%;
	
}
.star {
	margin-left: 43%;
	margin-bottom: 17%;
	width: 16%;
}
.txtpresentation {
	text-align: center;
	margin-top: 64.8%;
	margin-left: 27.5%;
	width: 46%;
	position: absolute;
}
.titrespan {
	width: 36%;
	margin-left: 57.5%;
	margin-top: 150%;
	overflow: visible;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
}
.textetitrespan {
	width: 38%;
	margin-left: 56%;
	margin-top: 158.5%;
	position: absolute;
	text-align: left;
	font-family: garamond_premier_proregular;
}
.btnquartier {
	margin-top: 182%;
	margin-left: 67%;
	width: 16%;
}
.monbtn {
	letter-spacing: 0.1vw;
	font-size: 0.7vw;
	position: absolute;
	background-color: #f9f8f4;
	text-transform: uppercase;
	z-index: -1; /* Attention à cette ligne, voir la note ci-dessous */
	color: black;
	text-align: center;
	border-radius: 0;
	padding: 1% 1.5%;
	border: 2px solid black; /* LIGNE AJOUTÉE/MODIFIÉE */
}
.devantchezlui {
	width: 37%;
	margin-top: 200%;
	margin-left: 32.8%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
}
.titreroom {
	width: 25%;
	margin-top: 280.5%;
	margin-left: 10.5%;
	position: absolute;
	text-align: center;
}

.txtroom {
	margin-left: 6.5%;
	width: 34.62%;
	position: absolute;
	margin-top: 286.5%;
	text-align: left;
}
.btn-visit-room {
	margin-top: 300%;
	margin-left: 14.5%;
	width: 16%;
}
.annee-folle {
	margin-top: 378%;
	width: 72.48%;
	margin-left: 13.5%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
}
.titrebarterrasse {
	margin-top: 452.7%;
	width: 32%;
	margin-left: 61%;
	position: absolute;
	text-align: center;
}
.txtbarterrasse {
	margin-top: 459.5%;
	width: 35%;
	margin-left: 60.5%;
	position: absolute;
	text-align: left;
}
.btn-bar {
	width: 14.35%;
	margin-top: 477.8%;
	margin-left: 70.5%;
} 
.kevin {
	margin-top: 554%;
	width: 40.48%;
	margin-left: 33%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
}

.shortletter {
	letter-spacing: 0.2vw !important;
	word-spacing: 0.35vw;
	font-size: 1.6vw;
	line-height: 1.8vw;
}

.spaletigre {
	text-align: center;
	margin-top: 629.5%;
	width: 34.5%;
	margin-left: 9%;
	position: absolute;
}

.txtspa {
	position: absolute;
	width: 37%;
	text-align: left;
	margin-top: 636%;
	margin-left: 8%;
}

.btn-enter-spa {
	width: 14.3%;
	margin-top: 650.5%;
	position: absolute;
	margin-left: 19%;
}

.bauhaus {
	text-transform: uppercase;
	margin-top: 726.3%;
	width: 51%;
	margin-left: 25%;
	position: absolute;
	text-align: center;
	font-size: 1.2vw;
	line-height: 1.5vw;
}
.logobas {
	width: 31%;
	text-align: center;
	/* padding-left: 39%; */
	/* padding-right: 39%; */
	margin-top: 747.5%;
	position: absolute;
	margin-left: 36%;
}
.misterfamilytitre {
	display: block;
	margin-left: 25%;
	font-size: 1.3vw;
	letter-spacing: 0.35vw;
	margin-top: 765.5%;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	color: white;
}

.misterfamilytxt {
	display: block;
	margin-left: 55%;
	margin-top: 772%;
	position: absolute;
	width: 42%;
	text-align: left;
	font-family: 'Adobe Caslon Pro reg';
	line-height: 1.9vw;
	color: white;
}
.btn-family {
	width: 17%;
	margin-top: 798%;
	position: absolute;
	margin-left: 67.5%;
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}
body { background-image: url('https://www.monsieurgeorge.com/assets/img/1920/newhomebk.jpg'); }

.btnresamobile{display:none;}


@media screen and (min-width: 440px) and (max-width: 960px) {
	
		
.btnresamobile {
	display: block;
	width: 30%;
	margin-top: 186%;
	margin-left: 35%;
	background-color: #36573B;
	color: white;
}
	
.txtpresentation {
	text-align: center;
	margin-top: 139%;
	margin-left: 27.5%;
	width: 49%;
}
  .paragraph {
    font-size: 2.2vw;
    line-height: 2.7vw;
  }
   .monbtn {
    font-size: 1.5vw;
    padding: 2% 2%;
  }
.btn-enter-spa {
	width: 25%;
	margin-top: 832%;
	position: absolute;
	margin-left: 38%;
	z-index: -1;
}
.star {
	margin-left: 36%;
	margin-bottom: 4%;
}
.address {
	width: 52%;
	margin-left: 27%;
	margin-top: 160.5%;
	position: absolute;
}
.traitadresse {
	width: 50%;
	text-align: center;
	border-top: 1px solid black;
	margin-left: 25%;
	opacity: 1;
	position: absolute;
	margin-top: 179.5%;
}

.titrespan {
	width: 50%;
	margin-left: 25%;
	margin-top: 282%;
	overflow: visible;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
}
.textetitrespan {
	width: 80%;
	margin-left: 12%;
	margin-top: 293.5%;
	position: absolute;
	text-align: left;
	font-family: garamond_premier_proregular;
}
.btnquartier {
	margin-top: 335%;
	margin-left: 32%;
	width: 36%;
}
.devantchezlui {
	width: 52%;
	margin-top: 362%;
	margin-left: 25%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	font-size: 2.4vw;
    line-height: 2.6vw;
}
.titreroom {
	width: 50%;
	margin-top: 468.5%;
	margin-left: 25%;
	position: absolute;
	text-align: center;
}
.txtroom {
	margin-left: 10%;
	width: 80%;
	position: absolute;
	margin-top: 475.5%;
	text-align: left;
}
.btn-visit-room {
	margin-top: 499%;
	margin-left: 34%;
	width: 32%;
}
.annee-folle {
	margin-top: 530%;
	width: 70%;
	margin-left: 15%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	font-size: 2.4vw;
    line-height: 2.6vw;
}
.titrebarterrasse {
	margin-top: 631.7%;
	width: 32%;
	margin-left: 33%;
	position: absolute;
	text-align: center;
}
.txtbarterrasse {
	margin-top: 640.5%;
	width: 88%;
	margin-left: 6%;
	position: absolute;
	text-align: left;
}
.btn-bar {
	width: 24.35%;
	position: absolute;
	margin-top: 667.3%;
	margin-left: 38%;
	z-index: -1;
}
.kevin {
	margin-top: 691%;
	width: 47%;
	margin-left: 27%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	line-height: 2.2vw;
	font-size: 2vw;
	letter-spacing: 0vw;
	font-size: 2.4vw;
    line-height: 2.6vw;
}
.spaletigre {
	text-align: center;
	margin-top: 796%;
	width: 50%;
	margin-left: 25%;
	position: absolute;
}
  body {
	background: url('https://www.monsieurgeorge.com/assets/img/768/newbk768.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.txtspa {
	position: absolute;
	width: 70% !important;
	text-align: center;
	margin-top: 809% !important;
	margin-left: 15% !important;
}
  .logobas {
	width: 70%;
	text-align: center;
	/* padding-left: 39%; */
	/* padding-right: 39%; */
	margin-top: 871.5%;
	position: absolute;
	margin-left: 15%;
}
.misterfamilytitre {
	display: block;
	margin-left: 30%;
	font-size: 1.3vw;
	letter-spacing: 0.35vw;
	margin-top: 967.5%;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	width: 40%;
	color: white;
}
.misterfamilytxt {
	display: block;
	margin-left: 17%;
	margin-top: 979%;
	position: absolute;
	width: 64%;
	text-align: left;
	font-family: 'Adobe Caslon Pro reg';
	line-height: 2.6vw;
	color: white;
}
.btn-family {
	width: 30%;
	margin-top: 1020%;
	position: absolute;
	margin-left: 35%;
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
}
.footerAll {
	z-index: -1;
	position: absolute;
	margin-top: 1033%;
	width: 100%;
	font-family: "GT America";
	padding-top: 5%;
	padding-bottom: 7%;
	border-top: 1px solid black;
	background-color: #F4F3F4;
}

.titreadressehome {
	font-size: 1.7vw;
	text-align: center;
	position: absolute;
	margin-top: 5%;
	margin-left: 7%;
}

}/* fin media query 768 */
/************************************************/

/************************************************/
/************************************************/
@media screen and (max-width: 440px) {
    .flechemendroite {
        margin-top: 1819.4%;
        position: absolute;
        margin-left: 78.2%;
        width: 9%;
        display: block;
        z-index: 2;
    }
.btnresamobile {
	display: block;
	width: 30%;
	margin-top: 268%;
	margin-left: 35%;
	background-color: #36573B !important;
	color: white !important;
}
    .newsletter span a {
        font-size: 4vw;
    }

    .flechemengauche {
        margin-top: 1819.4%;
        position: absolute;
        margin-left: 10.2%;
        width: 9%;
        display: block;
        z-index: 2;
    }

    .inputcalendar {
        outline: none;
        font-family: 'GTAmerica-Medium,GT America';
        position: absolute;
        background: transparent;
        border-width: 0px;
        border: none;
        font-size: 6.5vw;
        text-align: left;
        margin-top: 11%;
    }

    .newslet div.footeradressdiv {
        color: #b0a4a4;
        margin-top: 11%;
        width: 100%;
    }

    .confirmnewsletter {
        font-size: 3vw;
        float: unset;
        margin-right: 0;
        color: #001441;
        display: none;
        text-align: center;
    }

    .footerlogo {
        margin-left: 0;
        margin-top: 23%;
        position: absolute;
        padding-left: 0%;
        padding-bottom: 7%;
        width: 100%;
        text-align: center;
    }

    .newslet {
        width: 100%;
        margin-left: 0;
        margin-top: 5%;
        position: relative;
    }

    .footeraddress {
        width: 100%;
        margin: 0;
    }

    .titlefooter {
        font-size: 3.2vw;
        margin-top: 4.5%;
        position: relative
    }

    .contact {
        margin-top: 9%;
        width: 100%;
        margin-left: 0;
    }

    .footeraddress span {
        font-size: 3vw;
        text-align: center;
    }

    .facebook,
    .instagram {
        margin-top: 6%;
        position: relative;
        margin-left: 3%;
        width: 96%;
    }

    div.facebook img {
        margin-right: 2%;
    }

    .instagram {
        margin-left: 12.5% !important;
    }

    .mention div.footeradressdiv {
        color: #b0a4a4;
        margin-top: 1%;
        width: 100%;
        margin-left: 0;
    }

    .mention {
        margin-left: 0;
        margin-top: 11%;
        width: 100%
    }

    .divadress {
        position: relative;
        margin-top: 0.6%;
    }

    .contact div.footeradressdiv {
        color: #9b9b9b;
        margin-top: 1%;
        width: 100%;
        margin-left: 0;
    }

    .footeradressdiv {
        position: relative;
        margin-top: 0%;
        width: 100%;
        line-height: 4vw;
        font-size: 3vw;
        text-align: center;
        margin-left: 0;
        padding-left: 20%;
        padding-right: 20%;
    }

    .content {
        width: 60%;
        margin-top: 1315%;
        margin-left: 18%;
    }

    #codepromo {
        width: 72.3%;
        margin-left: 10.3%;
        margin-top: 90%;
    }

    #datearrivee {
        width: 72.3%;
        margin-left: 10.3%;
        margin-top: 27%;
    }

    #datedepart {
        width: 72.3%;
        margin-left: 10.3%;
        margin-top: 48%;
    }

    #nbreadulte {
        width: 36.3%;
        margin-left: 10.2%;
        margin-top: 69.7%;
    }

    #nbreenfant {
        width: 36.3%;
        margin-left: 53.2%;
        margin-top: 69.7%;
    }

    .bandeaumobile {
        position: fixed;
        border-bottom: 1px solid black;
        z-index: 9;
    }

    .rateau {
        display: none;
    }

    .hamburger {
        margin-left: 4%;
        position: fixed;
        margin-top: 3%;
        z-index: 9;
    }

    .paragraph {
        font-size: 3.7vw;
        line-height: 4.8vw;
    }

.misterfamilytxt {
	display: block;
	margin-left: 6.5%;
	margin-top: 1651.5%;
	position: absolute;
	width: 84%;
	text-align: center;
	padding: 0;
}
.misterfamilytitre {
	display: block;
	margin-left: 19%;
	font-size: 3.8vw;
	letter-spacing: 0.5vw;
	margin-top: 1632%;
	position: absolute;
	text-align: center;
	width: 62%;
}

.bauhaus {
	text-transform: uppercase;
	margin-top: 1433.3%;
	width: 80%;
	margin-left: 10%;
	position: absolute;
	text-align: center;
}
.btn-enter-spa {
	width: 80%;
	margin-top: 1402.9%;
	position: absolute;
	margin-left: 10%;
	z-index: 1;
}
.txtspa {
	position: absolute;
	width: 84% !important;
	text-align: center;
	margin-top: 1353% !important;
	margin-left: 6% !important;
	line-height: 4.3vw;
	font-size: 3.9vw;
}
.spaletigre {
	margin-top: 1338.5%;
	width: 90%;
	margin-left: 5%;
	position: absolute;
}

.btn-bar {
	width: 40%;
	position: absolute;
	margin-top: 1127%;
	margin-left: 30%;
}

    .kevin {
        margin-top: 1158%;
        width: 84%;
        margin-left: 6%;
        text-transform: uppercase;
        position: absolute;
        text-align: center;
        line-height: 4.4vw;
        font-size: 3.7vw;
        font-family: 'Noe Display', NoeDisplay-Regular;
        letter-spacing: 0vw;
    }

.titrebarterrasse {
	margin-top: 1044%;
	width: 100%;
	margin-left: 0;
	position: absolute;
	text-align: center;
}

.annee-folle {
	margin-top: 863%;
	width: 70%;
	margin-left: 15%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	line-height: 4.3vw;
	font-size: 3.9vw;
	font-family: 'Noe Display', NoeDisplay-Regular;
	letter-spacing: 0.015vw;
}
.txtbarterrasse {
	margin-left: 7%;
	width: 84%;
	position: absolute;
	margin-top: 1060%;
	text-align: center;
}
.txtroom {
	margin-left: 6.5%;
	width: 84%;
	position: absolute;
	margin-top: 774.7%;
	text-align: center;
	line-height: 4.8vw;
	font-size: 3.9vw;
}

.titreroom {
	width: 100%;
	margin-top: 759%;
	margin-left: 0;
	position: absolute;
	text-align: center;
}

    .phone {
        display: block;
    }

    .ipad {
        display: none;
    }

    .desktop {
        display: none;
    }

    body {
        background: url('../img/380/newbkmobile375.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 100%;
        min-height: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
    }

    span {
        font-family: "Noe Display";
    }

    .txtpresentation {
        text-align: center;
        margin-top: 196%;
        margin-left: 14%;
        width: 72%;
        position: absolute;
        letter-spacing: -0.129vw;
        font-size: 3.9vw;
        line-height: 4.8vw;
    }

    .btnbook {
        width: 34%;
        margin-top: 148.5%;
        margin-left: 33%;
        position: absolute;
        border: 1px solid #001441;
        text-align: center;
        vertical-align: middle;
        padding: 4%;
        height: unset;
        letter-spacing: 0.25vw;
        color: #001441;
        font-size: 3vw;
        font-family: 'Gt America';
    }

.traitadresse {
	width: 50%;
	text-align: center;
	border-top: 1px solid black;
	margin-left: 25%;
	opacity: 1;
	position: absolute;
	margin-top: 257.5%;
}

.titrespan {
	width: 82%;
	margin-left: 9.3%;
	margin-top: 448%;
	overflow: visible;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	position: absolute;
	letter-spacing: 0.3em;
	font-size: 3.7vw;
}

    .textetitrespan {
		width: 84%;
		margin-left: 6.5%;
		margin-top: 470.5%;
		/* font-family: 'NoeDisplay-Regular,Noe Display'; */
		position: absolute;
		text-align: center;
	}
.monbtn {
	letter-spacing: 0.1vw;
	width: 54%;
	margin-left: 23%;
	font-size: 3.5vw;
	position: absolute;
	background-color: #f9f8f4;
	text-transform: uppercase;
	z-index: -1;
	color: black;
	text-align: center;
	border-radius: 0;
	padding: 2% 1.5%;
	border: 2px solid black;
}

.btnquartier {
	width: 65.87%;
	margin-top: 549.75%;
	margin-left: 17%;
	position: absolute;
}

    .footer {
        margin-top: 2096%;
        border-top: black 0px solid;
        position: absolute;
        width: 82%;
        margin-left: 11%;
        padding-bottom: 17%;
    }

.devantchezlui {
	width: 72%;
	margin-top: 586%;
	margin-left: 11.8%;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	line-height: 3.7vw;
	font-size: 3.9vw;
	letter-spacing: 0.1vw;
}

    .btnmobile {
        display: block;
    }

    .btndecouvrir {
        text-transform: uppercase;
        width: 54.1%;
        position: absolute;
        margin-top: 393.2%;
        margin-left: 23%;
    }

.btn-visit-room {
	position: absolute;
	width: 70%;
	margin-top: 827%;
	margin-left: 14%;
	z-index: 1;
}

    .shortletter {
        letter-spacing: 0.25vw !important;
		width: 92%;
		margin-left: 4%;
        word-spacing: 1vw;
        line-height: 4.8vw;
        font-size: 4.4vw;
    }

.adressemobile {
	margin-top: 229%;
	width: 77%;
	margin-left: 12%;
	position: absolute;
}
    .mobile {
        display: inline;
    }

    .fondcalendar {
        background-color: #ECF0F2;
        width: 83.6%;
        height: 36%;
        margin-top: 20%;
        position: fixed;
        margin-left: 8.9%;
    }

    .flechedroite {
        position: absolute;
        margin-left: 88.2%;
        margin-top: 6%;
        width: 4.2%;
        z-index: 10;
    }

    .flechegauche {
        position: absolute;
        margin-left: 9%;
        margin-top: 6%;
        width: 4.2%;
        z-index: 10;
    }

    .calendar {
        background-color: white;
        width: 100%;
        height: 50%;
        z-index: 8;
        position: fixed;
        margin-top: -92%;
        display: none;
    }

    td {
        width: calc(100% / 7);
        padding: 2.5%;
        overflow: hidden;
        background: transparent;
        font-size: 3.2vw;
    }

    .moisdepart,
    .moisarrivee {
        position: absolute;
        margin-top: -16%;
        margin-left: 29%;
        font-family: 'Noe Display';
        font-style: italic;
        font-size: 5vw;
    }

    .navigation {
        width: 100%;
        text-transform: uppercase;
    }

    .navigation a:hover {
        color: black;
    }

    .menuhamburger {
        width: 100%;
        position: absolute;
        background-color: white;
        margin-top: 14%;
        padding-top: 17%;
        border-top: 1px solid #707070;
    }

    .sousmenuhotel {
        display: none;
        margin-top: 7%;
        margin-left: 0%;
        position: absolute;
        background-color: white;
        width: 100%;
        height: auto;
        padding: 7% 9%;
        text-align: center;
        font-family: 'GT AMERICA';
        letter-spacing: 0.4vw;
    }

    .mainmenu,
    .submenu {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        line-height: 1.7vw;
        font-size: 3.2vw;
    }

    .submenu {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.5s ease-out;
        text-align: left;
        font-size: 3vw;
        display: none;
    }

    .noeud {
        height: auto;
        width: 100%;
        text-align: center;
    }

    .noeud span {
        font-family: 'GT AMERICA' !important;
    }

    .noeuxpap {
        width: 8%;
    }

    .flechebas,
    .flechebasroom {
        position: absolute;
        margin-top: -4.2%;
        margin-left: 40%;
    }

    .flechebas {
        margin-left: 39.5%;
    }

    .black {
        border-top: 1px solid black;
    }

    div.newsletter span {
        margin-top: 7%;
    }

    .newsletter {
        height: 7%;
        width: 65.5%;
        margin-left: 18%;
        margin-top: 3%;
    }

.footerAll {
	background-color: #f4f4f4 !important;
	margin-top: 1762%;
	text-align: center;
	border-top: 1px solid grey;
	padding-bottom: 40% !important;
}
    .inputnews {
        font-size: 3vw !important;
        margin-top: 0% !important;
        margin-left: 0%;
        padding: 3% 3% 3% 0%;
        opacity: 0.7;
    }

    .insta {
        position: absolute;
        margin-top: 1906%;
        width: 80%;
        margin-left: 11%;
    }

    .mobilenewsinput {
        font-size: 3.5vw;
        opacity: 0.3;
    }

    .titrespace {
        line-height: 6.8vw;
    }

    .spacebtn {
        font-family: "Gt America";
    }

    span.spacebtn {
        font-size: 3.7vw;
        margin-top: 11%;
    }

    .titre1 {
        font-family: "Noe Display";
        font-size: 6.5vw;
        letter-spacing: 0.35vw;
    }

    .sstitre1 {
        font-family: "Noe Display";
        font-size: 3.8vw;
        letter-spacing: 0.03vw;
    }

    .alltitre {
        font-family: 'garamond_premier_promedium', sans-serif !important;
        letter-spacing: 0.2em;
        font-size: 3.8vw;
    }

    .paragraphe {
        font-size: 3.5vw;
        line-height: 4.9vw;
    }

    .espacetitre {
        margin-bottom: 11.3%;
        margin-top: 8%;
        display: inline-block;
    }

    .logosize {
        width: 28%;
    }

    .titre1 h1 {
        font-size: 5.5vw !important;
    }

    .mobilevoirtarif {
        position: absolute;
        margin-top: -23% !important;
        text-align: center;
        width: 66%;
        margin-right: 17%;
        margin-left: 17%;
    }

    .button {
        font-size: 3.7vw;
        padding: 3.8% 6.5% 3.8% 6.5%;
    }

    div.button span {
        font-family: "GT America";
    }

    .lang {
        font-size: 3.2vw;
        padding-top: 4%;
    }

    .logosvg {
        position: absolute;
        width: 100%;
        padding-right: 17%;
        padding-left: 17%;
        text-align: center;
        margin: 0;
        margin-top: 103%;
    }

    .titreinstagramsvg {
        position: absolute;
        width: 100%;
        padding-right: 21%;
        padding-left: 21%;
        margin-top: 1891.5%;
        text-align: center;
    }

    .papillon-one,
    .papillon-chambre,
    .papillon-terrasse,
    .papillon-spa,
    .papillon-collection {
        position: absolute;
        width: 5%;
        margin-top: 305%;
        margin-left: 47%;
    }

    .papillon-chambre {
        margin-top: 738%;
        margin-left: 47%;
    }

    .papillon-terrasse {
        margin-top: 1003%;
        margin-left: 47%;
    }

    .papillon-spa {
        margin-top: 1358%;
        margin-left: 47%;
    }

    .papillon-collection {
        margin-top: 1681%;
        margin-left: 47%;
    }

.logobas {
	position: absolute;
	margin-top: 1470%;
	text-align: center;
	padding-right: 0%;
	padding-left: 0%;
	width: 56%;
	margin-left: 21%;
}
    .slider {
        margin-top: 786%;
        position: absolute !important;
        width: 81%;
        margin-left: 11%;
        padding-right: 12%;
    }

    .responsive {
        width: 99%;
    }

    .slick-list {
        height: auto !important;
    }

    .txtbookmobile {
        position: fixed;
        margin-left: 60.9%;
        margin-top: 0%;
        letter-spacing: 0.2vw;
    }

    .txtbookmobile.button {
        background-color: #001441;
        color: white;
        display: inline-block;
        padding: 4.35% 8.5% 4.35% 8.5%;
        font-family: "GT America";
        height: 8.1%;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        font-size: 4vw;
        z-index: 9;
        width: 39%;
        margin-top: 0;
    }

    .caracteristique ul li {
        margin-left: 3% !important;
    }

    .boutonreserverhautmobilenew {
        background: #36573B;
        color: white;
        width: 37%;
        float: right;
        text-align: center;
        height: 100%;
        display: flex;
        font-family: 'GT America';
        font-size: 3vw;
		letter-spacing: 0.2vw;
    }

    .boutonreserverhautmobilenew div {
        margin: auto;
    }

.titreadressehome {
	font-size: 3vw;
	text-align: center;
	position: absolute;
	margin-top: -15%;
	margin-left: 1%;
}

    .bandeaufixemobile {
        background-color: white;
        position: fixed;
        height: 7.5%;
        border-bottom: 1px solid black;
        width: 100%;
        top: 0;
    }

.btn-family {
	width: 58% !important;
	margin-top: 1744%;
	position: absolute;
	margin-left: 19%;
	vertical-align: middle;
	letter-spacing: 0.15vw;
	font-size: 3.3vw;
}


.soulignement-design {
	border-bottom: 1px solid black;
	padding-bottom: 0px;
	font-size: 2.5vw;
	vertical-align: super;
}


}
/************************************************/
/************************************************/