/* Feuille de style */

/* RESET RESET RESET RESET RESET RESET RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:hover, a:active, a:visited {
	color: inherit;
	text-decoration: none;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* GENERAL ---------------------------------------- */

.v-align, .v-aligned
{
	display: inline-block;
	vertical-align: middle;
}

.b-align, .b-aligned
{
	display: inline-block;
	vertical-align: bottom;
}

.v-align, .b-align
{
	height: 100%;
}

html
{
	width: 100%;
}

body
{
	position: relative;
	text-align: center;
	font-family: 'catamaran';
}

html, body {
	height: 100%;
}

.wrap
{
	width: 100%;
	max-width: 1150px;
	display: inline-block;
}

.section-title
{
	font-family: 'chonburi';
	font-size: 36px;
}

.white-text
{
	color: white;
}

.green-text
{
	color: #007663;
}

.orange-text
{
	color: #e39f16;
}

.full-height
{
	height: 100%;
}

.full-width
{
	width: 100%;
}

.content-block h2
{
	font-size: 35px;
	font-weight: bold;
	font-family: 'montserrat';
}

.content-in > p 
{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
	margin: 50px 0;
}

.content-block
{
	margin: 120px 0;
}

.content-in
{
	padding: 0 20px;
}

.text-full-width, .title-full-width
{
	display: inline-block;
	width: 100%;
	max-width: 900px;
}

.side-text
{
	display: inline-block;
	width: 100%;
	max-width: 550px;
}

.block-text.lonely-text
{
	margin-bottom: 0px;
}

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

.text-right
{
	text-align: right
}

.text-justify
{
	text-align: justify;
}

/* BUTTONS -------------------------------- */

.block-button {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
	max-width: 450px;
	display: inline-block;
	text-align: left;
	cursor: pointer;
}

.block-button.full-width-button {
	max-width: none;
}

.block-button h3 {
    padding: 13px 12px 12px 12px;
	font-family: 'montserrat';
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.green-button h3 {
    border: solid 2px #007663;
    background-color: #007663;
	color: white;
}

.orange-button h3 {
    border: solid 2px #e39f16;
	background-color: #e39f16;
    color: white;
}

.white-border-button h3 {
    border: solid 2px white;
	background-color: transparent;
    color: white;
}

.orange-button h3:hover {
	opacity: 0.9;
}

.green-button h3:hover {
	opacity: 0.9;
}

.white-border-button h3:hover {
	background-color: rgba(255,255,255,0.1);
}

.lonely-button {
	margin-top: 60px;
}

.mobile-button {
	display: none;
}

.button-arrow {
	height: 16px;
	/*position: absolute;
	right: 12px;
	top: 12px;
	height: 16px;*/
}

.text-image-block {
	display: flex;
	margin: 70px 0;
	justify-content: space-between;
}

.right {
	text-align: right;
	margin-left: 40px;
}

.left {
	text-align: left;
}

.content-title {
    margin: 100px 0px 60px 0px;
    font-size: 32px;
    font-family: 'montserrat';
}

.container {
    display: flex;
    flex-wrap: wrap;
}



@media screen and (max-width: 1000px)
{	
	.text-image-block
	{
		flex-direction: column;
		align-items: center;
	}
	
	.right, .left
	{
		text-align: center;
	}
	
	.right
	{
		margin: 0;
	}
}

@media screen and (max-width: 500px)
{
	.content-in > p 
	{
		text-align: justify;
		font-size: 18px;
	}
	
	.content-block
	{
		margin: 80px 0;
	}
	.content-block h2
	{
		font-size: 22px;
	}
}


/* PAGE INTRO ---------------------------------------- */

.page-welcome
{
	background-size: cover;
	background-position: center bottom;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0.4), inset 0 -280px 150px rgba(0,0,0,0.3);
	font-family: 'montserrat';
	font-weight: bold;
	line-height: 1.3;
	text-shadow: 3px 3px 6px black;
	margin-top: 151px;
}

.page-welcome-content
{
	text-align: right;
}

.page-welcome-text
{
	max-width: 640px;
	width: 90%;
	margin: 0 0 40px 0;
}

.page-welcome-text h2
{
	font-size: 60px;
	color: white;
	margin: 0 20px;
}

.page-welcome-text h4
{
	font-size: 40px;
	margin: 15px 0;
	color: #e39f16;
	margin: 0 20px;
}

#accueil-welcome
{
	background-image: url('/img/photos/hotel.jpg');
}

#services-welcome
{
	background-image: url('/img/photos/piscine.jpg');
}

#reunions-welcome
{
	background-image: url('/img/photos/reunions-1.jpg');
}

#environs-welcome
{
	background-image: url('/img/photos/attr-centredart.jpg');
}

#chambres-welcome
{
    background-image: url('/img/photos/ENK.jpg');
}

#forfaits-welcome
{
    background-image: url('/img/photos/motoneige.jpg');
}

@media screen and (max-width: 1030px) {
	.page-welcome {
		margin-top: 120px;
	}
}

@media screen and (max-width: 700px)
{
	.page-welcome-text h2
	{
		font-size: 40px;
	}
	
	.page-welcome-text h4
	{
		font-size: 30px;
	}
}

@media screen and (max-width: 400px)
{
	.page-welcome-text h2
	{
		font-size: 30px;
	}
	
	.page-welcome-text h4
	{
		font-size: 20px;
	}
}

/* GALERIES --------------------------------------- */


.gallery-content-box
{
	padding: 50px 30px;
	color: white;
	font-size: 20px;
}

.green-box
{
	background-color: #007663;
}

.orange-box
{
	background-color: #e39f16;
}

.gallery-content-box h3
{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 50px;
	line-height: 1.3;
}

.gallery-content-box ul
{
	text-align: right;
}

.gallery-content-box ul li
{
	margin: 20px 0;
}

.gallery-content-box ul li a:hover
{
	color: rgb(230,230,230);
}

.gallery-content-box ul li:first-child
{
	margin-top: 0px;
}

