.juliana-lg .lightbox-title {
	background: #607b84;
    color: #ffffff;
    border-bottom: 0;
    font-size: 20px;
}

.juliana-lg #lg-gallery .thumb-cont{
	background: #607b84;
    border-top: 0;
}

.juliana-lg #lg-close {
    background: #ffffff;
    color: #607b84;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);

    height: 30px;
    line-height: 30px;
    width: 30px;
    top: 9px;
}
/**** NORMALIZE ************************************************************************************/

html, body{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;

	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*{
	outline: none;
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	display: inline;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
}

/**** FIN NORMALIZE ********************************************************************************/

html, body{
    height: 100%;
    color: #545454;
    font-family: "Lato", sans-serif;

    height: 1000px;
}
body.opened-menu{
	overflow: hidden;
}

a{
	color: #5c7d86;
}

.citation{
	margin-bottom: 10px;
}

.menu-trigger{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
	width: 120px;
	height: 100%;
	margin-right: 20px;
	cursor: pointer;
}
	.menu-trigger-icon{
		float: left;
		width: 70px;
		height: 40px;
		overflow: hidden;
		position: relative;
		transition: all .3s ease-in-out;
	}
	.menu-trigger.active .menu-trigger-icon{
		width: 28px;
	}
		.menu-trigger-icon span{
			float: left;
			width: 100%;
			height: 2px;
			background: #ffffff;
			position: absolute;
			left: 0;
			transition: all .3s ease-in-out;
		}
		.menu-trigger .menu-trigger-icon span:nth-child(1){
			top: 0;
			left: -30px;
		}
		.menu-trigger .menu-trigger-icon span:nth-child(2){
			top: 50%;
			margin-top: -1px;
		}
		.menu-trigger .menu-trigger-icon span:nth-child(3){
			bottom: 0;
			left: -30px;
		}
		.menu-trigger:hover .menu-trigger-icon span:nth-child(1){
			left: 0;
		}
		.menu-trigger:hover .menu-trigger-icon span:nth-child(2){
			left: 0;
		}
		.menu-trigger:hover .menu-trigger-icon span:nth-child(3){
			left: 0;
		}
		.menu-trigger.active .menu-trigger-icon span:nth-child(1){
			width: 100%;
			margin-top: -1px;
			bottom: auto;
			top: 50%;
			left: 0;
			transform: rotate(45deg);
		}
		.menu-trigger.active .menu-trigger-icon span:nth-child(2){
			opacity: 0;
		}
		.menu-trigger.active .menu-trigger-icon span:nth-child(3){
			width: 100%;
			margin-top: -1px;
			bottom: auto;
			top: 50%;
			left: 0;
			transform: rotate(-45deg);
		}
	.menu-trigger-label{
		float: left;
		width: 100%;
		line-height: 16px;
		margin-top: 20px;
		color: #ffffff;
		font-size: 22px;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
	}

.locales{
	align-self: flex-start;
	float: left;
	height: 30px;
	width: 60px;
	line-height: 20px;
	margin-top: 15px;
	color: #ffffff;
	cursor: pointer;
	position: relative;
	transition: all .3s ease-in-out;
}
	.locales-current{
		float: left;
		width: 100%;
		height: 100%;
		padding: 5px 20px 5px 10px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: 500;
		text-transform: uppercase;
		transition: all .3s ease-in-out;
	}
	.locales:hover .locales-current,
	.locales.active .locales-current{
		background: #aca996;
	}
		.locales-trigger{
			float: left;
			height: 100%;
			width: 20px;
			background: url(../images/icons/select.svg) no-repeat center right;
			background-size: 10px;
			position: absolute;
			top: 0;
			right: 5px;
			z-index: 2;
		}
	.locales-select{
		display: none;
		float: left;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
	}
	.locales:hover .locales-select,
	.locales.active .locales-select{
		background: #aca996;
	}
		.locales-option{
			float: left;
			width: 100%;
			line-height: 20px;
			padding: 5px 20px 5px 10px;
			box-sizing: border-box;
			color: #ffffff;
			font-size: 18px;
			font-weight: 500;
			text-transform: uppercase;
			transition: all .3s ease-in-out;
		}

.coordonnees{
	float: left;
	width: 100%;
	margin-top: 14px;
}
	.coordonnees-item{
		display: flex;
		flex-direction: row;
		align-items: center;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
		.coordonnees-item-icon-wrap{
			float: left;
			width: 30px;
			height: 30px;
			padding: 7px;
			box-sizing: border-box;
			margin-right: 10px;
			border-radius: 30px;
			background: #8cbd0c;
		}
		.coordonnees-item-icon{
			float: left;
			width: 100%;
		}
		.coordonnees-item-label{
			float: left;
			color: #000000;
		}
		.coordonnees-item-label a{
			color: #000000;
		}

.link-block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    float: left;
    width: 100%;
    height: 180px;
    padding: 20px;
    margin: 20px 0;
    box-sizing: border-box;
    background: url(../images/hotel.jpg) no-repeat center center;
    background-size: cover;
}
.link-block.restaurant{
	background: url(../images/restaurant.jpg) no-repeat center center;
	background-size: cover;
}
	.link-block-button{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		height: 80px;
		background: #dedede;
		color: #5c7d86;
		font-size: 18px;
		font-weight: 700;
		padding: 0px 80px 0px 20px;
		box-sizing: border-box;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
		position: relative;
	}
		.link-block-button::after {
			background: #5c7d86 none repeat scroll 0 0;
		    box-sizing: border-box;
		    color: #dedede;
		    content: ">";
		    display: block;
		    font-size: 24px;
		    font-weight: bold;
		    height: 24px;
		    line-height: 24px;
		    margin-top: -12px;
		    position: absolute;
		    right: 20px;
		    top: 50%;
		    width: 24px;
		}

/***************************************************************************************************/
.topbar{
	display: none;
	float: left;
	width: 100%;
	height: 60px;
	background: #78595f;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
	.topbar-left{
		float: left;
		height: 100%;
	}
		.topbar-menu-trigger{
			width: 70px;
			margin-right: 10px;
		}
			.topbar-menu-trigger .menu-trigger-icon{
				width: 32px;
				height: 20px;
			}
			.topbar-menu-trigger .menu-trigger-icon span:nth-child(1){
				left: -12px;
			}
			.topbar-menu-trigger .menu-trigger-icon span:nth-child(3){
				left: -12px;
			}
			.topbar-menu-trigger.menu-trigger.active .menu-trigger-icon{
				width: 24px;
			}
			.topbar-menu-trigger .menu-trigger-icon span{
				height: 2px;
			}
	.topbar-buttons{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		float: right;
		height: 100%;
		padding: 0 20px;
	}
		.topbar-button{
			float: left;
			margin-right: 16px;
		}
		.topbar-button:last-child{
			margin-right: 0;
		}
			.topbar-button-icon{
				width: 32px;
				height: 32px;
				padding: 5px;
				box-sizing: border-box;
			}

@media (max-width: 1024px) {

	.topbar{
		display: block;
	}

}#header{
	background: #ffffff;
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	height: 140px;
	z-index: 10;
	box-sizing: border-box;
	transition: all 0.2s;
	color: #607b84;
}
	#header-main{
		background: #ffffff;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
	}
	#header-main:before,
	#header-main:before{
		position: absolute;
		bottom: 5px;
		left: 0px;
		background-color: #d6d6d6;
		height:1px;
		width: 100%;
		content: "";
	}
	#header-main:after,
	#header-main:after{
		position: absolute;
		top: 5px;
		left: 0px;
		background-color: #d6d6d6;
		height:1px;
		width: 100%;
		content: "";
	}
		#header-menu{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			z-index: 12;
			height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 140px;
		}
			#nav-container{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin-left:30px;
				width: 100%;
			}
				/** Burger Button >> **/
				/** Burger Button >> **/
				.burger-button {
					display: block;
					position: relative;
					overflow: hidden;
					padding: 0;
					height: 65px;
					font-size: 0;
					cursor: pointer;
					border: none;
					background-color:  transparent;
				}

				.burger-button:focus {
					outline: none;
				}
					.burger-button span.texte {
						display: block;
						position: relative;
						color: #607b84;
						font-size: 20px;
						font-weight: 600;
						top: 25px;
						font-family: "Marcellus";
					}

					.burger-button span.barres {
						display: block;
						position: absolute;
						top: 15px;
						left: 0px;
						height: 4px;
						width: 100%;
						background: #607b84;
						transition: all 0.3s;
					}

					.burger-button span.barres::before,
					.burger-button span.barres::after {
						position: absolute;
						display: block;
						left: 0;
						width: 100%;
						height: 4px;
						background-color: #607b84;
						content: "";
						transition: all 0.3s;
					}

					.burger-button span.barres::before {
						top: -12px;
					}

					.burger-button span.barres::after {
						bottom: -12px;
					}
					.burger-button:not(.active):hover span.barres::before,
					.burger-button:not(.active):hover span.barres::after{
						width:80%;
						left:10%;
					}

				.burger-button.active {
					background-color:  transparent;
				}

					.burger-button.active span.barres {
						background: transparent;
						width:70%;
						left:15%;
					}

					.burger-button.active span.barres::before {
						top: 0;
						transform: rotate(45deg);
					}

					.burger-button.active span.barres::after {
						bottom: 0;
						transform: rotate(-45deg);
					}

					.burger-button.active span.barres::before,
					.burger-button.active span.barres::after {
						transition-delay: 0s, 0.3s;
					}
				/** << Burger Button **/
				/** << Burger Button **/


				#menu-container{
					display:flex;
					flex-direction:column;
                    justify-content: center;
                    position: fixed;
					background: rgba(255,255,255, 0.9) none repeat scroll 0 0;
					width: 100%;
					z-index: 10;
					left: -105%;
					top: 0px;
					height: 100%;
					transition: all .3s ease-in;
					color:#fff;
					box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                    padding: 140px 0px 20px 0px;
                    box-sizing: border-box;
				}
				#menu-container.active{
					left: 0px;
				}
					#menu{
						display: flex;
						justify-content: center;
						align-items: center;
						flex-direction: column;
                        justify-content: flex-start;
                        overflow-y: auto;
					}
						.menu-footer,
						.menu-header {
							align-items: center;
							display: flex;
							flex-direction: row;
							justify-content: center;
							position: relative;
							width: 100%;
							max-width: 1000px;
							color: #bbb0ac;
							text-transform: uppercase;
						}
						.menu-header:before,
						.menu-footer:before {
							background-image: url(../images/charte/traitmarronfondu.png);
							content: "";
							height: 5px;
							margin-top: -2px;
							position: absolute;
							top: 26px;
							left: 0;
							width: 185px;
							z-index: 1;
						}
						.menu-header:after,
						.menu-footer:after {
							background-image: url(../images/charte/traitmarronfondu.png);
							content: "";
							height: 5px;
							margin-top: -2px;
							position: absolute;
							top: 26px;
							right: 0;
							width: 185px;
							z-index: 1;
						}
							.menu-title {
								font-family: "Marcellus";
								font-size: 18px;
							}

							.menu-icons{
								display: flex;
								flex-direction: row;
								justify-content: space-between;
								align-items: center;
								padding:10px 20px 10px 0px;
								box-sizing: border-box;
							}
								.menu-icons > div{
									display: flex;
									flex-direction: column;
									justify-content: center;
									align-items: flex-start;
								}
									.menu-icons > div .menu-icon:not(:last-child){
										margin-bottom: 5px;
									}
								.menu-icon{
									float: left;
									height: 35px;
									display: flex;
									align-items: center;
									justify-content: center;
									text-align: center;
									font-size: 30px;
									font-weight: bolder;
									margin-left:20px;
								}
								.menu-icon i{
									width: 35px;
									color: #bbb0ac;
									height: 100%;
									display: inline-flex;
									align-items: center;
									justify-content: center;
								}
								.menu-icon span{
									font-size: 14px;
									margin-left: 10px;
								}

						.menu-body{
							max-width: 800px;
							width: 100%;
							display: flex;
							flex-direction: row;
							justify-content: center;
							padding:0px 20px;
							box-sizing: border-box;
						}
							.menu-body-col{
								display: flex;
								flex-direction: column;
								width: 47%;
							}
								.menu-link{
									align-items: left;
									border-bottom: 1px solid #a6958d;
									color: #607b84;
									display: block;
									flex-direction: column;
									font-family: "Marcellus";
									font-size: 18px;
									justify-content: center;
									position: relative;
									text-transform: uppercase;
									transition: all 0.2s ease 0s;
									padding:5px 0px;
									margin-bottom: 20px;
								}
								.menu-link:first-letter{
									font-size: 1.6em;
								}
								.menu-link:hover,
								.menu-link.active{
								}
								div.menu-link{
									cursor: pointer;
								}
									div.menu-link::after{
										content: "+";
										font-size: 30px;
										font-weight: 300;
										right: 0px;
										line-height: 20px;
										position: absolute;
										top: 15px;
										font-weight: bold;
									}
									.menu-link-wrap.open div.menu-link::after{
										content: "–";
									}
									.menu-submenu{
										display: none;
										flex-direction: column;
										justify-content: center;
										float: left;
										width: 100%;
										margin-bottom: 10px;
										box-sizing: border-box;
									}
									.menu-link-wrap.open .menu-submenu{
										display: flex;
									}
										.menu-submenu-link{
											float: right;
											width: 100%;
											box-sizing: border-box;
											font-size: 16px;
											height:30px;
											line-height: 30px;
											color:#5c7e87;
											padding-right: 0px;
											transition: 0.3s;
											text-align: right;

										}
										.menu-submenu-link:hover,
										.menu-submenu-link.active{
											padding-right: 10px;
										}

				/** Sélecteur de langue >> **/
				/** Sélecteur de langue >> **/
				.menu-flags{
					float: right;
					height: 100%;
					width: 60px;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					font-size:18px;
					color: #fff;
					text-transform: uppercase;
					margin-left:30px;
					font-family: "Marcellus";
					position: relative;
				}
					.menu-flags-select{
						float: left;
						width: 60px;
						height: 60px;
						box-sizing: border-box;
						position: absolute;
						bottom: -10px;
						right: 0px;
					}
					.menu-flags-select:after{
						position: absolute;
						bottom: 0px;
						left: -10px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 10px 10px 0;
						border-color: transparent #e4e3e1 transparent transparent;
						content: "";
					}
						.menu-flags-current{
							align-items: center;
							background-color: #bbb0ac;
							box-sizing: border-box;
							cursor: pointer;
							display: inline-flex;
							height: 100%;
							justify-content: center;
							overflow: hidden;
							padding-left: 10px;
							position: relative;
							width: 100%;
						}
						.menu-flags-current:before{
							bottom: 16px;
							color: #ffffff;
							content: "+";
							font-size: 20px;
							font-weight: bold;
							left: 7px;
							position: absolute;
						}
						.menu-flags-options{
							display: none;
							clear: both;
						}
							.menu-flags-options a{
								width: 60px;
								height: 60px;
								box-sizing: border-box;
								position: relative;
								overflow: hidden;
								display: inline-flex;
								justify-content: center;
								align-items: center;
								background-color: #fff;
								color: #bbb0ac;
								border: 2px solid #bbb0ac;
							}
							.menu-flags-options a:hover{
								background-color: #bbb0ac;
								color: #ffffff;
								border: 2px solid #bbb0ac;
							}
								.menu-flags-option{
									float: left;
									clear: both;
									width: 100%;
									height: 100%;
								}
								.menu-flags-options .menu-flags-option{
									width: 100%;
									height: 100%;
								}
					.menu-flags-select-arrow{
						float: left;
						font-size: 20px;
						background: transparent;
						cursor: pointer;
						color:#fff;
						transition: all 0.3s;
						width: 60px;
						text-align: center;
					}
					.menu-flags-select-arrow.active{
						transform:rotate(180deg);
					}
						.menu-flags-select-arrow .fa{
							color: #607b84;
						}
				/** << Sélecteur de langue **/
				/** << Sélecteur de langue **/

			#header-logo{
				display:flex;
				flex-direction: row;
				justify-content: center;
				align-items: flex-end;
				z-index: 11;
				position: absolute;
				flex-grow: 1;
				width: 100%;
				height: 100%;
				font-size: 18px;
				line-height: 22px;
				padding:20px 0px;
				box-sizing: border-box;
				box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                background-color: #fff;
			}
				#header-logo-image{
					float: left;
					max-height: 100%;
				}
				#header_info_etablissement_nom{
					float:left;
					display:inline-flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					margin-top: 22px;
					color: #607b84;
	            }
					#header_info_etablissement_nom > span{
						font-family: 'Marcellus';
					}
					#header_info_etablissement_nom > span span{
						font-size: 1.5em;
					}
					#header_info_etablissement_nom > span.header_baseline_1,
					#header_info_etablissement_nom > span.header_baseline_3{
					}
					#header_info_etablissement_nom > span.header_baseline_2,
					#header_info_etablissement_nom > span.header_baseline_3{
					}
				#header-logo-image{
					margin-right: 30px;
					padding-right: 35px;
					background-image: url(../images/charte/separationlogoadresse-menu.png);
					background-repeat: no-repeat;
					background-position: bottom right;
				}

		#header-reservez {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			text-transform: uppercase;
			height: 100%;
			cursor: pointer;
			background-color: #607b84;
			font-family: "Marcellus";
			z-index: 12;
            position: absolute;
            top: 0px;
            right: 0px;
            width: 140px;
		}
			.header-reservez-wrap{
				margin: 5px 0px;
				border-top: 1px solid #d6d6d6;
				border-bottom: 1px solid #d6d6d6;
				color:#fff;
				font-size: 20px;
				font-weight: 400;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				box-sizing: border-box;
				height: 100%;
				width: 100%;
				text-align: center;
				padding: 0 15px;
			}
				.header-reservez-wrap img{
					height: 30px;
					margin-bottom: 10px;
				}

	#header-secondary{
		opacity: 0;
		height: 0px;
	}


