@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

body{
	
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.texte1{
	font-family: abel;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
}
.texte2{
	font-family: antic;
	font-style: normal;
	font-weight: 400;
}
.texte3{}
.texte4{}
.ls1 {	
	letter-spacing: 2px;
}
.ls2 {	
	letter-spacing: 2px;
}
a:hover, a, a:visited, a:active{
	text-decoration: none !important;
}

.img_100{
	width:100%;
}

.hidden_movil{
	display:none;
}

.fondo1{
	background: #f2e9de;
}
.fondo2{
	background-color: #4C4E49;
	padding-bottom: 10px;
}
.plus_location {
	position: absolute !important;
	font-size: 12px;
	border: 3px solid;
	border-radius: 30px;
	padding: 10px;
	right: 10px;
	bottom: 10px;
	top: auto !important;
	color: white;
	background-color: hsla(0,0%,0%,0.47);
}

.input_1 {
    background: white !important;
    margin-bottom: 10px;
}
.btn_1{
	background-color: #A0886D;
	border: none;
	padding: 10px;
	font-size: 22px;
	margin: 10px;
	display: block;
	text-align: center;
	color: #FFF !important;
}

.visible_1360 {
	display:none !important;
}

.naranja{
	color: #E36524;
}

.margin_0{
	margin:0px !important;
}
.plus_img{
	background-image: url(img/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.cont_title {
	width: 26%;
    position: absolute;
    top: 0%;
    left: 37%;
}
.c1 {
	color: #fff;
}
.c2 {
	color: #6A3A87;
}
.c3 {
	color: #775A3B;
}
.c4 {
	color: #D2B173;
}
.c5 {
	color: #2D2D2D;
}
.c6 {
	color: #fff;
}
.c7{
	color: #AFAFAF;
}

/*
	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. */
.gohotelsbadge{
    width: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    float: none;
}
.ghboutsidebox{width:250px;background-color: transparent;border: 3px solid #FFFFFF;padding: 0px;border-collapse: collapse;border-spacing:0px;}
.ghbinsidebox{width:100%;padding: 0px;border-collapse: collapse;border-spacing: 0px;}
.ghbinsideboxtop{
	background-color: #949494;
    font-family: Trebuchet MS;
    font-style: normal;
    color: #FFFFFF;
    padding: 4px;
    font-size: 14px;
    font-weight: normal;
}
.ghbinsideboxmiddle{
	    background-color: transparent;
    font-family: Trebuchet MS!important;
    font-size: 14px !important;
    font-style: normal !important;
    /* font-weight: bold !important; */
    color: #FFFFFF!important;
    text-decoration: underline !important;
    padding: 4px;
}
.ghbinsideboxfooter{background-color: transparent;font-family:Trebuchet MS; font-size:12px;font-style: normal;font-weight: normal;color: #FFFFFF;}
.modalites {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #979797;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.t1 {
	font-size: 16px
}
.t2 {
	font-size: 18px
}
.t3 {
	font-size: 20px
}
.t4 {
	font-size: 24px
}


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#header {
}
.slider {
}
.cont_icons_slider {
	display: inline-block;
}
.icon_reserver {
	border-radius: 50%;
	width: initial;
	background-color: #4c4e49;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.icon_actualite {
	border-radius: 50%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #4c4e49;
	width: initial;
	clear: none;
}
.text_reserver_triangulo {
	display: none;
}
.img_reserver_triangulo {
	
}
.img_actualite_triangulo {
}
.text_actualite_triangulo {
	display: none;
}
.cont_tripadvisor {
    width: 80%;
    float: none;
    margin: auto;
}
.center {
	display: block;
}
.contenido1 {
	background-color: #4C4E49;
	color: #FFF;
}
.contenido2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.cont2_40 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.cont2_20 {
}
.cont2_imgs {
}
.cont2_img_peque {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 33.33%;
	clear: none;
}
.cont2_img_grande {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
}
.cont2_icons {

}
.cont2_icon {
	width: 45px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: none;
	border-style: solid;
	border-radius: 50%;
	border-color: #999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: inline-block;
	float: none;
}
.cont2_tarifs {
}
.contenido3 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cont3_img {
	width: 50%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: none;
	position: relative;
}
.contenido4 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.contenido5 {
	margin-bottom: 20px;
	margin-top: 20px;

}
.cont5_3 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	background-color: #FFFFFF;
}
.cont5_3 p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.contenido6 {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.cont6_50 {
}
.contenido7 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.cont7_30 {
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;

}
.cont7_30_img {
	width: 31.33%;
	height: 500px;
	background-position: center 0%;
	background-size: cover;
	clear: none;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	position: relative;
}
.cont7_70 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.cont7_actualite {
	position: relative;
	clear: none;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #fff;
}
.cont7_actualite span {
	position: absolute;
	background-color: hsla(0,0%,0%,0.50);
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	left: 0%;
	width: 100%;
}
.cont7_actualite img {
	width: auto;
	height: 300px;
}
.contenido8 {
	margin-bottom: 20px;
	margin-top: 20px;
}
.cont8_50 {
	position: relative;
}
.cont8_50_flex {
}
.cont8_lugar {
	position: relative;
	background-color: #FFFFFF;
}
.cont8_lugar span {
	position: absolute;
	background-color: hsla(0,0%,0%,0.50);
	width: 100%;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 18px;
	color: #FFF;
}
.cont8_lugar p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.contenido_contact {
	margin-top: 20px;
	margin-bottom: 20px;
}
.contact_40 {
}
.contact_map {
}
#footer {
	background-color: #4c4e49;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #FFF;
}
.footer_3 {
	text-align: center;
}
.contenido9 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.cont9_60 {
}
.cont9_40 {
}
.cont9_img {
	width: 50%;
	position: relative;
	clear: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.capa_hover {
	position: absolute;
	top: 0px;
	min-height: 100%;
	background-color: hsla(0,0%,100%,0.73);
	opacity: 0;
}
.capa_hover:hover {
	opacity: 1;
	-webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.container_img_bloc {
	position: relative;
	
}
.texte_bloc {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: -10px;
}
.flash_infos{
	width: 90%;
	margin-left: 10%;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

form{
	text-align:left;
} 
form .row.validation{
	margin-left: 0px !important;  
	margin-right: 0px !important;
	display: flex;
    flex-flow: row wrap;
	box-sizing: border-box;
}
form .row.validation .col-12{
	width: 100%; 
	box-sizing: border-box;
	padding: 5px 10px;
}
form .row.validation .col-6{
	width: 50%; 
	box-sizing: border-box;
	padding:10px;
}
.mb-2{
	/* margin-bottom:15px;  */
} 
.mb-3{
	/* margin-bottom:15px; */
} 
.px-0{ padding-left:0px;padding-right:0px;}

.order-1{order:1;}
.order-2{order:2;}
.order-3{order:3;}
.order-4{order:4;}
.order-5{order:5;}
.order-6{order:6;}
.order-7{order:7;}
.order-8{order:8;}
.order-9{order:9;}
.order-10{order:10;}
.order-11{order:11;}
.order-12{order:12;}
.order-last{order:20;}

.btn-submit-editeur {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #979797 !important;
	border:solid 1px #979797 !important;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width:auto !important;
}
.btn-submit-editeur:hover{
		background-color: #848484 !important;
}

@media only screen and (min-width: 768px) {
.cont_tripadvisor {
    width: 30%;
}
}

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

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

.t1 {
	font-size: 16px
}
.t2 {
	font-size: 18px
}
.t3 {
	font-size: 24px
}
.t4 {
	font-size: 26px
}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
.cont_title {
    position: absolute;
    z-index: 5;
}
	
#header {
}
.slider {
	position: relative;
	margin-top: 55px;
}
.cont_icons_slider {
}
.icon_reserver {
	margin: 0;
    padding: 0;
    background-color: transparent;
	position: absolute;
	color: white;
	top: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-right: 50px solid  hsla(0, 0%, 100%, 0.5);
	border-top: 50px solid hsla(0, 0%, 100%, 0.5);
	border-left: 50px solid transparent;
	border-radius: 0%;
	border-bottom: 50px solid transparent;
}
.icon_reserver:before {
	content: '';
    display: block;
    position: absolute;
	color: white;
	top: -50px;
	right: -50px;
	width: 0;
    height: 0;
    border-right: 52px solid hsla(0,0%,0%,0.50);
    border-top: 52px solid hsla(0,0%,0%,0.50);
    border-left: 52px solid transparent;
    border-bottom: 52px solid transparent;
}	
.icon_actualite {
	margin: 0;
	padding: 0;
	background-color: transparent;
	position: absolute;
	color: white;
	bottom: 0px;
	width: 0;
	height: 0;
	border-radius: 0%;
	border-right: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 50px solid hsla(0, 0%, 100%, 0.5);
	border-bottom: 50px solid hsla(0, 0%, 100%, 0.5);
}
.icon_actualite:before {
	content: '';
    display: block;
    position: absolute;
	color: white;
	bottom: -50px;
	left: -50px;
	width: 0;
    height: 0;
    border-right: 52px solid transparent;
    border-top: 52px solid transparent ;
    border-left: 52px solid hsla(0,0%,0%,0.50);
    border-bottom: 52px solid hsla(0,0%,0%,0.50);
}
.text_reserver_triangulo {

}
.img_reserver_triangulo {
	position: absolute;
    max-width: inherit;
    top: -40px;
    right: -40px;
}
.img_actualite_triangulo {
	max-width: inherit;
    position: absolute;
    left: -30px;
    bottom: -30px;
}
.text_actualite_triangulo {
	
}
.cont_tripadvisor {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 14%;
	right: 5%;
}
.center {
	height: 0px;
    float: left;
}
.contenido1 {
}
.contenido2 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cont2_40 {
	width: 50%;
	clear: none;
}
.cont2_20 {
}
.cont2_imgs {
}
.cont2_img_peque {
}
.cont2_img_grande {
}
.cont2_icons {
}
.cont2_icon {
}
.cont2_tarifs {
}
.contenido3 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cont3_img {
	width: 25%;
}
.contenido4 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.contenido5 {
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
}
.cont5_3 {
	width: 31.33%;
	clear: none;
	margin-bottom: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-left: 1%;
	padding-bottom: 0px;

}
.contenido6 {
	margin-bottom: 30px;
}
.cont6_50 {
	width: 50%;
	clear: none;
}
.contenido7 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cont7_30 {
}
.cont7_30_img {
}
.cont7_70 {
}
.cont7_actualite {
	clear: none;
	width: 48%;
}
.contenido8 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cont8_50 {
}
.cont8_50_flex {
	display: flex;
}
.cont8_lugar {
	width: 48%;
	clear: none;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.contenido_contact {
	margin-top: 30px;
	margin-bottom: 30px;
}
.contact_40 {
	width: 40%;
	clear: none;
	padding-right: 20px;
}
.contact_map {
	width: 60%;
	clear: none;
}
#footer {
	margin-top: 30px;
}
.footer_3 {
	width: 33.33%;
	clear: none;
	text-align: center;
}
.contenido9 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.cont9_60 {
}
.cont9_40 {
}
.cont9_img {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.capa_hover {
}
.container_img_bloc {
}
.texte_bloc {
	position: relative;
}
.flash_infos{
	width: 90%;
	margin-left: 0px;
	font-weight: bold;
	text-shadow: 1px 1px 2px hsla(0,0%,100%,0.41);
	position: absolute;
	left: 10%;
	bottom: 20px;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Laptop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.c3 {
	color: #775A3B;
}
.t1 {
	font-size: 20px
}
.t2 {
	font-size: 24px
}
.t3 {
	font-size: 26px
}
.t4 {
	font-size: 32px
}
.hidden_movil{
		display:block;
	}

	.cont_title {
    position: absolute;
    z-index: 14;
    top: 0px;
    margin-top: 0px;
    left: 3%;
    width: 10%;
}
	
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
}
.slider {
	position: relative;
}
.cont_icons_slider {
}
.icon_reserver {
	margin: 0;
	padding: 0;
	background-color: transparent;
	position: absolute;
	color: white;
	top: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-right: 100px solid hsla(0, 0%, 100%, 0.5);
	border-top: 100px solid hsla(0, 0%, 100%, 0.5);
	border-left: 100px solid transparent;
	border-radius: 0%;
	border-bottom: 100px solid transparent;
}
.icon_reserver:before {
	content: '';
    display: block;
    position: absolute;
    color: white;
    top: -100px;
    right: -100px;
    width: 0;
    height: 0;
    border-right: 105px solid hsla(0,0%,0%,0.50);
    border-top: 105px solid hsla(0,0%,0%,0.50);
    border-left: 105px solid transparent;
    border-bottom: 105px solid transparent;
}
.icon_actualite {
	 margin: 0;
    padding: 0;
    background-color: transparent;
	position: absolute;
	 color: white;
	 bottom: 0px;
	 width: 0;
     height: 0;
	border-radius:0%;
     border-right: 100px solid transparent;
     border-top: 100px solid transparent;
     border-left: 100px solid hsla(0, 0%, 100%, 0.5);
     border-bottom: 100px solid hsla(0, 0%, 100%, 0.5);
}
.icon_actualite:before {
	content: '';
    display: block;
    position: absolute;
	color: white;
	bottom: -100px;
	left: -100px;
	width: 0;
    height: 0;
    border-right: 105px solid transparent;
    border-top: 105px solid transparent ;
    border-left: 105px solid hsla(0,0%,0%,0.50);
    border-bottom: 105px solid hsla(0,0%,0%,0.50);
}
.text_reserver_triangulo {
	position: absolute;
	right: -80px;
	top: -70px;
	font-size: 18px;
	display: block;
}
.img_reserver_triangulo {
	top: -40px;
    right: -50px;
}
.img_actualite_triangulo {
	bottom: -50px;
    left: -50px;
}
.text_actualite_triangulo {
	position: absolute;
	left: -80px;
	bottom: -80px;
	font-size: 18px;
	display: block;
}
.cont_tripadvisor {
}
.center {
}
.contenido1 {
}
.contenido2 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont2_40 {
	width: 40%;
	clear: none;
}
.cont2_20 {
	width: 20%;
	clear: none;
}
.cont2_imgs {
}
.cont2_img_peque {
}
.cont2_img_grande {
}
.cont2_icons {
}
.cont2_icon {
	width: 45px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-radius: 50%;
	padding-left: 5px;
	border-style: solid;
	border-color: #999;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: none;
}
.cont2_tarifs {
}
.contenido3 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont3_img {
}
.contenido4 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.contenido5 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont5_3 {
}
.contenido6 {
	margin-bottom: 40px;
}
.cont6_50 {
}
.contenido7 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont7_30 {
	width: 40%;
	clear: none;
}
.cont7_30_img {
}
.cont7_70 {
	width: 60%;
	clear: none;
}
.cont7_actualite {
}
.contenido8 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont8_50 {
	width: 50%;
	clear: none;
}
.cont8_50_flex {
}
.cont8_lugar {
}
.contenido_contact {
	margin-top: 40px;
	margin-bottom: 40px;
}
.contact_40 {
}
.contact_map {
}
#footer {
	margin-top: 40px;
}
.footer_3 {
}
.contenido9 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.cont9_60 {
	width: 60%;
	clear: none;
}
.cont9_40 {
	clear: none;
	width: 40%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.cont9_img {
}
.capa_hover {
}
.container_img_bloc {
}
.texte_bloc {
}
.flash_infos{
	top: 100px;
	position: absolute;
	left: 10%;
	bottom: auto;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}