.gallery-content-box ul li:last-child
{
	margin-bottom: 0px;
}

.gallery-flex
{
	display: flex;
	justify-content: space-between;
}

.gallery-flex-col
{
	flex-direction: column;
}

.gallery-flex-grow
{
	flex-grow: 1;
}

@media screen and (max-width: 700px)
{
	.gallery-content-box
	{
		font-size: 18px;
		padding: 40px 20px;
	}
	
	.gallery-content-box h3
	{
		font-size: 19px;
		margin-bottom: 30px;
	}
	
	.gallery-flex
	{
		flex-direction: column;
	}
	
	.gallery-flex-grow
	{
		flex-grow: 1;
		width: 100%;
	}
	
	.mobile-reverse
	{
		flex-direction: column-reverse;
	}
}

/* HEADER ----------------------------------------- */

header
{
	color: white;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 3;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#header-top
{
	padding: 28px 0;
	background-color: #007663;
}

#header-top-content
{
	position: relative;
	text-align: right;
}

#header-right, #header-left
{
	height: 100%;
}

#header-right
{
	margin-right: 20px;
}

#header-left
{
	position: absolute;
	z-index: 1;
	top: -30px;
	left: 20px;
	transition: 500ms;
}

#header-left-content {
	padding: 20px 30px;
	box-sizing: border-box;
	background-color: white;
	text-align: center;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

#header-left img
{
	height: 185px;
	width: auto;
	margin-bottom: 5px;
	transition: 500ms;
}

#hotel-location
{
	font-size: 16px;
	font-family: 'Montserrat';
	font-weight: bold;
	text-align: center;
	background-color: #007663;
	color: white;
	padding: 4px 8px;
}

#adress-bar
{
	font-family: 'Montserrat';
	margin-right: 8px;
	margin-bottom: 15px;
	font-size: 16px;
}

#adress-bar h3, .lang-change
{
	display: inline-block;
}

.lang-change
{
	border: 3px solid #e39f16;
	font-size: 14px;
	padding: 3px;
	font-weight: bold;
	color: #e39f16;
	cursor: pointer;
	margin-left: 8px;
}

nav
{
	position: relative;
}

nav ul li
{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 7px;
}

nav ul li:hover
{
	color: #e39f16;
}

.nav-social img
{
	height: 20px;
	width: auto;
}

.nav-social
{
	margin: 0 3px;
}

#mobile-nav-command
{
	display: none;
	cursor: pointer;
}

#reserver-button
{
	background-color: #e39f16;
	padding: 12px 0 10px 0;
	font-size: 16px;
	font-family: 'montserrat';
	font-weight: bold;
	cursor: pointer;
}

#reserver-button:hover
{
	opacity: 0.9;
}

#reserver-button img
{
	height: 13px;
	margin-left: 8px;
}

@media screen and (max-width: 1030px)
{
	header {
		position: absolute;
		top: -120px;
	}
	
	#mobile-nav-command
	{
		display: inline-block;
	}
	
	nav ul, #adress-bar
	{
		display: none;
	}
	
	#header-left
	{
		height: 122px;
		left: 0px;
	}
	
	#header-left img
	{
		height: 77px;
	}

	#header-left-content {
		padding: 15px 23px;
	}

	#hotel-location
	{
		font-size: 6px;
	}
	
	#mobile-nav-command-w, #mobile-nav-command h3
	{
		display: inline-block;
		vertical-align: middle;
	}

	#mobile-nav-command-w {
		height: 25px;
	}
	
	#mobile-nav-command h3
	{
		margin-right: 10px;
		font-weight: bold;
		font-size: 20px;
		color: #e39f16;
	}
	
	#mobile-nav-command .lang-change
	{
		margin: 0 10px 0 0;
	}
	
	#reserver-button h2
	{
		margin-left: 94px;
	}
	
	nav ul li
	{
		display: block;
		border-top: 1px solid white;
		margin: 0px;
		padding: 10px 15px;
		font-size: 18px;
	}
	
	nav ul a:first-child li
	{
		border-top: 0px solid white;
	}
	
	.nav-social
	{
		margin: 0px;
		padding: 10px 3px;
		display: inline-block;
		border-top: 0px solid white;
	}
	
	#nav-contact
	{
		border-bottom: 1px solid white;
	}
	
	a:last-child .nav-social
	{
		margin-right: 12px;
	}
	
	nav
	{
		position: absolute;
		top: 92px;
		left: 0px;
		right: 0px;
		background-color: #00957cff;
	}
}

@media screen and (max-width: 400px)
{
	#header-left h1
	{
		font-size: 30px;
	}
	
	#header-left h3
	{
		font-size: 13px;
	}
}

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

/* HOME ------------------------------------------- */

.award-logo {
	height: 120px;
	margin-bottom: 40px;
}

#accueil-services ul
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 80px 0;
}

#accueil-services li
{
	width: 49%;
	height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 30px 0;
}

#accueil-services li:first-child
{
	border-bottom: 1px solid #007663;
	border-right: 1px solid rgb(0, 118, 99);
}

#accueil-services li:last-child
{
	border-top: 1px solid #007663;
	border-left: 1px solid #007663;
	margin-top: -1px;
}

#accueil-services li h4
{
	font-weight: 700;
	font-size: 25px;
}

#accueil-services li h6
{
	font-size: 22px;
	margin-top: 5px;
}

#accueil-services li img {
	width: 100%;
	max-width: 80px;
	height: 100%;
	max-height: 80px;
}

.accueil-services-text
{
	padding: 0 10px;
}

@media screen and (max-width: 900px)
{
	#accueil-services ul
	{
		margin: 30px 0;
	}
	
	#accueil-services li
	{
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #007663;
	}
	
	#accueil-services li:first-child
	{
		border-top: 0px solid #007663;
		border-right: 0px solid #007663;
	}

	#accueil-services li:last-child
	{
		border-top: 0px solid #007663;
		border-bottom: 0px solid #007663;
		border-left: 0px solid #007663;
		margin-top: 0px;
	}
	
	#accueil-services li h4
	{
		font-size: 20px;
	}
	
	#accueil-services li h6
	{
		font-size: 18px;
	}
}



