/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}/*legend{color:#000;}*/input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/* Limited Reset
----------------------------------------------------------------*/
/* html5 ie compatibility */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

strong{ font-weight:bold; }

em {font-style: italic;}

fieldset, img {
    border: 0 none;
    vertical-align: bottom;
}

a
{
	outline-style: none;
}
textarea
{
	resize:none;
}

.clearfix:after {
  /*content:".";*/
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* GENERIC CLASSES */

.fleft{float: left;}
.fright{float: right;}
.fnone{float: none;}

.fleft_important{float:left !important;}
.fright_important{float:right !important;}
.fnone_important{float:none !important;}

.text_align_right { text-align: right; }
.text_align_left { text-align: left; }
.text_align_center { text-align: center; }
.text_align_justify { text-align: justify; }

.position_absolute {position:absolute;}
.position_relative {position:relative;}

.clr{clear: both;}

.none, .hidden { display: none; }
.block { display: block; }
.inline { display: inline; }
.inlineBlok { display: inline-block; }

.imgleft{margin-right: 10px;}
.imgright{margin-left: 10px;}

.relative, .position_relative {position: relative;}
.absolute, .position_absolute {position: absolute;}

.pt0, .pdt0 { padding-top: 0px !important; }
.pr0, .pdr0 { padding-right: 0px !important; }
.pb0, .pdb0 { padding-bottom: 0px !important; }
.pl0, .pdl0 { padding-left: 0px !important; }

.pt5, .pdt5 { padding-top: 5px !important; }
.pr5, .pdr5 { padding-right: 5px !important; }
.pb5, .pdb5 { padding-bottom: 5px !important; }
.pl5, .pdl5 { padding-left: 5px !important; }


.pt10, .pdt10 { padding-top: 10px !important; }
.pr10, .pdr10 { padding-right: 10px !important; }
.pb10, .pdb10 { padding-bottom: 10px !important; }
.pl10, .pdl10 { padding-left: 10px !important; }

.pt15, .pdt15 { padding-top: 15px !important; }
.pr15, .pdr15 { padding-right: 15px !important; }
.pb15, .pdb15 { padding-bottom: 15px !important; }
.pl15, .pdl15 { padding-left: 15px !important; }

.pt20, .pdt20 { padding-top: 20px !important; }
.pr20, .pdr20 { padding-right: 20px !important; }
.pb20, .pdb20 { padding-bottom: 20px !important; }
.pl20, .pdl20 { padding-left: 20px !important; }

.pt25, .pdt25 { padding-top: 25px !important; }
.pr25, .pdr25 { padding-right: 25px !important; }
.pb25, .pdb25 { padding-bottom: 25px !important; }
.pl25, .pdl25 { padding-left: 25px !important; }

.pt30, .pdt30 { padding-top: 30px !important; }
.pr30, .pdr30 { padding-right: 30px !important; }
.pb30, .pdb30 { padding-bottom: 30px !important; }
.pl30, .pdl30 { padding-left: 30px !important; }

.pt35, .pdt35 { padding-top: 35px !important; }
.pr35, .pdr35 { padding-right: 35px !important; }
.pb35, .pdb35 { padding-bottom: 35px !important; }
.pl35, .pdl35 { padding-left: 35px !important; }

.pt40, .pdt40 { padding-top: 40px !important; }
.pr40, .pdr40 { padding-right: 40px !important; }
.pb40, .pdb40 { padding-bottom: 40px !important; }
.pl40, .pdl40 { padding-left: 40px !important; }

.pt45, .pdt45 { padding-top: 45px !important; }
.pr45, .pdr45 { padding-right: 45px !important; }
.pb45, .pdb45 { padding-bottom: 45px !important; }
.pl45, .pdl45 { padding-left: 45px !important; }

.pt50, .pdt50 { padding-top: 50px !important; }
.pr50, .pdr50 { padding-right: 50px !important; }
.pb50, .pdb50 { padding-bottom: 50px !important; }
.pl50, .pdl50 { padding-left: 50px !important; }

.pt55, .pdt55 { padding-top: 55px !important; }
.pr55, .pdr55 { padding-right: 55px !important; }
.pb55, .pdb55 { padding-bottom: 55px !important; }
.pl55, .pdl55 { padding-left: 55px !important; }


.mt0, .mgt0 { margin-top: 0px !important; }
.mr0, .mgr0 { margin-right: 0px !important; }
.mb0, .mgb0 { margin-bottom: 0px !important; }
.ml0, .mgl0 { margin-left: 0px !important; }

.mt5, .mgt5 { margin-top: 5px !important; }
.mr5, .mgr5 { margin-right: 5px !important; }
.mb5, .mgb5 { margin-bottom: 5px !important; }
.ml5, .mgl5 { margin-left: 5px !important; }

.mt10, .mgt10 { margin-top: 10px !important; }
.mr10, .mgr10 { margin-right: 10px !important; }
.mb10, .mgb10 { margin-bottom: 10px !important; }
.ml10, .mgl10 { margin-left: 10px !important; }

.mt15, .mgt15 { margin-top: 15px !important; }
.mr15, .mgr15 { margin-right: 15px !important; }
.mb15, .mgb15 { margin-bottom: 15px !important; }
.ml15, .mgl15 { margin-left: 15px !important; }

.mt20, .mgt20 { margin-top: 20px !important; }
.mr20, .mgr20 { margin-right: 20px !important; }
.mb20, .mgb20 { margin-bottom: 20px !important; }
.ml20, .mgl20 { margin-left: 20px !important; }

.mt25, .mgt25 { margin-top: 25px !important; }
.mr25, .mgr25 { margin-right: 25px !important; }
.mb25, .mgb25 { margin-bottom: 25px !important; }
.ml25, .mgl25 { margin-left: 25px !important; }

.mt30, .mgt30 { margin-top: 30px !important; }
.mr30, .mgr30 { margin-right: 30px !important; }
.mb30, .mgb30 { margin-bottom: 30px !important; }
.ml30, .mgl30 { margin-left: 30px !important; }

.mt35, .mgt35 { margin-top: 35px !important; }
.mr35, .mgr35 { margin-right: 35px !important; }
.mb35, .mgb35 { margin-bottom: 35px !important; }
.ml35, .mgl35 { margin-left: 35px !important; }

.mt40, .mgt40 { margin-top: 40px !important; }
.mr40, .mgr40 { margin-right: 40px !important; }
.mb40, .mgb40 { margin-bottom: 40px !important; }
.ml40, .mgl40 { margin-left: 40px !important; }

.mt45, .mgt45 { margin-top: 45px !important; }
.mr45, .mgr45 { margin-right: 45px !important; }
.mb45, .mgb45 { margin-bottom: 45px !important; }
.ml45, .mgl45 { margin-left: 45px !important; }

.mt50, .mgt50 { margin-top: 50px !important; }
.mr50, .mgr50 { margin-right: 50px !important; }
.mb50, .mgb50 { margin-bottom: 50px !important; }
.ml50, .mgl50 { margin-left: 50px !important; }

.ml1p { margin-left: 1% !important; }
.mr1p { margin-right: 1% !important;}
.ml2p { margin-left: 2% !important; }
.mr2p { margin-right: 2% !important;}
.ml4p { margin-left: 4% !important; }
.mr4p { margin-right: 4% !important;}
.ml25p { margin-left: 25% !important; }
.mr25p { margin-right: 25% !important;}

/* FIN DES CLASSES GENERIQUES */

/*** Généralités ***/

* {
	-webkit-box-sizing : border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face {
    font-family: 'brandon_text';
    src: url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.eot');
    src: url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.svg#brandon_text_regularregular') format('svg'),
         url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.woff2') format('woff2'),
         url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.woff') format('woff'),
         url('../../../bundles/vcassets/css/front/font/brandontext-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_text';
    src: url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.eot');
    src: url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.svg#brandon_textbold') format('svg'),
         url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.woff2') format('woff2'),
         url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.woff') format('woff'),
         url('../../../bundles/vcassets/css/front/font/brandontext-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'mathlete';
    src: url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.eot');
    src: url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.svg#mathletebulky') format('svg'),
         url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.woff2') format('woff2'),
         url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.woff') format('woff'),
         url('../../../bundles/vcassets/css/front/font/mathlete-bulky-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-size: 0.625em;
    font-family: 'brandon_text', Arial, Helvetica, sans-serif;
    background: #fff;
    color: #1b345a;
    overflow-x: hidden;
}
html{
	position: relative;
	overflow: auto;
}


a, input, .link, .tofade {
    -webkit-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, opacity .2s ease-out;
    -moz-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, opacity .2s ease-out;
    -o-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, opacity .2s ease-out;
    transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, opacity .2s ease-out;
}
.marge-auto {margin: 0 auto;}
.main-width {width: 1200px;}
a {color: #1cb2db; text-decoration: none;}
a:hover {text-decoration: underline;}
.container{margin-top:	114px;}
.wrapper{
	background-color: #fff;
	padding: 4px;
}
.light{font-weight: normal;}
.wysiwyg{
	font-size: 170%;
}
.blue{color: #1cb2db;}
.op-20{
	filter: alpha(opacity=20);
	opacity: 0.2;
}


/*** Boutons ***/
.btn{
	font-size: 140%;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'mathlete';
	font-size: 320%;
	-webkit-box-shadow: -5px 5px 0px #fbe231;
	-moz-box-shadow: -5px 5px 0px #fbe231;
	box-shadow: -5px 5px 0px #fbe231;	
	outline: 0 none;
	border: 0 none;
	background: #1b345a;
	display: inline-block;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: -webkit-transform 0.1s, -webkit-box-shadow 0.1s;  /* For Safari 3.1 to 6.0 */
    transition: transform 0.1s, box-shadow 0.1s;
	-webkit-appearance: none;	
    -webkit-border-radius:0; 
    border-radius:0;
}
.btn:hover{
	text-decoration: none;
	-ms-transform: translate(-5px,5px); /* IE 9 */
   	-webkit-transform: translate(-5px,5px); /* Chrome, Safari, Opera */
    transform: translate(-5px,5px);
    box-shadow: none;
}
.btn-blue{	
	-webkit-box-shadow: -5px 5px 0px #a1b7c7;
	-moz-box-shadow: -5px 5px 0px #a1b7c7;
	box-shadow: -5px 5px 0px #a1b7c7;
	padding: 2px 10px;
}

.btn.submit{
	margin: 0;
	padding: 5px 15px;
	background: #1cb2db;
	-webkit-appearance: none;	
    -webkit-border-radius:0; 
    border-radius:0;
}
.btn .print{
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-right: 15px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -212px 0;
}
.btn .download{
	display: inline-block;
	width: 26px;
	height: 19px;
	margin-right: 15px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -234px 0;
}
.bt-menu{display: none;}
.connect{
	display: block;
	position: absolute;
	background-color: #daeeff;
	top: 0;
	right: 0;
	color: #1b345a;
	text-transform: uppercase;
	font-size: 310%;
	font-family: 'mathlete';
	padding: 5px 10px;
	letter-spacing: 1px;
	border: none;
	outline: none;
}
.connect.hidden{
	display: none;
}
.connect:hover{
	color: #daeeff;
	background-color: #1b345a;
	text-decoration: none;
}


/*** Checkbox ***/
input[type=checkbox] {
	 position: absolute; 
	 overflow: hidden; 
	 clip: rect(0 0 0 0); 
	 height: 1px; 
	 width: 1px; 
	 margin: -1px; 
	 padding: 0;
	 border: 0;
    -webkit-border-radius:0; 
    border-radius:0;
 }

 input[type=checkbox] + .checkbox-label {
	 padding-left: 30px;
	 height: 23px; 
	 display: inline-block;
	 line-height: 23px;
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 font-size: 120%;
	 color: #1cb2db;
	 vertical-align: middle;
	 cursor: pointer;
 }

 input[type=checkbox]:checked + .checkbox-label {
 	background-position: 0 -23px;
 }
 .checkbox-label{ background-image: url(../../../bundles/vcassets/css/front/images/checkbox.png); }



input[type=radio] {
	 position: absolute; 
	 overflow: hidden; 
	 clip: rect(0 0 0 0); 
	 height: 1px; 
	 width: 1px; 
	 margin: -1px; 
	 padding: 0;
	 border: 0;
 }
 .radio-label{ background-image: url(../../../bundles/vcassets/css/front/images/radio.png); }
input[type=radio] + .radio-label {
	 padding-left: 35px;
	 height: 29px; 
	 display: inline-block;
	 line-height: 29px;
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 vertical-align: middle;
	 cursor: pointer;
	 margin-right: 10px;
	 font-size: 170%;
 }
 input[type=radio]:checked + .radio-label {
 	background-position: 0 -29px;
 }





/*** Title ***/
.title{
	font-size: 430%;
	text-transform: uppercase;
	position: relative;
	text-align: center;
}
.title-1, 
.title-1-1{
	font-size: 320%;
	text-transform: uppercase;
	position: relative;
}
.title, .title-1{font-weight: bold;}
.title:before,
.title-1:before{
	display: block;	
	content: '';
	position: absolute;
	top: 0;
	left: -60px;
	width: 51px;
	height: 38px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat left -24px;
}
.wrapper .title:before,
.wrapper .title-1:before{
	position: relative;
	display: inline-block;
	top: 5px;
	left: 0;
}
.title-2{
	font-size: 270%;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.title-3{
	font-size: 180%;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
}




/*** Fil d'Arianne ***/
.breadcrumb{
	color: #1cb2db;
	padding: 10px;
}
.breadcrumb .element{
	display: inline-block;
	font-size: 140%;
	padding-right: 5px;
}



/* Loader */
.loader {
	position : fixed;
	z-index: 9999;
	background : #021d41 url(../../../bundles/vcassets/css/front/images/loader.gif) 50% 50% no-repeat;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
}












/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}






/*** Header ***/

#page-header{
    width: 100%;
    position: fixed;
    z-index: 998;
    top: 0;
    background-color: #fff;
}

#page-header .logo {
    background-image: url(../../../bundles/vcassets/css/front/images/logo.png);
    width: 185px;
    height: 90px;
    float: left;
    margin: 12px 0;
}
#page-header .logo > span{
	display: none;
}




/* Pages connectées */
#navigation .menu > li{
	display: inline-block;
	font-size: 170%;
	text-transform: uppercase;
	padding-top: 50px;
}
#navigation .menu .retour-accueil{
	display: none;
}
#navigation .menu > li > .link{
	color: #1b345a;
	line-height: 24px;
	padding-left: 30px;
	margin-left: 50px;
	-webkit-transition: color 0.2s;  /* For Safari 3.1 to 6.0 */
    transition: color 0.2s;
    font-weight: bold;
    position: relative;
    display: block;
}
#navigation .menu > li > .link:before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -51px -23px;
	margin-bottom: -5px;
	-webkit-transition: -webkit-transform 0.2s;  /* For Safari 3.1 to 6.0 */
    transition: transform 0.2s;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}
