@charset "utf-8";
/* CSS Document */
/* header */
body{ font-family: 'Roboto', sans-serif;
	font-size: 15px;}
span {font-weight: bolder;}
#bloc-header {height:auto;
				background-color:#FFF;}
#bloc-header-bleu {height:5px;
				background-color:#008596;}
#logo-restaurant {margin-top:10px;
					margin-bottom:10px;}

header { position:fixed;
		width:100%;
		z-index:10;}
		
@media (max-width: 1000px) {header { position: inherit;}
							#logo-restaurant img  {margin : 0 auto;
											display:block;
											height: 100%;
											width: 100%;}
	#bloc-plan iframe {height:100%;
						width:100%;}
				
}
/* footer*/
#bloc-footer {height:auto;
				background-color:#008596;
				margin-top:30px;}

#bloc-logo-footer {padding-left:60px;}

#bloc-logo-footer img {margin-top:40px;}
#bloc-logo-footer p {font-family: 'Roboto', sans-serif;
					color:#FFF;
				font-size:21px;
				text-align:left;
				font-variant:normal;
				margin-top:30px;
				margin-bottom:20px;
				font-weight: 200;}

#bloc-menu-footer {border-left:1px solid #FFF;
					margin-top:50px;}

#bloc-menu-footer a {text-decoration:none;
					color: #FFF;}
#bloc-logo-footer a {text-decoration:none;
					color: #FFF;}

#bloc-menu-footer p {font-size:20px;
						font-weight: 200;
					margin-left:70px;}
#bloc-facebook-footer {padding-top:160px;}

#bloc-facebook-footer img {margin-top:10px;}

#mentions p {font-size:12px;}
#mentions a {text-decoration:none;
					color: #FFF;}

@media (max-width: 1000px) {#bloc-logo-footer img {height:100%;
													width:100%;}
							#bloc-menu-footer {border-left:none;
												margin-top:30px;}
							#bloc-facebook-footer {padding-top:0px;
													padding-bottom:20px;}
							#bloc-facebook-footer img {margin:0 auto;
														display:block;
														margin-top:20px;}


}

/* accueil */
	
#bloc-blanc { height:75px;
			background-color:#FFF;}

#bloc-dispo { height:auto;
			background-color:#ef6e58;}

#bloc-dispo-texte p {font-family: 'Roboto', sans-serif;
					color:#FFF;
				font-size:35px;
				text-align:center;
				font-variant:normal;
				margin-top:20px;
				margin-bottom:20px;}

a.bouton-dispo {width: 160px;
					height: 42px;
					display: block;
					background: url("../images/bouton-dispo.png") no-repeat;
				margin:0 auto;
				display: block;
				margin-top:25px;}

#bloc-situation-image {padding-left:0px;
					padding-right:0px;}					

#bloc-situation-image img {margin:0 auto;
					display:block;
					width:100%;
					height:auto;}

#bloc-situation-texte { height:auto;
						background-color:#008596;
						padding-bottom:8px;}

#bloc-situation-texte h1 {font-family: 'Roboto', sans-serif;
					color:#FFF;
				font-size:29px;
				text-align:center;
				font-variant:normal;
				font-weight: 200;
				margin-top:30px;
				margin-bottom:30px;}

#bloc-situation-texte p {font-family: 'Roboto', sans-serif;
					color:#FFF;
				font-size:16px;
				text-align:center;
				font-variant:normal;
				font-weight: 200;
				margin-top:30px;
				margin-bottom:30px;}

#bloc-chambre-accueil-texte { height:auto;
						background-color:#f5f2ed;
						padding-bottom:13px;}

#bloc-chambre-accueil-texte h1 {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:29px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-top:30px;
				margin-bottom:30px;}

#bloc-chambre-accueil-texte p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:17px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-top:30px;
				margin-bottom:30px;}

#bloc-chambre-accueil-image img {margin:0 auto;
					display:block;
					width:100%;
					height:auto;}

#bloc-chambre-accueil-image{padding-left:0px;
					padding-right:0px;}	

a.bouton-chambre {width: 166px;
					height: 44px;
					display: block;
					background: url("../images/bouton-chambre.png") no-repeat;
				margin:0 auto;
				display: block;
				margin-top:25px;}

#bloc-actu { height:auto;
			background-color:#bdd7e8;}


