@charset "utf-8";
/* CSS Document */

@import url("lightcase.css");
@import url("nuit-au-jardin.css");
@import url("promenade-a-l-aube.css");
@import url("experts-en-residence.css"); 
@import url("grandes-discussions.css"); 
@import url("medias.css");

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	line-height: 1.42857143 !important;
	margin: 0;
	padding: 0;
	font-size: 0.9rem !important;  
	color: #13171a;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../css/font/GothamRounded-Medium.eot');
	src: url('../css/font/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('../css/font/GothamRounded-Medium.woff2') format('woff2'), url('../css/font/GothamRounded-Medium.woff') format('woff'), url('../css/font/GothamRounded-Medium.ttf') format('truetype'), url('../css/font/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

body a:link {
	color: white;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

body a:visited {
	color: white;
	text-decoration: none;
}

body a:hover {
	color: #A0A3A6;
	text-decoration: none;
}

body a:active {
	color: white;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family: 'Gotham Rounded', sans-serif !important;
	color: white !important;
}

.full {
    color: #F04E3E;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.header-inside {
	position: relative;
	-webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.11);
	-moz-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.11);
	-ms-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.11);
}

.title-alternate {
	padding: 30% 7% 7% 7%;
	text-align: center;
}

ul li {
	padding: 1%;
}

.modal-open .modal {
	padding-right: 0 !important;
}

.modal-open {
	overflow: inherit !important;
}