#navigation .menu > li > .link.disactive{
	filter: alpha(opacity=30);
	opacity: 0.3;
}
#navigation .menu > li > a.link.current,
#navigation .menu > li > a.link:hover{
	text-decoration: none;
	color: #1cb2db;
}
#navigation .menu > li > a.link.current:before,
#navigation .menu > li > a.link:hover:before{
	-ms-transform: rotate(50deg); /* IE 9 */
    -webkit-transform: rotate(50deg); /* Chrome, Safari, Opera */
    transform: rotate(50deg);
}


.disconnect{
	display: block;
	position: absolute;
	background-color: #daeeff;
	top: 0;
	right: 0;
	color: #1b345a;
	text-transform: uppercase;
	font-size: 310%;
	font-family: 'mathlete';
	padding: 5px 20px 5px 15px;
	letter-spacing: 1px;
}
.disconnect:after{
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -173px top;
	position: relative;
	top: -4px;
	left: 10px;
}
.disconnect:hover{
	color: #daeeff;
	background-color: #1b345a;
	text-decoration: none;
}
.disconnect:hover:after{
	background-position: -184px top;
}



/* Page non-connectée */
.connect-form{
	float: left;
	margin: 20px 200px;
}
.connect-form .connexion-wrapper{
	margin-bottom: 10px;
	position: relative;
}

.connect-form .connexion-wrapper select,
.connect-form .connexion-wrapper input[type="text"]{
	border: 2px solid #92daee;
	font-size: 150%;
	color: #1b345a;
	width: 430px;
	padding: 10px;
	margin-right: 10px;
}
.connect-form .connexion-wrapper .label{
	font-size: 150%;
	color: #1b345a;
	padding-left: 10px;
	font-style: italic;
	position: absolute;
	top: 0px;
        bottom: 0px;
        margin-top: auto;
        margin-bottom: auto;
        line-height: 43px;
        height: 43px;
}
.code-perdu{
	margin-left: 50px;
	font-size: 120%;
 	color: #1cb2db;
 	cursor: pointer;
 	text-decoration: underline;
}
.code-perdu:hover{
	text-decoration: none;
}
#connect-form input[type="text"].error,
#mdp-form input[type="text"].error{
	border-color: #db320b;	
	outline-color: #db320b;
}
#connect-form label.error, 
#mdp-form label.error {
	bottom: -15px;
	color: #db320b;
}
#mdp-form-confirm{
	float: left;
	padding: 45px 0 40px;
	text-align: center;
	color: #1B345A;
	margin: 0 auto;
	width: 70%;
	font-family: 'mathlete' sans-serif;
	font-size: 360%;
	background: url(../../../bundles/vcassets/css/front/images/mail-form-confirm-bg.png) no-repeat center center;
}




/*** Footer ***/
.footer{
	background-color: #1c3554;
	color: #fff;
}

.bottom-footer{
	background-color: #152a45;
}

.design-by{
	background-color: #0a1b37;
	text-align: center;
}



/* Page non-connectee */
.bloc-info .footer-list{
	font-size: 170%;
}
.footer-list > li{
	position: relative;
	padding-left: 20px;
}
.footer-list > li:before{
	content: '';
	display: block;
	width: 10px;
	height: 11px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -84px top;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
}

.bloc-info .col{
	float: left;
	padding: 0 30px;
	font-size: 170%;
}
.bloc-info .col .address,
.bloc-info .col .phone,
.bloc-info .col .fax,
.bloc-info .col .mail{
	position: relative;
	color: #fff;
}
.bloc-info .col .address:before,
.bloc-info .col .phone:before,
.bloc-info .col .fax:before,
.bloc-info .col .mail:before{
	content: '';
	display: block;
	width: 17px;
	height: 12px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -84px -11px;
	position: absolute;
	top: 5px;
	left: -30px;
}
.bloc-info .col .phone:before{background-position: -101px top; width: 15px; height: 15px;}
.bloc-info .col .fax:before{background-position: -116px top; width: 22px; height: 19px;}
.bloc-info .col .mail:before{background-position: -138px top; width: 18px; height: 19px;}



/** Page connectée **/
.visiomail{
	float: left;
	background: url(../../../bundles/vcassets/css/front/images/logo-visiomail.png) no-repeat left top;
	padding-top: 60px;
	padding-right: 170px;
	width: 460px;
	margin: 50px 0;
}
.visiomail .baseline{
	color: #1cb2db;
	font-size: 170%;
	line-height: 18px;
}
#mail-form{
	float: left;
	margin: 50px 0;
}
#mail-form .mail-wrapper{
	margin-bottom: 10px;
	position: relative;
}
#mail-form .mail-wrapper input[type="text"]{
	border: 2px solid #92daee;
	font-size: 150%;
	color: #1b345a;
	width: 430px;
	padding: 10px;
	margin-right: -4px;
}
#mail-form .mail-wrapper .label{
	font-size: 150%;
	position: absolute;
	color: #1b345a;
	padding: 10px 10px 8px 10px;
	font-style: italic;
	top: 5px;
	cursor: text;
}
#mail-form .checkbox-label{color: #fff;}
#mail-form .mail-wrapper input[type="text"].error{
	border-color: #db320b;	
	outline-color: #db320b;
}
#mail-form label.error {
	bottom: 50px;
	color: #db320b;
}
#mail-form-confirm{
	float: left;
	padding: 62px 160px 60px 50px;
	width: 740px;
	margin-left: -20px;
	font-family: 'mathlete' sans-serif;
	font-size: 360%;
	background: url(../../../bundles/vcassets/css/front/images/mail-form-confirm-bg.png) no-repeat left center;
}


/** Bottom footer **/
.bottom-footer{
	font-size: 140%;

}
.copyright{
	float: left;
	background: url(../../../bundles/vcassets/css/front/images/logo-cei.png) no-repeat left center;
	line-height: 65px;
	padding-left: 135px;
}
.bottom-footer .footer-list{
	float: right;
}
.bottom-footer .footer-list > li{
	display: inline-block;
	line-height: 65px;
	margin-left: 20px;
}
.bottom-footer .footer-list > li > a{
	color: #fff;
}
.bottom-footer .footer-list > li > a.current{
	color: #1cb2db;
}
.bottom-footer .footer-list .partage .fb-like > span{
	vertical-align: middle !important;
	height: 20px !important;
}


/** Designed by **/
.design-by{
	font-size: 120%;
}
.design-by .picto{
	display: inline-block;
	width: 17px;
	height: 15px;
	background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -156px top;
}
.design-by p:first-child{
	position: relative;
	left: -50px;
	top: 12px;
}
.design-by p:last-child{
	position: relative;
	left: 30px;
	top: -15px;
	color: #1cb2db;
}
.design-by p:last-child > a{color: #fff;}







/****************************/
/**** PARTIE DECONNECTEE ****/
/****************************/
#home-slide1,
#home-slide2,
#home-slide3,
#home-slide4 {
 min-height: 530px;
 height: 1000px;
}	
#home-slide1{
 background: url(../../../bundles/vcassets/css/front/images/home-illus-1.jpg) center 0 no-repeat; 
 -webkit-background-size: cover; 
 -moz-background-size: cover; 
 -o-background-size: cover; 
 background-size: cover;
 margin-top: 120px;
 text-align: center;
 position: relative;
}
#home-slide2{
 background: url(../../../bundles/vcassets/css/front/images/home-illus-2.jpg) center 0 no-repeat; 
 -webkit-background-size: cover; 
 -moz-background-size: cover; 
 -o-background-size: cover; 
 background-size: cover;
 position: relative;
 padding-top: 210px;
}
#home-slide3{
 background: url(../../../bundles/vcassets/css/front/images/home-illus-3.jpg) center 0 no-repeat; 
 -webkit-background-size: cover; 
 -moz-background-size: cover; 
 -o-background-size: cover; 
 background-size: cover;
 position: relative;
 padding-top: 140px;
}
#home-slide4{
 background: url(../../../bundles/vcassets/css/front/images/home-illus-4.jpg) center 0 no-repeat; 
 -webkit-background-size: cover; 
 -moz-background-size: cover; 
 -o-background-size: cover; 
 background-size: cover;
 position: relative;
 padding-top: 65px;
}

#home-slide1 .title{
 font-size: 600%;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 padding-top: 80px;
}

#home-slide1 .title:before{
 display: none;
}
#home-slide1 .title .color{
 color: #eedd6c;
}
#home-slide1 .baseline{
 font-size: 320%;
 color: #fff;
}
.slide-inside{
 padding-left: 60px;
}
#home-slide2 .slide-inside{
 padding-right: 630px;
}
#home-slide3 .slide-inside{
 padding-left: 780px;
}
#home-slide4 .slide-inside{
 padding-right: 550px;
}
#home-slide4 .title-1,
#home-slide4 .title-1-1{
 display: inline;
}