#accueil-location .content-out
{
	text-align: left;
}

#accueil-location
{
	height: 500px;
}

#accueil-location-box
{
	width: 100%;
	max-width: 500px;
}

#accueil-location-box > div
{
	border: 3px solid #007663;
	padding: 45px;
	background-color: white;
}

#accueil-location-box .block-button
{
	max-width: 400px;
}

#accueil-location-box p
{
	margin-bottom: 35px;
	font-size: 20px;
	text-align: left;
	line-height: 1.8;
}

#location-text-box
{
	position: relative;
}

#location-text
{
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 8%;
}

#map-environs-content-box, .position-abs
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

@media screen and (max-width: 500px)
{
	#accueil-location
	{
		/*background-image: none;*/
		color: #007663;
		height: auto;
		padding: 30px 0;
	}
	
	#accueil-location-box > div
	{
		padding: 0;
		border: 0px solid white;
	}
	
	#accueil-location-box p
	{
		font-size: 18px;
		line-height: 1.4;
		
	}

	#map-environs-content-box
	{
		display: none;
	}

	#location-text-box
	{
		position: initial;
	}

	#location-text
	{
		z-index: 1;
		position: initial;
	}
}

#accueil-chambres-photos
{
	margin-top: 50px;
}

#chambres-photo-1
{
	background-image: url('/img/photos/NQQ.jpg');
	flex-grow: 2.5;
}

#chambres-photo-2
{
	background-image: url('/img/photos/ENK.jpg');
	flex-grow: 2;
}

#chambres-photo-4
{
	background-image: url('/img/photos/NK.jpg');
	flex-grow: 1.8
}

#chambres-photo-5
{
	background-image: url('/img/photos/suite.jpg');
	flex-grow: 1.6
}

#chambres-photo-6
{
	background-image: url('/img/photos/suite-3.jpg');
	flex-grow: 2;
}

#chambres-photo-button h4
{
	flex-shrink: 1;
	font-size: 20px;
	margin-right: 40px;
	text-align: left;
}

#chambres-photo-button
{
	background-color: #e39f16;
	color: white;
	font-family: 'montserrat';
	font-weight: bold;
	padding: 0 20px;
}

#chambres-photo-button:hover
{
	opacity: 0.9;
}

#chambres-photo-button a
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#chambres-photo-button img {
	height: 30px;
}

#accueil-chambres-photos div div
{
	background-size: cover;
	background-position: center;
	height: 250px;
	margin: 0 10px;
}

#accueil-chambres-first-row, #accueil-chambres-second-row
{
	display: flex;
	justify-content: space-between;
}

#accueil-chambres-second-row
{
	margin-top: 20px;
}

@media screen and (max-width: 900px)
{
	#accueil-chambres-photos div div
	{
		height: 150px;
		
	}
}

@media screen and (max-width: 500px)
{
	#chambres-photo-button h4
	{
		font-size: 16px;
		margin-right: 20px;
	}
	
	#chambres-photo-2
	{
		display: none;
	}
	
	#chambres-photo-1
	{
		background-position: right center;
	}
	
	#chambres-photo-5
	{
		display: none;
	}
}

@media screen and (max-width: 370px)
{
	#chambres-photo-1
	{
		display: none;
	}
	
	#chambres-photo-button
	{
		flex-grow: 2;
	}
	
	#accueil-chambres-photos
	{
		display: flex;
		flex-direction: column-reverse;
	}
	
	#accueil-chambres-second-row
	{
		margin: 0 0 20px 0;
	}
}

#accueil-piscine {
	background-image: url('/img/photos/piscine.jpg');
	padding: 200px 0;
}

#accueil-mission {
	background-image: url('/img/photos/loby-3.jpg');
	padding: 150px 0;
}

#accueil-apex {
	background-color:rgb(0, 118, 99);
	background-image: url('/img/photos/loby-.jpg');
	padding: 200px 0;
}

#accueil-piscine, #accueil-mission, #accueil-apex {
	background-position: center;
	background-size: cover;
	margin-bottom: 0;
}

#accueil-piscine .content-out, #accueil-apex .content-out {
	text-align: left;
}
#accueil-mission .content-out {
	text-align: right;
}

#accueil-piscine .content-in, #accueil-mission .content-in, #accueil-apex .content-in {
	display: inline-block;
	max-width: 480px;
	padding: 50px;
}

#accueil-piscine .content-in, #accueil-apex .content-in {
	background-color: rgba(255,255,255,0.8);
}
	
#accueil-mission .content-in { 
	background-color: rgba(0, 118, 99, 0.85);
	color: white;
}

#accueil-piscine p, #accueil-mission p, #accueil-apex p  {
	font-size: 20px;
}

@media screen and (max-width: 1200px) {
	#accueil-piscine .content-in, #accueil-apex .content-in {
		margin-left: 20px;
	}
	#accueil-mission .content-in { 
		margin-right: 80px;
	}
}

@media screen and (max-width: 700px) {
	#accueil-piscine, #accueil-mission, #accueil-apex {
		padding: 20px;
	}

	#accueil-piscine .content-out, #accueil-mission .content-out, #accueil-apex .content-out{
		text-align: center;
	}

	#accueil-piscine .content-in, #accueil-mission .content-in, #accueil-apex .content-in {
		display: block;
		max-width: none;
		padding: 40px 30px;
		margin: 0;
	}

	#accueil-piscine .content-in, #accueil-apex .content-in {
		background-color: rgba(255,255,255,0.75);
	} 
	#accueil-mission .content-in { 
		background-color: rgba(0, 118, 99, 0.80);
	}

	#accueil-mission p:nth-child(3) {
		display: none;
	}

	#accueil-piscine p, #accueil-mission p, #accueil-apex p {
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	#accueil-mission .left p {
		font-size: 16px;
	}
}