@media(max-width:1380px){
	#header-main{
		z-index: 103;
	}
}

@media(max-width:985px){
	#header{
		position: relative;
	}
		#header-main{
			position: fixed;
			top: 0px;
			z-index: 103;
			height: 100px;
			border-bottom: 1px solid #d6d6d6;
		}
		#header-main:before,
		#header-main:after{
			display:none;
		}
			#header-menu{
				margin-left: 10px;
				width:65px;
			}
				#header-menu #nav-container{
					margin-left: 0px;
				}
				#header-menu .menu-flags{
					display: none;
				}
				#menu-container{
					padding-top:101px;
					background-color: #fff;
				}
				#menu-container.active{
					left:0px;
					width: 100%;
				}
					.menu-header::before, .menu-footer::before,
					.menu-header::after, .menu-footer::after{
						display: none;
					}

			#header-logo{
				width:auto;
				position: relative;
				box-shadow: inherit;
				padding:10px 0px;
			}
				#header-logo-image{
					background: none;
					padding: 0px;
					margin: 0px;
				}
				#header_info_etablissement_nom{
					display: none;
				}

			#header-reservez{
			}
				.header-reservez-wrap{
					height: 65px;
					width: 65px;
					border: 0px;
				}
					.header-reservez-wrap span{
						display: none;
					}

		#header-secondary{
			opacity: 1;
			height: 50px;
			bottom: -10px;
			display: flex;
			justify-content: space-around;
			align-items: center;
			left: 0;
			position: absolute;
			right: inherit;
			top: inherit;
			width: 100%;
			background-color: #ffffff;
			border-top: 1px solid #fff;
			box-sizing: border-box;
			z-index: 102;
		}
			#header-secondary .menu-flags{
				margin-left: 0px;
			}

}
@media(max-width:600px){

	.menu-title{
		display: none;
	}

}
@media(max-width:480px){

	#nav-container{
		width: 50px;
	}
		.burger-button{
			width: 100%;
			height:55px;
		}
			.burger-button span.texte{
				font-size: 16px;
				top:15px;
			}

	#header-logo{
		font-size: 30px;
		padding: 15px 0px;
	}
		.header_info_baseline{
			display: none;
		}
	#header-menu{
	}
		.menu-body{
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
		}
			.menu-body-col{
				width: 100%;
			}
			.menu-link{
				font-size:16px;
				margin-bottom: 10px;
			}
	#header-reservez{
		max-width: 80px;
	}
}
.diaporama{
	float: left;
	width: 100%;
	height: 320px;
	margin-top: 140px;
	background: #f2f1ee;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.diaporama.accueil{
	height: 760px;
}