/* Fleche Decouvrir le service */
.slide-inside .decouvrez{
 font-size: 380%;
 text-align: center;	
 font-family: 'mathlete';
 color: #fff;
 width: 100%;
 padding-bottom: 50px;
 position: absolute;
 bottom: 0;
 left: 0;
 letter-spacing: 1px;
 cursor: pointer;
}
.slide-inside .decouvrez:after{
 display: block;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat top left;
 width: 32px;
 height: 23px;
 content: '';
 position: absolute;
 bottom: 15px;
 left: 50%;
 margin-left: -17px;
}

/* Liste */
.slide-inside .list{
 padding-top: 5px;
}
.slide-inside .list > li{
 font-size: 220%;
 color: #1cb2db;
 padding-left: 35px;
 padding-bottom: 15px;
 line-height: 25px;
 position: relative;
}
.slide-inside .list > li:before{
 display: block;
 content: '';
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -32px top;
 width: 26px;
 height: 23px;
 position: absolute;
 left: 0;
 top: 5px;
}
#home-slide3 .slide-inside .list > li{
 color: #fff;
}
#home-slide3 .slide-inside .list > li:before{
 background-position: -58px top;
}


/**************************/
/**** PARTIE CONNECTEE ****/
/**************************/
.illus-ville{
 position: absolute;
 top: 0;
 left: 0;
 z-index: -2;
 height: 100%;
 width: 100%;
 min-height: 297px;
 overflow: hidden;
}
.illus-ville img{
 height: 100%;
 min-height: 297px;
 min-width: 2000px;
}
.illus-ville .overlay{
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: url(../../../bundles/vcassets/css/front/images/layer.png) repeat-x left top;
 background: -webkit-linear-gradient(#1b345a, #33c1e8); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(#1b345a, #33c1e8); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(#1b345a, #33c1e8); /* For Firefox 3.6 to 15 */
 background: linear-gradient(#1b345a, #33c1e8); /* Standard syntax */
 filter: alpha(opacity=50);
 opacity: 0.5;

}


/*** Blocs Informatifs ***/
.bloc-info{
 padding-top: 150px;
 float: left;
 width: 33%;
 position: relative;
 padding-right: 5%;
}
.footer .bloc-info{
 width: 50%;
 padding-left: 10%;
 padding-right: 3%;
}
.bloc-info .wrapper{
 background-color: #fff;
 z-index: 2;
 position: relative;padding: 20px 0 20px 20px;
 min-height: 200px;
}
.footer .bloc-info .wrapper{
 background-color: #1c3554;
}
.bloc-info .illus{
 display: block;
 width: 375px;
 height: 350px;
 position: absolute;
 background: url(../../../bundles/vcassets/css/front/images/triangles.png) no-repeat left top;
 top: 0;
 left: -30px;
}
.bloc-info .illus-contact{background-position: -375px top;}
.bloc-info .illus-adresse{background-position: -750px top;}
.bloc-info .illus-message{background-position: -1125px top;}
.bloc-info .adresse{font-size: 220%;}
.first-connect .bloc-info.message{
 display: none;
}
.first-connect .bloc-info.equipe{
 margin-left: 12%;
}
.first-connect .bloc-info.adresse{
 margin-left: 14%;
}


/*** Infos Séjour ***/
.infos-sejour{
 background: url(../../../bundles/vcassets/css/front/images/pix-w.jpg) repeat-y 33% top;
}
.infos-sejour .elements{
 background: url(../../../bundles/vcassets/css/front/images/pix-w.jpg) repeat-y 63% top;
 margin: 20px 0;
}
.infos-sejour .element{
 display: inline-block;
 color: #fff;
 line-height: normal;
 vertical-align: middle;
 width: 66%;
}
.infos-sejour .element:first-child{
 border: none;
 width: 33%;
 padding: 0 25px;
}
.infos-sejour .elements-n2{
}
.infos-sejour .element-n2{
 padding: 0 20px;
 display: inline-block;
 vertical-align: middle;
 width: 54%;
}
.infos-sejour .element-n2:first-child{
 width: 45%;
}
.infos-sejour .element .ville{
 font-size: 450%;
 text-transform: uppercase;
 font-weight: bold;
 line-height: 50px;
 margin-top: 5px;
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis;
/* word-wrap: break-word;*/
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
}
.infos-sejour .element .intitule-sejour{
 font-size: 320%;
 text-transform: uppercase;
 font-weight: bold;
 line-height: 28px;
 word-wrap: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
}
.infos-sejour .element .dates{
 font-size: 170%;
 color: #fbe414;
}
.infos-sejour .element .meteo,
.infos-sejour .element .heure{
 display: inline-block;
 font-size: 170%;
 text-transform: uppercase;
 position: relative;
 line-height: 20px;
}
.infos-sejour .element .meteo{
 padding: 5px 20px 5px 85px;
}
.infos-sejour .element .heure{
 padding: 5px 0 5px 55px;
}
.infos-sejour .element .meteo .donnee,
.infos-sejour .element .heure .donnee{
 font-weight: bold;
}
.infos-sejour .element .picto-meteo{
 display: block;
 width: 75px;
 height: 65px;
 background: url(../../../bundles/vcassets/css/front/images/SpriteMeteo.png) no-repeat left top;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -32px;
}
.infos-sejour .element .meteo.clear-sky .picto-meteo{background-position: -150px 0;}
.infos-sejour .element .meteo.few-clouds .picto-meteo{background-position: 0 0;}
.infos-sejour .element .meteo.scattered-clouds .picto-meteo{background-position: -450px 0;}
.infos-sejour .element .meteo.broken-clouds .picto-meteo{background-position: -75px 0;}
.infos-sejour .element .meteo.shower-rain .picto-meteo{background-position: -225px 0;}
.infos-sejour .element .meteo.rain .picto-meteo{background-position: -525px 0;}
.infos-sejour .element .meteo.thunderstorm .picto-meteo{background-position: -300px 0;}
.infos-sejour .element .meteo.snow .picto-meteo{background-position: -375px 0;}
.infos-sejour .element .meteo.mist .picto-meteo{background-position: -600px 0;}

.infos-sejour .element .meteo.pictodefault,
.infos-sejour .element .meteo.picto04d .picto-meteo,
.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -150px 0;}

.infos-sejour .element .meteo.picto02d .picto-meteo,
.infos-sejour .element .meteo.picto02n .picto-meteo{background-position: 0 0;}

.infos-sejour .element .meteo.picto03d .picto-meteo,
.infos-sejour .element .meteo.picto03n .picto-meteo{background-position: -450px 0;}

.infos-sejour .element .meteo.picto04d .picto-meteo,
.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -75px 0;}

.infos-sejour .element .meteo.picto09d .picto-meteo,
.infos-sejour .element .meteo.picto09n .picto-meteo{background-position: -225px 0;}

.infos-sejour .element .meteo.picto10d .picto-meteo,
.infos-sejour .element .meteo.picto10n .picto-meteo{background-position: -525px 0;}

.infos-sejour .element .meteo.picto11d .picto-meteo,
.infos-sejour .element .meteo.picto11n .picto-meteo{background-position: -300px 0;}

.infos-sejour .element .meteo.picto13d .picto-meteo,
.infos-sejour .element .meteo.picto13n .picto-meteo{background-position: -375px 0;}

.infos-sejour .element .meteo.picto50d .picto-meteo,
.infos-sejour .element .meteo.picto50n .picto-meteo{background-position: -600px 0;}

.infos-sejour .element .picto-heure{
 display: block;
 width: 46px;
 height: 46px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -74px -23px;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -23px;
}




/*** main-wrapper ***/
.illus-triangle-sejour,
.home-page.first-connect .illus-triangle-sejour{
 display: block;
 width: 379px;
 height: 437px;
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -760px;
 z-index: -1;
}
.home-page.first-connect .title-1{
 padding-top: 10px;
}




/*** Home gallery ***/
.gallery-wrapper{
 width: 1200px;
 overflow: hidden;
 border-right: 5px solid #fff;
 margin: 0 auto;
}
.home-gallery{
 position: relative;
 background: #fff;
 width: 2638px;
 margin: 0 auto 70px;
 padding: 4px 0 4px 4px;
}
.home-gallery .elements{
 height: 380px;
 overflow: hidden;
 position: relative;
 float: left;
}
.home-gallery .element{
 float: left;
 position: relative;
 width: 238px;
 height: 50%;
 border: 2px solid #fff;
 overflow: hidden;
 -webkit-transition: opacity .2s ease-out;
 -moz-transition: opacity .2s ease-out;
 -o-transition: opacity .2s ease-out;
 transition: opacity .2s ease-out;
}
.home-gallery:hover .element{
 opacity: 0.5;
}
.home-gallery .element:hover{
 opacity: 1;
}
.home-gallery .element:first-child{
 width: 477px;
 height: 100%;
}
.home-gallery .element img{
 min-width: 100%;
}
.home-gallery .element .date{
 position: absolute;
 top: 0;
 left: 50%;
 width: 46px;
 margin-left: -23px;
 background-color: #fff;
 color: #1b345a;
 text-align: center;
}
.home-gallery .element .date .jour{
 font-size: 330%;
 display: block;
 font-weight: bold;
}
.home-gallery .element .date .mois{
 font-size: 140%;
 display: block;
 font-weight: bold;
 margin-top: -10px;
 text-transform: uppercase;
}
.home-gallery .element:first-child .date{
 width: 80px;
 margin-left: -40px;
 padding-bottom: 10px;
}
.home-gallery .element:first-child .date .jour{
 font-size: 580%;
}
.home-gallery .element:first-child .date .mois{
 font-size: 180%;
 margin-top: -15px;
 text-align: left;
 padding-left: 5px;
}
.home-gallery .element .date .nb-illus{
 position: absolute;
 bottom: -36px;
 right: -22px;
 padding: 24px 52px 0 0;
 text-align: right;
 display: block;
 width: 78px;
 height: 73px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -120px -19px;
 color: #fff;
 font-size: 180%;
}
.home-gallery .btn{
 position: absolute;
 bottom: -20px;
 left: 100px;
}

.home-page .gallery-controls,
.home-page .gallery-responsive-controls{
 display: block;
 width: 100%;
 position: relative;
 top: -300px;
}

.home-page .gallery-controls.hidden,
.home-page .gallery-responsive-controls.hidden{
 display: none;
}
.gallery-controls .left,
.gallery-controls .right,
.gallery-responsive-controls .left,
.gallery-responsive-controls .right{
 color: #fff;
 background-color: #1b345a;
 font-size: 400%;
 border: none;
 outline: none;
 font-family: 'mathlete';
 line-height: 66px;
 padding: 0 10px;
 position: absolute;
 top: 0;
 cursor: pointer;
}
.gallery-controls .left, .gallery-responsive-controls .left{left: 50%; margin-left: -594px;}
.gallery-controls .right, .gallery-responsive-controls .right{right: 50%; margin-right: -594px;}
.gallery-controls .left:hover,
.gallery-controls .right:hover,
.gallery-responsive-controls .left:hover,
.gallery-responsive-controls .right:hover{
 text-decoration: none;
 background-color: #fff;
 color: #1b345a;
}
.home-gallery .home-gallery-controls .left,
.home-gallery .home-gallery-controls .right{
 display: block;
 padding: 0 12px 6px;
 position: absolute;
 top: 50%;
 right: 2px;
 margin-top: -28px;
 background: #021d41;
 font-size: 390%;
 color: #fff;
 font-family: 'mathlete';
 line-height: 50px;
 z-index: 5;
 border: none;
 outline: none;
}
.home-gallery .home-gallery-controls .right{right: 2px;}
.home-gallery .home-gallery-controls .left{left: 2px;}
.home-gallery .home-gallery-controls .left.hidden,
.home-gallery .home-gallery-controls .right.hidden{
 display: none;
}