#accueil-corpo-elts
{
	margin: 60px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#accueil-corpo-elts li
{
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	height: 240px;
	font-size: 22px;
	font-weight: 700;
}

#accueil-corpo-elts h4
{
	padding: 0 27px;
	line-height: 1.2;
}

#accueil-corpo-elts img {
	width: 70px;
}

.corpo-contact {
	font-weight: bold;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
}

.corpo-contact img {
	height: 30px;
	margin-right: 20px;
}

@media screen and (max-width: 1000px)
{
	#accueil-corpo-elts
	{
		flex-wrap: wrap;
	}
	
	#accueil-corpo-elts li
	{
		width: 50%;
	}
}

@media screen and (max-width: 500px)
{
	#accueil-corpo-elts li
	{
		width: 80%;
		font-size: 20px;
		height: 200px;
	}
}

#accueil-motoneige {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px 0;
}

#accueil-motoneige p {
	font-size: 22px;
	text-align: left;
	margin-right: 60px;
	max-width: 500px;
}

#accueil-motoneige img {
	height: 300px;
}

@media screen and (max-width: 700px) {
	#accueil-motoneige {
		flex-direction: column;
	}

	#accueil-motoneige p {
		font-size: inherit;
		text-align: center;
		margin: 0;
	}

	#accueil-motoneige img {
		height: 150px;
	}
}

/* CHAMBRES --------------------------------------- */

.container-chambres
{
    justify-content: center;
	margin-top: 80px;
}

