#pre-content{
	float: left;
	width: 100%;
	height: 560px;
	position: relative;
	z-index: 8;
}
	#pre-content-col{
		float: left;
		width: 180px;
		margin: 50px 0 0 20px;
	}
		#pre-content-panel-trigger{
			float: left;
			width: 100%;
			line-height: 24px;
			padding: 10px;
			margin-bottom: 20px;
			box-sizing: border-box;
			box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
			background: #ffffff;
			background: -moz-linear-gradient(45deg, #C7C4C2 0%, #ffffff 100%);
			background: -webkit-linear-gradient(45deg, #C7C4C2 0%,#ffffff 100%);
			background: linear-gradient(45deg, #C7C4C2 0%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7C4C2', endColorstr='#ffffff',GradientType=1 );
			color: #000000;
			font-size: 20px;
			text-align: center;
			text-transform: uppercase;
			cursor: pointer;
			position: relative;
		}
			#pre-content-panel-trigger-arrow{
				width: 20px;
				height: 30px;
				border: 1px solid #B7A27D;
				box-sizing: border-box;
				background: url(../../../images/pictos/arrow-right.png) no-repeat center center #ffffff;
				cursor: pointer;
				position: absolute;
				right: -10px;
				top: 20px;
			}
		#pre-content-booking-mobile{
			display: none;
			float: left;
			width: 46%;
			height: 70px;
			line-height: 50px;
			padding: 10px;
			box-sizing: border-box;
			box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
			background: #ffffff;
			background: -moz-linear-gradient(45deg, #C7C4C2 0%, #ffffff 100%);
			background: -webkit-linear-gradient(45deg, #C7C4C2 0%,#ffffff 100%);
			background: linear-gradient(45deg, #C7C4C2 0%,#ffffff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7C4C2', endColorstr='#ffffff',GradientType=1 );
			color: #000000;
			font-size: 20px;
			text-align: center;
			text-transform: uppercase;
			position: relative;
		}
			#pre-content-booking-mobile-arrow{
				width: 20px;
				height: 30px;
				border: 1px solid #B7A27D;
				box-sizing: border-box;
				background: url(../../../images/pictos/arrow-right.png) no-repeat center center #ffffff;
				cursor: pointer;
				position: absolute;
				right: -10px;
				top: 20px;
			}
		#pre-content-bestrate{
			float: left;
			width: 100%;
			line-height: 18px;
			padding: 10px;
			box-sizing: border-box;
			box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
			background: #927b55;
			background: -moz-linear-gradient(45deg, #b5a07b 0%, #D1BE9C 100%);
			background: -webkit-linear-gradient(45deg, #b5a07b 0%,#D1BE9C 100%);
			background: linear-gradient(45deg, #b5a07b 0%,#D1BE9C 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5a07b', endColorstr='#D1BE9C',GradientType=1 );
			color: #000000;
			text-align: center;
		}
			#pre-content-bestrate-center{
				display: inline-block;
				vertical-align: top;
			}
				#pre-content-bestrate-title{
					float: left;
					width: 100%;
					margin-bottom: 5px;
					font-size: 16px;
					text-transform: uppercase;
				}
				#pre-content-bestrate-content{
					float: left;
					width: 100%;
				}
					#pre-content-bestrate-rate{
						display: inline-block;
						padding: 4px 10px 6px 10px;
						border-radius: 5px;
						background: #000000;
						color: #b5a07b;
						font-size: 22px;
						vertical-align: top;
					}
					#pre-content-bestrate-baseline{
						float: left;
						width: 100%;
						font-size: 13px;
					}

	#pre-content-accueil{
		float: right;
		width: 425px;
		margin: 20px 80px 0 0;
		position: relative;
	}
		#pre-content-accueil-show{
			float: right;
			height: 28px;
			line-height: 28px;
			padding: 0 10px;
			border: 1px solid #927B55;
			background: rgba(0,0,0,0.8);
			color: #ffffff;
			font-size: 14px;
			cursor: pointer;
			opacity: 1;
			transform: scale(1);
			transition: all .3s ease-in;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1;
		}
		#pre-content-accueil-content{
			float: left;
			width: 100%;
			line-height: 20px;
			padding: 20px;
			box-sizing: border-box;
			color: #ffffff;
			background: rgba(0,0,0,0.8);
			font-size: 14px;
			text-align: center;
			transition: all .3s ease-in;
			opacity: 0;
			transform: scale(0);
			position: relative;
		}
			#pre-content-accueil-hide{
				float: left;
				width: 20px;
				height: 20px;
				border: 1px solid #927B55;
				background: url(../../../images/pictos/close.png) no-repeat center center;
				cursor: pointer;
				position: absolute;
				left: 10px;
				top: 10px;
			}
			#pre-content-accueil-title{
				float: left;
				width: 100%;
				line-height: 28px;
				margin-bottom: 20px;
				color: #C7B390;
				font-family: 'caviardreams';
				font-size: 24px;
			}
				#pre-content-accueil-subtitle{
					font-size: 18px;
				}
			#pre-content-accueil-text{
				float: left;
				width: 100%;
			}
		#pre-content-accueil.active #pre-content-accueil-show{
			opacity: 0;
			transform: scale(0);
		}
		#pre-content-accueil.active #pre-content-accueil-content{
			opacity: 1;
			transform: scale(1);
		}


@media (max-width: 1024px) {

	#pre-content-accueil{
		margin-right: 20px;
	}

}


@media (max-width: 960px) {

	#pre-content{
		height: auto;
	}
	#pre-content-col{
		width: 100%;
		margin: 0;
	}
	#pre-content-panel-trigger{
		display: none;
	}

	#pre-content-booking-mobile{
		display: block;
	}

	#pre-content-bestrate{
		float: right;
		width: 54%;
		height: 70px;
		padding: 13px 0;
		box-sizing: border-box;
	}
	#pre-content-bestrate-title{
		width: auto;
		padding-right: 10px;
		margin-right: 10px;
		line-height: 22px;
		border-right: 1px solid #856F4A;
		text-align: right;
	}
	#pre-content-bestrate-content{
		width: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#pre-content-accueil{
		float: left;
		width: 100%;
		margin: 0;
	}
	#pre-content-accueil-show{
		display: none;
		opacity: 0;
		transform: scale(0);
	}
	#pre-content-accueil-hide{
		display: none;
	}
	#pre-content-accueil-content{
		padding: 50px;
		opacity: 1 !important;
		transform: scale(1) !important;
	}
	#pre-content-accueil-title{
		font-size: 28px;
	}
	#pre-content-accueil-subtitle{
		font-size: 20px;
	}
	#pre-content-accueil-text{
		font-size: 16px;
	}

}

@media (max-width: 600px) {

	#pre-content-booking-mobile{
		width: 100%;
	}
	#pre-content-booking-mobile-arrow{
		right: 20px;
	}
	#pre-content-bestrate{
		width: 100%;
	}

}