#bloc-titre h2 {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:30px;
				text-align:center;
				font-weight: 200;
				margin-top:20px;
				margin-bottom:20px;}

#bloc-trait {border-top: 1px solid #ef6e58;
			margin-top:40px;}

#bloc-actu-texte p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:17px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;}

#bloc-actu-logo img {float:right;
					height:45px;
					width:225px;
					margin-right:30px;
					margin-bottom:20px;}
#bloc-tourisme img {margin:0 auto;
					display:block;
					width:100%;
					height:auto;}

#bloc-texte-tourisme p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:21px;
				text-align:center;
				font-variant:normal;
				font-weight: 200;
				margin-bottom:30px;
				margin-top:30px;}

#bloc-texte-tourisme {border: 1px solid #ef6e58;
						margin-top:20px;
						padding-bottom: 30px;}

a.bouton-tourisme {width: 422px;
					height: 73px;
					display: block;
					background: url("../images/bouton-tourisme.png") no-repeat;
				margin:0 auto;
				display: block;}

#bloc-partenaire {margin-top:30px;
					margin-bottom:0px;}

#bloc-maison-hote img {float: right;}
#bloc-vacances img {margin:0 auto;
					display:block;
					margin-top:25px;}


@media (max-width: 1000px) { #bloc-blanc { display: none;}
							a.bouton-dispo {margin-bottom:20px;
											margin-top:20px;}
							#bloc-dispo-texte p {margin-bottom:0px;}
							#bloc-trait {display:none;}
							a.bouton-tourisme {width: 250px;
											height: 43px;
											background: url("../images/bouton-tourisme-responsive.png") no-repeat;
											margin:0 auto;
											display: block;}
							#bloc-maison-hote img {	float: none;
													margin:0 auto;
													display: block;}
	
							#bloc-vivaweek img {margin:0 auto;
												display: block;
												margin-top:20px;}}

/* maison */

#titre-page h1 {	font-family: 'Roboto', sans-serif;
				color:#ef6e58;
				font-size:47px;
				text-align:center;
				font-weight: 200;
				margin-bottom:10px;
				margin-top:70px;}

#titre-page h2 {	font-family: 'Roboto', sans-serif;
				color:#008596;
				font-size:31px;
				text-align:center;
				font-weight: 300;
				font-variant:normal;
				margin-bottom:70px;
				margin-top:0px;}

#image-maison-2 img {margin-top:20px;
				margin-bottom:20px;}

#bloc-maison-texte {height:auto;
			background-color:#f5f2ed;}


#bloc-maison-texte p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:18px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-top:15px;
				margin-bottom:15px;}

#bloc-loisirs-texte p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:17px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;
				line-height:33px;}

#bloc-loisirs-texte-2 p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:17px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;
				line-height:33px;}

#bloc-histoire {border: 1px solid #ef6e58;
						margin-top:30px;
						margin-bottom:30px;}

#bloc-histoire-texte h3 {	font-family: 'Roboto', sans-serif;
				color:#ef6e58;
				font-size:40px;
				text-align:center;
				font-weight: 200;
				margin-bottom:40px;
				margin-top:40px;}
#bloc-histoire-texte p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:19px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:40px;
				margin-left:40px;}

#bloc-histoire-photo img {margin:0 auto;
					display:block;
					width:70%;
					height:auto;
					margin-top:70px;
					margin-bottom:70px;}

@media (max-width: 1000px) { #image-maison-2 img {margin-top:20px;
											margin-bottom:20px;
											height:100%;
											width: 100%;}
							#bloc-histoire-texte p {margin-left:0px;}

}

/* chambres */

#titre-page-maison h1 {	font-family: 'Roboto', sans-serif;
				color:#ef6e58;
				font-size:47px;
				text-align:center;
				font-weight: 200;
				margin-bottom:10px;
				margin-top:70px;}

#titre-page-maison h2 {	font-family: 'Roboto', sans-serif;
				color:#008596;
				font-size:20px;
				text-align:center;
				font-weight: 300;
				font-variant:normal;
				margin-bottom:30px;
				margin-top:80px;}

#titre-page-maison p {	font-family: 'Roboto', sans-serif;
				color:#008596;
				font-size:18px;
				text-align:center;
				font-weight: 300;
				font-variant:normal;
				margin-bottom:60px;}

