/* small screens */
div.body-container { width: 460px; }
div.body-container-top { width: 460px; }
div.body-container-top-menu { width: 290px; }
div.body-container-top-lang { width: 120px; }
div.body-container-middle { width: 460px; background-image: none; }
div.body-container-middle-logo { width: 460px; height: 90px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.body-container-middle-banner { width: 460px; height: auto; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.body-container-middle-banner img { width: 460px; height: auto; }
div.body-container-middle-navigation { width: 440px; margin: 25px 0px 25px 10px; padding: 0px 0px 0px 0px; }
div.body-container-middle-content { width: 440px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; }
div.body-container-footer { width: 460px; }
div.home-left { width: 440px; }
div.home-right { width: 440px; margin: 0px 0px 0px 0px; }
div.home-left-promo, div.home-left-news { width: 440px; }
div.home-left-promo-block, div.home-left-news-block { width: 430px; }
div.home-left-promo-elem, div.home-left-news-elem { width: 430px; }
div.home-left-promo-elem-image, div.home-left-news-elem-image { width: 130px; }
div.home-left-promo-elem-content, div.home-left-news-elem-content { width: 290px; }
div.home-left-promo-elem-content-noimage, div.home-left-news-elem-content-noimage { width: 430px; }
ul.middle-nav { display: none; }
ul.slimmenu { position: relative; left: 0px; }
ul.slimmenu li { background-color: #eeeeee; }
ul.slimmenu li ul li { background-color: #dddddd; }
ul.slimmenu > li:first-child { border-left: 1px solid #999;}
div.googleMap { width: 440px; }
table.contact-form { width: 440px; }
table.contact-form td.contact-form-right { width: 305px; }
table.tableBG { width: 440px; }
table.tableBG td:first-child { width: 320px; }
table.tableTarifs2 { width: 440px; }
table.tableTarifs2 td { width: 100px; }
table.tableTarifs2 td:first-child { width: 340px; }
table.tableTarifs3 { width: 440px; }
table.tableTarifs3 td { width: 140px; }
table.tableTarifs3 td:first-child { width: 140px; }
table.table8 { width: 725px; border: 0px; }
table.table8 thead th { width: 100px; }
table.table8 tbody th:first-child, table.table8 tbody td:first-child { width: 100px; }
table.table8 tbody td { word-break: break-all; }
table.table8 tbody td.fTHLC-left-col { height: 100px; }
div.fTHLC-outer-corner { background-color: #ffffff; }
.webgallery { width: 440px; }
.fc .fc-toolbar-title {
    font-size: 1em;
}

/* reservation system */
div.services {
	width:100%;
}
div.service-box {
	width: 100%;
	height:200px;
	display: inline-block;
	margin-bottom:10px;
}
div.service {
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center;
	position: relative;
}
div.service-text {
	width:100%;
	height:30px;
	position: absolute;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
	transition: ease 1s;
}
div.service-text p {
	padding:5px;
	margin:0px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:18px;
	color:#fff;
}
div.service:hover div.service-text {
	height:100%;
}

#calendar {
  max-width: 1100px;
  margin: 40px auto;
}

/* medium screens */
@media (min-width: 768px) {
	div.body-container { width: 750px; }
	div.body-container-top { width: 750px; }
	div.body-container-top-menu { width: auto; }
	div.body-container-middle { width: 750px; background-image: url(/graphics/content-bg.png);}
	div.body-container-middle-logo { width: 155px; height: 160px; margin: 25px 0px 0px 0px; padding: 0px 75px 0px 20px; }
	div.body-container-middle-banner { width: 475px; max-height: 160px; margin: 25px 0px 0px 0px; padding: 0px 25px 0px 0px; }
	div.body-container-middle-banner img { width: 475px; height: auto; }
	div.body-container-middle-navigation { width: 225px; margin: 25px 0px 25px 0px; padding: 0px 25px 0px 0px; }
	div.body-container-middle-content { width: 475px; margin: 25px 0px 0px 0px; padding: 0px 25px 0px 0px; }
	div.body-container-footer { width: 750px; }
	div.home-left { width: 475px; }
	div.home-right { width: 475px; margin: 0px 0px 0px 0px; }
	div.home-left-promo, div.home-left-news { width: 475px; }
	div.home-left-promo-block, div.home-left-news-block { width: 465px; }
	div.home-left-promo-elem, div.home-left-news-elem { width: 465px; }
	div.home-left-promo-elem-image, div.home-left-news-elem-image { width: 130px; }
	div.home-left-promo-elem-content, div.home-left-news-elem-content { width: 325px; }
	div.home-left-promo-elem-content-noimage, div.home-left-news-elem-content-noimage { width: 465px; }
	ul.slimmenu { position: absolute; left: -9999px; }
	ul.middle-nav { display: block; }
	div.googleMap { width: 475px; }
	table.contact-form { width: 475px; }
	table.contact-form td.contact-form-right { width: 305px; }
	table.tableBG { width: 475px; }
	table.tableBG td:first-child { width: 350px; }
	table.tableTarifs2 { width: 475px; }
	table.tableTarifs2 td { width: 100px; }
	table.tableTarifs2 td:first-child { width: 370px; }
	table.tableTarifs3 { width: 475px; }
	table.tableTarifs3 td { width: 150px; }
	table.tableTarifs3 td:first-child { width: 150px; }
	.webgallery { width: 475px; }

	/* reservation system */
	div.services {
		width:100%;
	}
	div.service-box {
		width:calc(50% - 12px);
		margin-left:5px;
		margin-right:5px;
	}
	.fc .fc-toolbar-title {
    	font-size: 1.5em;
	}
}

/* desktop screens */
@media (min-width: 992px) {
	div.body-container { width: 1000px; }
	div.body-container-top { width: 1000px; }
	div.body-container-middle { width: 1000px; }
	div.body-container-middle-banner { width: 725px; max-height: 250px; }
	div.body-container-middle-banner img { width: 725px; height: auto; }
	div.body-container-middle-navigation { width: 225px; margin: 25px 0px 25px 0px;  }
	div.body-container-middle-content { width: 725px; margin: 25px 0px 0px 0px; }
	div.body-container-footer { width: 1000px; }
	div.home-left { width: 400px; }
	div.home-right { width: 300px; margin: 0px 0px 0px 25px; }
	div.home-left-promo, div.home-left-news { width: 400px; }
	div.home-left-promo-block, div.home-left-news-block { width: 390px; }
	div.home-left-promo-elem, div.home-left-news-elem { width: 390px; }
	div.home-left-promo-elem-image, div.home-left-news-elem-image { width: 130px; }
	div.home-left-promo-elem-content, div.home-left-news-elem-content { width: 250px; }
	div.home-left-promo-elem-content-noimage, div.home-left-news-elem-content-noimage { width: 390px; }
	ul.slimmenu { position: absolute; left: -9999px; }
	ul.middle-nav { display: block; }
	div.googleMap { width: 725px; }
	table.contact-form { width: 725px; }
	table.contact-form td.contact-form-right { width: 600px; }
	table.tableBG { width: 500px; }
	table.tableBG td:first-child { width: 380px; }
	table.tableTarifs2 { width: 600px; }
	table.tableTarifs2 td { width: 200px; }
	table.tableTarifs2 td:first-child { width: 400px; }
	table.tableTarifs3 { width: 600px; }
	table.tableTarifs3 td { width: 200px; }
	table.tableTarifs3 td:first-child { width: 200px; }
	.webgallery { width: 725px; }

	/* reservation system */
	div.services {
		width:100%;
	}
	div.service-box {
		width:calc(50% - 12px);
		margin-left:5px;
		margin-right:5px;
	}
	.fc .fc-toolbar-title {
    	font-size: 1.75em;
	}
}