.copyright {
	position: relative;
	width: 100%;
    padding: 2%;
    font-size: 11px;
	color: white;
    text-align: left;
	background: #2c383d; /* Old browsers */
	background: -moz-linear-gradient(right, #2c383d 0%, #13171a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #2c383d 0%,#13171a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2c383d 0%,#13171a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c383d', endColorstr='#13171a',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
	-ms-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
}

.copyright img.img-logo-vdm {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	right: 2%;
}

.copyright img.img-logo-vdm-mobile {
	margin: 0 auto 5% auto;
	width: 30%;
}

.copyright a {
    color: #F04E3E!important;
}

.copyright a:hover {
    color: #fe8176!important;
}

.nav-left span {
	font-size: 27px;
	cursor: pointer;
	color: #bdc3c7;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav-left span:hover {
	font-size: 27px;
	color: #ddd;
}

.language {
	font-size: 13px !important;
	color: #333 !important;
}

header {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	padding: 1.5% 2%;
	text-align: right;
	background-color: #fff;
	/* Old browsers */
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
}

header img {
	width: 100%;
}

.brand {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 2%;
	z-index: 999;
	width: 11%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;  
}

header.shrink,
header.alternate {
	padding: 0.5% 2%;
}

header.shrink .brand,
header.alternate .brand {
	width: 7.5%;
}

header.shrink .btn-form,
header.alternate .btn-form {
	font-size: 0.8vw !important;
}

header.shrink .language,
header.alternate .language {
	font-size: 11px !important;
}

header.shrink .nav-center,
header.shrink .nav-language {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	filter: alpha(opacity=0);
	/* For IE8 and earlier */
}

.nav-left {
	padding: 0.3% 0;
}

.nav-center {
	position: absolute;
	top: 50%;
    right: 3%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.nav-center a {
    display: block;
    font-size: 0.8vw;
    text-align: right;
}

.nav-language {
	position: absolute;
	top: 50%;
	right: 110px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.nav-language a {
	color: #bdc3c7 !important;
	position: absolute;
	top: 50%;
	left: 97%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.nav-language a:hover {
	color: #ddd !important;
}

header.shrink .nav-left,
header.alternate .nav-left {
	padding: 0.3% 0;
}

.btn-form {
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .220rem .50rem .180rem .50rem;
	line-height: 1.5;
	border-radius: .25rem;
	background-color: #F04E3E !important;
	color: white;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-form:hover {
	background-color: #bd3d31 !important;
	color: white;
}

.btn-medias {
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .220rem .50rem .180rem .50rem;
	margin-top: 5px;
	line-height: 1.5;
	border-radius: .25rem;
	background-color: #bdc3c7 !important;
	color: white;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-medias:hover {
	background-color: #A0A3A6 !important;
	color: white;
}

.bg-btn-medias, .bg-title-medias {
    background-color: #bdc3c7;
}

.bg-btn-medias:hover {
    background-color: #A0A3A6;
}

.bg-btn-medias i {
    position: absolute;
    top: 50%;
    right: 5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.bg-btn-medias:hover i {
    right: 15px;
}

footer {
	position: relative;
}

/*INTRO*/

.intro {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 2%;
	text-align: center;
	background-color: rgba(31, 130, 82, 0.6);
	color: #d7df21;
}

.intro p {
	font-size: 3vw;
}

.intro p:last-child {
	margin-bottom: 0;
}

.intro h3 {
	margin-bottom: 1rem;
	font-size: 1.7vw;
}

.intro h5 {
    /*margin-bottom: -1%;*/
	font-size: 1.5vw;
}

/*ARTICLE*/

.article {
	padding: 1% 0 5%;
}

.article h1 {
	margin: 0 0 3% 0;
	font-size: 2vw;
}

.article h2 {
	margin: 1% 0 3% 0;
}

.article h3 {
	margin: 4% 0 3% 0;
}

.btn-inscription {
	text-align: center;
	padding: 1% 0 3% 0;
}

.card {
	margin: 3% 0;
}

.alert {
	margin: 2rem 0 !important;
}

.hvr-curl-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0px);
	box-shadow: 0px 0px 1px transparent;
	position: relative;
}

.people {
	word-wrap: break-word;
	background-color: rgb(255, 255, 255);
	background-clip: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.125);
	border-image: initial;
	border-radius: 0.25rem;
	margin: 3% 0;
}

.cursor-pointer {
	cursor: pointer;
	display: block;
}

.cursor-pointer span {
	float: right;
}

.bigger {
	font-size: 17px;
}

blockquote {
	border-left: 10px solid #ccc;
	margin: 16% 0 4% !important;
	padding: 0.5em 20px;
}

.blockquote {
	color: #A0A3A6;
	font-size: 1.5rem !important;
	line-height: 0.1rem !important;
}

blockquote small {
	display: inline;
	margin-top: 5%;
}

.bigger-title {
	font-size: 140% !important;
}

/*BLOGUE ACCUEIL*/

.blog-home-element {
	padding: 3%;
}

.blog-home-element span {
	float: right;
}

.blog-home-element p {
	color: #13171a;
}

.blog-home-container a,
.blog-home-container h6 {
	color: #A0A3A6 !important;
}

.blog-home-container a:hover .blog-home-element {
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
}

.blog-home-element i {
    filter: alpha(opacity=0);
    opacity: 0;
}

.blog-home-container a, .blog-home-element i, .blog-home-container .img-thumbnail {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.blog-home-container a:hover .blog-home-element i {
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
    transform: scale(2);
    filter: alpha(opacity=1);
    opacity: 1;
}

.experts-item-content:hover .img-thumbnail, 
.card-header:hover .img-thumbnail, 
.blog-home-element:hover .img-thumbnail {
    background-color: #ddd;
    -ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);

    -webkit-transition: all .3s;
	-moz-transition: all .3s;
    transition: all .3s;
}

.blog-home-container a:hover h6 {
    color: #259c62!important;
}    

.blog-home {
	padding: 5% 0 1% 0;
}

.blog-home h2 {
	color: #A0A3A6 !important;
	font-size: 1.5vw;
	margin: 0% !important;
}

:focus {
	outline-color: transparent;
	outline-style: none;
}

/*LETTRE OUVERTE*/

#lettre_laure_waridel h3,
#lettre_laure_waridel h5 {
	text-align: center;
	color: #A0A3A6 !important;
}

#lettre_laure_waridel small {
	margin: 5% 0 2% 0;
	display: block;
}

.btn-contest {
	color: #A0A3A6 !important;
	text-transform: uppercase;
	font-weight: bold;
}

.btn-grey {
	color: #A0A3A6 !important;
}

.btn-contest:hover,
.btn-grey:hover {
	color: #1f8252 !important;
}

/*ACTIVITIES*/

.activities-content-padding {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.activities-content {
	position: relative;
	padding: 0 0 7% 0 !important;
	border: 6px solid white;
	height: 100%;
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
}

.closed {
	text-transform: uppercase;
	font-weight: bold;
}

.activities-content img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.29);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/*cursor: pointer;*/
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.table {
	font-weight: bold;
	color: #A0A3A6 !important;
}

.transform {
	position: fixed;
	z-index: 2;
}

.transform img {
	float: right;
	position: relative;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.0);
	-ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.0);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.0);
}