#bloc-double-texte {height:auto;
					background-color:#008596;
					padding-bottom: 20px;
					margin-bottom:30px;}

#bloc-double-texte h3 {font-family: 'Roboto', sans-serif;
				color:#FFF;
				font-size:26px;
				text-align:left;
				font-weight: 200;
				font-variant:normal;
				margin-bottom:40px;
				margin-top:20px;}

#bloc-double-texte p {font-family: 'Roboto', sans-serif;
				color:#FFF;
				font-size:16px;
				text-align:left;
				font-weight: 200;
				font-variant:normal;
				margin-bottom:20px;}


#bloc-studio-texte {height:auto;
					background-color:#ef6e58;
					padding-bottom: 20px;
					margin-bottom:30px;}

#bloc-studio-texte h3 {font-family: 'Roboto', sans-serif;
				color:#FFF;
				font-size:26px;
				text-align:left;
				font-weight: 200;
				font-variant:normal;
				margin-bottom:40px;
				margin-top:20px;}

#bloc-studio-texte p {font-family: 'Roboto', sans-serif;
				color:#FFF;
				font-size:16px;
				text-align:left;
				font-weight: 300;
				font-variant:normal;
				margin-bottom:20px;}
				
#bloc-appartement-texte {height:auto;
					background-color:#bdd7e8;
					padding-bottom: 20px;
					margin-bottom:30px;}

#bloc-appartement-texte h3 {font-family: 'Roboto', sans-serif;
				color:#ef6e58;
				font-size:26px;
				text-align:left;
				font-weight: 200;
				font-variant:normal;
				margin-bottom:40px;
				margin-top:20px;}

#bloc-appartement-texte p {font-family: 'Roboto', sans-serif;
				color:#ef6e58;
				font-size:16px;
				text-align:left;
				font-weight: 200;
				font-variant:normal;
				margin-bottom:20px;}

a.bouton-dispo-2 {width: 160px;
					height: 42px;
					display: block;
					background: url("../images/bouton-dispo-2.png") no-repeat;
				margin:0 auto;
				display: block;
				margin-top:25px;}


@media (max-width: 1000px) {#bloc-double-photo img {height:100%;
													width:100%;}
							#bloc-double-photo		{padding-right:0px;
													padding-left:0px;}
							#bloc-appartement-photo img {height:100%;
													width:100%;}
							#bloc-appartement-photo		{padding-right:0px;
													padding-left:0px;}
							#bloc-studio-photo img {height:100%;
													width:100%;}
							#bloc-studio-photo		{padding-right:0px;
													padding-left:0px;}

}
/* tarifs*/

.table  {border-collapse:collapse;border-spacing:0;}

.table td{font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#ef6e58;
	padding:8px 20px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
	border-color:#ef6e58;}

.table th{font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:normal;
	padding:8px 20px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
	border-color:#ef6e58;}

.table .tg-l711{
	text-align: center;
	font-size: 15px;
	font-variant: normal;
	color:#008596;}
.table .tg-us36{
	text-align: center;
	font-size: 15px;
	font-variant: normal;
	vertical-align:top;
	color:#008596;}

.table .tg-4vh7{
		text-align: center;
	font-size:15px;
	color:#ef6e58;
	font-weight: 200;}

.table .tg-ug4e{
	text-align: center;
	font-size:15px;
	vertical-align:top;
	color:#ef6e58;
	font-weight: 200;
	padding-top:20px;}

.table .tg-spe{
	text-align: center;
	font-size:15px;
	vertical-align:top;
	color:#ef6e58;
	font-weight: 200;
	padding-top:50px;}

.table .tg-f4iu{	
	text-align: center;
	font-size:14px;
	text-align:center;
	vertical-align:top;
	color:#FFF;
	background-color:#ef6e58;opacity:0.7;}

#prix {
margin-bottom:30px;}

#taxe {margin-bottom:30px;}
#sejour p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:14px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;}

#reglement p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:14px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;}
#tarif-titre h2 {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:25px;
				text-align:center;
				font-weight: 200;
				margin-top:20px;
				margin-bottom:20px;}

#tarif-trait {border-top: 1px solid #ef6e58;
			margin-top:40px;}

#bloc-tarif-texte p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:15px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;
				margin-left:20px;}
				

@media (max-width: 1000px) {#tarif-trait {border-top: none;
											margin-top:0px;}


}

/* covid-19*/

