@charset "utf-8";

@import url("Abel_Regular/stylesheet.css");

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

*/

@keyframes move1{

    0%   {top:14%;}

	50%	 {top:18%;}

	100% {top:14%;}



}

.fixed-top{position: relative !important;}
.sticky-top {
    top: 0;
    z-index: 1020;
	position: relative;
}
.fancybox-slide--iframe .fancybox-content {

    width  : 90%;

    height : 90%;

    max-width  : 1200px;

    max-height : 900px;

    margin: 0;

}

.navbar.scrolling-navbar.top-nav-collapse {

    padding-top: 0px !important;

	box-shadow: 0 0px 0px 0 0 !important;

	background-color: #404040;

}

.navbar.scrolling-navbar {background-color: #383838;}

strong{font-weight:  bold}

h1,h2,h3,h4,h5{font-weight: normal !important;}

img, object, embed, video {max-width: 100%;}

img.blink {animation: blink 1s infinite ;}

body{height: auto !important;}

html {scroll-behavior: smooth;}

.container{

    max-width: 1600px !important;

    position: relative;

	padding-right: 5%;

	padding-left: 5%;

}

th,td{

    border: 1px solid #3A3A3A;

    padding:5px !important;

}

input, button, select, textarea {

	width: 100%;

    margin-bottom: 2px !important;

    padding: 5px;

    background-color: #ffffff;

    border: 0px;

    border-radius: 4px;

}

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {width:100%;}



a {outline: none;}

a:hover{text-decoration:none !important;outline: none;}

a:focus {outline: none;}

body{

    font-size: 17px !important;

    color: #727572!important;

    font-family: "Abel Regular" !important;

}

.cursor{cursor: pointer;}

.jarallax {height: 10vh;}

.hidden_movil{display:none;}

.img-black-white {}

.img-black-white:hover {

  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */

  filter: grayscale(100%); /* FF 35+ */

}

.sticky{

	position: -webkit-sticky; 

  	position: -moz-sticky; 

  	position: -ms-sticky; 

  	position: -o-sticky; 

  	position: sticky; 

  	top: 0px;

  	z-index: 1020

}

.sticky2{

	position: -webkit-sticky; 

  	position: -moz-sticky; 

  	position: -ms-sticky; 

  	position: -o-sticky; 

  	position: sticky; 

  	top: 180px;

  	z-index: 1020

}

.reservation {max-width: 100% !important; margin: 0px !important;}

.carousel-control-next-icon, .carousel-control-prev-icon {

	width: 60px !important;

    height: 60px !important;

    background-color: #404040;

    border-radius: 50%;

}

.btn-rounded {border-radius: 10em;}

.btn1 {

    display: inline-block;

    margin: 1em;

    text-transform: uppercase;

    padding: 1em 1.5em;

    background: none;

    color: #fff;

    font-weight: bold;

    position: relative;

    transition: color 0.25s ease !important;background-color: #3a3a3a;

}

.btn1:hover::after {

    height: 100%;

}

.btn1::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #28c2c4;

    -webkit-transform-origin: top;

    transform-origin: top;

    transition: height 0.25s ease !important;

    z-index: 0;

	color: #fff;

}

.btn2 {

    display: inline-block;

    margin: 1em;

    text-transform: uppercase;

    padding: 1em 1.5em;

    background: none;

    color: #fff;

    font-weight: bold;

    position: relative;

    transition: color 0.25s ease !important;background-color: #28c2c4;

}

.btn2:hover::after {

    height: 100%;

}

.btn2::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #3a3a3a;

    -webkit-transform-origin: top;

    transform-origin: top;

    transition: height 0.25s ease !important;

    z-index: 0;

	color: #fff;

}

.btn3 {

    display: inline-block;

    margin: 1em;

    text-transform: uppercase;

    padding: 1em 1.5em;

    background: none;

    color: #fff;

    font-weight: bold;

    position: relative;

    transition: color 0.25s ease !important;background-color: #3a3a3a;

}

