/* UTF-8 à jamais */
@font-face {
	font-family:"NeueHansKendrick-Light";
	src:url('../font/NeueHansKendrick-Light.woff2') format('woff2'),url('../font/NeueHansKendrick-Light.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-Regular";
	src:url('../font/NeueHansKendrick-Regular.woff2') format('woff2'),url('../font/NeueHansKendrick-Regular.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-Medium";
	src:url('../font/NeueHansKendrick-Medium.woff2') format('woff2'),url('../font/NeueHansKendrick-Medium.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-SemiBold";
	src:url('../font/NeueHansKendrick-SemiBold.woff2') format('woff2'),url('../font/NeueHansKendrick-SemiBold.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-Bold";
	src:url('../font/NeueHansKendrick-Bold.woff2') format('woff2'),url('../font/NeueHansKendrick-Bold.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-ExtraBold";
	src:url('../font/NeueHansKendrick-ExtraBold.woff2') format('woff2'),url('../font/NeueHansKendrick-ExtraBold.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-Italic";
	src:url('../font/NeueHansKendrick-Italic.woff2') format('woff2'),url('../font/NeueHansKendrick-Italic.woff') format('woff');
}
@font-face {
	font-family:"NeueHansKendrick-MediumItalic";
	src:url('../font/NeueHansKendrick-MediumItalic.woff2') format('woff2'),url('../font/NeueHansKendrick-MediumItalic.woff') format('woff');
}
body{
	margin:0;
	padding:0;
	color:#000;
	background-color:#fff;
	-webkit-text-size-adjust:none;
}
body.no_scroll{
	overflow:hidden;
}
body,input,textarea,select{
	font-family:"NeueHansKendrick-Light";
	font-size:18px;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
input:focus,
textarea:focus,
select:focus{
	outline:none;
}
ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
}
a{
	color:#000;
}
a img{
	border:0;
}
a:hover{
	outline:none;
	color:#000;
}
hr{
	border:0;
	margin:0;
	padding:0;
	text-align:left;
}
section,article,aside,footer,header,nav,hgroup{
	display:block;
}
.btn{
	display:flex;
	align-items:center;
	height:54px;
	padding:0 48px;
  border-radius:30px;
  background-color:#1d2432;
  border:1px solid #1d2432;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:0.89em;
	text-decoration:none;
	color:#fff;
}
.btn:hover{
	background-color:#fff8c2;
}
.demo .actions{
	display:flex;
	gap:16px;
}
.demo .btn:hover{
	background-color:#fff;
}
strong{
	font-family:"NeueHansKendrick-Bold";
	font-weight:400;
}
.contenu_utile{
	width:1104px;
  margin:0 auto;
}
h2{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:2.44em;
	line-height:1.09;
  letter-spacing:-0.01em;
}
h3{
	font-family:"NeueHansKendrick-Bold";
	font-size:0.72em;
	line-height:1.23;
  letter-spacing:2px;
  text-transform:uppercase;
}
p{
	line-height:1.56;
}
.entete{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:108px;
	background-color:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #e4e4e4;
	z-index:10;
}
.entete .burger{
	position:absolute;
	top:24px;
	left:20px;
	cursor:pointer;
	display:none;
}
.entete #bloc_menu .burger{
	left:auto;
	right:20px;
}
.entete #bloc_menu .logo{
	display:none;
}
.entete div{
	margin-left:80px;
	display:flex;
	align-items:center;
	gap:16px;
}
.entete div.contacts{
	margin-left:0;
}
.entete div a{
	display:flex;
}
.entete div hr{
	border-left:1px solid #e4e4e4;
	height:44px;
}
.entete div h5{
	font-size:0.78em;
	line-height:1.43;
  color:#353535;
}
.entete .btn{
	margin-right:80px;
}
.entete #bloc_menu{
	height:100%;
}
.entete #menu{
	display:flex;
	justify-content:center;
	gap:32px;
	font-family:"NeueHansKendrick-Regular";
	font-size:0.89em;
	height:100%;
}
.entete #menu li{
	position:relative;
	display:flex;
	align-items:center;
}
.entete #menu li.menu_contact{
	display:none;
}
.entete #menu li a,
.entete #menu li span{
	text-decoration:none;
	padding:8px 0;
}
.entete #menu li a.sel,
.entete #menu li span.sel{
	font-family:"NeueHansKendrick-SemiBold";
	border-bottom: 2px solid rgba(29, 36, 50, 1);
}
.entete #menu li ul{
	position:absolute;
	top:88px;
	left:0;
	flex-flow:row wrap;
	padding:32px 40px 40px;
	gap:24px;
	background:#fff;
	border:1px solid #eaecf0;
	box-shadow:0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	border-radius:12px;
	width:560px;
	display:none;
	z-index:2;
}
.entete #menu li:hover ul{
	display:flex;
}
.entete #menu li ul li{
	width:268px;
	align-items:flex-start;
}
.entete #menu li ul li a{
	text-decoration:none;
	display:flex;
	flex-flow:column nowrap;
	gap:2px;
	background:url('../svg/fleche.svg') left 6px no-repeat;
	padding:0 0 0 32px;
}
.entete #menu li ul li a span{
	font-family:"NeueHansKendrick-SemiBold";
	line-height:1.5;
	padding:0;
}
.entete #menu li ul li a span.explication{
	font-family:"NeueHansKendrick-Regular";
	font-size:0.88em;
	line-height:1.43;
	color:#475467;
}
#corps{
	padding-top:108px;
}
.presentation{
	background:linear-gradient(24.1deg, #fef8d3 8.52%, #e5f5e1 115.06%);
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	padding-top:40px;
}
.presentation .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	gap:16px;
}
.presentation h4{
	background:#fff;
	border-radius:4px;
	padding:6px 12px;
	font-size:0.78em;
	font-family:"NeueHansKendrick-SemiBold";
	text-transform:none;
	letter-spacing:0;
	line-height:1.29;
}
.presentation h1{
	max-width:960px;
	text-align:center;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:3.33em;
	line-height:1.2;
	letter-spacing:-0.02em;
}
.presentation p{
  text-align:center;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
	line-height:1.5;
	width:720px;
	margin:0 auto;
}
.presentation .btn{
	margin-bottom:40px;
}
.vision{
	padding-top:56px;
}
.vision .contenu_utile h3{
	text-align:center;
	margin-bottom:24px;
	font-size:1em;
}
.vision .actions{
	margin-top:56px;
	display:flex;
	gap:16px;
	justify-content:center;
}
.vision .actions .btn{
	background-color:#fff;
	color:#1d2432;
	height:66px;
}
.vision .actions .btn:hover{
	background-color:#1d2432;
	color:#fff;
}
.partenaires{
	padding:80px 0;
	border-bottom:1px solid #e4e4e4;
}
.partenaires .contenu_utile div{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	gap:32px;
}
.partenaires .contenu_utile h3{
	text-align:center;
	background-color:#fef9d2;
	padding:12px 16px;
	border-radius: 4px;
}
.partenaires .contenu_utile ul{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:56px;
}
.texte_image{
	padding:80px 0;
	border-bottom:1px solid #e4e4e4;
}
.texte_image .contenu_utile{
	display:flex;
	gap:80px;
	align-items:center;
}
.texte_image.open_data .contenu_utile{
	gap:64px;
}
.texte_image.image_gauche img,
.texte_image.image_gauche bloc_img,
.texte_image.image_droite .contenu_utile div{
	order:1;
}
.texte_image.image_droite img,
.texte_image.image_gauche .contenu_utile div{
	order:2;
}
.texte_image .contenu_utile div{
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
	gap:32px;
}
.texte_image .contenu_utile div.bloc_img_temoignage{
	gap:10px;
}
.texte_image p{
	color:#475467;
}
.texte_image .contenu_utile div h3{
	background-color:#fef9d2;
	padding:12px 16px;
	border-radius: 4px;
}
.texte_image.citoyens .contenu_utile div h3{
	background-color:#dbe4fb;
}
.texte_image.emploi .contenu_utile div h3{
	background-color:#d8f1d2;
}
.texte_image.democratie .contenu_utile div h3{
	background-color:#d8f3ef;
}
.texte_image.temoignage .contenu_utile div h3{
	background-color:#fff;
}
.texte_image.performance .contenu_utile div h3{
	background-color:#e5d9f3;
}
.texte_image .contenu_utile div ul{
	display:flex;
	gap:32px;
}
.texte_image .contenu_utile div ul li img{
	height:40px;
}
.texte_image .contenu_utile div ul li .lien img{
	height:auto;
}
.texte_image.performance .contenu_utile div ul{
	display:flex;
	gap:48px 32px;
	flex-wrap:wrap;
}
.texte_image.performance .contenu_utile div ul li{
	width:240px;
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
}
.texte_image.performance .contenu_utile div ul li h4{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.texte_image.performance .contenu_utile div ul li .chiffre{
	font-family:"NeueHansKendrick-Bold";
	font-size:4em;
	line-height:1.05;
	letter-spacing:-1.44px;
}
.texte_image.performance .contenu_utile div ul li .legende{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
	line-height:1.5;
}
.texte_image.performance .contenu_utile div ul li p{
	font-size:0.78em;
	line-height:1.42;
}
.texte_image.performance .contenu_utile div .sources{
	color:#475467;
	font-size:0.67em;
	line-height:1.5;
}
.texte_image .contenu_utile div a.lien{
	font-family:"NeueHansKendrick-Medium";
	line-height:1.67;
	text-decoration:none;
	border-bottom:2px solid #000;
	padding-bottom:8px;
	display:flex;
	align-items:center;
	gap:8px;	
}
.performance{
	background: var(--linear, linear-gradient(24deg, #fef8d3 8.52%, #e5f5e1 115.06%));
}
.performance .contenu_utile{
	align-items:flex-start;
}
.pratique .bloc_img{
	position:relative;
}
.pratique video{
	position:absolute;
	top:8px;
	left:120px;
	width:234px;
	height:507px;
	border-radius:16px;
}
.rubriques{
	padding:80px 0;
}
.rubriques .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
}
.rubriques h3{
	background-color:#dbe4fb;
	padding:12px 16px;
	text-align:center;
	margin-bottom:16px;
}
.rubriques h2{
	text-align:center;
}
.rubriques ul{
	margin-top:64px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	row-gap:64px;
}
.rubriques ul li{
	display:flex;
	align-items:flex-start;
	gap:16px;
	width:calc(50% - 40px);
}
.rubriques ul li h4{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
	margin-bottom:8px;
}
.temoignage{
	border-top:1px solid #e4e4e4;
	background:url('../svg/temoignage-haut.svg') calc(50% - 580px) top no-repeat,url('../svg/temoignage-bas.svg') calc(50% + 480px) bottom no-repeat,linear-gradient(108.19deg, #FEF8D3 34.88%, #E5F5E1 91.58%);
}
.temoignage .contenu_utile div p{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.67em;
	line-height:1.27;
	letter-spacing:-0.66px;
	color:#000;
}
.temoignage .contenu_utile div div{
	gap:4px;
}
.temoignage div h4{
	font-family:"NeueHansKendrick-SemiBold";
}
.temoignage .contenu_utile div div span{
	font-size:0.78em;
}
.cible{
	border-top:1px solid #e4e4e4;
	padding:80px 0;
}
.cible .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	gap:24px;
}
.cible .contenu_utile h3,
.cible .contenu_utile h2,
.cible .contenu_utile p{
	text-align:center;
}
.cible .contenu_utile img{
	margin-top:32px;
}
.fonctionnalites{
	border-top:1px solid #e4e4e4;
	padding-top:56px;
}
.fonctionnalites .contenu_utile{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.fonctionnalites .contenu_utile div{
	width:452px;
	margin-top:38px;
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
}
.fonctionnalites .contenu_utile div h3{
	margin-bottom:24px;
}
.fonctionnalites .contenu_utile div h2{
	margin-bottom:64px;
}
.fonctionnalites .contenu_utile div ul li{
	display:flex;
	align-items:flex-start;
	gap:16px;
	margin-bottom:40px;
}
.fonctionnalites .contenu_utile div ul li div{
	width:395px;
	margin-top:0;
	align-items:flex-start;
}
.fonctionnalites .contenu_utile div ul li h4{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
	color:#353535;
}
.fonctionnalites .contenu_utile div ul li p{
	font-family:"NeueHansKendrick-Regular";
	font-size:0.78em;
	line-height:1.43;
	color:#353535;
	margin-top:4px;
}
.fonctionnalites .illustration{
	margin-right:-100px;
}
.notifications{
	border-top:1px solid #e4e4e4;
	padding:60px 0 70px;
}
.notifications .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.notifications .contenu_utile div{
	width:452px;
	margin-top:148px;
}
.notifications .contenu_utile div h3{
	margin-bottom:24px;
}
.notifications .contenu_utile div h2{
	margin-bottom:24px;
}
.notifications .illustration{
	margin-left:-58px;
}
.points_forts{
	padding:80px 0 96px;
	background-color:#e5f5e1;
}
.points_forts h2{
	text-align:center;
	margin-bottom:40px;
}
.points_forts .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.points_forts .contenu_utile div{
	width:440px;
	display:flex;
	flex-flow:column nowrap;
	align-items:flex-start;
}
.points_forts .contenu_utile div h3{
	padding:12px 16px;
	border-radius:4px;
  background-color:#000;
	color:#fff;
	margin-bottom:32px;
}
.points_forts .contenu_utile div ul li{
	display:flex;
	align-items:flex-start;
	gap:16px;
	margin-bottom:32px;
	padding-bottom:32px;
	border-bottom:1px solid #fff;
}
.points_forts .contenu_utile div ul li.dernier{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}
.points_forts .contenu_utile div ul li div{
	width:360px;
	margin-top:0;
}
.points_forts .contenu_utile div ul li h4{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.11em;
}
.points_forts .contenu_utile div ul li p{
	font-family:"NeueHansKendrick-Regular";
	font-size:0.78em;
	line-height:1.43;
	margin-top:8px;
}
.dashboard{
	padding:80px 0;
	overflow:hidden;
	position:relative;
}
.dashboard .contenu_utile h3,
.dashboard .contenu_utile h2,
.dashboard .contenu_utile p{
	text-align:center;
	margin-bottom:24px;
}
.dashboard .contenu_utile p{
	margin-bottom:56px;
}
.dashboard .contenu_utile ul{
	width:398px;
	border-radius:4px;
  border:solid 1px #e4e4e4;
  margin-bottom:185px;
  background-color:#fff;
  padding-top:8px;
  padding-bottom:16px;
  position:relative;
  z-index:2;
}
.dashboard .contenu_utile ul li{
	margin:0 32px;
	border-bottom:1px solid #e4e4e4;
	padding:16px 0;
	display:flex;
	gap:4px;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:0.89em;
	color:#353535;
}
.dashboard .contenu_utile ul li.titre{
	font-family:"NeueHansKendrick-Bold";
	text-transform:uppercase;
	font-size:0.72em;
	line-height:1.23;
  letter-spacing:2px;
  color:#000;
}
.dashboard .contenu_utile ul li.dernier{
	border-bottom:0;
}
.dashboard .contenu_utile ul li span{
  height:24px;
  display:flex;
  align-items:center;
  padding:0 9px;
  border-radius:60px;
  background-color:#e5f5e1;
  font-family:"NeueHansKendrick-Regular";
  font-size:0.67em;
}
.dashboard .contenu_utile .illustration{
	position:absolute;
	top:336px;
	right:0;
}
.application{
	padding:50px 0;
	background-color:#dff2d8;
}
.application .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.application .contenu_utile div{
	width:452px;
	margin-top:91px;
}
.application .contenu_utile div h3{
	margin-bottom:24px;
}
.application .contenu_utile div h2{
	margin-bottom:24px;
}
.application .illustration{
	margin-left:-28px;
}
.communication{
	padding:100px 0 0;
	background-color:#1d2432;
}
.communication .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.communication .contenu_utile div{
	width:452px;
	margin-top:54px;
}
.communication .contenu_utile div h3{
	margin-bottom:24px;
}
.communication .contenu_utile div h2{
	margin-bottom:24px;
}
.communication .contenu_utile div h3,
.communication .contenu_utile div h2,
.communication .contenu_utile div p{
	color:#fff;
}
.communication .contenu_utile div ul{
	display:flex;
	gap:16px;
	margin-top:34px;
	align-items:center;
	margin-left:10px;
}
.communication .illustration{
	margin-right:-140px;
}
.telechargement{
	padding:65px 0;
}
.telechargement .contenu_utile{
	display:flex;
	justify-content:space-between;
}
.telechargement .contenu_utile div{
	width:452px;
	margin-top:89px;
}
.telechargement .contenu_utile div h3{
	margin-bottom:24px;
}
.telechargement .contenu_utile div h2{
	margin-bottom:24px;
}
.telechargement .contenu_utile div p{
	margin-bottom:24px;
}
.telechargement .contenu_utile div ul{
	display:flex;
	gap:16px;
}
.telechargement .contenu_utile div ul li img{
	height:40px;
}
.telechargement .illustration{
	margin-left:-58px;
}
.demo{
	padding:80px 0 64px;
	background-color:#fef9d2;
}
.demo .contenu_utile{
	display:flex;
	flex-flow:column nowrap;
	gap:24px;
	align-items:center;
}
.demo .contenu_utile h3,
.demo .contenu_utile h2,
.demo .contenu_utile p{
	text-align:center;
}
.demo .contenu_utile p{
	font-size:0.89em;
}
#contact_cache_page{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:11;
	background-color: rgba(0, 0, 0, 0.2);
	display:none;
}
#contact_cache_page.aff{
	display:block;
}
#contact{
	position:fixed;
	top:0;
	bottom:0;
	right:-740px;
	z-index:12;
	transition:all 0.3s ease;
	background-color:#fff;
	overflow-y:scroll;
	width:740px;
}
#contact.aff{
	right:0;
}
#contact .fermer{
	position:absolute;
	top:32px;
	left:32px;
	cursor:pointer;
}
#contact .bloc_form{
	margin-top:80px;
}
#contact .bloc_form h2{
	text-align:center;
}
#contact .bloc_form form{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	row-gap:17px;
	column-gap:24px;
	margin:17px 80px 80px;
}
#contact .bloc_form form .label_input,
#contact .bloc_form form .label_textarea{
	display:flex;
	flex-flow:column nowrap;
	width:268px;
}
#contact .bloc_form form .label_input.long,
#contact .bloc_form form .label_textarea{
	width:100%;
}
#contact .bloc_form form .label_input_checkbox{
	width:100%;
	display:flex;
	gap:8px;
	align-items:flex-start;
}
#contact .bloc_form form label{
	font-family:"NeueHansKendrick-Regular";
	font-size:0.67em;
}
#contact .bloc_form form .label_input_checkbox label{
	width:calc(100% - 40px);
}
#contact .bloc_form form .label_input input{
	height:18px;
  padding:14px 16px;
  border-radius:3px;
  border:solid 1px #e4e4e4;
  width:calc(100% - 2px - 32px);
  margin-top:8px;
  font-family:"NeueHansKendrick-SemiBold";
  font-size:0.89em;
}
#contact .bloc_form form .label_textarea textarea{
	height:118px;
  padding:14px 16px;
  border-radius:3px;
  border:solid 1px #e4e4e4;
  width:calc(100% - 2px - 32px);
  margin-top:8px;
  font-family:"NeueHansKendrick-SemiBold";
  font-size:0.89em;
}
#contact .bloc_form form .label_textarea textarea::placeholder{
	font-size:0.74em;
}
#contact .bloc_form form .mentions_legales{
	width:100%;
	text-align:right;
	font-family:"NeueHansKendrick-Regular";
	font-size:0.61em;
	color:#949494;
}
#contact .bloc_form form .submit{
	border:0;
	width:272px;
  height:56px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:28px;
  background-color:#1d2432;
  border:1px solid #1d2432;
  color:#fff;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:0.89em; 
	margin:0 auto;
}
#contact .bloc_form form .submit:hover{
	color:#000;
	background-color:#fff8c2;
}
#contact .tel_calendly{
	display:flex;
	justify-content:center;
	gap:24px;
}
#contact .tel{
	width:272px;
  height:56px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:28px;
  background-color:rgba(229, 217, 243, 0.5);
  color:#492574;
	font-family:"NeueHansKendrick-SemiBold";
	font-size:0.89em; 
	text-decoration:none;
}
#contact .ouverture{
	text-align:center;
	margin-top:8px;
	margin-bottom:32px;
	font-size:0.78em;
	line-height:1.43;
}
#contact .bloc_msg_envoye{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	margin-top:286px;
	margin-bottom:200px;
	gap:24px;
