input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]
{
	-moz-appearance: textfield;
}

.ui-datepicker
{
	z-index: 99 !important;
}

.error
{
	color: #cb1b30;
}

.error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, .error:-ms-input-placeholder
{
	color: #cb1b30;
}

.valid
{
	color: #3C763D;
}

.clear
{
	clear: both;
	float: none;
}

div
{
	margin: 0 auto;
}
.t10
{
	font-size: 10px;
}

.t11
{
	font-size: 11px;
	font-size: 9px\9;
}

.t12
{
	font-size: 12px;
}

.t13
{
	font-size: 13px;
}

.t14
{
	font-size: 14px;
}

.t18
{
	font-size: 18px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.center
{
	text-align: center;
}

.justify
{
	text-align: justify;
}


.VDMCarousel
{
	width: 900px;
}

.VDMCarouselContainerTop
{
	margin-top: 10px;
}
.VDMCarouselContainerBottom
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.VDMCarousel a
{
	color: #4b4b4d;
	text-decoration: none;
}

.VDMCarousel img
{
	border: 0;
}

.VDMCarousel div
{
	text-align: center;
}

.VDMCarousel .smallVignette
{
	width: 90px;
}

.VDMCarousel .smallVignette div:last-child
{
	margin-top: 10px;
}


.VDMCarousel .bigVignette
{
	width: 160px;
}

.VDMCarousel .bigVignette div:last-child
{
	margin-top: 20px;
}

#mainContent
{
	background-color: #F5F4EF;
	padding: 30px 0 50px 0;
}


#header #headerImgXS
{
	height: 199px;
	position: relative;
	cursor: pointer;
}

#header #headerImgXS > .ui-widget
{
	padding-top: 75px;
	text-align: center;
	margin-left: -25px;
}

#header #headerImgSM
{
	height: 249px;
	position: relative;
	cursor: pointer;
}

#header #headerImgSM > .ui-widget
{
	padding-top: 105px;
	text-align: center;
	margin-left: -25px;
}

#header #headerImg
{
	position: relative;
	height: 365px;
	min-width: 960px;
	width: 100%;
	max-width: 100%;
}
#header #headerImg > img, #header #headerImg #headerImgWrapper img
{
	height: 365px;
	top: 0;
	left: 0;
	position: absolute;
	text-align: left;
	z-index: 0;
	visibility: hidden;
	width: 100%;
}


#header #headerImg #headerImgWrapper
{
	height: 365px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#header #headerImg .blocTransparentContainer
{
	position: relative;
	width: 940px;
	z-index: 1;
}
#header #headerImg .blocTransparent
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 0;
	height: 0;
}


.filariane
{
	color: #FFFFFF;
	font-size: 12px;
	left: 0;
	top: 0;
	padding-top: 2px;
	height: 24px;
	z-index: 1;
	width: 940px;
	text-align: left;
}
.filariane a
{
	color: #FFFFFF;
	font-size: 12px;
}
.filarianeBackground
{
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: url(/Voyage-sur-mesure/Areas/Responsive/img/header/breadcrumb.png) repeat left top;
	width: 100%;
	z-index: 1;
}

#header .imgContactezNousContainer
{
	position: relative;
	z-index: -1;
}
#header .imgContactezNous
{
	position: absolute;
	top: 90px;
	left: 0px;
	cursor: pointer;
}
/* FOOTER */

.FooterContainer
{
	background-color: #323232;
}

.ImgVIP
{
	text-align: center;
	margin: 0 auto;
}

.ImgVIP img
{
	margin-top: -50px;
}

#Footer
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 100;
	padding: 0 0 20px 0;
}
#Footer a
{
	color: #FFFFFF;
}
#Footer ul
{
	list-style-type: none;
	text-align: left;
	margin: 0 0 24px 0;
	padding: 0;
}
.FooterTop
{
	padding: 25px 0;
}
.blocContactezNous .t18
{
	display: block;
	margin: 0 0 10px 0;
}
.blocContactezNous, .blocSuivezNous, .blocNewsletter
{
	text-align: left;
}

.blocSuivezNous img
{
	margin: 0 12px 0 0;
}
.blocNewsletter input
{
	background: transparent;
	border-bottom: 1px solid white;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #FFFFFF;
	height: 20px;
	width: 100%;
	margin: 10px 0 0 0;
	letter-spacing: 1.4px;
}
.footer_btn
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-weight: 400;
	padding: 6px 0 3px;
	margin-top: 29px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}
#Footer a.footer_btn:hover
{
    background:#FFFFFF;
    color:#323232;
    text-decoration: none;
} 
.BlocAtr a:first-child:hover
{
    text-decoration: none;
}

.TitreCarrousel
{
	height: 33px;
	position: relative;
	text-align: center;
	width: 270px;
}
.TitreCarrouselBig
{
	width: 410px;
}
.TitreCarrousel .Titre
{
	position: absolute;
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px 18px;
	top: -18px;
	width: 100%;
}

/*****************************************/
/*  blocConfidentialite  */
/*****************************************/
#blocConfidentialite
{
	background-color: #f4f4f4;
	color: #000000;
	line-height: 20px;
	text-align: center;
}