/*** Bloc Préparer son séjour ***/
.prepare{
 background-color: #dbf0f6;
 padding: 30px;
 margin-bottom: 30px;
}
.prepare .docs,
.prepare .trousseau{
 position: relative;
 padding-left: 120px;
 float: left;
}
.prepare .trousseau{
 padding-left: 150px;
 border-left: 3px solid #fff;
}
.prepare .docs:before,
.prepare .trousseau:before{
 content: '';
 display: block;
 position: absolute;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat 0 -94px;
 width: 104px;
 height: 104px;
 top: 0;
 left: 0;
}
.prepare .trousseau:before{
 background-position: -104px -94px;
 left: 30px;
}
.prepare .trousseau .btn{
 margin: 40px 20px;
}
.prepare .text{
 float: left;
 width: 200px;
 padding-right: 10px;
}
.prepare .trousseau .text{
 width: 140px;
 margin-right: 30px;
}
.prepare .text .desc{
 font-size: 180%;
}
.prepare .link-list{
 float: left; 
 width: 340px;
}
.prepare .link-list > li{
 display: inline-block;
 margin: 5px;
}


/*** Preparer detail ***/
.prepare-detail .docs{
 border-bottom: 3px solid #dbf0f6;
}
.prepare-detail .docs,
.prepare-detail .trousseau{
 position: relative;
 padding: 20px 0 40px 120px;
 margin: 0 30px 30px;
 min-height: 120px;
}
.prepare-detail .docs:before,
.prepare-detail .trousseau:before{
 content: '';
 display: block;
 position: absolute;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat 0 -197px;
 width: 104px;
 height: 104px;
 top: 0;
 left: 0;
}
.prepare-detail .trousseau:before{
 background-position: -104px -197px;
}
.prepare-detail .title-3{
 display: inline;
}
.prepare-detail .trousseau .btn{
 margin: 20px 5px;
}
.prepare-detail .text .desc{
 font-size: 180%;
 display: inline-block;
 padding-left: 5px;

}
.prepare-detail .link-list > li{
 display: inline-block;
 margin: 5px;
}
.prepare-detail .list{
 position: relative;
 margin: 40px 5% 40px 0;
 width: 55%;
 background: url(../../../bundles/vcassets/css/front/images/motif-cahier.jpg) repeat left top;
 -webkit-box-shadow: -14px 14px 0px #dbf0f6;
 -moz-box-shadow: -14px 14px 0px #dbf0f6;
 box-shadow: -14px 14px 0px #dbf0f6;
 float: left;
 font-family: 'mathlete';
 letter-spacing: 1px;
 padding: 15px 20px;
}
.prepare-detail .list .title-list{
 text-decoration: underline;
 font-size: 440%;
 padding-bottom: 15px;
}
.prepare-detail .list .element{
 font-size: 330%;
 padding: 5px 0;	
 word-wrap: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
}
.prepare-detail .list .element:before{
 display: inline-block;
 content: '';
 width: 21px;
 height: 22px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -51px -48px;
 margin-right: 20px;
}
.prepare-detail .top-links{
 position: absolute;
 top: 0;
 right: 20px;
}
.prepare-detail .top-links .btn{
 width: 50px;
 text-align: center;
 margin: 20px 2px;
}
.prepare-detail .top-links .btn > span{
 margin-right: 0;
}

.prepare-detail .infos-importantes{
 float: left;
 margin: 40px 0;
 width: 40%;
 background: url(../../../bundles/vcassets/css/front/images/bg-infos-importantes.png) no-repeat left top;	
 -webkit-background-size: 100% 100%; 
 -moz-background-size: 100% 100%; 
 -o-background-size: 100% 100%; 
 background-size: 100% 100%;
 padding: 30px;
}
.prepare-detail .infos-importantes .title-3:before{
 display: inline-block;
 content: '';
 width: 44px;
 height: 44px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -208px -94px;
 position: relative;
 top: 10px;
}
.prepare-detail .infos-importantes .elements{
 padding-top: 30px;
}
.prepare-detail .infos-importantes .element{
 padding: 10px 0 15px 20px;
 font-size: 180%;
 line-height: 20px;
 position: relative;
}
.prepare-detail .infos-importantes .element:before{
 display: block;
 content: '';
 width: 10px;
 height: 9px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -33px -62px;
 position: absolute;
 top: 18px;
 left: 0;
}




/*** Envoyer un message ***/
.bloc-form{
 background: url(../../../bundles/vcassets/css/front/images/motif-cahier.jpg) repeat left top;
 -webkit-box-shadow: -14px 14px 0px #dbf0f6;
 -moz-box-shadow: -14px 14px 0px #dbf0f6;
 box-shadow: -14px 14px 0px #dbf0f6;
 margin: 20px 20px 90px;
 position: relative;
}
.bloc-form:before{
 display: block;
 content: '';
 width: 375px;
 height: 350px;
 position: absolute;
 background: url(../../../bundles/vcassets/css/front/images/triangles.png) no-repeat -1125px top;
 top: 5px;
 left: 5px;
}
.bloc-form .title-form{
 font-family: 'mathlete';
 font-size: 440%;
 padding: 60px 0 20px 70px;
 text-align: center;
 position: relative;
 z-index: 2;
}
.bloc-form .message-form{
 position: relative;
 z-index: 2;
 margin-left: 200px;
 margin-right: 50px;
}
.bloc-form .message-form .opt-in{
 text-align: center;
}
.message-form .message-wrapper{
 margin-bottom: 30px;
 position: relative;
}
.message-form input[type="text"],
.message-form textarea{
 border: 2px solid #92daee;
 font-size: 150%;
 color: #1b345a;
 width: 430px;
 padding: 10px;
 margin-right: -4px;
 -webkit-border-radius:0; 
 border-radius:0;
}
.message-form textarea{
 height: 189px;
}
.message-form .label{
 font-size: 170%;
 color: #1b345a;
 padding: 10px 10px 8px 10px;
 font-style: italic;
 position: absolute;
 top: 0;
 left: 0;
}
.message-form .label .small{
 font-size: 70%;
}
.message-form input[type=checkbox] + .checkbox-label {
 color: #1b345a;
}
.message-form .left-part{
 float: left;
}
.message-form .right-part{
 float: right;
}
.message-form .champs-obligatoires{
 position: absolute;
 bottom: 10px;
 right: 0;
 font-size: 120%;
 display: block;
}
.message-form input[type=checkbox] + .checkbox-label{
 font-size: 130%;
}


.bloc-form.confirm{
 padding: 180px 0 50px;
}
.bloc-form.confirm:before{
 background-position: -1500px top;
 top: 80px;
 left: 280px;
}
.bloc-form.confirm .title-form{
 text-align: left;
 padding-left: 520px;
}
.bloc-form.confirm .sign{
 font-family: 'mathlete';
 font-size: 300%;
 padding: 0 0 20px 520px;
}


/* Erreur formulaire */
.message-form input[type="text"].error,
.message-form textarea.error{
 border-color: #db320b;
 color: #db320b;
}
.message-form input[type="text"].error ~ label,
.message-form textarea.error ~ label{
 color: #db320b;
}
label.error{
 position: absolute;
 bottom: -20px;
 left: 5px;
 font-size: 130%;
 line-height: 10px;
}




/*** Photos et videos ***/
.gallery-bandeau-date{
 background-color: #1b345a;
 margin: 15px 0;
 height: 68px;
}
.gallery-bandeau-date .elements{
 float: left;
 width: 960px;
 height: 120px;
 overflow: hidden;
 margin-bottom: -40px;
}
.gallery-bandeau-date .element{	
 float: left;
 height: 120px;
}
.gallery-bandeau-date .element a{
 color: #fff;
 width: 60px;
 height: 68px;
 padding: 5px 0 10px;
 position: relative;
 display: block;
}
.gallery-bandeau-date .element a:hover{
 text-decoration: none;
 background-color: #fff;
 color: #1b345a;
}
.gallery-bandeau-date .prev,
.gallery-bandeau-date .next{
 color: #fff;
 float: left;
 font-size: 400%;
 width: 115px;
 height: 68px;
 font-family: 'mathlete';
 line-height: 68px;
 padding: 0 40px;	
 cursor: pointer;
 -webkit-transition: transform .2s ease-out;
 -moz-transition: transform .2s ease-out;
 -o-transition: transform .2s ease-out;
 transition: transform .2s ease-out;
}
.gallery-bandeau-date .prev:hover,
.gallery-bandeau-date .next:hover{
 text-decoration: none;
 -ms-transform: translate(20px,0); /* IE 9 */
 -webkit-transform: translate(20px,0); /* Chrome, Safari, Opera */
 transform: translate(20px,0);
}
.gallery-bandeau-date .prev:hover{	
 -ms-transform: translate(-20px,0); /* IE 9 */
 -webkit-transform: translate(-20px,0); /* Chrome, Safari, Opera */
 transform: translate(-20px,0);
}
.gallery-bandeau-date .next{
 text-align: right;
}
.gallery-bandeau-date .element .date{
 text-align: center;
}
.gallery-bandeau-date .element .date .jour{
 font-size: 330%;
 display: block;
 font-weight: bold;
}
.gallery-bandeau-date .element .date .mois{
 font-size: 140%;
 display: block;
 margin-top: -10px;
 text-transform: uppercase;
}
.gallery-bandeau-date .element .date .nb-illus{
 display: none;
 position: absolute;
 bottom: -52px;
 right: -22px;
 padding: 24px 52px 0 0;
 text-align: right;
 width: 78px;
 height: 73px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -120px -19px;
 color: #fff;
 font-size: 180%;
 z-index: 3;
}
.gallery-bandeau-date .element.actif a{
 background-color: #fff;
 color: #1b345a;
}
.gallery-bandeau-date .element.actif .date .nb-illus{
 display: block;
}

.gallery{
 margin-top: -5px;
}
.gallery .element{
 float: left;
 width: 25%;
 height: 415px;
 padding-bottom: 40px;
}
.gallery:hover .element{
 filter: alpha(opacity=50);
 opacity: 0.5;
}
.gallery:hover .element .sharers .fb_iframe_widget_lift{
 filter: alpha(opacity=100);
 opacity: 1;
}
.gallery .element:hover{
 filter: alpha(opacity=100);
 opacity: 1;
}
.gallery .element .link{
 display: block;
 width: 100%;
 height: 235px;
 overflow: hidden;
}
.gallery .element img{
 padding: 0 2px;
 min-width: 100%;
 max-width: 150%;
 min-height: 100%;
 max-height: 150%;
}
.gallery .element .desc{
 font-size: 180%;
 padding: 20px 10px;
 text-align: center;
 position: relative;
}
.gallery .element .desc:before{	
 display: block;
 content: '';
 width: 29px;
 height: 20px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -33px -71px;
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -15px;
}
.gallery .element .sharers{
 text-align: center;
}
.gallery .element .sharers .fb-like{
 position: relative;
 top: -5px;
}

.gallery .element .download{
 padding: 2px 4px;
 margin-left: 5px;
}
.gallery .element .download:before{
 display: block;
 content: '';
 width: 26px;
 height: 19px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -234px top;
}
.gallery .element.video .link{
 display: block;
 position: relative;
}
.gallery .element.video .link:before{
 display: block;
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: url(../../../bundles/vcassets/css/front/images/pix-b-60.png) repeat top left;
}
.gallery .element.video .link:after{
 display: block;
 content: '';
 width: 74px;
 height: 74px;	
 position: absolute;
 top: 50%;
 left: 50%;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -198px -20px;
 margin: -37px 0 0 -37px;
}



/* Afficher la suite */
.masque{display: none;}
.afficher-plus{
 text-align: center;
 margin: 20px 0 40px;
 clear: left;
}
.afficher-plus .btn:before,
.afficher-plus .btn:after{
 display: inline-block;
 content: '';
 width: 17px;
 height: 13px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -62px -71px;
 position: relative;
 top: -2px;
}
.afficher-plus .btn:before{
 margin-right: 10px;
}
.afficher-plus .btn:after{
 margin-left: 10px;
}