.btn-shrink img {
	width: 40%;
	float: right;
}

.btn-shrink .overflow h2 {
	padding: 3% 8%;
	font-size: 1.1vw;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.activities-content span.bg-btn-promenade, .activities-content span.bg-btn-nuit,.activities-content span.bg-btn-experts, .activities-content span.bg-btn-discussions {
	display: block;
	width: 100%;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.activities-content span.bg-btn-promenade:hover {
	background-color: #adbf36;
}

.activities-content span.bg-btn-nuit:hover {
	background-color: #108f86;
	;
}

.activities-content span.bg-btn-experts:hover {
	background-color: #259c62;
}

.activities-content span.bg-btn-discussions:hover {
	background-color: #7cad37;
}

.activities-content a.btn-more {
	color: white;
	width: 100%;
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	line-height: 1.5;
}

.activities-content a.btn-more i {
	line-height: 1.5;
	float: right;
}

.btn-discussions:hover h2,
.btn-experts:hover h2,
.btn-nuit:hover h2,
.btn-promenade:hover h2 {
	padding-left: 4%;
}

.temporary {
	cursor: default;
	pointer-events: none;
}

.btn-form {
	background-color: #A0A3A6;
}

.same-height {
	min-height: 170px;
	padding-top: 5%;
}

.activities-content p {
	padding: 4% 8%;
	margin: 0;
}

.title-grey {
	font-family: 'Gotham Rounded', sans-serif;
	text-transform: uppercase;
	color: #A0A3A6;
}

.activities-content p:first-child {
	padding: 8% 8% 4% 8%;
}

.activities-content p:last-child {
	padding: 4% 8% 12% 8%;
}

.cursor-none {
	cursor: auto !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}

.logo-englobe {
	height: 32px;
	/* hauteur du parent */
	line-height: 32px;
	/* hauteur de ligne (identique) */
	white-space: nowrap;
	/* interdiction de passer à la ligne */
	margin: 0 auto 10% auto;
}

.overflow {
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.overflow h2 {
	position: absolute;
	z-index: 1;
	text-align: left;
	padding: 12% 8% 0 6%;
	font-size: 19px;
	color: white;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.thumbs {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.special-border {
	border-left: 4px solid #d9d9d9;
	border-right: 4px solid #d9d9d9;
}

.flashit {
	-webkit-animation: flash linear 2s infinite;
	animation: flash linear 2s infinite;
}

.video-englobe {
	text-align: center;
}

.form-link {
	text-align: center;
	padding: 5% 2%;
	background-image: url(../img/2.jpg);
}

.form-link a {
	font-family: 'Gotham Rounded', sans-serif !important;
	font-size: 2vw;
	color: white !important;
}

#youtube {
	text-align: center;
	padding: 3%;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.38);
	-ms-box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.38);
	box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.38);
	background-color: #000;
	margin: 3% auto 0 auto;
}

.video iframe,
#videos object,
#videos embed,
.youtube-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-padding {
	padding: 5% 5% 0 5%;
}

.special-height {
	height: 90px;
}

.hidden_desktop {
	display: none !important;
}

.feed {
	text-align: center;
	padding: 5% 0;
}

.fb_iframe_widget {
	border: 6px solid white;
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
}

.share-centered {
    text-align: center;
    margin: 3% auto;
}

/*LOADING*/

#loading {
	background: #d9d9d9;
	/* Old browsers */
	background: -moz-linear-gradient(bottom, #d9d9d9 0%, #fff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #d9d9d9 0%, #fff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #d9d9d9 0%, #fff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#fff', GradientType=1);
	/* IE6-9 */
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99999999;
	margin-top: 0px;
	top: 0px;
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}

#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 140px;
	margin-top: -10px;
	margin-left: -70px;
	-webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;
}

