/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'gotham';
font-style: normal;
font-weight: 400;
src: local('Gotham Pro'), url('fonts/GothaProReg.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: normal;
font-weight: 800;
src: local('Gotham Pro Black'), url('fonts/GothaProBla.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: normal;
font-weight: 200;
src: local('Gotham Pro Light'), url('fonts/GothaProLig.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: normal;
font-weight: 500;
src: local('Gotham Pro Medium'), url('fonts/GothaProMed.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: italic;
font-weight: 200;
src: local('Gotham Pro Light Italic'), url('fonts/GothaProLigIta.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: normal;
font-weight: 700;
src: local('Gotham Pro Bold'), url('fonts/GothaProBol.woff') format('woff');
}


@font-face {
font-family: 'gotham';
font-style: italic;
font-weight: 500;
src: local('GothamPro-MediumItalic'), url('fonts/GothamProMediumItalic.woff') format('woff');
}

html,body {
	font-family:gotham;
	font-weight:400;
	font-size:10px;
	height:100%;
}

body {
	
	height:100vh;
	
}
.page {
		
	height:100%;
}
.page > .container {
	
}
body {
	background-image:url('images/GRADIENT.svg'), url('images/GRADIENT.svg');
	background-repeat: no-repeat, no-repeat;
	background-size:auto auto, auto auto;
	background-position: -20vw -100vh, -1060px 0px;
	position: relative;
	z-index:1;
	-ms-transform:scale(1); 
    transform:scale(1);
}
/*
body:before {
	z-index:0;
	content : '';
	background-image:url('images/GRADIENT.svg');
	background-repeat: no-repeat;
	background-size:auto auto;
	background-position: -950px -930px;
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0vw;
	top: 0vh;
	transform: scale(1,-1);
}
*/
.logo img{
	
	
	
	width:8vw;
	
	min-width:150px;
	margin:0 0 3rem 0; 
}	


.center {
	text-align:center;
}
img {
	max-width:100%;
	height:auto;
}
.gris {
	color:#404040;
}
.grisclair{
	color:#bbbbbb;
}
.grisfonce {
	color:#000;
}
.upper {
	text-transform:uppercase;
}
.font10 {
	font-size:1.2vh;
}
.font12 {
	font-size:1.4vh;
}
.font14 {
	font-size:1.6vh;
}
.font16 {
	font-size:1.8vh;
}
.font18 {
	font-size:2.4vh;
}
.logo {
	font-size:26px;
	font-weight:500;
	margin-top:4rem;
}
.bold {
	font-weight:700;
}
.light {
	font-weight:200;
}
.row1 {
	height:100%;
}
.vertical-center:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.50em;
	
}

.vertical-center > div{
	display:inline-block;
	vertical-align:middle;
	
}
.picto-lien:first-child {
	/*margin-right:2rem;*/
}

.picto-lien img {
	width:6vh;
}
.col-left {
	text-align:right;
}

.cta-bleu {
	padding:10px 13px;
	border-radius:22.5px;
	background:#46a8fa;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
	font-size:11px;
}
.cta-bleu:hover {
	color:#fff;
}
p.slogan {
	line-height:1;
	margin:0rem 0 2vh 0;
}
p.desc {
	margin-bottom:2vh;
	line-height:1.3;
	
}

.gratuit {
	margin-top:1.5vh;
}
.mobile .gratuit {
	margin-top:10px;
}
.mobile {
	background-image:url('images/oval-mob.png');
	background-repeat: no-repeat;
	background-size:100% auto;
	
	padding-top:8vh;
	text-align:center;
}
.mobile p.desc {
	margin-bottom:25px;
	line-height:1.3;
	
}

.mobile .cta {
	width:161px;
	height:48px;
	display:none;
}
body.os-ios .cta-ios {
	display:inline-block;
}
body.os-android .cta-google {
	display:inline-block;
}
.mobile .plogo {
	margin-top:4vh;
}
.mobile p.slogan {
	line-height:1;
	margin:4vh 0 3vh 0;
}
.mobile img.illus {
	max-width:100%;
	height:auto;
	max-height:45vh;
}
/*
.col-left {
	flex: 0 0 55%;
	max-width: 55%;
}
.col-right {
	flex: 0 0 45%;
	max-width: 45%;
}
*/
.col-right {
	padding-left:4%;
}

.lien-dl {
	border-radius:12px;
	background-color:#000;
	color:#fff;
	border: 1px solid #fff;
	font-size:12px;
	display:inline-block;	
	text-align:center;
	width:200px;
	text-decoration:none;
	transition:all 0.3s ease;
}
.lien-dl:hover {
	background-color:#fff;
	color:#000;
	border:1px solid #000;
}
.lien-dl span{
	display: inline-block;
	line-height:1;
}

@media (min-width:768px) {
	html,body {
		font-size:12px;
	}
	.logo {
		margin-top:4rem;
	}
	.logo img{
		margin:0;
		position:absolute;
		left:7vh;
		top:7vh;
		width:9.6vw;
		min-width:150px;
	}
	body {
		background-image:url('images/GRADIENT.svg');
		background-repeat: no-repeat;
		background-size: 150% auto;
		background-position: left 100%;
	}
	body:before {
		display:none;
	}
	.font12 {
		font-size:1.4rem;
	}
	.font14 {
		font-size:1.6rem;
	}
	.font18 {
		font-size:2.4rem;
	}
	.picto-lien img {
		width:60px;
	}
	p.slogan {
		line-height:1;
		margin:0rem 0 2rem 0;
	}
	p.desc {
		margin-bottom:3rem;
		line-height:1.3;
		
	}
	.gratuit {
		margin-top:1rem;
	}
}
@media (orientation: portrait) and (min-width:768px) {
  body {
	  background-image:url('images/GRADIENT.svg'), url('images/GRADIENT.svg');
	  background-repeat: no-repeat, no-repeat;
	  background-size:auto auto, auto auto;
	  background-position: 0vw -70vh, -1060px 230px;
	  
  }
}