/*** Galerie - aperçu ***/
.detail-galerie{
 background-color: #021d41;
 padding-bottom: 40px;
 min-height: 100%;
}
.detail-galerie .illus-big{
 position: relative;
 display: inline-block;
 max-height: 800px;
}
.detail-galerie .illus-big .illus{
 max-width: 70%;
 height: auto;
 width:70%;
}
.detail-galerie .desc{
 font-size: 250%;
 color: #fff;
 padding: 30px 0;
 position: relative;
}
.detail-galerie .desc:before{	
 display: block;
 content: '';
 width: 29px;
 height: 20px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -33px -71px;
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -15px;
}
.detail-galerie .sharers{
 text-align: center;
}
.detail-galerie .sharers .fb-like{
 position: relative;
 top: -5px;
}

.detail-galerie .download{
 padding: 2px 4px;
 margin-left: 10px;
}
.detail-galerie .download:before{
 display: block;
 content: '';
 width: 26px;
 height: 19px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -234px top;
}
.detail-galerie .controls .close{
 padding: 10px;
 position: absolute;
 top: 5px;
 right: 5px;
 background: #021d41;
 z-index: 99;
}
.detail-galerie .controls .close:before{
 display: block;
 content: '';
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -208px -138px;
 width: 27px;
 height: 26px;
}
.detail-galerie .controls .prev,
.detail-galerie .controls .next{
 padding: 0 12px;
 position: absolute;
 top: 50%;
 margin-top: -25px;
 background: #021d41;
 font-size: 390%;
 color: #fff;
 font-family: 'mathlete';
 line-height: 50px;
 z-index: 99;
}
.detail-galerie .controls .prev{left: 3px;}
.detail-galerie .controls .next{right: 3px;
}
.detail-galerie .controls .prev:hover,
.detail-galerie .controls .next:hover,
.detail-galerie .controls .close:hover{
 text-decoration: none;
 background-color: #fff;
 color: #021d41;
}
.detail-galerie .controls .close:hover:before{background-position: -208px -164px;}

/*** Player videojs ***/
.vjs-default-skin { color: #f7d41c; }
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #75bfe8 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(4,15,71,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(4,15,71,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { font-size: 73% }
.vjs-default-skin .vjs-big-play-button {
 left: 50%;
 top: 50%;
 margin-left: -2em;
 margin-top: -1.3em;
}
video::-webkit-media-controls {
 display:none !important;
}


/*** Equipe ***/
/* Slider */
#slider-equipe{
 position: relative;
 margin: 30px 0 0;
 height: 415px;
 overflow: hidden;
}
#slider-equipe .slides{
 height: 100%;
}
#slider-equipe .slides li{
 height: 100%;
}
#slider-equipe img{
 display: block;
 margin: 0 auto;
 max-width: 100%;
 max-height: 100%;
}
#slider-equipe .flex-direction-nav{
 position: absolute;
 top: 50%;
 width: 100%;
 z-index: 99;
}
#slider-equipe .flex-next,
#slider-equipe .flex-prev{
 color: #fff;
 font-size: 400%;
 font-family: 'mathlete';
 line-height: 50px;
 padding: 0 10px 4px;
 background-color: #1b345a;
 position: absolute;
 top: 0;
 margin-top: -27px;
}
#slider-equipe .flex-next{left: 5px;}
#slider-equipe .flex-prev{right: 5px;
}
#slider-equipe .flex-next:hover,
#slider-equipe .flex-prev:hover{
 color: #1b345a;
 background-color: #fff;
 text-decoration: none;
}

.mot-equipe{
 width: 63%;
 float: left;
 padding: 40px 0 30px;
 position: relative;
}
.mot-equipe:before{
 display: block;
 content: '';
 width: 45px;
 height: 34px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -208px -190px;
 position: absolute;
 top: -20px;
 left: 50%;
 margin-left: -17px;
 z-index: 99;
}
.mot-equipe .wysiwyg{
 line-height: 30px;
 text-align: justify;
 margin-top: 20px;
}
.blocs-info{
 width: 37%;
 float: right;
 padding: 40px 0 30px 80px;
}
.blocs-info .bloc-info{
 width: 100%;
}



/*** Contact ***/
/* Map */
.map{
 position: relative;
 display: block;
 margin-top: 20px;
}
.map .infos-contact{
 position: absolute;
 top: 0;
 right: 10px;
 background: url(../../../bundles/vcassets/css/front/images/pix-b-60.png) repeat left top;
 padding: 100px 40px 0 70px;
 height: 410px;
 margin: 10px 0;
 z-index: 3;
}
.map .infos-contact:before{
 display: block;
 content: '';
 width: 22px;
 height: 29px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -176px -39px;
 position: absolute;
 top: 100px;
 left: -11px;
}
.map .infos-contact .address,
.map .infos-contact .phone,
.map .infos-contact .fax,
.map .infos-contact .mail{
 position: relative;
 color: #fff;
 font-size: 230%;
 padding-bottom: 5px;
} 
.map .infos-contact .address {
 padding-bottom: 30px;
}
.map .infos-contact .address:before,
.map .infos-contact .phone:before,
.map .infos-contact .fax:before,
.map .infos-contact .mail:before{
 content: '';
 display: block;
 width: 17px;
 height: 12px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -84px -11px;
 position: absolute;
 top: 8px;
 left: -30px;
}
.map .infos-contact .phone:before{background-position: -101px top; width: 15px; height: 15px;}
.map .infos-contact .fax:before{background-position: -116px top; width: 22px; height: 19px;}
.map .infos-contact .mail:before{background-position: -138px top; width: 18px; height: 19px;}
.map #map-canvas{
 width: 100%;
 height: 430px;
}
.map .infos-contact .btn-map{
 display: none;
}



/* Formulaire */
#contact-form.message-form .champs-obligatoires{
 position: absolute;
 bottom: -15px;
 right: 0;
}
.message-form .civilite{
 text-align: center;
 padding: 20px 0;
}
.message-form .civilite .civ-label{
 padding-right: 30px;
}
.message-form .civilite label.error{
 color: #db320b;
}


.contact .bloc-form.confirm:before {
 left: 170px;
}
.contact .bloc-form.confirm .title-form,
.contact .bloc-form.confirm .sign {
 padding-left: 440px;
}



/*** CGV & Mentions légales ***/
.intro{
 font-size: 160%;
 font-style: italic;
 margin: 30px 20px 40px;
 text-align: justify;
 line-height: 25px;
}
.content-with-aside{
 margin: 0 20px 40px;
}
.content-with-aside .aside{
 width: 29%;
 margin-right: 4%;
 float: left;
 background: url(../../../bundles/vcassets/css/front/images/motif-cahier.jpg) repeat left top;
 position: relative;
}
.content-with-aside .aside .element a{
 display: block;
 margin: 0 10px -2px;
 padding: 15px 0;
 cursor: pointer;
 font-family: 'mathlete';
 font-size: 320%;
 text-transform: uppercase;
 outline: 0 none;
 border: 0 none;
 background: url(../../../bundles/vcassets/css/front/images/tirets.png) repeat-x left top;
 letter-spacing: 1px;
 position: relative;
 -webkit-transition: -webkit-transform 0.1s;  /* For Safari 3.1 to 6.0 */
 transition: transform 0.1s;
 color: #1b345a;
}
.content-with-aside .aside .element a .baseline{
 font-size: 78%;
}
.content-with-aside .aside .element.ui-tabs-active a:before {
 display: block;
 content: '';
 width: 22px;
 height: 29px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -176px -39px;
 position: absolute;
 top: 50%;
 right: -11px;
 margin-top: -15px;
}
.content-with-aside .aside .element:first-child a{
 background: none;
}
.content-with-aside .aside .element.ui-tabs-active a{
 color: #fff;
 margin: 0 0 -2px;
 padding: 15px 10px;
 -webkit-box-shadow: -5px 5px 0px #fbe231;
 -moz-box-shadow: -5px 5px 0px #fbe231;
 box-shadow: -5px 5px 0px #fbe231;	
 background: #1b345a;
}
.content-with-aside .aside .element a:hover{
 text-decoration: none;
 color: #fff;
 margin: 0 0 -2px;
 padding: 15px 10px;
 -webkit-box-shadow: -5px 0px 0px #fbe231;
 -moz-box-shadow: -5px 0px 0px #fbe231;
 box-shadow: -5px 0px 0px #fbe231;	
 background: #1b345a;
}
.content-with-aside .wysiwyg{
 width: 67%;
 float: right;
 line-height: 30px;
 text-align: justify;
}
.content-with-aside .wysiwyg li{
 list-style: disc inside;
}
.content-with-aside .wysiwyg li > ul > li{
 padding-left: 20px;
 list-style-type: circle;
}
.content-with-aside .wysiwyg p,
.content-with-aside .wysiwyg ul{
 padding-bottom: 20px;
}
#accordion{
 display: none;
}





/*** Visite guidée ***/
.visite-guidee{
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1000;
 background-color: #1b345a;
 border-left: 4px solid #fce400;
}
body.visite-guidee-open:before{
 display: block;
 content: "";
 background: #fff;
 filter: alpha(opacity=80);
 opacity: 0.8;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 z-index: 999;
}
.visite-guidee .flag{
 display: block;	
 border: none;
 outline: none;
 width: 79px;
 height: 91px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -208px -224px;
 position: absolute;
 top: 70px;
 left: -79px;
 border-right: 4px solid #fce400;
 color: #fff;
 text-align: right;
 font-size: 110%;
 text-transform: uppercase;
 padding: 15px 2px 0;
}
.visite-guidee .flag .yellow{
 color: #fce400;
 font-size: 230%;
 display: block;
}
.visite-guidee .flag .un{
 font-size: 155%;
}
.visite-guidee .flag:hover{
 text-decoration: none;
}
.visite-guidee .entete{
 padding: 30px 0;
 text-align: center;
}
.visite-guidee .entete .title-visite{
 text-transform: uppercase;
 font-size: 460%;
 color: #fff;
 display: inline-block;
}
.visite-guidee .entete .title-visite .yellow{
 color: #fce400;
 font-weight: bold;
}
.visite-guidee .entete .elements,
.visite-guidee .entete .elements .element {
 display: inline-block;
 outline: none;
}
.visite-guidee .entete .elements .tab {
 display: block;
 font-size: 360%;
 font-weight: bold;
 color: #1b345a;
 line-height: 57px;
 background: url(../../../bundles/vcassets/css/front/images/tab-visite-guidee.png) no-repeat left top; 
 width: 57px;
 height: 69px;
 text-align: center;
 padding-bottom: 12px;
 margin-left: 20px;
}
.visite-guidee .entete .elements .tab:hover{
 text-decoration: none;
 background-position: left bottom;
}
.visite-guidee .entete .elements .ui-tabs-active .tab{
 text-decoration: none;
 background-position: left -69px ;
}
.visite-guidee .content-tab {
 position: relative;
}
.visite-guidee .content-tab .infobulle{
 display: block;
 position: absolute;
 background-color: #fce400;
 padding: 20px 30px;
 font-size: 150%;
 font-weight: bold;
 -webkit-box-shadow: 5px 5px 10px #000;
 -moz-box-shadow: 5px 5px 10px #000;
 box-shadow: 5px 5px 10px #000;
 text-align: center;
}
.visite-guidee .content-tab .infobulle.right{
 text-align: left;
}
.visite-guidee .content-tab .infobulle:after{
 display: block;
 content: '';
 position: absolute;
 margin-left: -17px;
 width: 35px;
 height: 26px;
 background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat 
}
.visite-guidee .content-tab .infobulle.top:after{background-position: -235px -138px; top: -15px; left: 50%;}
.visite-guidee .content-tab .infobulle.bottom:after{background-position: -235px -164px; bottom: -15px; left: 50%;}
.visite-guidee .content-tab .infobulle.right:after{
 background-position: -252px -103px; 
 width: 26px; 
 height: 35px;	
 margin-top: -13px;
 top: 50%;
 right: -15px;
}
.visite-guidee .content-tab .infobulle.gallery{top: 104px; left: 400px;}
.visite-guidee .content-tab .infobulle.docs{top: 597px; left: 160px;}
.visite-guidee .content-tab .infobulle.trousseau{top: 500px; left: 865px;}
.visite-guidee .content-tab .infobulle.message{top: 780px; left: 510px;}
.visite-guidee .content-tab .infobulle.newsletter{top: 950px; left: 150px;}
.visite-guidee .content-tab .infobulle.jour{top: 180px; left: 85px;}
.visite-guidee .content-tab .infobulle.next-date{top: 138px; left: 760px;}
.visite-guidee .content-tab .infobulle.nb-media{top: 400px; left: 65px;}
.visite-guidee .content-tab .infobulle.partage{top: 645px; left: 535px;}
.visite-guidee .content-tab .infobulle.photo{top: 820px; left: 79px;}
.visite-guidee .content-tab .infobulle.suite{top: 878px; left: 470px;}
.visite-guidee .content-tab .infobulle.close{top: 50px; left: 872px;}
.visite-guidee .content-tab .infobulle.prev{top: 170px; left: 12px;}
.visite-guidee .content-tab .infobulle.next{top: 191px; left: 897px;}
.visite-guidee .content-tab .infobulle.desc{top: 570px; left: 12px;}