.diaporama-logo-center{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: all .3s ease-in-out;
}
.diaporama-logo-center.active{
	opacity: 0;
}
	.diaporama-logo{
		float: left;
		background: rgba(172, 169, 150, 0.8);
		color: #ffffff;
		padding: 30px 10px;
		text-align: center;
	}
		.diaporama-logo-name{
			line-height: 34px;
			margin-bottom: 10px;
			font-family: "Lustria", sans-serif;
			font-size: 40px;
			text-transform: uppercase;
		}
			.diaporama-logo-name span{
				font-size: 24px;
			}
		.diaporama-logo-activity{
			margin-bottom: 10px;
			font-size: 20px;
			font-weight: bold;
		}
		.diaporama-logo-brand{
			font-size: 16px;
		}

@media (max-width: 1260px) {

	.diaporama, .diaporama.accueil{
		height: 300px;
		margin-top: 0;
		position: relative;
	}
	.diaporama-logo-center{
		display: none;
	}

}

@media (max-width: 480px) {

	.diaporama, .diaporama.accueil{
		height: 200px;
	}

}.slideshow{
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
	.slideshow-slide{
		float: left;
		width: 100%;
		height: 100%;
		background: no-repeat center center;
		background-size: cover;
	}.content-push{
	float: left;
	width: 100%;
	height: 460px;
	position: relative;
	z-index: 1;
}
.content-push.accueil{
	height: 600px;
}

.content{
	float: left;
	width: 100%;
	position: relative;
	z-index: 5;
}
	.content-top,
	.content-middle,
	.content-bottom{
		display: flex;
		flex-direction: column;
		align-items: center;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	.content-top{
		padding: 40px;
		background-color: #fff;
	}
	.content-top:last-child{
		padding-bottom: 80px;
	}
		.content-center{
			float: left;
			width: 100%;
			max-width: 980px
		}
	.content-bottom{
		padding-bottom: 20px;
		background-color: #fff;
	}

.content-goto{
	width: 90px;
	height: 61px;
	margin-left: -45px;
	box-sizing: border-box;
	background: transparent;
	cursor: pointer;
	position: absolute;
	left: 50%;
	z-index: 4;
}
.content-goto#goto-bottom{
	top: -40px;
}
.content-goto#goto-top{
	bottom: -5px;
}
	.content-goto-icon{
		float: left;
		width: 100%;
	}