display:none;
}
#contact.envoye .bloc_msg_envoye{
	display:flex;
}
#contact.envoye .bloc_form{
	display:none;
}
#contact .bloc_msg_envoye p{
	text-align:center;
	font-size:0.89em;
}
#contact .bloc_msg_envoye span{
  height:32px;
  display: flex;
  justify-content:center;
  align-items:center;
  padding:0 20px;
  border-radius:12px;
  background-color:#f2f2f2;
  font-family:"NeueHansKendrick-Regular";
  font-size:0.89em;
  cursor:pointer;
}
#pied{
	padding:64px 0;
	background-color:#1d2432;
}
#pied .haut{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:80px;
}
#pied .haut .marque{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:32px;
	width:320px;
}
#pied .haut .marque img{
	width:147px;
}
#pied .haut .marque p{
	font-family:"NeueHansKendrick-Regular";
	line-height:1.56;
	color:rgba(234, 236, 240, 0.7);
}
#pied .haut .menu_pied{
	display:flex;
	gap:16px;
	width:800px;
}
#pied .haut .menu_pied li{
	width:256px;
}
#pied .haut .menu_pied li ul{
	display:flex;
	flex-direction:column;
	gap:12px;
}
#pied .haut .menu_pied li a{
	text-decoration:none;
	font-family:"NeueHansKendrick-Regular";
	font-size:0.89em;
	line-height:1.25;
	color:rgba(234, 236, 240, 0.7);
}
#pied .bas{
	margin:64px auto 0;
	padding-top:32px;
	width:1200px;
	border-top: 1px solid rgba(71, 84, 103, 1);
	display:flex;
	align-items:flex-start;
	justify-content:space-between;;
}
#pied .bas ul{
	display:flex;
	gap:12px;
}
#pied .bas ul li{
	color:#667085;
	border-right:1px solid #667085;
	padding-right:12px;
	font-family:"NeueHansKendrick-Regular";
	font-size:0.89em;
}
#pied .bas ul li.dernier{
	border-right:0;
}
#pied .bas ul li a{
	text-decoration:none;
	color:#fff;
}
#pied .bas .reseaux{
	display:flex;
	align-items:flex-start;
	gap:24px;
}
.call_to_action{
	padding:64px;
	background-color:#fef9d2;
	display:flex;
	flex-flow:column nowrap;
	gap:24px;
	align-items:center;
	max-width:1072px;
	margin:96px auto;
	border-radius:16px;
}
.call_to_action h2{
	font-family:"NeueHansKendrick-Medium";
	font-size:2.44em;
	line-height:1.09;
	letter-spacing:-0.01em;
	text-align:center;
}
.call_to_action p{
	font-family:"NeueHansKendrick-Regular";
	line-height:1.56;
	text-align:center;
	max-width:768px;
}
.call_to_action p strong{
	font-family:"NeueHansKendrick-Bold";
	font-weight:normal;
}
.call_to_action .actions{
	display:flex;
	gap:16px;
}
.call_to_action .actions .btn_contact{
	background:none;
	color:#000;
}
.call_to_action .btn:hover{
	background-color:#fff;
}
.call_to_action_contenu{
	background: var(--linear, linear-gradient(24deg, #fef8d3 8.52%, #e5f5e1 115.06%));
}
.call_to_action_contenu .contenu_utile{
	padding:96px 0;
	display:flex;
	flex-flow:column nowrap;
	gap:24px;
	align-items:center;
}
.call_to_action_contenu .contenu_utile h2{
	font-family:"NeueHansKendrick-Medium";
	font-size:1.67em;
	line-height:1.26;
	letter-spacing:-0.66px;
	text-align:center;
}
.call_to_action_contenu .contenu_utile .actions{
	display:flex;
	gap:16px;
}
.call_to_action_contenu .contenu_utile .actions .btn_contact{
	background:none;
	color:#000;
}
.call_to_action_contenu .contenu_utile .btn:hover{
	background-color:#fff;
}
#page_mentions_legales #corps header,
#page_politique_confidentialite #corps header,
#page_faq #corps header{
	background:linear-gradient(329.1deg, #fef9d2 24.3%, #f3dbe6 86.38%);
}
#page_mentions_legales #corps header .haut,
#page_politique_confidentialite #corps header .haut,
#page_faq #corps header .haut{
	padding:0 80px;
	height:42px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#page_mentions_legales #corps header h2,
#page_politique_confidentialite #corps header h2,
#page_faq #corps header h2{
	font-size:0.78em;
	font-family:"NeueHansKendrick-Regular";
	line-height:1.29;
	display:flex;
	gap:8px;
}
#page_mentions_legales #corps header h2 strong,
#page_politique_confidentialite #corps header h2 strong,
#page_faq #corps header h2 strong{
	font-family:"NeueHansKendrick-Bold";
}
#page_mentions_legales #corps header h2 img,
#page_politique_confidentialite #corps header h2 img,
#page_faq #corps header h2 img{
	width:8px;
}
#page_mentions_legales .contenu,
#page_politique_confidentialite .contenu,
#page_faq .contenu{
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	gap:48px;
	padding-bottom:96px;
}
#page_faq .contenu{
	gap:0;
}
#page_mentions_legales .contenu h1,
#page_politique_confidentialite .contenu h1,
#page_faq .contenu h1{
	margin-top:96px;
	margin-bottom:48px;
	font-family:"NeueHansKendrick-Medium";
	font-size:2.44em;
	line-height:1.09;
	letter-spacing:-0.01em;
	text-align:center;
}
#page_faq .contenu .intro{
	margin-bottom:48px;
}
#page_faq .contenu .intro h1{
	margin-bottom:20px;
	text-align:center;
}
#page_faq .contenu .intro p{
	text-align:center;
	font-size:1.11em;
	color:#475467;
	display:block;
}
#page_faq .contenu .intro p a{
	color:#475467;
}
#page_mentions_legales .contenu section,
#page_politique_confidentialite .contenu section,
#page_faq .contenu section{
	width:720px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
}
#page_faq .contenu section.intro{
	align-items:center;
	background:none;
}
#page_mentions_legales .contenu section.mise_en_avant{
	padding:32px;
	width:calc(720px - 64px);
	background:#f3f5fa;
	border-radius:16px;
}
#page_faq .contenu section{
	border-top: 1px solid rgba(234, 236, 246, 1);
	padding-top:24px;
	padding-bottom:32px;
	background:url('../svg/plus.svg') right 28px no-repeat;
	cursor:pointer;
}
#page_faq .contenu section.on{
	background:url('../svg/moins.svg') right 28px no-repeat;
}
#page_mentions_legales .contenu section h2,
#page_politique_confidentialite .contenu section h2{
	font-family:"NeueHansKendrick-SemiBold";
	font-size:1.33em;
	line-height:1.33;
}
#page_faq .contenu section h2{
	font-family:"NeueHansKendrick-Bold";
	font-size:1em;
	line-height:1.56;
}
#page_mentions_legales .contenu section.mise_en_avant h2{
	font-size:1.67em;
}
#page_mentions_legales .contenu section p,
#page_politique_confidentialite .contenu section p,
#page_faq .contenu section p{
	font-family:"NeueHansKendrick-Regular";
	color:#475467;
	line-height:1.56;
	text-align:left;
}
#page_mentions_legales .contenu section p a,
#page_politique_confidentialite .contenu section p a{
	color:#475467;
}
#page_politique_confidentialite .contenu section ul{
	margin-left:20px;
}
#page_politique_confidentialite .contenu section ul li{
	color:#475467;
	margin-bottom:5px;
	list-style-type:circle;
	font-family:"NeueHansKendrick-Regular";
	line-height:1.56;
}
#page_politique_confidentialite .contenu section ul li a{
	color:#475467;
}
#page_politique_confidentialite .contenu section table,
#page_politique_confidentialite .contenu section table th,
#page_politique_confidentialite .contenu section table td{
	border-collapse:collapse;
}
#page_politique_confidentialite .contenu section table td,
#page_politique_confidentialite .contenu section table th{
	border:1px solid #000;
}
#page_politique_confidentialite .contenu section table td{
	color:#475467;
	font-family:"NeueHansKendrick-Regular";
	line-height:1.56;
}
#page_faq .contenu section p{
	color:#000;
	display:none;
}
#page_faq .contenu section.on p{
	display:block;
}
@media screen and (max-width:1439px){
	.presentation img{
		max-width:100%;
	}
}
@media screen and (max-width:1279px){
	.entete div{
		gap:8px;
		margin-left:20px;
	}
	.entete #menu{
		gap:24px;
	}
	.entete .btn{
		margin-right:20px;
	}
	.contenu_utile{
		width:960px;
	}
	.texte_image.texte_image img.illustration{
		width:480px;
	}
	.texte_image.texte_image h2{
		font-size:2em;
	}
	.fonctionnalites .illustration{
		margin-right:0;
		width:500px;
	}
	.notifications .illustration{
		margin-left:0;
	}
	.application .illustration{
		margin-left:0;
	}
	.communication .illustration{
		margin-right:0;
	}
	.telechargement .illustration{
		margin-left:0;
	}	
	.call_to_action{
		max-width:832px;
	}
	#pied .haut{
		gap:24px;
	}
	#pied .haut .marque{
		width:320px;
	}
	#pied .haut .menu_pied{
		width:616px;
	}
	#pied .haut .menu_pied li{
		width:194px;
	}
	#pied .bas{
		width:960px;
	}
}
@media screen and (max-width:1023px){
	.contenu_utile{
		width:calc(100% - 64px);
	  margin:0 auto;
	}
	.entete .logo{
		margin-left:calc(50% - 65px);
	}
	.entete .burger{
		display:block;
	}
	.entete #bloc_menu{
		position:fixed;
		top:0;
		left:-100vw;
		background:#fff;
		width:100%;
		height:calc(100% - 75px);
		overflow-y:scroll;
		transition:all 0.3s ease;
		margin:0;
		padding-top:75px;
	}
	.entete #bloc_menu.aff{
		left:0;
	}
	.entete #bloc_menu .logo{
		display:block;
		position:absolute;
		top:27px;
		left:0;
	}
	.entete #menu{
		width:100%;
		flex-direction:column;
		justify-content:flex-start;
		gap:0;
		border-top:1px solid rgba(234, 236, 246, 1);
	}
	.entete #menu li{
		flex-flow:column nowrap;
		align-items:flex-start;
		/*border-top:1px solid #000;*/
		background:#fff;
		margin:0 24px;
		border-bottom:1px solid rgba(234, 236, 246, 1);
	}
	.entete #menu li.avec_sous_menu{
		background:url('../svg/down.svg') right 22px no-repeat;
	}
	.entete #menu li.on.avec_sous_menu{
		background:url('../svg/up.svg') right 22px no-repeat;
	}
	.entete #menu li.on{
		border-bottom:0;
	}
	.entete #menu li a,
	.entete #menu li span{
		text-decoration:none;
		padding:16px 0;
		font-family:"NeueHansKendrick-SemiBold";
		font-size:1.13em;
	}
	.entete #menu li a.sel,
	.entete #menu li span.sel{
		border-bottom:0;
	}
	.entete #menu li ul,
	.entete #menu li:hover ul{
		position:relative;
		top:auto;
		left:auto;
		flex-flow:row wrap;
		padding:0;
		gap:0;
		border:0;
		box-shadow:none;
		width:100%;
		flex-flow:column nowrap;
		border-top:1px solid rgba(234, 236, 246, 1);
		border-radius:0;
		display:none;
	}
	.entete #menu li.on ul{
		display:flex;
	}
	.entete #menu li ul li{
		width:auto;
		margin:0;
		padding:12px 0;
	}
	.entete #menu li ul li a{
		text-decoration:none;
		display:flex;
		flex-flow:column nowrap;
		gap:2px;
		background:url('../svg/fleche.svg') 12px 8px no-repeat;
		background-size:8px auto;
		padding:0 0 0 32px;
		font-size:0.89em;
	}
	h2{
		font-size:1.5em;
		text-align:center;
	}
	h3{
		font-size:0.67em;
		text-align:center;
	}
	p{
		font-size:0.89em;
		text-align:center;
	}
	.btn{
		height:44px;
		padding:0 24px;
		font-size:0.78em;
	}
	.tel_calendly .btn{
		height:54px;
		padding:0 48px;
		font-size:0.89em;
	}
	.entete{
		height:84px;
	}
	.entete div{
		gap:8px;
		margin-left:20px;
	}
	.entete .btn{
		margin-right:20px;
	}
	#corps{
		padding-top:84px;
	}
	.vision iframe{
		width:100%;
		height:360px;
	}
	.rubriques ul li p{
		text-align:left;
	}
	.partenaires .contenu_utile ul li img{
			max-height:50px;
			max-width:120px;
		}
	.texte_image .contenu_utile{
		flex-flow:column nowrap;
		gap:40px;
	}
	.texte_image .contenu_utile div{
		padding:0 56px;
		align-items:center;
		gap:24px;
	}
	.temoignage{
		background:url('../svg/temoignage-haut.svg') top left no-repeat,url('../svg/temoignage-bas.svg') bottom right no-repeat;
	}
	.temoignage .contenu_utile div div span{
		text-align:center;
	}
	.pratique video{
		top:8px;
		left:177px;
	}
	.presentation{
		padding-top:40px;
	}
	.presentation h1{
		font-size:2.22em;
	}
	.presentation .illustration{
		width:100%;
	}
	.performance .contenu_utile{
		align-items:center;
	}
	.texte_image.performance .contenu_utile div ul{
		justify-content:center;
	}
	.texte_image.performance .contenu_utile div ul li h4{
		align-items:center;
		width:100%;
	}
	.texte_image.performance .contenu_utile div ul li .chiffre{
		font-size:3em;
	}
	.texte_image.performance .contenu_utile div ul li .legende{
		font-size:1;
	}
	.texte_image.performance .contenu_utile div .sources{
		text-align:center;
	}
	.open_data{
		padding:40px 0;
	}
	.open_data .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.cible{
		padding:40px 0;
	}
	.cible .contenu_utile img{
		margin-top:32px;
		width:100%;
	}
	.fonctionnalites{
		padding-top:40px;
	}
	.fonctionnalites .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.fonctionnalites .contenu_utile div{
		width:100%;
		align-items:center;
	}
	.fonctionnalites .contenu_utile div ul{
		width:452px;
		margin:0 auto;
	}
	.fonctionnalites .contenu_utile div ul li p{
		text-align:left;
	}
	.fonctionnalites .illustration{
		margin-right:0;
	}
	.notifications{
		padding:40px 0;
	}
	.notifications .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.notifications .contenu_utile div{
		width:100%;
		margin-top:40px;
		order:1;
	}
	.notifications .illustration{
		margin-left:0;
		order:2;
	}
	.points_forts{
		padding:40px 0;
	}
	.points_forts .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
		gap:24px;
	}
	.points_forts .contenu_utile div ul li p{
		text-align:left;
	}
	.dashboard{
		padding:40px 0;
	}
	.dashboard .contenu_utile ul{
		margin-bottom:40px;
	}
	.dashboard .contenu_utile .illustration{
		width:400px;
	}
	.application{
		padding:40px 0;
	}
	.application .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.application .contenu_utile div{
		width:100%;
		margin-top:0;
		order:1;
	}
	.application .illustration{
		margin-left:0;
		order:2;
	}
	.communication{
		padding:40px 0 0;
	}
	.communication .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.communication .contenu_utile div{
		width:100%;
		margin-top:0;
	}
	.communication .contenu_utile div ul{
		justify-content:center;
		margin-left:0;
		margin-bottom:24px;
	}
	.communication .illustration{
		margin-right:0;
	}
	.telechargement{
		padding:40px 0;
	}
	.telechargement .contenu_utile{
		flex-flow:column nowrap;
		align-items:center;
	}
	.telechargement .contenu_utile div{
		width:100%;
		margin-top:0;
		order:1;
	}
	.telechargement .contenu_utile div ul{
		justify-content:center;
	}
	.telechargement .illustration{
		margin-left:0;
		order:2;
	}
	.call_to_action{
		max-width:calc(100% - 64px - 48px);
		padding:32px;
	}
	.call_to_action h2{
		font-size:2em;
	}
	.call_to_action_contenu .contenu_utile h2{
		font-size:1.2em;
	}
	#pied .haut{
		gap:24px;
		flex-direction:column;
		margin:0 auto;
		width:calc(100% - 48px);
	}
	#pied .haut .marque{
		flex-direction:row;
		width:100%;
		justify-content:space-between;
	}
	#pied .haut .marque p{
		text-align:right;
		width:calc(100% - 147px - 48px);
	}
	#pied .haut .menu_pied{
		width:100%;
	}
	#pied .haut .menu_pied li{
		flex:1;
	}
	#pied .bas{
		width:calc(100% - 48px);
	}
	#page_mentions_legales #corps header .haut,
	#page_politique_confidentialite #corps header .haut,
	#page_faq #corps header .haut{
		padding:0 20px;
	}
}
@media screen and (max-width:767px){
	.contenu_utile{
		width:calc(100% - 48px);
	}
	h2,
	.texte_image.texte_image h2,
	.temoignage .contenu_utile div p{
		font-size:1.44em;
		line-height:1.23;
	}
	h3{
		font-size:0.67em;
	}
	p{
		font-size:0.78em;
	}
	.entete div.contacts{
		display:none;
	}
	.entete #menu li.menu_contact{
		display:flex;
		flex-flow:column nowrap;
		align-items:center;
		border:0;
	}
	.entete #menu li.menu_contact .btn{
		width:100%;
		justify-content:center;
		padding:0;
		font-size:0.89em;
		margin:32px 0 0;
	}
	.entete #menu li.menu_contact .reseaux{
		margin:0;
		gap:24px;
	}
	.entete #menu li.menu_contact .reseaux img{
		width:32px;
	}
	.entete div hr,
	.entete div h5{
		display:none;
	}
	.entete div .reseau{
		display:none;
	}
	.presentation p{
	  padding:0 16px;
	  width:calc(100% - 32px);
	  font-size:0.9em;
	}
	.vision iframe{
		height:200px;
	}
	.vision .actions{
		margin-top:24px;
	}
	.vision .actions .btn{
		height:44px;
	}
	.actions{
		flex-flow:column nowrap;
		align-items:center;
	}
	.rubriques ul li{
		display:flex;
		align-items:flex-start;
		gap:16px;
		width:100%;
	}
	.pratique .contenu_utile .bloc_img{
		padding:0;
	}
	.pratique video{
		top:5px;
		left:81px;
		width:calc((100vw - 48px) * 234 / 485);
		height:auto;
	}
	.presentation h4{
		font-size:0.67em;
		margin-bottom:24px;
	}
	.partenaires,
	.texte_image{
		padding:64px 0;
	}
	.partenaires .contenu_utile ul{
		gap:12px;
	}
	.partenaires .contenu_utile ul li img{
		max-height:36px;
		max-width:80px;
	}
	.texte_image .contenu_utile{
		flex-flow:column nowrap;
		gap:40px;
	}
	.texte_image .contenu_utile div{
		padding:0 20px;
		align-items:center;
		gap:24px;
	}
	.texte_image img{
		max-width:100%;
	}
	.presentation{
		padding-top:24px;
	}
	.presentation h1{
		font-size:1.5em;
	}
	.open_data .illustration{
		width:100%;
	}
	.cible{
		padding:24px 0;
	}
	.cible .contenu_utile img{
		margin-top:24px;
		width:100%;
	}
	.fonctionnalites{
		padding-top:24px;
	}
	.fonctionnalites .contenu_utile div h2{
		margin-bottom:24px;
	}
	.fonctionnalites .contenu_utile div ul{
		width:100%;
		margin:0 auto;
	}
	.fonctionnalites .illustration{
		width:100%;
	}
	.notifications{
		padding:24px 0;
	}
	.notifications .contenu_utile div{
		margin-top:0;
	}
	.notifications .illustration{
		width:100%;
	}
	.points_forts{
		padding:24px 0;
	}
	.points_forts .contenu_utile div{
		width:100%;
	}
	.points_forts .contenu_utile div ul li div{
		width:calc(100% - 80px);
		margin-top:0;
	}
	.points_forts .contenu_utile div ul li h4{
		font-size:0.83em;
	}
	.dashboard{
		padding:24px 0;
	}
	.dashboard .contenu_utile p{
		margin-bottom:24px;
	}
	.dashboard .contenu_utile ul{
		margin-bottom:24px;
		width:100%;
	}
	.dashboard .contenu_utile ul li{
		font-size:0.78em;
	}
	.dashboard .contenu_utile .illustration{
		display:none;
	}
	.application{
		padding:24px 0;
	}
	.application .illustration{
		width:100%;
	}
	.communication{
		padding:24px 0 0;
	}
	.communication .illustration{
		width:100%;
	}
	.telechargement{
		padding:24px 0;
	}
	.telechargement .illustration{
		width:100%;
	}
	.demo{
		padding:24px 0;
	}
	.demo .contenu_utile p{
		font-size:0.78em;
	}
	#contact{
		width:100%;
	}
	#contact .fermer{
		top:16px;
		left:16px;
	}
	#contact .bloc_form{
		margin-top:60px;
	}
	#contact .bloc_form form{
		row-gap:17px;
		margin:17px 16px 24px;
	}
	#contact .bloc_form form .label_input,
	#contact .bloc_form form .label_textarea{
		width:100%;
	}
	#contact .bloc_msg_envoye{
		margin:80px 24px;
	}
	#contact .bloc_msg_envoye p{
		font-size:0.78em;
	}
	.tel_calendly{
		flex-flow:column nowrap;
		align-items:center;
	}
	.call_to_action h2{
		font-size:1.4em;
	}
	#pied .haut .menu_pied{
		flex-direction:column;
	}
	#pied .haut .marque{
		flex-direction:column;
		width:100%;
		justify-content:space-between;
	}
	#pied .haut .marque p{
		text-align:left;
		width:100%;
	}
	#pied .haut .menu_pied li{
		width:100%;
	}
	#pied .bas{
		flex-direction:column;
		align-items:center;
		gap:24px;
	}
	#page_mentions_legales #corps header h2,
	#page_politique_confidentialite #corps header h2,
	#page_faq #corps header h2{
		justify-content:center;
		width:100%;
		text-align:center;
	}
	#page_mentions_legales .contenu,
	#page_politique_confidentialite .contenu,
	#page_faq .contenu{
		gap:16px;
		padding-bottom:32px;
	}
	#page_mentions_legales .contenu h1,
	#page_politique_confidentialite .contenu h1,
	#page_faq .contenu h1{
		margin-top:32px;
		margin-bottom:16px;
		font-size:1.5em;
	}
	#page_mentions_legales .contenu section,
	#page_politique_confidentialite .contenu section,
	#page_faq .contenu section{
		width:calc(100% - 48px);
	}
	#page_mentions_legales .contenu section.mise_en_avant{
		padding:24px;
		width:calc(100% - 48px - 48px);
	}
	#page_mentions_legales .contenu section h2,
	#page_politique_confidentialite .contenu section h2{
		font-size:1.3em;
		text-align:left;
	}
	#page_faq .contenu section h2{
		text-align:left;
		padding-right:20px;
	}
	#page_mentions_legales .contenu section.mise_en_avant h2{
		font-size:1.4em;
	}
}