/* version fermée */
.visite-guidee.close{
 width: 0;
 border-left: 4px solid #1b345a;
}
.visite-guidee.close .content{
 width: 0px;
 overflow: hidden;
 max-height: 910px;
}
.visite-guidee.close .flag{
 border-right: 4px solid #1b345a;
}
.visite-guidee .flag{
 cursor: pointer;
}


/* custom */
.alert-form-message {
 text-align: center;
 color: #db320b;
 font-size: 200%;
}

.generatePdf 
{
}
.generatePdf .main-width
{
	width: auto !important;
	padding:0px;
}
.generatePdf .container
{
	text-align:center;
	margin:0px;
	width: auto;
	padding:0px;
}
.generatePdf .container .prepare-detail
{
	padding-top:40px;
}
.generatePdf .container .trousseau
{
	padding:0px;
}
.generatePdf .container .trousseau .list,
.generatePdf .container .trousseau .infos-importantes
{
	text-align:left;
	left:0px;
	display:inline-block;
	float:none;
	/*float:none;
	width: 100%;*/
	margin-top:0px;
	vertical-align: middle;
}

.generatePdf .prepare-detail .trousseau
{
	position:relative;
	margin:0px 0px;
	vertical-align: middle;
	font-size: 7px;
}
.generatePdf .container .trousseau .list,
.generatePdf .prepare-detail .trousseau
{
	margin:0px;
}
.generatePdf .container .trousseau .list
{
	margin-right:10px;
	width: 420px;
	padding:15px 10px 15px 20px;
}
.generatePdf .container .trousseau .infos-importantes
{
	width: 250px;
	padding: 10px;
}
.generatePdf .prepare-detail .trousseau:before
{
	display:none;
}

.generatePdf .title
{
	width: auto;
	display:inline-block;
}




.erreur404 .bloc-form:before
{
	display:none !important;
}
.erreur404 .bloc-form
{
	padding-top: 10px;
}
.erreur404 .bloc-form.confirm .title-form
{
	padding-left:370px;
}



.radio input[type="radio"]:checked + label {
    background-position: 0 -29px;
}
.radio input[type="radio"] + label {
    background-position: 0 0;
    background-image: url("../../../bundles/vcassets/css/front/images/radio.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 170%;
    height: 29px;
    line-height: 29px;
    margin-right: 10px;
    padding-left: 35px;
    vertical-align: middle;
}

.hasError input[type="text"],
.hasError textarea {
    border-color: #db320b !important;
    color: #db320b !important;
}
.hasError ul li {
    color: #db320b;
    bottom: -20px;
    font-size: 130%;
    left: 5px;
    position: absolute;
}
#mdp-form .hasError ul {
    color: #db320b;
    bottom: 45px;
    font-size: 130%;
    left: 5px;
    position: absolute;
}
#mdp-form .hasError ul li {
	position:relative;
	left:0px;
	bottom:0px;
}

.infos-sejour .element .meteo.pictodefault,
.infos-sejour .element .meteo.picto04d .picto-meteo,
.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -150px 0;}

.infos-sejour .element .meteo.picto02d .picto-meteo
.infos-sejour .element .meteo.picto02n .picto-meteo,{background-position: 0 0;}

.infos-sejour .element .meteo.picto03d .picto-meteo,
.infos-sejour .element .meteo.picto03n .picto-meteo{background-position: -450px 0;}

.infos-sejour .element .meteo.picto04d .picto-meteo,
.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -75px 0;}

.infos-sejour .element .meteo.picto09d .picto-meteo,
.infos-sejour .element .meteo.picto09n .picto-meteo{background-position: -225px 0;}

.infos-sejour .element .meteo.picto10d .picto-meteo,
.infos-sejour .element .meteo.picto10n .picto-meteo{background-position: -525px 0;}

.infos-sejour .element .meteo.picto11d .picto-meteo,
.infos-sejour .element .meteo.picto11n .picto-meteo{background-position: -300px 0;}

.infos-sejour .element .meteo.picto13d .picto-meteo,
.infos-sejour .element .meteo.picto13n .picto-meteo{background-position: -375px 0;}

.infos-sejour .element .meteo.picto50d .picto-meteo,
.infos-sejour .element .meteo.picto50n .picto-meteo{background-position: -600px 0;}

.infos-sejour .element .intitule-sejour {
    font-size: 280%;
}
.centerElement .marge-auto
{
	text-align: center;
}
.centerElement .copyright
{
	display: inline-block;
  float: none;
  left: -25px;
  position: relative;
}