.shortcuts{
	float: left;
	width: 40px;
	position: fixed;
	top: 200px;
	left: 10px;
	z-index: 6;
}
	.shortcut{
		display: none;
		float: left;
		height: 40px;
		width: 100%;
		margin-bottom: 20px;
		cursor: pointer;
		position: relative;
		background-color: rgba(96, 123, 132, 0.8);
		box-shadow: 0px 0px 1px #333;
	}
	.shortcut:hover{
		background-color: rgba(255, 255, 255, 0.8);
	}
		.shortcut-label-wrap{
			padding-left: 10px;
			position: absolute;
			left: 100%;
			top: 0;
			width: 0px;
			height: 100%;
			transition: 0.3s;
		}
			.shortcut-label{
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-end;
				height: 100%;
				background-color: rgba(96, 123, 132, 0.8);
				color: #ffffff;
				white-space: nowrap;
				text-align: right;
				font-size: 20px;
				transition: all .3s ease-in-out;
				z-index: 1;
				font-family: "Marcellus";
				text-transform:	uppercase;
				overflow: hidden;
			}
		.shortcut:hover .shortcut-label-wrap{
			width: auto;
		}
			.shortcut:hover .shortcut-label{
				padding:0px 20px;
				box-shadow: 0px 0px 1px #333;
			}