.chambre-block
{
    max-width: 480px;
	width: 50%;
	padding: 25px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.chambre-img
{
    height: 300px;
    background-size: cover;
}

#king-1
{
    background-image: url('/img/photos/NK.jpg');
}

#queen-2
{
    background-image: url('/img/photos/NQQ.jpg');
}

#adaptee-1
{
    background-image: url('/img/photos/HNQ.jpg');
}

#kitchen-2
{
    background-image: url('/img/photos/ENK.jpg');
}

#suite-king
{
    background-image: url('/img/photos/SNK.jpg');
}

#suite-rp
{
    background-image: url('/img/photos/SNK.jpg');
}

#penthouse
{
    background-image: url('/img/photos/suite-2.jpg');
}

.chambre-infos
{
    padding: 35px 20px;
    color: white;
	font-size: 18px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.chambre-infos-1
{
    background-color: #e39f16;
}

.chambre-infos-2
{
    background-color: #007663;
}

.chambre-title
{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 3px;
}

.chambre-capacity
{
    font-size: 20px;
    margin-bottom: 20px;
}

.seemore-button-centerer
{
    text-align: center;
}

.seemore-button-centered
{
    display: inline-block;
}

.seemore-button
{
    cursor: pointer;
    flex-direction: row;
    width: 150px;
    justify-content: space-between;
    padding: 8px;
    align-items: center;
    border: solid 3px white;
}

.seemore-button h5
{
    font-size: 20px;
    font-weight: 800;
	margin-top: 1px;
}

.seemore-button img
{
    width: 20px;
    height: 20px;
}

.container-chambres-alone:last-child
{
    margin-bottom: 100px;
}

#chambres-features
{
    background-color: #e39f16;
}

#chambres-features .content-in
{
	padding: 100px 20px;
}

#chambres-features-content
{
	margin: 60px 0;
}



#chambre-features-container h2
{
    margin-bottom: 60px;
}

#chambre-features-title
{
    font-family: 'montserrat';
    font-size: 26px;
    margin-bottom: 70px; 
}

.chambre-feature-title
{
    font-size: 22px;
    font-weight: 500;
    margin-left: 15px;
}

.chambre-feature-content
{
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.feature-img-size-1wh
{
    width: 40px;
    height: 40px;
}

.chambre-feature
{
    margin: 25px 0;
}

.feature-img-size-2w
{
    width: 45px;
    height: 35px;
}

#chambre-reservez-button
{
    cursor: pointer;
    margin-top: 70px;
    text-align: center;
}

#chambre-reservez-button-aligned
{
    display: inline-block;
    width: 100%;
    max-width: 400px;
    border: solid 1px white;
    padding: 10px;
}

#chambre-reservez-button-content h5
{
    font-family: 'catamaran';
    font-size: 16px;
    font-weight: 800;
}

#chambre-reservez-button-content
{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 800px)
{
	.chambre-block
	{
		width: 100%;
		padding: 25px 0;
	}
}

@media screen and (max-width: 500px)
{
	.chambre-title
	{
		font-size: 25px;
	}
	
	.chambre-capacity
	{
		font-size: 20px;
	}
	
	.seemore-button
	{
		width: 120px;
	}
	
	.seemore-button h5
	{
		font-size: 18px;
	}
	
	.chambre-img
	{
		height: 200px;
	}
}

@media screen and (max-width: 670px)
{
    .chambre-feature-content
    {
        flex-direction: column;
    }
	
    .chambre-feature-title
    {
        margin: 10px 0 0 0; 
    }
	
	.chambre-feature
	{
		margin: 40px 0;
	}
	
	.chambre-feature-title
	{
		width: 90%;
		max-width: 300px;
	}
}

/* CHAMBRES ONCLICK BLOCK -------------------------- */

#chambre-onclick-container
{
    display: none;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 4;
	align-items: center;
    justify-content: center;
}

#chambre-onclick-block
{
	width: 100%;
    max-width: 850px;
    max-height: 100%;
    color: white;
    position: relative;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

#chambre-onclick-x
{
    background-color: #e39f16;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#chambre-onclick-x img
{
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

#chambre-imgs-container
{
    justify-content: center;
	height: 400px;
}

#img-chambre-onclick
{
    background-image: url('/img/photos/');
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

#img-chambre-bathroom-onclick
{
    background-image: url('/img/photos/');
    background-size: cover;
	background-position: center;
    height: 100%;
    width: 35%;
}

#chambre-onclick-content-block
{
    padding: 40px;
    background-color: #e39f16;
}

#chambre-onclick-titles-desc
{
    text-align: left;
}

#chambre-onclick-infos
{
    /*flex-basis: 200px;
	flex-grow: 1;
	margin-right: 30px;*/
	text-align: left;
	width: 100%;
}

/*#chambre-onclick-capacity-area
{
    flex-basis: 140px;
}*/

#chambre-onclick-titles h2
{
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 5px;
}

#chambre-onclick-titles h3
{
    font-size: 22px;
    
}

#chambre-onclick-desc p
{
	font-size: 18px;
}

#chambre-onclick-icons img:first-child
{
	margin-right: 10px;
    width: 40px;
    height: 45px;
}

#chambre-onclick-icons img:last-child
{
    width: 40px;
    height: 40px;
}

#chambre-onclick-title-icons
{
    flex-wrap: nowrap;
    justify-content: space-between;
}

#chambre-onclick-titles
{
	flex-basis: 100px;
	flex-grow: 1;
	margin-right: 20px;
	margin-bottom: 20px;
}

#chambre-onclick-content
{
	flex-wrap: nowrap;
    justify-content: space-between;
	margin-bottom: 20px;
}

/*#chambre-onclick-capacity-area div
{
    background-color: white;
    color: #e39f16;
	padding: 20px 20px;
	box-sizing: content-box;
	font-size: 18px;
}*/

/*#chambre-onclick-capacity h3, #chambre-onclick-area h3
{
    margin-bottom: 3px;
	font-size: 22px;
	font-weight: 500;
}

#chambre-onclick-capacity
{
    margin-bottom: 12px;
}*/

@media screen and (max-width: 700px)
{
    #chambre-onclick-content-block
	{
		padding: 25px;
	}
	
	#chambre-onclick-titles h2
	{
		font-size: 30px;
	}
	
	#chambre-onclick-titles h3
	{
		font-size: 18px;
	}
	
	/*#chambre-onclick-capacity-area
	{
		display: flex;
		flex-direction: column;
	}
	
	#chambre-onclick-capacity-area div
	{
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}*/
}

@media screen and (max-width: 520px)
{
	#chambre-onclick-titles h2
	{
		font-size: 25px;
	}
	
    #chambre-onclick-content
	{
		flex-direction: column;
	}
	
	/*#chambre-onclick-capacity-area
	{
		flex-direction: row;
		flex-basis: 80px;
	}
	
	#chambre-onclick-infos
	{
		margin-right: 0px;
		flex-basis: auto;
		padding-bottom: 20px;
	}
	
	#chambre-onclick-capacity
	{
		margin: 0 20px 0 0;
		width: 50%;
	}
	
	#chambre-onclick-area
	{
		width: 50%;
	}*/
	
	#chambre-onclick-title-icons
	{
		flex-direction: column;
	}
	
	#chambre-onclick-titles
	{
		flex-basis: auto;
		margin-bottom: 20px;
	}
	
	#chambre-onclick-icons
	{
		margin-bottom: 20px;
	}
	
	#img-chambre-bathroom-onclick
	{
		display: none;
	}
	
	#img-chambre-onclick
	{
		width: 100%;
	}
	
	#chambre-imgs-container
	{
		height: 280px;
	}
}

/* SALLES DE RÉUNION ------------------------------ */

#sallesdereunion-welcome
{
	background-image: url('/img/photos/reunions-1.jpg');
}

#event-type {
	display: flex;
	justify-content: center;
	margin: 80px 0;
}

#event-type li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin: 0 25px;
	width: 140px;
}

#event-type li img {
	width: 100px;
}

#event-type li h3 {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	font-size: 22px;
	font-weight: bold;
}

#sallesdereunion-content table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid white;
	margin-top: 80px;
}
  
  #sallesdereunion-content thead,
  #sallesdereunion-content tfoot {
	background-color: #007663;
	color: white;
  }
  
  #sallesdereunion-content th {
	font-weight: bold;
  }
  
  #sallesdereunion-content th,
  #sallesdereunion-content td {
	vertical-align: middle;
	border: 2px solid white;
	padding: 10px;
  }
  
  #sallesdereunion-content tbody td {
	background-color: rgb(240, 240, 250);
  }
  
  #sallesdereunion-content tbody th:first-child {
	background-color: #00957cff;
	color: white;
  }
  
  #sallesdereunion-contentn img {
	height: 80px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
  }
  
  #sallesdereunion-content td {
	width: 13%;
  }
  
  #sallesdereunion-content .block-button {
	display: none;
  }

  @media screen and (max-width: 850px) {
	  #event-type {
		  flex-direction: column;
		  align-items: center;
		  margin: 40px 0;
	  }

	  #event-type li {
		  margin: 20px 0;
	  }

	  #event-type li img {
		  width: 80px;
	  }
  }
  
  @media screen and (max-width: 700px) {
	#sallesdereunion-content table {
	  display: none;
	}
  
	#sallesdereunion-content .block-button {
	  display: inline-block;
	  margin-top: 40px;
	}
  
	#sallesdereunion-content img {
	  height: 16px;
	}
}

/* MESSAGE ------------------------------------------- */

.pop-container {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(0,0,0,0.7);
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-y: scroll;
}

.pop {
	color: #007663;
	background-color: rgba(255,255,255,0.85);
	padding: 40px;
	max-width: 600px;
	width: 100%;
}

.pop h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
	text-align:left;
}

.pop-header img {
	cursor: pointer;
	flex: 0 0 20px;
	width: 20px;
}

.pop-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items: flex-start;
}

.pop-text {
	text-align: left;
	font-size: 18px;
}

.pop-text p {
	
	margin: 20px 0;
}

.pop-text ol {
	list-style-type: decimal;
	margin-left: 40px;
}

.pop-text ul {
	list-style-type: disc;
	margin-left: 60px;
	/*margin: 15px 0 15px 20px;*/
}

.pop-text li {
	margin: 8px 0;
}

/* COVID-19 --------------------------------------- */

#avis-covid {
	display: none;
}

#covid-page {
	padding: 100px 0;
}

