/* UTF-8 à jamais */
h3{
	padding:12px 16px;
}
.entete_client .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	padding-top:80px;
	gap:45px;
}
.entete_client .contenu_utile h1{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:3.11em;
	line-height:1.21;
  letter-spacing:-0.56px;
  text-align:center;
  width:800px;
}
.entete_client .contenu_utile p{
	display:flex;
	align-items:center;
	gap:4px;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.22em;
	line-height:56px;
}
.entete_client .contenu_utile div{
	display:flex;
	gap:24px;
}
.entete_client .contenu_utile div a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:189px;
	height:56px;
	background:#fff;
	border-radius:6px;
}
#corps{
	padding-top:0;
}
.app_officielle{
	padding:80px 0;
}
.app_officielle .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.app_officielle .contenu_utile div.logo{
	background:#fff;
	width:224px;
	height:224px;
	box-shadow:-24px 32px 40px rgba(0, 0, 0, 0.16);
	border-radius:45px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.app_officielle .contenu_utile div.texte{
	width:656px;
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
	gap:24px;
}
.app_officielle .contenu_utile div.texte p{
	font-size:0.78em;
	line-height:2;
}
.fonctionnalites.futur{
	padding-bottom:80px;
}
.fonctionnalites.futur .contenu_utile div ul li{
	margin-bottom:24px;
}
.fonctionnalites.futur .contenu_utile div ul li p{
	font-size:1em;
	color:#000;
	margin-top:0;
	display:flex;
	align-items:center;
	gap:4px;
}
.fonctionnalites.futur .contenu_utile div ul li p img{
	width:32px;
}
.fonctionnalites.futur .illustration{
	margin-right:0;
}
#pied_client{
	padding:80px 0;
	background-color:#1d2432;
}
#pied_client .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
}
#pied_client .contenu_utile .chiffres{
	width:100%;
	margin-bottom:40px;
}
#pied_client .contenu_utile .chiffres h4{
	font-family:"NeueHansKendrick-Bold";
	text-transform:uppercase;
	font-size:0.72em;
	line-height:1.23;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
}
#pied_client .contenu_utile .chiffres ul{
	display:flex;
	justify-content:center;
	gap:12px;
	margin-top:24px;
}
#pied_client .contenu_utile .chiffres ul li{
	width:228px;
	height:126px;
	border:1px solid rgba(255, 255, 255, 0.2);
	border-radius:16px;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	color:#fff;
	gap:10px;
}
#pied_client .contenu_utile .chiffres ul li .chiffre{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:2em;
	line-height:1.22;
}
#pied_client .contenu_utile .chiffres ul li .legende{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:0.67em;
	line-height:1.33;
}
#pied_client .contenu_utile .chiffres p{
	margin-top:24px;
	text-align:center;
	font-size:0.78em;
	line-height:1.5;
	color:#fff;
}
#pied_client .contenu_utile .store{
	display:flex;
	gap:24px;
}
#bloc_cgu{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:11;
	background-color: rgba(0, 0, 0, 0.2);
}
#contact .bloc_form form .label_input.rgpd{
	flex-flow:row nowrap;
	gap:8px;
	margin-bottom:16px;
}
#contact .bloc_form form .label_input.rgpd label{
	font-size:0.78em;
	line-height:1.5;
	width:calc(100% - 8px - 20px);
}
#contact .bloc_form form .label_input input.checkbox{
	height:18px;
  padding:0;
  border-radius:3px;
  border:solid 1px #e4e4e4;
  width:18px;
  margin-top:0;
}
#contact footer div{
	width:80px;
	height:80px;
	border:1px solid #e5e6ea;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 8px;
}
#contact footer div img{
	width:80%;
}
#contact footer p{
	font-size:0.78em;
	line-height:1.43;
	text-align:center;
	margin-bottom:16px;
}
#bloc_cgu #contenu_cgu{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:12;
	transition:all 0.3s ease;
	background-color:#fff;
	overflow-y:scroll;
	padding:40px 24px;
}
#bloc_cgu #contenu_cgu .fermer{
	position:absolute;
	top:16px;
	left:16px;
	cursor:pointer;
}
#bloc_cgu #contenu_cgu h2{
	margin-bottom:24px;
}
#bloc_cgu #contenu_cgu p{
	text-align:left;
	margin-bottom:16px;
}
#bloc_cgu #contenu_cgu h4{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
	margin-bottom:16px;
}
@media screen and (max-width:1023px){
	.entete_client .contenu_utile h1{
		font-size:2.22em;
		width:100%;
	}
	.entete_client .contenu_utile .illustration{
		width:100%;
	}
	.app_officielle .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.app_officielle .contenu_utile .logo{
		order:2;
		margin-top:24px;
	}
	.app_officielle .contenu_utile div.texte{
		align-items:center;
	}
	.fonctionnalites.futur .illustration{
		order:2;
	}
	#pied_client .contenu_utile .chiffres ul{
		flex-flow:row wrap;
		gap:24px;
		justify-content:center;
	}
}
@media screen and (max-width:767px){
	.entete_client .contenu_utile{
		gap:24px;
	}
	.entete_client .contenu_utile h1{
		font-size:1.89em;
		line-height:1.12;
	}
	.entete_client .contenu_utile{
		overflow:hidden;
	}
	.entete_client .contenu_utile p{
		font-size:1em;
		line-height:56px;
	}
	.entete_client .contenu_utile div{
		gap:12px;
	}
	.entete_client .contenu_utile div a{
		width:160px;
	}
	.entete_client .contenu_utile .illustration{
		width:120%;
	}
	.app_officielle{
		padding:24px 0;
	}
	.app_officielle .contenu_utile div.texte{
		width:100%;
	}
	.fonctionnalites.futur .contenu_utile div ul li p{
		font-size:0.78em;
	}
	.fonctionnalites.futur{
		padding-bottom:24px;
	}
	#pied_client{
		padding:24px 0;
	}
	#pied_client .contenu_utile .chiffres ul li .chiffre{
		font-size:1.5em;
	}
}