@media (max-width: 1260px) {

	.content-push{
		display: none;
	}

	#goto-bottom{
		display: none;
	}
	.shortcuts{
		display: none;
	}

}
@media (max-width: 800px) {
	.content-bottom{
		padding-bottom: 80px;
	}
}
.breadcrumb-container{
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	float: left;
	width:100%;
	margin-bottom: 40px;
}
	.breadcrumb-container .ariane {
		float: left;
		margin-right: 5px;
		color: #525252;
		font-size: 12px;
	}
	.breadcrumb-container .ariane::after{
		content: '>';
		margin-left: 5px;
	}
	.breadcrumb-container .ariane:last-child{
		margin-right: 0;
	}
	.breadcrumb-container .ariane:last-child::after{
		display: none;
	}


@media(max-width: 1024px){
	.breadcrumb-container{
		display:none;
	}
}.title{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	color: #607b84;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	font-family: 'Marcellus';
	text-transform: uppercase;
}
.title:last-child{
	margin-bottom: 0;
}
.title.accueil{
	padding: 0px 0px 0px;
	box-sizing: border-box;
}
.title.accueil span{
	font-size: 1.3em;
}

@media (max-width: 1024px) {

	.title.accueil{
		padding: 0 0 60px 0;
		background-position: center bottom;
	}

}
.text{
	float: left;
	width: 100%;
	line-height: 20px;
	margin-bottom: 30px;
	color: #545454;
	font-size: 16px;
	text-align: center;
	position: relative;
}
.text:last-child{
	margin-bottom: 0;
}
.text.decoration{
}.social{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	position: relative;
	z-index: 4;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
	.social-left{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 30px 30px 30px 00px;
		box-sizing: border-box;
		background-image: url(../images/charte/separationfooter.png);
		background-position: right center;
		background-repeat: no-repeat;

	}
		.social-brands{
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-items: center;
			text-align: center;
		}
			.social-brand{
				margin-right: 50px;
				max-height: 90px;
				max-width: 200px;
			}
			.social-brand:last-child{
				margin-right: 0;
			}
			.social-brand.seh{
				line-height: 14px;
				padding-top: 50px;
				max-width: none;
				background: url(../images/logos/seh.png) no-repeat center top;
				background-size: auto 36px;
				color: #d6d6d6;
				font-size: 12px;
				text-align: center;
			}
				.social-brand.seh a{
					color: #d6d6d6;
				}
			.social-brand.hotel{
				color: #607b84;
				line-height: 24px;
			}
	.social-center{
		display: flex;
	    flex-direction: row;
	    justify-content: center;
	    align-items: center;

	}
		.social-contact{
			float: left;
			color: #607b84;
			font-size: 12px;
			text-align: center;
			background-image: url(../images/charte/separationfooter.png);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 30px 30px 30px 30px;
		}
			.social-contact-title{
				font-size: 22px;
    			text-transform: uppercase;
				font-family: "Marcellus";
			}
			.social-contact-phone{
				font-size: 16px;
				font-family: "Marcellus";
			}
			.social-contact-email{
				font-size: 16px;
			}
		.social-horaires{
			float: left;
			color: #607b84;
			font-size: 12px;
			text-align: center;
			background-image: url(../images/charte/separationfooter.png);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 30px 30px 30px 30px;
		}
			.social-horaires-title{
				font-size: 22px;
    			text-transform: uppercase;
    			margin-bottom: 16px;
				font-family: "Marcellus";
			}
			.social-horaires-text{
				font-size: 13px;
			}
		.social-share{
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			float: left;
			background-image: url(../images/charte/separationfooter.png);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 30px 30px 30px 30px;
		}
			.social-share-title{
				float: left;
				margin-bottom: 10px;
				color: #607b84;
				font-size: 22px;
    			text-transform: uppercase;
				font-family: "Marcellus";
			}
			.social-share-buttons{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				font-size: 10px;
			}
				a.social-share-button,
				.social-share-button{
					float: left;
					width: 20px;
					margin: 0 5px 0px 20px;
					cursor: pointer;
					font-size: 30px;
					color:#607b84;
				}
	.social-right{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 30px 0px 30px 30px;
		box-sizing: border-box;

	}
		.social-logos{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}
			.social-logo{
				margin-right: 40px;
			}
			.social-logo:last-child{
			}
				.social-logo-image{
					float: left;
					max-height: 60px;
				}

@media (max-width: 1550px) {
	.social{
		flex-direction: column;
	}
		.social > div{
			background-image:url(../images/charte/separationfootermobile.png);
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.social > div:last-child{
			background-image:none;
		}

		.social-center,
		.social-left{
			padding: 0px 0px 40px 0px;
			margin: 0px 0px 40px 0px;
		}
		.social-right{
			padding:0px;
			margin: 0px;
		}
			.social-center > div{
				padding:0px 20px;
				margin: 0px;
			}
			.social-contact,
			.social-share,
			.social-horaires{
				background:none;
			}
}

@media (max-width: 600px) {

	.social-logos,
	.social-center,
	.social-left{
		flex-direction: column;
		height: auto;
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 20px 0px;
		position: relative;
	}
	.social-center{
		padding-top:0px;
		margin-top:0px;
	}
		.social-share{
			padding: 0px 0px 20px;
			margin: 0px;
		}
		.social-center .social-contact,
		.social-center .social-horaires{
			background-image:url(../images/charte/separationfootermobile.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			padding: 0px 0px 40px 0px;
			margin: 0px 0px 40px 0px;
		}
		.social-brands{
			flex-direction: column;
		}
			.social-brand{
				margin: 0 0 20px 0;
			}
			.social-brand:last-child{
				margin-bottom: 0;
			}

	.social-right{
		flex-direction: column;
		height: auto;
		padding: 0;
		position: relative;
	}
	.social-share{
		margin: 0 0 20px 0;
	}
	.social-logo{
		margin: 5px;
	}

}.footer{
	float: left;
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	z-index: 5;
}
	.footer-buttons{
		float: right;
	}
		.footer-button{
			float: left;
			line-height: 18px;
			margin-right: 20px;
			color: #a6938d;
			font-size: 11px;
		}
		.footer-juliana{
			float: left;
			line-height: 18px;
			color: #a6938d;
			font-size: 11px;
		}
			.footer-juliana-logo{
				float: right;
				height: 18px;
				margin-left: 5px;
			}

@media (max-width: 1024px) {

	.footer-button#sitemap{
		display: none;
	}

}.sidebar{
    padding: 20px 0 25px;
    position: fixed;
    right: 0;
    width: 44px;
    z-index: 6;
    top:150px;
}
.sidebar.accueil{
	top: 210px;
	background-image: url("../images/charte/fondpicto.png");
    background-repeat: no-repeat;
    background-size: cover;
}
	.sidebar-item {
		float: left;
		width: 280px;
		margin-left: 2px;
		box-sizing: border-box;
		cursor: pointer;
		transition: all .3s ease-in;
		padding: 5px 0px;
		border-bottom: 1px solid #fff;
		background: #bbb0ac;

		display: inline-flex;
	}
	.sidebar-item:last-child{
		border-bottom: 0px;
	}
	.sidebar-item:hover {
		margin-left: -230px;
	}
		.sidebar-item-pictos{
			width: 44px;
			position: relative;
			transition: all .3s ease-in;
			margin-left: 2px;
		}
			.sidebar-item-picto{
				float: left;
				width: 100%;
				height: 100%;
				padding: 7px;
				box-sizing: border-box;
				transition: all .3s ease-in;
				position: absolute;
				left: 0;
				top: 0;
			}
		.sidebar-item-label{
			width: 222px;
			line-height: 34px;
			padding: 0 10px;
			box-sizing: border-box;
			color: #ffffff;
			font-size: 14px;
			text-transform: uppercase;
			transition: all .3s ease-in;
		}

@media (max-width: 1260px){

	.sidebar{
		display: none;
	}

}