#covid-page h2 {
	text-align: right;
}

.covid-text {
	text-align: left;
	font-size: 18px;
}

.covid-text p {
	margin: 20px 0;
}

.covid-text ol {
	list-style-type: decimal;
	margin-left: 40px;
}

.covid-text ul {
	list-style-type: disc;
	margin-left: 60px;
	/*margin: 15px 0 15px 20px;*/
}

.covid-text li {
	margin: 8px 0;
}


/* ENVIRONS --------------------------------------- */

#environs-map
{
	border: 5px solid #007663;
	background-image: url('/img/photos/map.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	margin-top: 80px;
}

@media screen and (max-width: 800px)
{
	#environs-map
	{
		background-position: 70% center;
		height: 320px;
	}
}

#environs-attractions
{
	margin-top: 80px;
}

.environs-big-rows:nth-child(2)
{
	height: 400px;
	margin-top: 20px;
}

#attrb-row-top
{
	width: 60%
}

#attr-content-container
{
	width: 40%;
	margin-left: 20px;
}

#attrb-chateau-pointe-foret
{
	flex-grow: 1.5;
	margin-bottom: 20px;
}

#attrb-chateau-pointe
{
	flex-grow: 1.6;
}

.attr-img, .event-img
{
	background-size: cover;
	background-position: center;
	flex-grow: 1;
}

#attr-foretdemaitrecorbeau 
{
	background-image: url('/img/photos/attr-foretdemaitrecorbeau.jpg');
	margin-right: 20px;
}

#attr-chateaulandry
{
	background-image: url('/img/photos/attr-chateaulandry.jpg');
	margin-bottom: 20px;
}

#attr-pointeaupere 
{
	background-image: url('/img/photos/attr-pointeaupere.jpg');
}

#attr-jardinsdemetis
{
	background-image: url('/img/photos/attr-jardinsdemetis.jpg');
	flex-grow: 1.3;
	margin-right: 20px;
}

#attr-parcrivieremitis 
{
	background-image: url('/img/photos/attr-parcrivieremitis.jpg');
}

#attr-centredart 
{
	background-image: url('/img/photos/attr-centredart.jpg');
}

#attr-vieuxmoulin
{
	background-image: url('/img/photos/attr-vieuxmoulin.jpg');
	flex-grow: 1.2;
	margin-left: 20px;
}

#environs-evenements
{
	margin: 80px 0;
}

#environs-pleinair
{
	margin-top: 80px;
}

#pleinair-jardinsmetis
{
	background-image: url('/img/photos/attr-jardinsdemetis.jpg');
	margin-right: 20px;
}

#pleinair-rivieremitis
{
	background-image: url('/img/photos/attr-parcrivieremitis.jpg');
}

#pleinair-foretcorbeau
{
	background-image: url('/img/photos/attr-foretdemaitrecorbeau.jpg');
	margin-left: 20px;
}

#event-festijardins
{
	background-image: url('/img/photos/event-festijardins.jpg');
	margin-right: 20px;
}

#event-festijazz
{
	background-image: url('/img/photos/event-festijazz.jpg');
}

#event-festiwestern
{
	background-image: url('/img/photos/event-festiwestern.jpg');
	margin-right: 20px;
}

#event-content-container, #event-festiwestern, #pleinair-foretcorbeau
{
	width: 50%;
}

#event-first-row
{
	margin-bottom: 20px;
	height: 400px;
}


@media screen and (max-width: 700px)
{
	#event-content-container, #attr-content-container, #event-festiwestern, #pleinair-foretcorbeau, #attrb-row-top
	{
		width: 100%;
	}
	
	.event-img, .attr-img
	{
		height: 200px;
	}
	
	#attr-foretdemaitrecorbeau, #attr-jardinsdemetis, #event-festijardins, #pleinair-jardinsmetis, #event-content-container
	{
		margin: 0 0 20px 0;
	}
	
	#attr-vieuxmoulin, #attr-content-container
	{
		margin: 20px 0 0 0;
	}

	#pleinair-foretcorbeau
	{
		margin-left: 0px;
	}
}

/* SERVICES --------------------------------------- */

#services-dej
{
	margin-top: 80px;
}

#dej-content-container
{
	width: 45%;
}

.dej-img, .ent-img, .pool-img, .institut-img
{
	flex-grow: 1;
	background-size: cover;
	background-position: center;
}

#dej-1
{
	background-image: url('/img/photos/dejeuner-1.jpg');
}
#dej-2
{
	background-image: url('/img/photos/dejeuner-2.jpg');
	margin-bottom: 20px;
}

#dej-3
{
	background-image: url('/img/photos/dejeuner-3.jpg');
}

#dej-content-side
{
	width: 55%;
	margin-right: 20px;
}

#services-dej .gallery-content-box
{
	text-align: right;
}

#services-dej .gallery-content-box img
{
	margin-bottom: 20px;
	width: 80px;
}

#services-dej .gallery-content-box h3
{
	text-align: right;
}

#services-dej .gallery-content-box ul
{
	list-style-type: disc;
	text-align: left;
	margin-left: 22px;
}

@media screen and (max-width: 700px)
{
	.dej-img, .ent-img, .pool-img, .institut-img
	{
		height: 200px;
	}
	
	#dej-content-container
	{
		margin: 0 0 20px 0;
	}
	
	#dej-content-container, #dej-content-side
	{
		width: 100%;
	}
	#event-first-row
	{
		height: 200px;
	}
}

#services-ent, #services-pool, #services-institut
{
	margin: 80px 0 0 0;
	height: 500px;
}

#services-ent img, #services-pool img, #services-institut img {
	width: 80px;
}

#ent-1 {
	background-image: url('/img/photos/gym.jpg');
	margin-left: 20px;
}

#institut-1 {
	background-image: url('/img/photos/relaxation.jpeg');
	margin-left: 20px;
}

#pool-1 {
	background-image: url('/img/photos/piscine.jpg');
	margin-bottom: 20px;
}