.object {
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 20px;
	margin-bottom: 20px;
}

.object:last-child {
	margin-right: 0px;
}

#object_one {
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	background-color: #c6da3d;
}

#object_two {
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	background-color: #13a89e;
}

#object_three {
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	background-color: #259c62;
}

#object_four {
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	background-color: #7cad37;
}

@-webkit-keyframes loading-center-absolute {
	100% {
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loading-center-absolute {
	100% {
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*LOADING END*/

.fadein_mobile {
	position: relative;
	margin: 0 auto;
}

.fadein_mobile img {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

/***************************MODAL******************************/

.modal-title {
	margin-bottom: 2% !important;
}

.modal-footer {
	border-top: 1px solid #e9ecef !important;
}

.modal-header {
	border-bottom: 1px solid #e9ecef !important;
}

.header-symbol {
	width: 19%;
	position: absolute;
	right: 0;
}

.modal-open {
	padding-right: 0px !important;
}

.modal-body img {
	margin: 0;
}

.mr-3 {
	width: 8%;
}

.modal-title {
	width: 90% !important;
}

.modal-body h5 {
	margin-top: 25px;
}

.modal-body h5.first {
	margin-top: 0 !important;
}

.modal-xlg {
	width: 92% !important;
}

.shadow {
	border: none !important;
	color: white !important;
	background-color: #bdc3c7!important;

}

.btn {
	cursor: pointer;
}

.btn:hover {
	color: white!important;
}

#slider-eplv {
	background-color: #8fb88e!important;
}

#slider-eplv .bg-img,
.form-link {
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: top center;
}

/* Animations for content elements */

.img-englobe {
	position: relative;
}

#slider-eplv h4.en {
	position: absolute;
	top: 36%;
	left: 38%;
	z-index: 3;
	color: white !important;
	text-transform: none;
	font-size: 5.2vw;
	line-height: 0.8;
	letter-spacing: 1px;
}

#slider-eplv h3.h3-small {
	top: 20% !important;
	font-size: 3vw;
}

#slider-eplv h3.en {
	top: 46% !important;
	left: 52% !important;
}

#slider-eplv h3 {
	position: absolute;
	top: 17%;
	left: 40%;
	z-index: 3;
	color: #fbe74a !important;
	text-transform: none;
	font-size: 4vw;
	line-height: 0.8;
	letter-spacing: 1px;
}

#slider-eplv h2.h2-small {
	top: 36% !important;
	font-size: 5vw;
}

#slider-eplv h2.en {
	top: 19% !important;
	left: 38% !important;
}

#slider-eplv h2 {
	position: absolute;
	top: 26%;
	left: 39%;
	z-index: 3;
	color: white !important;
	text-transform: none;
	font-size: 6.6vw;
	line-height: 0.7;
	letter-spacing: 1px;
}

#slider-eplv h1.h1-small {
	top: 57% !important;
	font-size: 6.2vw;
	left: 50%;
}

#slider-eplv h1.en {
	top: 32% !important;
	left: 49% !important;
}

#slider-eplv h1 {
	position: absolute;
	top: 37%;
	left: 53%;
	z-index: 3;
	color: #d7df21 !important;
	text-transform: none;
	font-size: 8.5vw;
	line-height: 0.6;
	letter-spacing: 2px;
}