/***** Tablette *****/
@media all and (max-width: 1200px){
	.main-width{
		width: 768px;
	}

	#home-slide1{
		margin-top: 99px;
	}
	#home-slide1,
	#home-slide2,
	#home-slide3,
	#home-slide4 {
		min-height: 430px;
		background-attachment: scroll;
	}
	#home-slide2{
		padding-top: 100px;
		background-image: url(../../../bundles/vcassets/css/front/images/home-illus-mobile-2.jpg);
	}
	#home-slide3{
		padding-top: 50px;
		background-image: url(../../../bundles/vcassets/css/front/images/home-illus-mobile-3.jpg);
	}
	#home-slide4{
		background-image: url(../../../bundles/vcassets/css/front/images/home-illus-mobile-4.jpg);
	}
	#home-slide2 .slide-inside{
		padding-right: 200px;
	}	
	#home-slide3 .slide-inside{
		padding-left: 350px;
	}
	#home-slide4 .slide-inside{
		padding-right: 390px;
	}
	#home-slide2 .slide-inside .list{
		padding-right: 150px;
	}
	#home-slide1 .baseline {
		width: 90%;
	}
	#home-slide3:before {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #1cb2db;
		filter: alpha(opacity=50);
		opacity: 0.7;
		position: absolute;
		top: 0;
		left: 0;
	}
	#home-slide2:before,
	#home-slide4:before {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #fff;
		filter: alpha(opacity=50);
		opacity: 0.7;
		position: absolute;
		top: 0;
		left: 0;
	}
	.connect-form {
		float: left;
		margin: 10px;
	}
	#mdp-form-confirm{		
		font-size: 320%;
	}

	/*** Header ***/
	#page-header .logo {
		background-image: url(../../../bundles/vcassets/css/front/images/logo-tablet.png);
		width: 138px;
		height: 67px;
		float: left;
		margin: 12px 0 12px 10px;
	}
	#navigation .menu > li {
		width: 130px; 
		font-size: 150%;
		padding-top: 30px;
	}
	#navigation .menu > li.envoyer-message {width: 155px;}
	#navigation .menu > li.preparer-sejour{width: 175px;}
	#navigation .menu > li .link{
		margin-left: 30px;
		line-height: 18px;
	}
	#navigation .menu > li .link:before{
		margin-top: -15px;
	}
	.container {
	margin-top: 90px;
	}



	/*** Infos séjours ***/
	.infos-sejour > .elements,
	.infos-sejour{
		background: none;
	}
	.infos-sejour > .elements > .element{
		width: 49%;
		vertical-align: top;
	}
	.infos-sejour .elements-n2 > .element-n2{
		width: 100%;
		border-left: 1px solid #fff;
	}
	.infos-sejour .elements-n2 > .element-n2:first-child{
		margin-bottom: 20px;
	}
	.infos-sejour .element .ville {
		font-size: 530%;
		margin-top: -5px;
	}
	.infos-sejour .element .intitule-sejour {
		font-size: 290%;
	}
	.infos-sejour .element .dates{
		font-size: 150%;
	}
	.infos-sejour .element .picto-meteo {
		width: 67px;
		height: 58px;
		background: url(../../../bundles/vcassets/css/front/images/SpriteMeteoTablet.png) no-repeat left top;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -27px;
	}
	.infos-sejour .element .meteo.clear-sky .picto-meteo{background-position: -134px 0;}
	.infos-sejour .element .meteo.few-clouds .picto-meteo{background-position: 0 0;}
	.infos-sejour .element .meteo.scattered-clouds .picto-meteo{background-position: -402px 0;}
	.infos-sejour .element .meteo.broken-clouds .picto-meteo{background-position: -67px 0;}
	.infos-sejour .element .meteo.shower-rain .picto-meteo{background-position: -201px 0;}
	.infos-sejour .element .meteo.rain .picto-meteo{background-position: -469px 0;}
	.infos-sejour .element .meteo.thunderstorm .picto-meteo{background-position: -268px 0;}
	.infos-sejour .element .meteo.snow .picto-meteo{background-position: -335px 0;}
	.infos-sejour .element .meteo.mist .picto-meteo{background-position: -536px 0;}

	.infos-sejour .element .meteo.pictodefault,
	.infos-sejour .element .meteo.picto04d .picto-meteo,
	.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -134px 0;}

	.infos-sejour .element .meteo.picto02d .picto-meteo
	.infos-sejour .element .meteo.picto02n .picto-meteo{background-position: 0 0;}

	.infos-sejour .element .meteo.picto03d .picto-meteo,
	.infos-sejour .element .meteo.picto03n .picto-meteo{background-position: -402px 0;}

	.infos-sejour .element .meteo.picto04d .picto-meteo,
	.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -67px 0;}

	.infos-sejour .element .meteo.picto09d .picto-meteo,
	.infos-sejour .element .meteo.picto09n .picto-meteo{background-position: -201px 0;}

	.infos-sejour .element .meteo.picto10d .picto-meteo,
	.infos-sejour .element .meteo.picto10n .picto-meteo{background-position: -469px 0;}

	.infos-sejour .element .meteo.picto11d .picto-meteo,
	.infos-sejour .element .meteo.picto11n .picto-meteo{background-position: -268px 0;}

	.infos-sejour .element .meteo.picto13d .picto-meteo,
	.infos-sejour .element .meteo.picto13n .picto-meteo{background-position: -335px 0;}

	.infos-sejour .element .meteo.picto50d .picto-meteo,
	.infos-sejour .element .meteo.picto50n .picto-meteo{background-position: -536px 0;}





	.infos-sejour .element .picto-heure {
		display: block;
		width: 46px;
		height: 46px;
		background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -74px -23px;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -23px;
	}
	.infos-sejour .element .heure {
		padding: 5px 0 5px 50px;
	}
	.infos-sejour .element .meteo {
		padding: 5px 10px 5px 75px;
	}
	.infos-sejour .element .meteo, 
	.infos-sejour .element .heure {
		font-size: 150%;
	}




	/*** Home Gallery ***/	
	.gallery-controls .left, .gallery-responsive-controls .left{left: 0; margin-left: 0;}
	.gallery-controls .right, .gallery-responsive-controls .right{right: 0; margin-right: 0;}


	/* Illus triangle */
	.home-page .illus-triangle-sejour {
		top: -575px;
		left: -110px;
	}
	.home-page.first-connect .illus-triangle-sejour,
	.illus-triangle-sejour {
		top: -125px;
		left: -110px;
	}


	/* Preparer sejour */
	.prepare {
		padding: 30px 20px;
	}
	.prepare .docs, .prepare .docs,
	.prepare .docs, .prepare .trousseau{
		float: none;
		clear: both;
		border: none;
		padding-left: 115px;
	}
	.prepare .trousseau{
		padding-top: 20px;
		margin-top: 30px;
	}
	.prepare .trousseau:after {
		display: block;
		content: '';
		width: 300px;
		height: 3px;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -150px;
	}
	.prepare .docs:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.prepare .trousseau:before {
		left: 0;
		top: 20px;
	}
	.prepare .trousseau .btn {
		margin: 40px 0px;
	}
	.prepare .docs .text ,
	.prepare .trousseau .text {
		width: 265px;
		margin-right: 0;
		padding-right: 15px;
	}
	.prepare .docs .text .title-3{
		width: 180px;
	}
	.prepare .trousseau .text .title-3 {
		width: 210px;
		padding-top: 20px;
	}

	.prepare-detail .list,
	.prepare-detail .infos-importantes{
		width: 100%;
	}	
	.prepare-detail .docs, .prepare-detail .trousseau {
		padding: 20px 0 40px 100px;
		margin: 0 18px 30px;
	}
	.prepare-detail .docs:before, 
	.prepare-detail .trousseau:before{
		left: -15px;
	}


	/* Blocs infos */
	.bloc-info {
		width: 50%;	
		padding-right: 0;
		padding-left: 5%;
	}
	.bloc-info.message{
		clear: left;
		margin: 0 auto;
		float: none;
	}
	.first-connect .bloc-info.equipe,
	.first-connect .bloc-info.adresse{
		margin-left: 0;
	}


	.bloc-form.confirm .title-form {
		padding-left: 300px;
		padding-top: 40px;
	}
	.bloc-form.confirm .sign{
		padding-left: 300px;
	}
	.bloc-form.confirm:before {
		left: 5px;
	}
	.bloc-form .title-form{
		padding-top: 200px;
	}
	.message-form .right-part {
		float: left;
	}
	.message-form .champs-obligatoires {
		right: 50px;
	}
	.contact .bloc-form.confirm .title-form, .contact .bloc-form.confirm .sign {
		padding-left: 300px;
		padding-right: 30px;
		padding-top: 10px;
	}
	.contact .bloc-form.confirm:before {
		left: 5px;
	}

	.bloc-form .message-form .opt-in{
		text-align: left;
	}


	/* Photos Vidéos */
	.gallery-bandeau-date .prev, 
	.gallery-bandeau-date .next{
		width: 110px;
	}
	.gallery-bandeau-date .elements{
		width: 540px;
	}
	.gallery .element {
		width: 253px;
	}
	.video-js{
		width: 768px !important;
		height: 400px !important;
	}



	/* Equipe */
	.equipe .blocs-info {
		width: 100%;
		padding: 0;
	}
	.equipe .blocs-info .bloc-info {
		width: 50%;	
		float: left;
		clear: none;
	}
	.mot-equipe{
		width: 100%;
	}
	#slider-equipe{
		height: 265px;
		overflow: hidden;
	}


	.visite-guidee .flag{
		top: 46px;
	}
	.visite-guidee {
		width: 680px;
	}
	.visite-guidee img{
		width: 100%;
	}
	.visite-guidee .content-tab .infobulle{
		font-size: 140%;
		padding: 10px 20px;
	}	
	.visite-guidee .content-tab .infobulle.gallery{top: 55px; left: 200px;}
	.visite-guidee .content-tab .infobulle.docs{top: 355px; left: 35px;}
	.visite-guidee .content-tab .infobulle.trousseau{top: 290px; left: 492px;}
	.visite-guidee .content-tab .infobulle.message{top: 460px; left: 255px;}
	.visite-guidee .content-tab .infobulle.newsletter{top: 565px; left: 60px;}
	.visite-guidee .content-tab .infobulle.jour{top: 95px; left: 20px;}
	.visite-guidee .content-tab .infobulle.next-date{top: 55px; left: 410px;}
	.visite-guidee .content-tab .infobulle.nb-media{top: 250px; left: 0px;}
	.visite-guidee .content-tab .infobulle.partage{top: 400px; left: 285px;}
	.visite-guidee .content-tab .infobulle.photo{top: 505px; width: 170px; left: 58px;}
	.visite-guidee .content-tab .infobulle.suite{top: 520px; left: 260px;}
	.visite-guidee .content-tab .infobulle.close{top: 35px; left: 497px;}
	.visite-guidee .content-tab .infobulle.prev{top: 45px; left: 0px; width: 140px;}
	.visite-guidee .content-tab .infobulle.next{top: 105px; left: 525px;}
	.visite-guidee .content-tab .infobulle.desc{top: 330px; left: 0px;}
	#page-header.op-20{position: relative;}
	.container.op-20{margin-top: 0;}

	#tabs.content-with-aside{ display: none;}
	#accordion{
		display: block;
		margin: 0 20px 40px;
		background: url(../../../bundles/vcassets/css/front/images/motif-cahier.jpg) repeat left top;
		position: relative;
	}
	#accordion .accordion-title{
		display: block;
		padding: 15px 10px;
		cursor: pointer;
		font-family: 'mathlete';
		font-size: 320%;
		text-transform: uppercase;
		outline: 0 none;
		border: 0 none;
		background: url(../../../bundles/vcassets/css/front/images/tirets.png) repeat-x left top;
	    letter-spacing: 1px;
	    position: relative;
	    -webkit-transition: -webkit-transform 0.1s;  /* For Safari 3.1 to 6.0 */
	    transition: transform 0.1s;
		color: #1b345a;
	}
	#accordion .accordion-title.ui-state-active{
		color: #fff;
		margin: 0 0 20px;
		padding: 15px 10px;
		-webkit-box-shadow: -5px 5px 0px #fbe231;
		-moz-box-shadow: -5px 5px 0px #fbe231;
		box-shadow: -5px 5px 0px #fbe231;	
		background: #1b345a;
	}
	#accordion .accordion-title:hover{
		text-decoration: none;
		color: #fff;
		padding: 15px 10px;
		-webkit-box-shadow: -5px 5px 0px #fbe231;
		-moz-box-shadow: -5px 5px 0px #fbe231;
		box-shadow: -5px 5px 0px #fbe231;	
		background: #1b345a;
	}
	#accordion .accordion-title.ui-state-active:before {
		display: block;
		content: '';
		width: 22px;
		height: 29px;
		background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -176px -39px;
		position: absolute;
		bottom: -26px;
		left: 50%;
		margin-left: -11px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#accordion .wysiwyg{
		line-height: 30px;
		text-align: justify;
		padding: 0 10px 20px;
	}
	#accordion .wysiwyg p,
	#accordion .wysiwyg ul{
		padding-bottom: 20px;
	}
	#accordion .wysiwyg li{
		list-style: disc inside;
	}
	#accordion .wysiwyg li > ul > li{
		padding-left: 20px;
		list-style-type: circle;
	}
	.cgv .title{
		padding: 0 70px;
	}



	/* Footer*/
	.visiomail {
		float: none;
		background: url(../../../bundles/vcassets/css/front/images/logo-visiomail.png) no-repeat left 50px;
		padding-top: 110px;
		margin: 0 auto 20px;
	}
	#mail-form {
		float: none;
		width: 540px;
		margin: 0 auto 50px;
	}
	#mail-form-confirm {
		padding: 62px 160px 60px 120px;
		margin-left: 0px;
		background-position: center;
	}
	.copyright {
		line-height: 22px;;
		width: 210px;
		padding-left: 50px;
		margin: 30px 0;
	}
	.bottom-footer .footer-list {
		width: 420px;
		margin: 10px 0;
	}
	.bottom-footer .footer-list > li {
		line-height: 40px;
	}



}/* End @media tablet */