#blocConfidentialite .container
{
	margin: auto;
	position: relative;
	width: 100%;
	font-size: 9px;
	padding: 5px 30px 5px 5px;
}

#blocConfidentialite .cross
{
    background: #6a6a6a none repeat scroll 0 0;
    border: 1px solid black;
    color: #ffffff;
    cursor: pointer;
    height: 15px;
    line-height: 14px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
}


/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*FOOTER MEDIA QUERIES mmmmmmmmmmmmmm*/
/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

@media screen and (max-width: 736px) /* XS et SM */
{
	.VDMCarousel
	{
		width: 100%;
	}
	.VDMCarouselContainerTop
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.VDMCarouselContainerBottom
	{
		margin-top: 30px;
		margin-bottom: 60px;
	}

	.TitreCarrousel
	{
		width: 100%;
	}
	.TitreCarrousel .Titre
	{
		top: 0;
	}
	.filariane
	{
		display: none;
	}
}

@media screen and (min-width:737px) /* MD */
{
	#mainContent
	{
		min-width: 970px;
	}
}

@media screen and (max-width:480px) /* XS */
{
	#mainContent
	{
		background-color: #FFFFFF;
	}
	.t18
	{
		font-size: 15px;
		font-weight: 500;
	}

	.VDMCarouselContainerBottom
	{
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.VDMCarouselContainerBottom .HomeCarouselBottom ul.slick-dots
	{
		bottom: -20px;
	}
	.VDMCarouselContainerBottom .HomeCarouselBottom ul.slick-dots.slick-dots li
	{
		margin: 0;
	}
	.TitreCarrouselBig .Titre
	{
		background: #FFFFFF;
		color: #000000;
		padding: 10% 0 0;
		font-size: 15px;
		font-weight: 100;
		line-height: 1.2;
	}
	.TitreCarrouselBig .Titre strong
	{
		display: block;
		font-weight: 500;
	}
	.TitreCarrouselBig .Titre strong
	{
		display: block;
		font-weight: 500;
	}
	.ImgVIP
	{
		display: none;
	}
	.FooterTop div:nth-child(1) .t18, .FooterTop div:nth-child(2) .t18
	{
		letter-spacing: 2px;
	}
	#Footer
	{
		padding: 0 25px 20px 25px;
		line-height: 2;
	}
	.FooterTop
	{
		padding: 0;
	}
	.footer_btn
	{
		margin-top: 14px;
		padding: 8px 0;
		width: 100%;
		font-weight: 500;
		letter-spacing: 0.7px;
	}
	.blocContactezNous
	{
		text-align: center;
		margin: 15px 0 30px;
	}
	.blocContactezNous span.t18
	{
		text-align: center;
	}
	.blocSuivezNous, .blocInscription
	{
		margin-bottom: 30px;
		text-align: center;
	}
	.blocSuivezNous
	{
		width: 100%;
	}
	.blocSuivezNous .left
	{
		width: 20%;
		margin-top: 5%;
	}
	.blocSuivezNous img
	{
		width: 35px;
	}
	.blocSuivezNous img:last-child
	{
		margin: 0;
	}

	.blocNewsletter, .blocInscription
	{
		background: #474747;
		width: 119%;
		margin: 0 0 0 -10%;
		padding: 0 15% 0 15%;
	}

	.blocNewsletter
	{
		padding-top: 16px;
	}

	.blocInscription
	{
		padding-bottom: 28px;
		margin-top: 0;
	}
	.blocNewsletter input
	{
		margin-top: 15px;
        padding: 17px 10px;
        text-align: center;
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
	}
	.BlocAtr img
	{
		width: 40%;
	}
	.BlocAtr a:last-child
	{
		display: block;
		padding: 0 45px;
	}

	.FooterBottom
	{
		margin-top: 25px;
	}
	.FooterBottom strong
	{
		font-size: 13px;
		font-weight: 400;
	}
}

@media screen and (min-width:481px) and (max-width:736px) /* SM */
{
	.blocContactezNous span.t18:nth-child(4)
	{
		font-size: 12px;
		font-weight: 500;
	}
	.blocSuivezNous .left
	{
		width: 20%;
	}
	.blocSuivezNous
	{
		height: 90px;
	}
	.blocSuivezNous .left img
	{
		margin: 0 1px 0;
		width: 24px;
	}
}

@media screen and (width:480px)
{

	.VDMCarouselContainerBottom
	{
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.VDMCarouselContainerBottom .HomeCarouselBottom ul.slick-dots
	{
		bottom: -20px;
	}
	.VDMCarouselContainerBottom .HomeCarouselBottom ul.slick-dots.slick-dots li
	{
		margin: 0;
	}
	.TitreCarrouselBig .Titre
	{
		background: #FFFFFF;
		color: #000000;
		padding: 5% 22% 0;
		font-size: 15px;
		font-weight: 100;
		line-height: 1.2;
	}
	.TitreCarrouselBig .Titre strong
	{
		display: block;
		font-weight: 500;
	}
}
@media screen and (width:375px)
{
	.TitreCarrouselBig
	{
		padding: 0;
	}
}