#Home{
	height: 55vh;
	width: 100%;
	position: relative;
	text-align: center;
	background: #000; 
	background: url('../img/background2.jpg'); 
	background-size: cover;
	background-position: 0 10%;
}
#Home .wrap{
	display: table;
	height: inherit;
	width: inherit;
	box-sizing:content-box;
	background:-moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(20,57,99,0) 28%, rgba(0,0,0,0.52) 80%, rgba(0,0,0,0.59) 87%, rgba(0,0,0,0.85) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(28%,rgba(20,57,99,0)), color-stop(80%,rgba(0,0,0,0.52)), color-stop(87%,rgba(0,0,0,0.59)), color-stop(100%,rgba(0,0,0,0.85)));
	background:-webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(20,57,99,0) 28%,rgba(0,0,0,0.52) 80%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.85) 100%);
	background:-o-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(20,57,99,0) 28%,rgba(0,0,0,0.52) 80%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.85) 100%);
	background:-ms-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(20,57,99,0) 28%,rgba(0,0,0,0.52) 80%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.85) 100%);
	background:linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(20,57,99,0) 28%,rgba(0,0,0,0.52) 80%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.85) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#d9000000',GradientType=0);
}
#Home .wrap #Y{
	width:11vw;
	position: absolute;
	left: 5vw;
	top:0;
	background-color: rgba(255,255,255,.1);
	padding: 11vh 4vw;
}
#Home #become-a{
	position: absolute;
	top:calc(35px + 5vh);
	left:28vw;
	color: #333;
	font-size: 6vh;
}
#Home #become-a::before{
	content:'Devenez';
	display: block;
	position: absolute;
	left:0;
	margin-top:-1.5em;
	font-size: .5em;
	color:#666;
}
#Home #become-a .teletype-cursor{
	color:tomato;
}
#home-head-nav{
	position: absolute;	
	bottom:3vh;
	width:60vw;
	right:3vh;
	text-align: right;
}
#home-head-nav article, #home-head-nav a{
	display: inline-table;
}
#home-head-nav article span{
	display: none;
}
#home-head-nav article img{
	height:5vh;
}
.home-section{
	box-sizing:border-box;
	padding: 10vh 0;
	position: relative;
}
.home-section h1{
	text-align: center;
	font-family: 'Nexa Bold';
	font-weight: 300;
	font-size: 4vh;
	line-height: calc(4vh + .3em);
	margin-bottom: 10px;
}
/*partners*/
#partners {
	background: #fff; 
	margin-top: -1px;
}
#partners .wrapper{
	padding: 0 10%;
}
#partners h1{
	font-size: 1.3em; 
}
#partners .wrapper article{
	display: inline-block;
	margin: 0 10px;
}
#partners .wrapper article img{
	height: 50px;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
}
#partners .wrapper article img:hover{}
/*info*/
#info{
	display: block;
	text-align: justify;
	background-color: #f6f6f6;
	width: 100%;
	background-size: contain;
}
#info>div{
	margin:3vh auto;
	width: 85%;
}
#info h1{
	margin-bottom: 6vh;
}
#info .pres{
	width: 60%;
	line-height: 180%;
}
#info #enavant{
	width: 40%;
	text-align: left;
	font-weight: 300;
	padding-top: 5px;
	color:#000;
	font-size: 130%;
	line-height: 120%;
}
#info #enavant em{
	text-decoration: italic;
	opacity: .8;
}
#info p{
	color:#444;
	width: 80%;
	margin: auto;
}
/*catalog*/
#catalog .wrapper{
	width:80%;
	margin: auto;
	color:#666;
}
#catalog .wrapper article, #catalog .wrapper aside{
	display: block;
}
#catalog #home-catalog-top{
	margin-top:20px;
}
#catalog #home-catalog-top img{
	margin-top:-20px;
	width: 10%;
	opacity: .8;
}
#catalog #home-catalog-top .clearfix{
	display: block;
	height:40px;
}
#catalog #home-catalog-top .button{
	position: relative;
	float: right;
	top: 8px;
	display: inline-block;
	margin: auto; 
}
#catalog .catalog-item{
	width: 50%;
	box-sizing:border-box;
	padding:2%;
	margin-top: 20px;
	text-align: center;
	color: #777;
	font-size: .97em;
}
#catalog .catalog-item h3{
	display: inline-block;
}
#catalog .catalog-item p{
	text-align: justify;
	padding: 0 5%; 
}
#catalog .catalog-item.formation::before{
	content: "";
    display: inline-block;
    min-width: 18px;
    height: 15px;
    position: absolute;
    margin-left:-25px;
	background: url('../img/file.svg'); 
	background-size: cover;
	opacity: .8;
}
#catalog .catalog-item.pack::before{
	content: "";
    display: inline-block;
    min-width: 18px;
    height: 15px;
    position: absolute;
    margin-left:-25px;
	background: url('../img/gift.svg'); 
	background-size: cover;
	opacity: .8;
}
#catalog #spot{
	display: inline-block;
    margin: auto;
    width: 100%;
}
#catalog #spot>h2{
	padding:5% 0;
}
#catalog #spotlight-ribbon{
	width: 100%;
	display: flex;
	overflow: hidden;
	margin: auto;
}
#catalog #spotlight-ribbon article{
	position: relative;
	display: inline-table;
	width: calc(100% / 4);
	box-sizing:border-box;
}
#catalog #spotlight-ribbon article:first-child{
	margin-left: 0;
}
#catalog #spotlight-ribbon article a{
	display: block;
	position: relative;
	height: inherit;
}
#catalog #spotlight-ribbon article a:hover .spotted-title{
	opacity: 1;
}
#catalog #spotlight-ribbon article img{
	width: 100%;
}
#catalog #spotlight-ribbon .spotted-title{
	position: absolute;
	top: 0;
	opacity: 0;
	left: 0;
	width: 100%;
	height: calc(((100vw) / 4) * .505);
	display: table;
	background-size: contain;
	text-align: center;
	background: rgba(0,0,0,.6); 
	transition:.5s .3s all;
}
#catalog #spotlight-ribbon .spotted-title h2{
	display: table-cell;
	color: #fff;
	vertical-align: middle;
	position: relative;
}
#testimonials{
	background-color: #1a7bd9;
}
#testimonials h1{
	color:#eee;
}
#testimonials .cd-testimonials-wrapper{
	width:80%;
	margin: auto; 
}
#testimonials .flex-direction-nav{
	display: none;
}
#testimonials .flex-viewport{
	height:auto !important;
}
#testimonials .cd-testimonials li:first-child{
	margin-left: -35px;
}
#testimonials .cd-testimonials li p{
	margin: 5px; 
}
.map{
	height: calc(100vh - 35px);
}
.map h1{
	z-index: 1;
	position: absolute;
	width: 90%;
	left: 5%;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.8);
	border: 1px solid #ddd;
}
.map img.leaflet-tile{
	filter: sepia(10%) grayscale(0.1) brightness(106%) contrast(95%);
	-webkit-filter: sepia(10%) grayscale(0.1) brightness(106%) contrast(95%); 
}
.map .leaflet-popup-tip{
	background-color: #666;
    box-shadow: 0px 0px 15px rgba(0,0,0,.4);
}
.map .leaflet-popup-content-wrapper{
	border-radius: 0;
    background-color: #666;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    color: #ddd;
}
.map a.leaflet-popup-close-button:hover{
	color:#eee;
}
#contact{
	height: auto;
	padding-bottom: 40px; 
}
#contact #contactform{
	background-color: transparent;
	border: 0;
	font-size: 1.3em; 
}
#contact #contactform input, #contact #contactform textarea{
	width:50vw;
	padding: 10px 15px;
	box-sizing: border-box;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: transparent;
}
#contact #contactform label ~ textarea{
	vertical-align: text-top;
}
#contact #contactform textarea{
	height:30vh;
	margin-right: 3px;
	font-size: 1em;
	font-family: arial;
}
#contact #contactform .button{
	width: auto;
	background-color: tomato;
	border:1px solid tomato;
}