/***** Mobile landscape *****/
@media all and (max-width: 767px){
	.main-width{
		width: 320px;
	}


	/* Header */
	#page-header .logo {
		background-image: url(../../../bundles/vcassets/css/front/images/logo-mobile.png);
		width: 123px;
		height: 60px;
		display: block;
		float: none;
		margin: 30px auto 10px;
	}
	#page-header .main-width {
		width: 100%
	}
	.home-page-non-connectee #page-header .logo {
		background-image: url(../../../bundles/vcassets/css/front/images/logo-mobile.png);
		width: 123px;
		height: 60px;
		display: block;
		float: none;
		margin: 12px 0 12px 10px;
	}
	.disconnect{
		padding: 5px 10px;
		margin-top: -30px;
		font-size: 290%;
	}
	.disconnect:after {
		display: none;
	}

	/* Homepage non-connectée */
	#connect-form{
		float: none;
		margin: 20px auto;
		width: 95%;
	}
	#connect-form .connexion-wrapper{
		width: 100%;
	}
	#connect-form .connexion-wrapper input[type="text"] {
		width: 63%;
	    -webkit-border-radius:0; 
	    border-radius:0;
	}
	#connect-form .connexion-wrapper .label {
		padding: 2px 10px 8px 5px;
		line-height: 15px;
		width: 65%;
		font-size: 130%;
	}
	#connect-form .btn.submit {
		padding: 5px;
		font-size: 280%;
		width: 37%;
		-webkit-appearance: none;	
	}
	#mdp-form .connexion-wrapper input[type="text"] {
		width: 210px;
	    -webkit-border-radius:0; 
	    border-radius:0;
	}
	#mdp-form .connexion-wrapper .label {
		font-size: 130%;
		top: 3px;
	}
	#mdp-form .btn.submit {
		padding: 5px 15px;
		font-size: 280%;
		-webkit-appearance: none;	
	}
	#mdp-form-confirm{
		float: none;
		width: 100%;
	}
	.code-perdu{
		float: right;
	}

	#home-slide1 {
		margin-top: 211px;
	}
	


	.slide-inside{
		padding: 0;
		text-align: center;
	}
	#home-slide1{		
		margin-top: 0;
	}
	#home-slide1 .title{
		padding: 40px 8px 0;
		text-align: center;
		line-height: 45px;
		font-size: 400%;
	}
	#home-slide1 .baseline {
		font-size: 240%;
		color: #fff;
		padding: 20px;
		line-height: 27px;
		width: 100%;
		position: relative;
	}
	#home-slide2,
	#home-slide3,
	#home-slide4  {
		padding-top: 80px;
	}
	#home-slide2 .slide-inside,
	#home-slide3 .slide-inside,
	#home-slide4 .slide-inside {
		padding: 0;
	}
	#home-slide2 .title-1, 
	#home-slide2 .title-1-1,
	#home-slide3 .title-1, 
	#home-slide3 .title-1-1,
	#home-slide4 .title-1, 
	#home-slide4 .title-1-1   {
		padding: 0;
		line-height: 45px;
		font-size: 270%;
		line-height: 30px;
	}
	#home-slide2 .title-1:before,
	#home-slide3 .title-1:before,
	#home-slide4 .title-1:before {
		top: -60px;
		left: 50%;
		margin-left: -25px;
	}	
	#home-slide2 .slide-inside .list{
		padding-right: 0;
	}
	.slide-inside .list{
		padding-top: 40px;
	}
	#home-slide3 .slide-inside .list {
		padding-top: 10px;
	}
	#home-slide3 .slide-inside .list > li {
		padding-bottom: 5px;
	}
	.slide-inside .list > li{
		font-size: 180%;
		padding-left: 35px;
		padding-bottom: 20px;
		text-align: left;
		position: relative;
	}
	.home-page-non-connectee .container{
		margin-top: 84px;
	}
	.home-page-non-connectee.menu-connect-ouvert .container {
		margin-top: 195px;
	}



	/* Menu deroulant */
	#navigation .bt-menu{
		display: block;
		content: '';
		width: 58px;
		height: 76px;
		background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -58px -301px;
		position: absolute;
		top: -5px;
		left: 0;
		border: none;
		outline: none;
		cursor: pointer;
	}
	#navigation .menu{
		display: none;
	}
	.menu-mobile-ouvert #navigation .menu{
		display: block;
		border-bottom: 1px solid #fff;
	}
	.menu-mobile-ouvert .container {
		margin-top: 245px;
	}
	.menu-mobile-ouvert #navigation .bt-menu{
		background-position: 0 -301px;
	}
	.menu-mobile-ouvert #navigation .menu li{
		float: left;
		width: 25%;
		height: 145px;
		padding: 0;
		font-size: 111%;
		border-left: 2px solid #697992;
	}
	.menu-mobile-ouvert #navigation .menu .retour-accueil{
		display: block;
		border: none;
	}
	.menu-mobile-ouvert #navigation .menu li .link{
		margin: 0;
		background-color: #1b345a;
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		padding: 85px 5px 0;
		line-height: 15px;
		text-align: center;
	}
	.menu-mobile-ouvert #navigation .menu li .link.disactive:hover{
		color: #fff;
	}
	.menu-mobile-ouvert #navigation .menu li .link:hover{
		color: #fbe231;
	}
	.menu-mobile-ouvert #navigation .menu .link:before{
		margin: 0;
		top: inherit;
		left: 50%;
		bottom: 75px;
	}
	.menu-mobile-ouvert #navigation .menu .link:hover:before{
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.menu-mobile-ouvert #navigation .menu .retour-accueil .link:before{
		background-position: -203px -315px;
		width: 50px;
		height: 53px;
		margin-left: -25px;
	}
	.menu-mobile-ouvert #navigation .menu .preparer-sejour .link:before{
		background-position: -116px -301px;
		width: 43px;
		height: 40px;
		margin-left: -21px;
	}
	.menu-mobile-ouvert #navigation .menu .photos-videos .link:before{
		background-position: -160px -301px;
		width: 43px;
		height: 40px;
		margin-left: -21px;
	}
	.menu-mobile-ouvert #navigation .menu .envoyer-message .link:before{
		background-position: -116px -342px;
		width: 43px;
		height: 32px;
		margin-left: -21px;
	}
	#navigation .menu > li > a.link.current:before,
	#navigation .menu > li > a.link:hover:before{
		-ms-transform: none; /* IE 9 */
	    -webkit-transform: none; /* Chrome, Safari, Opera */
	    transform: none;
	}




	/* Infos sejour */
	.infos-sejour{
		padding-bottom: 1px;
	}
	.infos-sejour > .elements > .element {
		width: 100%;
		vertical-align: top;
	}
	.infos-sejour .elements {
		margin: 25px 0;
	}
	.infos-sejour .element .ville {
		font-size: 530%;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 50px;
		margin-top: 5px;
	}
	.infos-sejour .element .picto-meteo {
		width: 52px;
		height: 45px;
		background: url(../../../bundles/vcassets/css/front/images/SpriteMeteoMobile.png) no-repeat left top;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -22px;
	}
	.infos-sejour .element .meteo.clear-sky .picto-meteo{background-position: -104px 0;}
	.infos-sejour .element .meteo.few-clouds .picto-meteo{background-position: 0 0;}
	.infos-sejour .element .meteo.scattered-clouds .picto-meteo{background-position: -312px 0;}
	.infos-sejour .element .meteo.broken-clouds .picto-meteo{background-position: -52px 0;}
	.infos-sejour .element .meteo.shower-rain .picto-meteo{background-position: -156px 0;}
	.infos-sejour .element .meteo.rain .picto-meteo{background-position: -362px 0;}
	.infos-sejour .element .meteo.thunderstorm .picto-meteo{background-position: -208px 0;}
	.infos-sejour .element .meteo.snow .picto-meteo{background-position: -260px 0;}
	.infos-sejour .element .meteo.mist .picto-meteo{background-position: -416px 0;}

	.infos-sejour .element .meteo.pictodefault,
	.infos-sejour .element .meteo.picto04d .picto-meteo,
	.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -104px 0;}

	.infos-sejour .element .meteo.picto02d .picto-meteo
	.infos-sejour .element .meteo.picto02n .picto-meteo{background-position: 0 0;}

	.infos-sejour .element .meteo.picto03d .picto-meteo,
	.infos-sejour .element .meteo.picto03n .picto-meteo{background-position: -312px 0;}

	.infos-sejour .element .meteo.picto04d .picto-meteo,
	.infos-sejour .element .meteo.picto04n .picto-meteo{background-position: -52px 0;}

	.infos-sejour .element .meteo.picto09d .picto-meteo,
	.infos-sejour .element .meteo.picto09n .picto-meteo{background-position: -156px 0;}

	.infos-sejour .element .meteo.picto10d .picto-meteo,
	.infos-sejour .element .meteo.picto10n .picto-meteo{background-position: -362px 0;}

	.infos-sejour .element .meteo.picto11d .picto-meteo,
	.infos-sejour .element .meteo.picto11n .picto-meteo{background-position: -208px 0;}

	.infos-sejour .element .meteo.picto13d .picto-meteo,
	.infos-sejour .element .meteo.picto13n .picto-meteo{background-position: -260px 0;}

	.infos-sejour .element .meteo.picto50d .picto-meteo,
	.infos-sejour .element .meteo.picto50n .picto-meteo{background-position: -416px 0;}







	.infos-sejour .element .picto-heure {
		display: block;
		width: 32px;
		height: 32px;
		background: url(../../../bundles/vcassets/css/front/images/sprite.png) no-repeat -253px -191px;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -16px;
	}
	.infos-sejour .element .meteo {
		padding: 5px 5px 5px 55px;
	}
	.infos-sejour .element .heure {
		padding: 5px 0 5px 35px;
	}
	.infos-sejour .elements-n2 .element-n2 {
		position: relative;
		padding: 20px 10px 0;
		border: none;
	}
	.infos-sejour .elements-n2 .element-n2:first-child {
		text-align: center;
	}
	.infos-sejour .element-n2:before {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -20px;
		width: 40px;
		height: 1px;
		background: #fff;
	}
	.infos-sejour .element:first-child {
		padding: 0 15px 15px;
	}
	.illus-triangle-sejour {
		display: none;
	}
	.title-1 {
		padding-left: 50px;
		line-height: 35px;
	}
	.title {
		padding-left: 60px;
		line-height: 35px;
		font-size: 320%;
		text-align: left;
	}
	.wrapper .title:before ,
	.wrapper .title-1:before {
		position: absolute;
	}

	.prepare .docs .text, 
	.prepare .trousseau .text,
	.prepare .trousseau .text .title-3 {
		width: inherit;
		padding-top: 0;
	}
	.prepare .link-list {
		margin-left: -130px;
		margin-top: 20px;
		width: 305px;
	}
	.prepare-detail .trousseau {
		padding: 0;
	}
	.prepare .trousseau .btn {
		margin: 20px 0px 0 -30px;
	}
	.prepare .trousseau:after {
		left: 80px;
		margin-left: 0;
		width: 160px;
		height: 2px;
	}
	.prepare .link-list > li {
		margin: 5px 0 5px 5px;
	}
	.prepare .link-list > li .btn{
		padding: 2px 6px;
	}

	.prepare-detail .trousseau .text{
		padding: 20px 0 40px 100px;
	}
	.prepare-detail .trousseau .list{
		width: 295px;
	}
	.prepare-detail .trousseau .infos-importantes{
		width: 100%;
		position: relative;
	}
	.prepare-detail .infos-importantes .title-3:before {
		position: absolute;
		top: 0;
		left: 0;
	}
	.prepare-detail .infos-importantes .title-3 {
		display: block;
		padding-left: 50px;
	}

	/* Photos Vidéos */
	.gallery-bandeau-date .prev, 
	.gallery-bandeau-date .next{
		width: 66px;
		padding: 0 30px;
	}
	.gallery-bandeau-date .elements{
		width: 180px;
	}
	.gallery-bandeau-date .prev:hover {
		-ms-transform: translate(-10px,0);
		-webkit-transform: translate(-10px,0);
		transform: translate(-10px,0);
	}
	.gallery-bandeau-date .next:hover {
		-ms-transform: translate(10px,0);
		-webkit-transform: translate(10px,0);
		transform: translate(10px,0);
	}
	.gallery .element {
		width: 100%;
	}
	.video-js{
		width: 500px !important;
		height: 280px !important;
	}
	.gallery:hover .element{
		filter: alpha(opacity=100);
		opacity: 1;
	}




	.visite-guidee .flag {
		top: 55px;
		left: -79px;
	}
	.gallery-wrapper{
		width: 768px;
	}
	.home-gallery{
		/*width: 1538px;*/
	}
	.home-gallery .elements{
		height: 244px;
		/*width: 765px;*/
	}
	.home-gallery .element{
		width: 152px;
	}
	.home-gallery .element:first-child{
		width: 306px;
	}
	.home-gallery .element img {
		width: 100%;
	}
	.home-gallery .btn {
		left: 25px;
	}
	.home-page .gallery-controls,
	.home-page .gallery-responsive-controls {
		top: -230px;
	}
	.bloc-info,
	.equipe .blocs-info .bloc-info {
		width: 100%;
		padding-right: 0;
		padding-left: 5%;
	}


	.mot-equipe {
		width: 100%;
		float: none;
		padding: 40px 10px 30px;
	}
	.blocs-info,
	.equipe .blocs-info {
		width: 100%;
		float: none;
		padding: 0;
	}
	#slider-equipe{
		height: 109px;
		overflow: hidden;
	}


	.bloc-form .message-form {
		margin: 0 5px;
	}
	.message-form .right-part, 
	.message-form .left-part{
		float: none;
	}
	.message-form input[type="text"], .message-form textarea {
		width: 100%;
	    -webkit-border-radius:0; 
	    border-radius:0;
	}
	.bloc-form .title-form {
		font-family: 'mathlete';
		font-size: 400%;
		padding: 210px 0px 20px 0px;
		text-align: center;
	}
	.bloc-form.confirm:before {
		top: 5px;
		left: 5px;
	}
	.bloc-form.confirm {
		padding: 180px 0 10px;
	}
	.bloc-form.confirm .title-form {
		padding-top: 50px;
		text-align: center;
		padding-left: 20px;
	}
	.bloc-form.confirm .sign {
		padding: 0 0 20px 20px;
		text-align: center;
	}


	.map{
		margin-top: 30px;
	}
	.map .infos-contact {
		right: 0;
		padding: 50px 40px 0 70px;
		height: 100%;
		margin: 0;
	}	
	.map .infos-contact .btn-map{
		display: block;
		margin-top: 40px;
		margin-left: -30px;
		text-align: center;
	}
	.map .infos-contact:before {
		top: 50px;
	}
	.message-form .civilite .civ-label {
		display: block;
		padding: 10px;
		position: relative;
	}
	.contact .bloc-form.confirm .title-form, .contact .bloc-form.confirm .sign {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 10px;
	}


	/* Footer */
	.visiomail {
		background: url(../../../bundles/vcassets/css/front/images/logo-visiomail-mobile.png) no-repeat left 50px;
		padding-top: 110px;
		padding-left: 20px;
		margin: 0 auto 30px;
	}
	#mail-form {
		width: 280px;
		margin: 0 auto 120px;
	}
	#mail-form .mail-wrapper input[type="text"] {
		width: 100%;
	    -webkit-border-radius:0; 
	    border-radius:0;
	}
	#mail-form .mail-wrapper .btn.submit{
		position: absolute;
		top: 120px;
		left: 80px;
		-webkit-appearance: none;	
	}
	#mail-form-confirm {
		padding: 31px 30px 40px 30px;
		margin-left: 0px;
		width: 320px;
		margin-top: -10px;
		margin-bottom: 20px;
		text-align: center;
		background-position: center;
	}
	.copyright {
		width: initial;
		position: absolute;
		margin: 30px 20px;
		bottom: 30px;
		height: 45px;
		max-width: 220px;
	}
	.bottom-footer .footer-list {
		width: inherit;
		text-align: left;
		padding-bottom: 80px;
	}
	.footer .bloc-info {
		width: 100%;
		margin-bottom: 30px;
	}


}/* End @media mobile */





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

	.video-js{
		width: 320px !important;
		height: 200px !important;
	}



}