#slider-eplv p.slide {
	position: absolute;
	z-index: 3;
	left: 50%;
	right: 7%;
	top: 59%;
	color: white !important;
	text-transform: none;
	font-size: 1.5vw;
	line-height: 1.3;
	text-align: left;
}

#slider-eplv p.slide strong {
	font-size: 1.7vw;
}

#slider-eplv blockquote {
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}

.slider-caption {
	position: absolute;
	right: 12%;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 12%;
	z-index: 10;
	color: #fff;
	text-align: center;
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(40px);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}

@-moz-keyframes moveUp {
	0% {
		-moz-transform: translateY(40px);
	}
	100% {
		-moz-transform: translateY(0px);
	}
}

@-o-keyframes moveUp {
	0% {
		-o-transform: translateY(40px);
	}
	100% {
		-o-transform: translateY(0px);
	}
}

@-ms-keyframes moveUp {
	0% {
		-ms-transform: translateY(40px);
	}
	100% {
		-ms-transform: translateY(0px);
	}
}

@keyframes moveUp {
	0% {
		transform: translateY(40px);
	}
	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/****MENU****/

html,
body,
	{
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* Close Button */

.close-button {
	width: 1.2em;
	height: 1em;
	position: absolute;
	left: 1.5em;
	top: 1.5em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
	cursor: pointer;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #bdc3c7;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */

.menu-wrap {
    display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	width: 300px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 3em 0 0;
	font-size: 1em;
	-webkit-transform: translate3d(320px, 0, 0);
	transform: translate3d(320px, 0, 0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
}

.menu,
.icon-list {
	height: 100%;
}

.icon-list {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.icon-list a {
	margin: 4px;
	display: block;
	padding: 1em 0.3em;
	-webkit-transform: translate3d(0, 500px, 0);
	transform: translate3d(0, 500px, 0);
}

.menu-wrap span {
	margin-left: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.icon-list a:hover {
	color: white;
}

.icon-list a.bg-btn-promenade:hover {
	background-color: #adbf36;
}

.icon-list a.bg-btn-nuit:hover {
	background-color: #108f86;
}

.icon-list a.bg-btn-experts:hover {
	background-color: #259c62;
}

.icon-list a.bg-btn-discussions:hover {
	background-color: #7cad37;
}

.icon-list a:hover span {
	margin-left: 15px;
}

.icon-list a:hover img {
	width: 30%;
}

.icon-list,
.icon-list a {
	-webkit-transition: -webkit-transform 0s 0.4s;
	transition: transform 0s 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.icon-list a span {
	margin-left: 10px;
	font-family: 'Gotham Rounded', sans-serif !important;
	text-transform: uppercase;
}

.icon-list img {
	position: absolute;
	width: 45%;
	right: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.icon-list img.bottom {
	bottom: 0;
}

.icon-list img.top {
	top: 0;
}

/* Shown menu */

.show-menu .menu-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

aside {
	text-align: left;
	margin: 0 3%;
}

aside a {
	display: inline-block !important;
	color: #bdc3c7 !important;
	padding: 0.4em 0.2em !important;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

aside a:hover {
	color: #ddd !important;
}

button:focus {
	outline: none !important;
}

.medias-title {
	text-align: center;
	display: block;
	color: #A0A3A6 !important;
	margin: 7% auto 2% auto;
	font-size: 1.5vw;
}

/*INSTAGRAM*/

.instagram-title {
	text-align: center;
	display: block;
	color: #A0A3A6 !important;
	margin: 2% auto;
	font-size: 1.5vw;
}

#instafeed {
	background-color: #259c62;
	border-top: 6px solid white;
	border-bottom: 6px solid white;
	-webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.07);
	margin-bottom: 5%;
}

#instafeed a img {
	width: 10%;
	opacity: 0.5;
	filter: alpha(opacity=5);
	/* For IE8 and earlier */
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	border: 2px solid #259c62;
}

#instafeed a:hover img {
	opacity: 1;
	filter: alpha(opacity=1);
	/* For IE8 and earlier */
	-webkit-filter: grayscale(0);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}