#spa-1 {
	background-image: url('/img/photos/spa.jpg');
}

#pool-left {
	width: 70%;
	margin-right: 20px; 
}

#ent-left, #pool-right, #institut-left
{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#ent-left h3
{
	margin: 20px 0 50px 0;
}

#pool-right h3, #institut-left h3 {
	margin: 30px 0 0 0;
}

#services-ent .gallery-content-box ul
{
	list-style-type: disc;
	text-align: left;
	/*margin-left: 22px;*/
}

@media screen and (max-width: 700px)
{
	#ent-1, #institut-1
	{
		margin: 0;
	}
	
	#services-ent, #services-pool, #services-institut
	{
		height: auto;
	}
	
	#ent-left, #institut-left
	{
		width: auto;
		margin: 0 0 20px 0;
	}

	#pool-right
	{
		width: auto;
		margin: 20px 0 0 0;
	}

	#pool-left
	{
		width: 100%;
	}
}

/* TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP */

#ent-temp-container .gallery-content-box
{
	text-align: center;
	
}

#ent-temp-container .gallery-content-box h3
{
	margin: 20px 0 0 0;
}

#ent-temp-container
{
	margin: 80px 0 0 0;
}


/* TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP TEMP */



#services-com
{
	margin: 80px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#services-com li
{
	background-color: #e39f16;
	color: white;
	width: 23%;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

#services-com li div
{
	padding: 25px;
}

#services-com li img
{
	height: 50px;
	margin-bottom: 20px;
}

@media screen and (max-width: 850px)
{
	#services-com li
	{
		width: 48%;
		margin: 2% 0;
	}
}

@media screen and (max-width: 500px)
{
	#services-com li
	{
		width: 90%;
		margin: 10px 0;
	}
	
	#services-com 
	{
		margin: 50px 0;
		justify-content: space-around;
	}
}

/* MOTONEIGE/FORFAITS ----------------------------- */

iframe {
	margin-top: 60px;
	width: 100%;
	height: 600px;
}

.forfaits-elt {
	display: flex;
	justify-content: center;
	color: white;
	text-align: left;
	margin: 50px 0;
	padding: 15px;
}

.forfaits-notice {
	font-size: 12px;
	font-weight: 300;
	margin-top: 20px;
}

.forfaits-price {
	margin-top: 20px;
	background-color: white;
	padding: 10px 14px;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	color:rgb(0, 118, 99);
}

#forfait-2 {
	flex-direction: column;
}

#forfait-2 .forfaits-imgs {
	display: flex;
}

#forfait-2 .forfaits-imgs img {
	width: 50%;
}

#forfait-1 > img {
	height: 500px;
}

.forfaits-text {
	font-size: 18px;
	padding: 30px;
	flex-grow: 1;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.forfaits-text h4 {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 30px;
}

.forfaits-text ul {
	list-style-type: disc;
	margin-left: 22px;
	margin-top: 10px;
}

.forfaits-text .block-button {
	margin-top: 30px;
	background-color: white;
}

.forfaits-text .block-button h3 {
	font-size: 14px;
	color: #007663;
}

@media screen and (max-width: 800px) {
	#forfait-1, #forfait-2 .forfaits-imgs {
		flex-direction: column;
	}

	#forfait-2 .forfaits-imgs img {
		width: 100%;
	}

	#forfait-1 > img {
		height: auto;
		width: 100%;
	}

	iframe {
		height: 400px;
	}
}

@media screen and (max-width: 500px) {
	.forfaits-text h4 {
		font-size: 20px;
	}

	.forfaits-text {
		font-size: 14px;
		padding: 10px;
	}

	iframe {
		height: 240px;
	}
}

/* CONTACT ---------------------------------------- */

#contact-page, #covid-page
{
	margin-top: 120px;
}

#contact-page {
	padding: 80px 0;
	background-color: #00957cff;
	color: white;
}

#contact-page .content-out
{
	margin: 40px 0;
}

#contact-page .content-in
{
	text-align: right;
}

#contact-page h2, #covid-page h2
{
	font-size: 50px;
	font-family: 'montserrat';
	font-weight: bold;
}

#contact-adress
{
	font-size: 30px;
	margin-top: 20px;
}

#contact-page p
{
	font-size: 25px;
	margin: 10px 0 0 0;
	width: 100%;
	text-align: right;
}

#contact-page ul
{
	margin: 40px 0;
	font-size: 34px;
	font-weight: bold;
}

#contact-page ul li:hover
{
	color: rgb(240,240,240);
}

#contact-map /* TO DELETE -> contact-map ---------------------------------------- */
{
	text-align: center;
	overflow: hidden;
}

#contact-map img
{
	width: 100%;
}

#contact-email, #contact-tel
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 20px 0;
}

#contact-means img
{
	height: 35px;
	margin-left: 15px;
}

@media screen and (max-width: 700px)
{
	#contact-map img
	{
		width: 200%;
		margin-left: -70%;
	}

	#contact-email
	{
		font-size: 24px;
	}
}

@media screen and (max-width: 500px)
{
	#contact-page {
		padding: 40px 0;
	}

	#contact-map img
	{
		width: 300%;
		margin-left: -140%;
	}
	
	#contact-page h2
	{
		font-size: 35px;
	}
	
	#contact-page p
	{
		font-size: 18px;
		line-height: 1;
	}
	
	#contact-page ul, #contact-adress
	{
		font-size: 25px;
	}

	#contact-email
	{
		font-size: 20px;
	}
	
	#contact-page
	{
		padding: 40px 0;
	}	
	
	#contact-page .content-out
	{
		margin: 20px 0;
	}
}

@media screen and (max-width: 420px)
{
	#contact-email
	{
		font-size: 18px;
	}
}

/* RESERVER ---------------------------------------- */

.onclick-container
{
	display: flex;
	justify-content: space-around;
	align-items: center;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
}

#reserver-onclick-container
{
	display: none;
	z-index: 3;
}

#reserver-onclick-block
{
	background-color: #007663;
	color: white;
	padding: 30px;
	box-sizing: content-box;
	max-width: 500px;
	width: 100%;
}