.btn3:hover::after {

    height: 100%;

}

.btn3::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #28c2c4;

    -webkit-transform-origin: top;

    transform-origin: top;

    transition: height 0.25s ease !important;

    z-index: 0;

	color: #fff;

}

.underline{text-decoration: underline;}

.f0{background-color: #484848 !important}

.f1{background-color: #676767 !important;}

.f2{background-color: #FFFFFF !important;}

.f3{background-color: #727572 !important;}

.f4{background-color: #D8D8D8 !important;}

.f5{background-color: #A0886D !important;}

.f6{background-color: #a3907b !important;}

.f7{background-color: #f5f5f5 !important;}

.f8{background-color: hsla(0, 0%, 44%, 0.7294117647058823) !important}

.f9{background-color: #3e352c !important;}

.f10{}

.c1{

    color: #2A2A2A !important;

}

.c2{color: #fff !important;}

.c3{color: #727572 !important;}

.c4{color: #D8D8D8 !important;}

.c5{color: #A0886D !important;}

.c6{color: #bdaf9f !important;}

.c7{color: #F8F9F8 !important;}

.c8{}

.c9{color: #3a3a3a !important;}

.c10{}

.text_special{font-family: "Century Gothic";}

.text_special3{}

.text_special2{}

.bckground_f1{

    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 6.73%,rgba(0,0,0,0.00) 100%);

    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 6.73%,rgba(0,0,0,0.00) 100%);

    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 6.73%,rgba(0,0,0,0.00) 100%);

    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 6.73%,rgba(0,0,0,0.00) 100%);

}

.background_f2{

    background-color: hsla(0,0%,100%,0.35) !important;

    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.68) 18.13%,rgba(255,255,255,0.34) 35.22%,rgba(255,255,255,0.00) 51.81%);

    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.68) 18.13%,rgba(255,255,255,0.34) 35.22%,rgba(255,255,255,0.00) 51.81%);

    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.68) 18.13%,rgba(255,255,255,0.34) 35.22%,rgba(255,255,255,0.00) 51.81%);

    background-image: linear-gradient(180deg,rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.68) 18.13%,rgba(255,255,255,0.34) 35.22%,rgba(255,255,255,0.00) 51.81%);

}

.background_f3{background-color: hsla(0,0%,0%,0.57) !important;}

.background_f4{}

.background_f5{}

.bck_img1{

    background-image: url(img/vague.png);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

	min-height:  213px;

    width: 100%;

    z-index: 2;

}

.bck_img2{

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    width: 15%;

    position: absolute;

    right: 5%;

    bottom: 0px;

}

.bck_img3{

    background-position: left top;

    background-size: cover;

	-webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}

.bck_img4{}

.border-color1{ border:2px solid #fff !important;}

.border-color2{}

.border-color3{}

.border-b1{border-bottom: 2px solid #fff;}

.titre1{

    padding: 15px;

    text-align: center;

    width: auto !important;

    min-width: 200px;

    color: #bd338e;

    background-image: url(img/btn-1.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    position: absolute;

}

.line-height{line-height: 26px;}

.titre1:hover{z-index: 2;}

.titre2{

    padding: 15px;

    text-align: center;

    width: auto !important;

    min-width: 200px;

    color: #bd338e;

    background-image: url(img/btn-2.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

}

.titre2:hover{z-index: 2;}

.titre3{

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    background-image: url(img/bois.png);

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 10px;

    padding-left: 10px;

}

.vague {}

.vague1 {

    background-image: url(img/vague.png);

    position: absolute;

    bottom: 0px;

    right: 0px;

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: contain;

    /* width: 50%; */

    height: 26%;

	display: none;

}

.vague2 {

    position: absolute;

    top: 0px;

	min-height: 100%;

	background-color: hsla(191, 56%, 34%, 0.7411764705882353);

}

.omline{font-size: 13px;}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 0px;

    height: 0;

    overflow: hidden;

    margin-top: -1%;

}

.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.triangle {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 250px 500px 250px;

	border-color: transparent transparent #ffffff transparent;

}

.square{

    width: 70px;

    height: 70px;

}

.fleche img{width: 80px;}

@keyframes blink {

  50% {

    opacity: 0;

  }

}

.img_scale_anim {

	-webkit-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -ms-transform: scale(1.25);

    transform: scale(1.25);

    z-index: 2;

    position: static;

    -webkit-animation: mymove 8s 1;

    animation: mymove 8s 1;

}

.hover_scale:hover{

	-webkit-transform: scale(1.1);

    transform: scale(1.1);

	transition-duration: 0.3s;

}

.bck_texture1{

    background-image: url(img/pierre1.jpg);

    background-repeat: repeat;

    background-position: left top;

    background-attachment: fixed;

}

.bck_texture2{

    background-image: url(img/pierre1.jpg);

    background-repeat: repeat;

    background-position: left top;

    background-attachment: fixed;

}

.m_ul{	margin-left: 20px;}

.transition {transition: all 0.4s ease-out;}





.transition2{

    width: 100%;

    height: 100%;

}

.transition2:hover{

    background-color: hsla(0, 0%, 100%, 0.27);

}

.transition2 h3{

    /*background-color: hsla(0, 0%, 100%, 0.74);*/

    margin-bottom: 0px;

}

.transition2 div{

    transform: scaleY(0);

    transform-origin: 100% 0;

    transition: transform 250ms ease;

    background-color: hsla(0, 0%, 100%, 0.74);

    height: 100%;

}

.transition2:hover div{

     transform: scaleY(1);

}



.hover {

    position: absolute !important;

    min-height: 100%;

	min-width: 100%;

    top: 0px;

    background-image: none;

    text-align: center;

	opacity: 0;

}

.hover:hover {

    background-color: hsla(0,0%,100%,0.48);

    opacity: 1 !important;

	}

.hover2 {}

.hover2:hover {

    opacity: 1;

    transition: all 0.2s ease-out;

    background-color: #B631A  !important;

	}

.hover center {opacity: 0;}

.link,.photo,.map,.more,.visite:hover{

	opacity: 1;

	background-repeat: no-repeat;

    background-position: center center; 

	background-size: 50px auto;

}

.hover center:hover {opacity: 1}

.link:hover {background-image: url(../iconos/link-2.png);}

.photo:hover {background-image: url(../iconos/photo2.png);}

.map:hover{background-image: url("../iconos/map-1.png");}

.more:hover{background-image: url("../iconos/plus.png");}

.visite:hover{background-image: url("../iconos/360-2.png");}

.bed{background-image: url(../iconos/bed.png);}

.user{background-image: url(../iconos/user.png);}

.wifi{background-image: url("../iconos/wifi-1.png");}

/* The innermost element*/

.zoomoutheader {

  background-size: cover;

  text-align:center;

  background: none;

  -webkit-animation: zoomout 10s ease-in infinite;

  animation: zoomout 10s ease-in infinite;

  transition: all .10s ease-in-out infinite;

  overflow: hidden;

}

.no-zoomoutheader {

  background-size: cover;

  text-align:center;

  background: none;

  -webkit-animation: none;

  animation: none;

  transition: none;

  overflow: hidden;

}



/* Zoom in Keyframes */

@-webkit-keyframes zoomin {

  0% {transform: scale(1.2);}

  50% {transform: scale(1);}

  100% {transform: scale(1.2);}

}

@keyframes zoomin {

  0% {transform: scale(1.2);}

  50% {transform: scale(1);}

  100% {transform: scale(1.2);}

} /*End of Zoom in Keyframes



/* Zoom out Keyframes */

@-webkit-keyframes zoomout {

  0% {transform: scale(1.2);}

  50% {transform: scale(1);}

  100% {transform: scale(1);}

}

@keyframes zoomout {

  0% {transform: scale(1.2);}

  50% {transform: scale(1);}

  100% {transform: scale(1.2);}

}

/*End of Zoom out Keyframes */

.zoominheader {

  background-size: cover;

  text-align:center;

  background-attachment: fixed;

  background-repeat: repeat;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -webkit-animation: zoomin 10s ease-in infinite;

  animation: zoomin 10s ease-in infinite;

  transition: all .10s ease-in-out infinite;

  overflow: hidden;

}

.rotate{

	/* Firefox */

	-moz-transition: all 1s ease;

	/* WebKit */

	-webkit-transition: all 1s ease;

	/* Opera */

	-o-transition: all 1s ease;

	/* Standard */

	transition: all 1s ease;

}

.rotate:hover{

	/* Firefox */

	-moz-transform: scale(1) rotate(-10deg) translate(25px);



	/* WebKit */

	-webkit-transform: scale(1) rotate(-10deg) translate(25px);



	/* Opera */

	-o-transform: scale(1) rotate(-10deg) translate(25px) ;

	/* Standard */

	transform: scale(1) rotate(-10deg) translate(25px);

}

/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		4;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	25;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/



.fluid {

	clear: both;

	margin-left: 0;

	width: 100%;

	float: left;

	display: block;

}

.fluidList {

    list-style:none;

    list-style-image:none;

    margin:0;

    padding:0;        

}



/* Mobile Layout: 480px and below. */

.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 86.45%;

	padding-left: 2.275%;

	padding-right: 2.275%;

	clear: none;

	float: none;

}

.container_principal{

    width: 90% !important;

    margin-top: auto;

    margin-right: auto;

    margin-bottom: auto;

    margin-left: auto !important;

    float: none;

    max-width: 1600px;

}

.card{background-color: transparent !important; border: 1px solid #fff;}

.card-columns {column-count: 1;}

body{}

main{}

header{}

footer{}

adress{}

	

.container_principal{}

.img_width{}

.menu {}

.slide{}

.slide img{}

.visite360{}

.counter{width: 100px;height: 100px;text-align: center;border-radius: 50%;border:1px solid #b52a14;display: inline-block;float: left;}

.counter img{width: 50px;}

.fleche{}

.fleche img{}

.logo{}

.logo img{}

.partenaires{}

.partenaires img{height: 100px;margin: 20px;}

.header{background-color:  #fff !important}

.resa{background-color: #F5F5F7;}

.resa img{}

.lang{}

.lang img{width: 50px;margin: 3px;background-color: hsla(0, 0%, 44%, 0.1);padding: 6px;border: 1px solid #fff;border-radius: 50%;}

.social-box{}

.social-box img{width: 60px;}

.tel{}

.tel img{}

.maps{}

.maps img{}

.infos {}

.infos img {}

.slogan {position: absolute;top: 165px;width: 80%;right: 10%;}

.slogan img {}

.container-avis{

    width: 200px;

    height: 100px;

    border-top-left-radius: 100px;

    border-top-right-radius: 100px;

    margin-top: auto;

    margin-right: auto;

    margin-bottom: auto;

    margin-left: auto;

    float: none;

    clear: none;

    background-color: hsla(0,0%,100%,0.54);

}

.avis {}

.avis img{}

.pdf {}

.pdf img{}

.ref {}

.ref img{}

.iconos {}

.iconos img{}

.fa1 {width: 50px;height: 50px;margin: 3px;background-color: #676767;padding: 6px;border: 1px solid #fff;border-radius: 50%;text-align: center}

.body1{}

.body2{}

.body3{}

.footer1{}

.footer2{}

.footer1 img {}

.footer2 img {}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.top2{top: 10%;}

.bottom{bottom: 0px;}

.bottom2{top: 30%;}

.left{left: 0px;}

.left2{left: 4%;}

.right{right: 0px;}

.text-align1{text-align: left;}

.text-align2{text-align: center;}

.w-1{width: 100%;}

.w-2{}

.w-3{width: 33.333%;}

.h-1{}

.h-2{}

.h-3{}

.z-index-1{z-index: 2;}

.z-index-2{z-index: 3}

.z-index-3{}

.t1{font-size: 17px !important}

.t2{font-size: 16px !important}

.t3{font-size: 19px !important}

.t4{font-size: 22px !important}

.t5{font-size: 24px !important}

.t6{font-size: 32px !important}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.min_height1{min-height: 0px;}

.min_height2{min-height: 400px;}

.min_height3{min-height: 500px;}

.max_height1{}

.max_height2{max-height: 80px;}

.max_height3{max-height: 50px;}

.min_width1{}

.min_width2{}

.min_width3{}

.max_width1{width: 30px !important;}

.max_width2{max-width: 60px;}

.max_width3{}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.margin_t{}

.margin_t2{margin-top: -10%;}

.margin_b{margin-bottom: -7px;}

.fantome1{display: none;}

.fantome2{}

.fantome3{}

.fantome4{display: none;}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.border-raduis-1{}

.border-raduis-2{}

.container_social {

    width: 75px;

    margin-right: auto;

    margin-left: auto;

    float: none;

    z-index: 1025;

    overflow: hidden;

    padding-top: 15px;

    position: absolute;

    top: 0px;

}

.social {

    clear: none;

    padding: 5px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    margin-right: 15px;

    margin-bottom: 15px;

    float: right;

}

.social img {

	padding: 5px;

}



.fleche {

    display: none;

    z-index: 5;

    text-align: center;

    position: absolute;

    bottom: 40px;

    width: 80px;

    height: 80px;

    background-color: hsla(0,0%,100%,0.41);

    padding-top: 10px;

    padding-right: 10px;

    padding-bottom: 10px;

    padding-left: 10px;

    border-radius: 50%;

}

.marguerite{display: none;}

.zeroMargin_mobile {

margin-left: 0;

}

.hide_mobile {

display: none;

}



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

.header{}

.fantome1{display: none;}

.fantome2{display: none}

.fantome3{}	

.logo{}

.logo img{}

}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



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

.navbar.scrolling-navbar {background-color: hsla(0, 0%, 25%, 0.5686274509803921);}

.fixed-top{position: fixed !important;}

.sticky{top: 92px;}

.header{}

.bckground_f1{}

.gridContainer {

	width: 90.675%;

	padding-left: 1.1625%;

	padding-right: 1.1625%;

	clear: none;

	float: none;

	margin-left: auto;

}

.card-columns {

    -webkit-column-count: 2 !important;

    -moz-column-count: 2 !important;

    column-count: 2 !important;

    -webkit-column-gap: 1.25rem;

    -moz-column-gap: 1.25rem;

    column-gap: 1.25rem;

}

.container_social {

}

body{}

main{}

header{}

footer{}

adress{}

	

.container_principal{}

.img_width{width: 120px;}

.menu {}

.slide{}

.slide img{}

.visite360{}

.fleche{}

.fleche img{}

.logo{}

.logo img{}

.partenaires{}

.partenaires img{}

.resa{position: absolute;z-index: 2;top: 35%;width: 30%;right: 5%;}

.resa img{}

.lang{}

.lang img{}

.social-box{

	width: 30%;

    position: absolute;

    z-index: 2;

    right: 6%;

    text-align: center;

    max-width: 200px;

    top: 85px;

	}

.social-box img{}

.tel{}

.tel img{}

.maps{}

.maps img{}

.infos {}

.infos img {}

.slogan {width: 60%;right: 5%;}

.slogan img {}

.container-avis{}

.avis {}

.avis img{}

.pdf {}

.pdf img{}

.ref {}

.ref img{}

.iconos {}

.iconos img{}

.body1{}

.body2{}

.body3{}

.footer1{}

.footer2{}

.footer1 img {}

.footer2 img {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.w-1{}

.w-2{}

.w-3{}

.w-pdf{width: 80px;}

.h-1{}

.h-2{}

.h-3{}

.z-index-1{}

.z-index-2{}

.z-index-3{}

.t1{font-size: 2.0vw !important;}

.t2{font-size: 16px !important}

.t3{font-size: 20px !important}

.t4{font-size: 24px !important}

.t5{font-size: 2.5vw !important}

.t6{font-size: 32px !important}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.border-raduis-1{}

.border-raduis-2{}

.min_height1{}

.min_height2{}

.min_height3{}

.max_height1{}

.max_height2{}

.max_height3{}

.min_width1{}

.min_width2{}

.min_width3{}

.max_width1{}

.max_width2{}

.max_width3{width: 120px;}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.margin_t{margin-top: -5%;}

.text-align1{text-align: center}

.text-align2{text-align: center;}

.fantome1{}

.fantome2{}

.fantome3{display: block;}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.container_social {

    bottom: auto;

    z-index: 6;

    top: 122px;

    width: 80px;

    margin-bottom: 0px;

    left: 0%;

    position: absolute;

}

.social {

	clear: none;

    padding: 5px;

    width: 50px;

    height: 50px;

    margin-bottom: 15px;

    float: left;

    border-radius: 0px 5px 5px 0px;

    margin-right: 0px

}

.social:hover{

   	padding-left: 15px;

	width: 60px;

    -webkit-transition: all 0.5s, transform 0.5s;

  	transition: all 0.5s, transform 0.5s;

	-moz-transition: all 0.5, transform 0.5s;

	-o-transition: all 0.5, transform 0.5s;

	-ms-transition: all 0.5, transform 0.5s;

}

.social img {

}

.hide_tablet {display: none;}

.zeroMargin_tablet {margin-left: 0;}

}



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

.gridContainer {

	width: 88.5%;

	max-width: 1232px;

	padding-left: 0.75%;

	padding-right: 0.75%;

	margin: auto;

	clear: none;

	float: none;

	margin-left: auto;

}

body{}

main{

    background-image: url();

    background-repeat: no-repeat;

    background-position: 10% 10%;

    background-attachment: fixed;

    background-size: 30% auto;

	-webkit-background-size: 30% auto;

	-moz-background-size: 30% auto;

	-o-background-size: 30% auto;

}

header{}

footer{}

adress{}

.marguerite{

	display: block;

    position: absolute;

    bottom: 10%;

    right: 2%;

    width: 11%;

    z-index: 4;

	}

.header{}

.container_principal{}

.img_width{}

.menu {	}

.slide{}

.slide img{}

.visite360{}

.fleche{}

.fleche img{}

.logo{

	position: absolute;

    z-index: 2;

    top: 60%;

    left: 42%;

    width: 16%;

    border-radius: 50%;

    background-color: hsla(0, 0%, 100%, 0.47843137254901963);

    padding: 20px;

}

.logo img{}

.partenaires{}

.partenaires img{}

.resa{}

.resa img{}

.lang{}

.lang img{}

.social-box{}

.social-box img{}

.tel{}

.tel img{}

.maps{}

.maps img{}

.infos {}

.infos img {}

.slogan {width: 50%;top: 30%;right: 5%;}

.slogan img {}

.container-avis{}

.avis {}

.avis img{}

.pdf {}

.pdf img{}

.ref {}

.ref img{}

.iconos {}

.iconos img{}

.body1{}

.body2{}

.body3{}

.footer1{}

.footer2{}

.footer1 img {}

.footer2 img {}

.position1 {position: fixed;}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.w-1{width: auto;}

.w-2{}

.w-3{}

.h-1{}

.h-2{}

.h-3{}

.z-index-1{}

.z-index-2{}

.z-index-3{}

.t1{font-size: 1.6vw !important}

.t2{font-size: 1.1vw !important}

.t3{font-size: 1.5vw !important}

.t4{font-size: 2.3vw !important}

.t5{font-size: 2.5vw !important}

.t6{font-size: 2.9vw !important}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.min_height1{min-height: 31vw}

.min_height2{min-height: 600px;}

.min_height3{}

.max_height1{}

.max_height2{}

.max_height3{}

.min_width1{}

.min_width2{}

.min_width3{}

.max_width1{}

.max_width2{}

.max_width3{}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.margin_t{}

.text-align1{}

.text-align2{}

.fantome1{display: block;}

.fantome2{display: block}

.fantome3{}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.border-raduis-1{}

.border-raduis-2{}

.container_social {}

.social {}

.hidden_movil{display:block;}

.zeroMargin_desktop {margin-left: 0;}

.hide_desktop {display: none;}

}



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

.f0{background-color: transparent !important}

.header{position: fixed;top: 0px;background-color:  hsla(0, 0%, 100%, 0.35) !important}

.margin_t{margin-top:  -114px;}

.container_social {}

.social {}

.fantome3{}

.fantome2{}

.fantome4{display: none;}

}

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

.f0{background-color: transparent !important}

.header{position: fixed;top: 0px;background-color:  hsla(0, 0%, 100%, 0.35) !important}

.margin_t{margin-top:  -114px;}

.container_social {}

.social {}

.fantome3{}

.fantome2{}

.fantome4{display: block;}

}



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



body{}

main{}

header{}

footer{}

adress{}

.card-columns {

    -webkit-column-count: 3 !important;

    -moz-column-count: 3 !important;

    column-count: 3 !important;

    -webkit-column-gap: 1.25rem;

    -moz-column-gap: 1.25rem;

    column-gap: 1.25rem;

}

.header{}

.container_principal{}

.img_width{}

.menu {}

.slide{}

.slide img{}

.visite360{}

.fleche{}

.fleche img{}

.logo{}

.logo img{}

.partenaires{}

.partenaires img{}

.resa{top: 20%;width: 24%;background-color: transparent;}

.resa img{}

.lang{}

.lang img{}

.social-box{}

.social-box img{}

.tel{}

.tel img{}

.maps{}

.maps img{}

.infos {}

.infos img {}

.slogan {width: 37%;top: 25%;right: 5%;}

.slogan img {}

.container-avis{}

.avis {}

.avis img{}

.pdf {}

.pdf img{}

.ref {}

.ref img{}

.iconos {}

.iconos img{}

.body1{}

.body2{}

.body3{}

.footer1{}

.footer2{}

.footer1 img {}

.footer2 img {}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.w-1{}

.w-2{}

.w-3{}

.h-1{}

.h-2{}

.h-3{}

.z-index-1{}

.z-index-2{}

.z-index-3{}

.t1{font-size: 1.1vw !important}

.t2{font-size: 1.2vw !important}

.t3{font-size: 1.5vw !important}

.t4{font-size: 1.9vw !important}

.t5{font-size: 2.0vw !important}

.t6{font-size: 2.4vw !important}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.border-raduis-1{border-bottom-left-radius: 100px;border-top-left-radius: 100px;}

.border-raduis-2{border-bottom-right-radius: 100px;border-top-right-radius: 100px;}

.min_height1{min-height: 31vw}

.min_height2{}

.min_height3{}

.max_height1{}

.max_height2{}

.max_height3{}

.min_width1{}

.min_width2{}

.min_width3{}

.max_width1{}

.max_width2{}

.max_width3{}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.text-align1{}

.text-align2{text-align: right}

.fantome1{}

.fantome2{}

.fantome3{}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.hidden_movil{display:block;}

.zeroMargin_desktop {margin-left: 0;}

.hide_desktop {display: none;}

}



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



body{}

main{}

header{}

footer{}

adress{}

.header{}

.container_principal{}

.img_width{}

.menu {}

.slide{}

.slide img{}

.visite360{}

.fleche{}

.fleche img{}

.logo{}

.logo img{}

.partenaires{}

.partenaires img{}

.resa{}

.resa img{}

.lang{}

.lang img{}

.social-box{}

.social-box img{}

.tel{}

.tel img{}

.maps{}

.maps img{}

.infos {}

.infos img {}

.slogan {width: 40%;right: 13%;top: 30%;}

.slogan img {}

.container-avis{}

.container-avis{}

.avis {}

.avis img{}

.pdf {}

.pdf img{}

.ref {}

.ref img{}

.iconos {}

.iconos img{}

.body1{}

.body2{}

.body3{}

.footer1{}

.footer2{}

.footer1 img {}

.footer2 img {}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.w-1{}

.w-2{}

.w-3{}

.h-1{}

.h-2{}

.h-3{}

.z-index-1{}

.z-index-2{}

.z-index-3{}

.t1{font-size: 1.0vw !important}

.t2{font-size: 1.3vw !important}

.t3{font-size: 1.2vw !important}

.t4{font-size: 1.5vw !important}

.t5{font-size: 1.7vw !important}

.t6{font-size: 2.2vw !important}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

.border-raduis-1{}

.border-raduis-2{}

.min_height1{min-height: 33vw;}

.min_height2{}

.min_height3{}

.max_height1{}

.max_height2{}

.max_height3{}

.min_width1{}

.min_width2{}

.min_width3{}

.max_width1{}

.max_width2{}

.max_width3{}

.position1 {}

.middle{top: 25%;}

.top{top: 0px;}

.bottom{bottom: 0px;}

.left{left: 0px;}

.right{right: 0px;}

.text-align1{}

.text-align2{}

.fantome1{}

.fantome2{}

.fantome3{}

.sombra_text1{text-shadow: 2px 2px 2px hsla(0,0%,0%,0.57);}

.sombra_text2{}

.sombra_text3{}

	

.hidden_movil{display:block;}

.zeroMargin_desktop {margin-left: 0;}

.hide_desktop {display: none;}

}

.anime-img {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 1;

  /*animation*/

  animation: slideShow 20s ease-out infinite;

  -o-animation: slideShow 20s ease-out infinite;

  -moz-animation: slideShow 20s ease-out infinite;

  -webkit-animation: slideShow 20s ease-out infinite;

}

@keyframes 

slideShow {  0% {

 opacity: 1;

 transform:scale(1);

 -ms-transform:scale(1);

}

 5% {

 opacity: 1

}

 25% {

 opacity: 1;

}

 50% {

 opacity: 1;

 transform:scale(1.1);

 -ms-transform:scale(1.1);

}

 100% {

 opacity: 1;

 transform:scale(1.2);

 -ms-transformm:scale(1.2);

}

}



@-o-keyframes 

slideShow {  0% {

 opacity: 1;

 -o-transform:scale(1);

}

 5% {

 opacity: 1

}

 25% {

 opacity: 1;

}

 50% {

 opacity: 1;

 -o-transform:scale(1.1);

}

 100% {

 opacity: 1;

 -o-transformm:scale(1.2);

}

}

 @-moz-keyframes 

slideShow {  0% {

 opacity: 1;

 -moz-transform:scale(1);

}

 5% {

 opacity: 1

}

 25% {

 opacity: 1;

}

 50% {

 opacity: 1;

 -moz-transform:scale(1.1);

}

 100% {

 opacity: 1;

 -moz-transformm:scale(1.2);

}

}

 @-webkit-keyframes 

slideShow {  0% {

 opacity: 1;

 -webkit-transform:scale(1);

}

 5% {

 opacity: 1

}

 25% {

 opacity: 1;

}

 50% {

 opacity: 1;

 -webkit-transform:scale(1.1);

}

 100% {

 opacity: 1;

 -webkit-transformm:scale(1.2);

}

}