#bloc-covid-texte p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:15px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;
				margin-left:20px;}	
/* tourisme*/

#ligne {margin-bottom:15px;}

#bloc-lieu {border-style:solid;
	border-width:1px;
	border-color:#008596;
	padding-right:0px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	height:50%;
	width:50%;
	margin-right:10px;}

#bloc-lieu-droite {border-style:solid;
	border-width:1px;
	border-color:#008596;
	padding-right:0px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	height:50%;
	width:49%;}

#bloc-tourisme-texte h3 {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:20px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-top:0px;}

#bloc-tourisme-texte p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:12px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;}

a.bouton-lieu {width: 138px;
					height: 29px;
					display: block;
					background: url("../images/bouton-lieu.png") no-repeat;
				margin:0 auto;
				display: block;
				margin-top:15px;}

#bloc-tourisme-image img {margin:0 auto;
					display:block;}


@media (max-width: 1000px) {#bloc-lieu {border-style:solid;
	border-width:1px;
	border-color:#008596;
	padding-right:0px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	height:100%;
	width:100%;
	margin-right:10px;
	margin-bottom:15px;}

#bloc-lieu-droite {border-style:solid;
	border-width:1px;
	border-color:#008596;
	padding-right:0px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	height:100%;
	width:100%;}
	
#bloc-tourisme-texte h3 {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:20px;
				text-align:center;
				font-variant:normal;
				font-weight: 300;
				margin-top:20px;}
}

/*contact*/

#bloc-contact-photo {margin-top:40px;
					margin-bottom:30px;}

#bloc-contact-info {margin-top:40px;
					margin-bottom:30px;}

#adresse p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:18px;
				text-align:left;
				font-variant:normal;
				font-weight: 200;
				margin-top:20px;}

#mail h2 {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:25px;
				text-align:left;
				font-variant:normal;
				font-weight: 400;
			margin-bottom:0px;}

#mail p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:15px;
				text-align:left;
				font-variant:normal;
				font-weight:200;}

#mail a {text-decoration:none;
					color:#ef6e58;}

#tel h2 {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:25px;
				text-align:left;
				font-variant:normal;
				font-weight: 400;
			margin-bottom:0px;}

#tel p {font-family: 'Roboto', sans-serif;
					color:#378493;
				font-size:15px;
				text-align:left;
				font-variant:normal;
				font-weight:200;}

#bloc-texte-contact h3 {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:25px;
				text-align:center;
				font-variant:normal;
				font-weight:400;}

#bloc-texte-contact p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:18px;
				text-align:center;
				font-variant:normal;
				font-weight:200;
				margin-bottom:40px;}
#bloc-plan {margin-top:40px;
			margin-bottom:30px;}

@media (max-width: 1000px) {#bloc-contact-photo img {height:100%;
													width:100%;}
							#bloc-contact-info img {height:100%;
												width:100%;}


}


/*chambre*/

#bloc-chambre {margin-top:50px;
				margin-bottom:20px;}
#bloc-chambre-texte p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:18px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-top:15px;
				margin-bottom:15px;}

#bloc-carrousel-chambre {margin-bottom:30px;}

#bloc-loisirs p {font-family: 'Roboto', sans-serif;
					color:#ef6e58;
				font-size:17px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-bottom:15px;
				line-height:33px;}

#bloc-actu-2 { height:auto;
			background-color:#bdd7e8;
			margin-bottom:30px;}

a.bouton-PMR {width: 425px;
					height: 83px;
					display: block;
					background: url("../images/bouton-PMR.png") no-repeat;
				margin:0 auto;
				display: block;
				margin-top:40px;}

@media (max-width: 1000px) {#bloc-chambre-photo img {height: 100%;
												width: 100%;}
							#bloc-chambre-photo-2 img {height: 100%;
												width: 100%;
												margin-top:20px;}
							a.bouton-PMR {width: 250px;
											height: 49px;
											display: block;
											background: url("../images/bouton-PMR-responsive.png") no-repeat;
											margin:0 auto;
											display: block;
											margin-top:40px;}
}
	
	
/*mentions légales*/

#bloc-mentions p {font-family: 'Roboto', sans-serif;
					color:#008596;
				font-size:18px;
				text-align:left;
				font-variant:normal;
				font-weight: 300;
				margin-top:15px;
				margin-bottom:15px;}