#reserver-onclick-x img
{
	cursor: pointer;
	margin-bottom: 20px;
	width: 20px;
}

#reserver-onclick-block h2
{
	font-family: 'montserrat';
	font-weight: bold;
	font-size: 30px;
}

#reserver-onclick-block form
{
	display: flex;
	flex-direction: column;
	margin: 30px 0;
}

.reserver-item
{
	text-align: left;
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	position: relative;
}

.reserver-item-half
{
	display: flex;
	flex-direction: column;
	width: 48%;
}

#reserver-item-row
{
	flex-direction: row;
	justify-content: space-between;
}

.reserver-item label
{
	font-size: 21px;
	margin-bottom: 10px;
}

.reserver-item input, .reserver-item select
{
	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-family: 'catamaran';
	background-color: transparent;
	border: 0px solid white;
	border-bottom: 3px solid white;
	color: white;
	font-size: 20px;
	font-weight: bold;
	background-image: url('/img/icons/arrow-bottom-white.svg');
	background-size: auto 30%;
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

input:focus, select:focus
{
	outline:0;
}

.reserver-calendar
{
	position: absolute;
	display: none;
	top: 68px;
	right: 0px;
	z-index: 2;
}

#reserver-final-button
{
	margin-top: 30px;
	max-width: none;
	background-color: white;
	
}

#reserver-final-button input
{
	width: 100%;
	border: 0px solid white;
	cursor: pointer;
	color: #007663;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

#reserver-final-arrow
{
	top: 16px;
}

@media screen and (max-width: 500px)
{
	#reserver-onclick-block h2
	{
		font-size: 25px;
	}
	
	.reserver-item
	{
		margin: 10px 0;
	}
	
	.reserver-item label, .reserver-item input, .reserver-item select
	{
		font-size: 18px;
	}
	
	.reserver-item label
	{
		margin-bottom: 5px;
	}
	
	.reserver-calendar
	{
		top: 57px;
	}
}

/* 404 -------------------------------------------- */

#page-404
{
	padding: 80px 0;
	background-color: #00957cff;
	color: white;
	
}

#page-404.page-welcome
{
	box-sizing: border-box;
	text-shadow: none;
	box-shadow: none;
}

#page-404 .content-in
{
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#page-404 h2
{
	font-size: 60px;
	font-weight: bold;
	font-family: 'montserrat';
}

#page-404 p
{
	margin: 50px 0;
	font-size: 22px;
	font-weight: 400;
	width: 50%;
	display: inline-block;
}

@media screen and (max-width: 500px)
{
	#page-404 h2
	{
		font-size: 35px;
	}
	
	#page-404 p
	{
		font-size: 18px;
		width: 100%;
		margin: 30px 0;
	}
}

/* STATUS-BAR ------------------------------------- */

.status-bar-container
{
	position: absolute;
	top: 80px;
	left: 20px;
	right: 20px;
	z-index: 1;
}

.status-bar
{
	opacity: 0;
	display: inline-block;
	padding: 15px;
	color: white;
	height: 30px;
}

.red-sbar
{
	background-color: rgb(230,15,27);
}

.green-sbar
{
	background-color: rgb(1,177,1);
}

.status-bar-content, .status-bar-text
{
	height: 100%;
}

.status-bar-icon
{
	float: left;
}

.status-bar-text
{
	margin-left: 50px;
	text-align: left;
}

@media screen and (max-width: 420px)
{
	.status-bar
	{
		height: 60px;
	}
	
	.status-bar-icon
	{
		margin-top: 15px;
	}
}

/* FOOTER ---------------------------------- */

#footer-block
{
	background-color: #007663;
	color: white;
	padding: 30px 20px;
}

#footer-block-content
{
	display: flex;
	justify-content: space-between;
}

#footer-left
{
	text-align: left;
}

#footer-left h4, #footer-left h3
{
	font-family: 'montserrat';
}

#footer-left h3
{
	font-size: 28px;
	margin-bottom: 2px;
}

#footer-left h4
{
	color: #e39f16;
	font-weight: bold;
	font-size: 20px;
}

#footer-left ul
{
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0;
}

#footer-left ul li
{
	margin-bottom: 5px;
}

#footer-right
{
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#footer-right ul li
{
	margin: 5px 0;
	font-size: 18px;
}

#footer-right ul li:hover
{
	color: silver;
}

#footer-legal
{
	background-color: #00957cff;
	padding: 15px 20px;
	color: white;
	font-family: 'montserrat';
}

#footer-legal img
{
	margin-bottom: -3px;
}

@media screen and (max-width: 700px)
{
	#footer-left h3
	{
		font-size: 20px;
	}
	
	#footer-left h4
	{
		font-size: 16px;
	}
	
	#footer-left ul
	{
		font-size: 18px;
	}
	
	#footer-block-content
	{
		flex-direction: column;
	}
	
	#footer-right, #footer-left
	{
		text-align: center;
	}
	
	#footer-right ul
	{
		margin: 20px 0;
	}
	
	#footer-legal
	{
		font-size: 14px;
	}
}

/* MAP ---------------------------------- */

.marker-hotel
{
	height: 86px;
	width: 30px;
	background-image: url('/img/icons/map-marker.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#environs-map-box
{
	width: 100%;
}

#map-environs-content
{
	margin-bottom: 80px;
}

#map-environs
{
	z-index: 1;
	height: 500px;
	width: 100%;
	text-align: left;
}

.green-border
{
	border-top: 15px solid #007663;
	border-bottom: 15px solid #007663;
}

#contact-map-box
{
	width: 100%;
}

/*#location-text-box
{
	position: relative;
}

#location-text
{
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 8%;
}

#map-environs-content-box, .position-abs
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}*/

@media screen and (max-width: 650px)
{
	#location-text
	{
		margin-left: 3%;
	}
}

@media screen and (max-width: 550px)
{
	#location-text
	{
		margin-left: 0%;
	}
}