/* Section « Comment fonctionne une assurance vie ».
   Posee sur le fond teinte du kit, contenu en panneaux blancs. */
#ieav-comprendre{
	--ic-navy:#07124A;
	--ic-orange:#F18815;
	--ic-orange-2:#d4760f;
	--ic-muted:#64748B;
	--ic-muted-2:#6b7391;
	--ic-line:#E7E9F0;
	--ic-navy-tint:#EEF1F9;
	--ic-orange-tint:#FDF1E3;
	--ic-orange-soft:#FFF6EC;
	--ic-note:#F4F6FB;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
	font-family:'Plus Jakarta Sans','Poppins',sans-serif;
	color:#1e2748;
	line-height:1.55;
}
#ieav-comprendre p,#ieav-comprendre h2,#ieav-comprendre h3{margin:0;padding:0}

.e-con.e-parent:has(#ieav-comprendre){
	background-color:var(--e-global-color-6b861bc,#F8F9FB);
	padding-top:48px;
	padding-bottom:48px;
}
.elementor-widget-shortcode:has(#ieav-comprendre){width:100%}

#ieav-comprendre .ic__eyebrow{
	display:flex;align-items:center;gap:10px;
	font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
	color:var(--ic-navy);margin:0 0 16px;
}
#ieav-comprendre .ic__eyebrow::before{
	content:"";width:16px;height:3px;border-radius:2px;background:var(--ic-orange);flex:none;
}
#ieav-comprendre .ic__title{
	font-size:36px;font-weight:800;line-height:1.16;letter-spacing:-.025em;
	color:var(--ic-navy);margin:0 0 16px;max-width:620px;
}
#ieav-comprendre .ic__lead{font-size:15px;line-height:26px;color:var(--ic-muted);max-width:660px}
#ieav-comprendre .ic__lead b{color:var(--ic-navy);font-weight:700}

/* Panneau blanc generique. */
#ieav-comprendre .ic__panel{
	background:#fff;border:1px solid var(--ic-line);border-radius:16px;margin:24px 0 0;
}
#ieav-comprendre .ic__panel--deal{padding:30px 32px 28px}
#ieav-comprendre .ic__panel--risk{padding:30px 32px 26px}

/* Les deux cartes. Meme structure : aucune ne doit se lire comme l'option
   recommandee. */
#ieav-comprendre .ic__pair{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0 0;
}
#ieav-comprendre .ic__card{
	background:#fff;border:1px solid var(--ic-line);border-radius:16px;overflow:hidden;
	display:flex;flex-direction:column;
}
#ieav-comprendre .ic__head{display:flex;align-items:center;gap:14px;padding:18px 22px}
#ieav-comprendre .ic__card--e .ic__head{background:var(--ic-navy-tint)}
#ieav-comprendre .ic__card--u .ic__head{background:var(--ic-orange-tint)}
#ieav-comprendre .ic__chip{
	flex:none;width:46px;height:46px;border-radius:13px;
	display:inline-flex;align-items:center;justify-content:center;
}
#ieav-comprendre .ic__card--e .ic__chip{background:var(--ic-navy)}
#ieav-comprendre .ic__card--u .ic__chip{background:var(--ic-orange)}
#ieav-comprendre .ic__chip svg{
	width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;
	stroke-linecap:round;stroke-linejoin:round;
}
#ieav-comprendre .ic__hn{
	flex:1;min-width:0;font-size:17px;font-weight:800;letter-spacing:-.015em;
	color:var(--ic-navy);line-height:1.25;
}
#ieav-comprendre .ic__hs{
	display:block;font-size:13px;font-weight:500;color:var(--ic-muted-2);margin-top:2px;letter-spacing:0;
}

/* Badge de part, pilote par le curseur. Chiffres tabulaires pour qu'il ne
   change pas de largeur en passant de 5 a 100. */
#ieav-comprendre .ic__part{
	flex:none;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1;
	padding:7px 11px;border-radius:9px;font-variant-numeric:tabular-nums;white-space:nowrap;
}
#ieav-comprendre .ic__card--e .ic__part{background:var(--ic-navy);color:#fff}
#ieav-comprendre .ic__card--u .ic__part{background:var(--ic-orange);color:#fff}

#ieav-comprendre .ic__body{padding:8px 22px 22px}
#ieav-comprendre .ic__row{display:flex;gap:16px;padding:20px 0}
#ieav-comprendre .ic__row + .ic__row{border-top:1px solid var(--ic-line)}
#ieav-comprendre .ic__ico{
	flex:none;width:48px;height:48px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
}
#ieav-comprendre .ic__card--e .ic__ico{background:var(--ic-navy-tint)}
#ieav-comprendre .ic__card--u .ic__ico{background:var(--ic-orange-soft)}
#ieav-comprendre .ic__ico svg{
	width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#ieav-comprendre .ic__card--e .ic__ico svg{stroke:var(--ic-navy)}
#ieav-comprendre .ic__card--u .ic__ico svg{stroke:var(--ic-orange)}

/* Les DEUX intitules sont en orange, donc de meme poids. Mettre « ce que vous
   acceptez » en gris donnerait discretement plus de force a l'avantage qu'a sa
   contrepartie, ce que la recommandation ACPR n'admet pas. */
#ieav-comprendre .ic__k{
	font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
	color:var(--ic-orange-2);margin:0 0 7px;
}
#ieav-comprendre .ic__d{font-size:13.5px;line-height:22px;color:var(--ic-muted)}
#ieav-comprendre .ic__d b{color:var(--ic-navy);font-weight:700}

/* -- panneau de repartition -- */
#ieav-comprendre .ic__deal-top{display:flex;gap:28px;align-items:center}
#ieav-comprendre .ic__donut{flex:none;width:96px;height:96px}
#ieav-comprendre .ic__dt{
	font-size:19px;font-weight:800;letter-spacing:-.018em;color:var(--ic-navy);margin:0 0 8px;
}
#ieav-comprendre .ic__dd{font-size:13.5px;line-height:22.5px;color:var(--ic-muted)}
#ieav-comprendre .ic__dd b{color:var(--ic-navy);font-weight:700}

#ieav-comprendre .ic__ctrl{margin:26px 0 0}
#ieav-comprendre .ic__slider{
	-webkit-appearance:none;appearance:none;width:100%;height:26px;
	background:transparent;cursor:grab;display:block;margin:0;padding:0;
}
#ieav-comprendre .ic__slider:active{cursor:grabbing}
#ieav-comprendre .ic__slider::-webkit-slider-runnable-track{
	height:7px;border-radius:999px;
	background:linear-gradient(to right,var(--ic-navy),var(--ic-orange));
}
#ieav-comprendre .ic__slider::-moz-range-track{
	height:7px;border-radius:999px;
	background:linear-gradient(to right,var(--ic-navy),var(--ic-orange));
}
#ieav-comprendre .ic__slider::-webkit-slider-thumb{
	-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
	background:#fff;border:3px solid var(--ic-navy);margin-top:-7.5px;
	box-shadow:0 2px 9px -1px rgba(7,18,74,.4);transition:transform .12s;
}
#ieav-comprendre .ic__slider::-moz-range-thumb{
	width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ic-navy);
	box-shadow:0 2px 9px -1px rgba(7,18,74,.4);
}
#ieav-comprendre .ic__slider:hover::-webkit-slider-thumb{transform:scale(1.1)}
#ieav-comprendre .ic__slider:focus-visible{outline:none}
#ieav-comprendre .ic__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(241,136,21,.28)}

#ieav-comprendre .ic__marks{display:flex;justify-content:space-between;margin:6px 0 0;gap:12px}
#ieav-comprendre .ic__marks span{font-size:12px;font-weight:600;color:var(--ic-muted-2)}
#ieav-comprendre .ic__hint{
	font-size:12.5px;color:var(--ic-muted-2);margin:16px 0 0;
	display:flex;align-items:center;gap:8px;
}
#ieav-comprendre .ic__hint svg{
	flex:none;width:15px;height:15px;fill:none;stroke:var(--ic-orange);stroke-width:2;
	stroke-linecap:round;stroke-linejoin:round;
}

/* -- panneau des risques -- */
#ieav-comprendre .ic__rk{
	font-size:11.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
	color:var(--ic-navy);margin:0;
}
#ieav-comprendre .ic__rk-rule{
	width:44px;height:3px;border-radius:2px;background:var(--ic-orange);margin:12px 0 26px;
}
#ieav-comprendre .ic__rg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#ieav-comprendre .ic__ri{padding:0 26px}
#ieav-comprendre .ic__ri:first-child{padding-left:0}
#ieav-comprendre .ic__ri:last-child{padding-right:0}
#ieav-comprendre .ic__ri + .ic__ri{border-left:1px solid var(--ic-line)}
#ieav-comprendre .ic__rico{
	width:48px;height:48px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;margin:0 0 16px;
}
#ieav-comprendre .ic__rico svg{
	width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#ieav-comprendre .ic__rico--a{background:var(--ic-navy-tint)}
#ieav-comprendre .ic__rico--a svg{stroke:var(--ic-navy)}
#ieav-comprendre .ic__rico--b{background:var(--ic-orange-soft)}
#ieav-comprendre .ic__rico--b svg{stroke:var(--ic-orange)}
/* Le troisieme risque est en navy et non en vert : le vert signale une bonne
   nouvelle, ce qui contredit un avertissement. */
#ieav-comprendre .ic__rico--c{background:var(--ic-navy-tint)}
#ieav-comprendre .ic__rico--c svg{stroke:var(--ic-navy)}
#ieav-comprendre .ic__rt{
	font-size:15px;font-weight:800;letter-spacing:-.012em;line-height:1.3;
	color:var(--ic-navy);margin:0 0 10px;
}
#ieav-comprendre .ic__rd{font-size:13px;line-height:21.5px;color:var(--ic-muted)}

#ieav-comprendre .ic__note{
	display:flex;gap:14px;align-items:flex-start;background:var(--ic-note);
	border-radius:12px;padding:16px 18px;margin:28px 0 0;
}
#ieav-comprendre .ic__note svg{
	flex:none;width:20px;height:20px;fill:none;stroke:var(--ic-navy);stroke-width:1.8;
	stroke-linecap:round;stroke-linejoin:round;opacity:.55;margin-top:1px;
}
#ieav-comprendre .ic__note p{font-size:12.5px;line-height:20px;color:var(--ic-muted-2)}
#ieav-comprendre .ic__more{
	display:inline-flex;align-items:center;gap:6px;margin-left:6px;
	font-weight:700;color:var(--ic-navy);text-decoration:none;
}
#ieav-comprendre .ic__more i{font-style:normal;color:var(--ic-orange);transition:transform .2s}
#ieav-comprendre .ic__more:hover i{transform:translateX(3px)}

@media (max-width:1000px){
	#ieav-comprendre{padding-left:20px;padding-right:20px}
	#ieav-comprendre .ic__title{font-size:27px}
	#ieav-comprendre .ic__pair,
	#ieav-comprendre .ic__rg{grid-template-columns:1fr}
	#ieav-comprendre .ic__ri{padding:0}
	#ieav-comprendre .ic__ri + .ic__ri{
		border-left:none;border-top:1px solid var(--ic-line);padding-top:24px;margin-top:24px;
	}
	#ieav-comprendre .ic__deal-top{flex-direction:column;gap:20px;align-items:flex-start}
	#ieav-comprendre .ic__panel--deal,
	#ieav-comprendre .ic__panel--risk{padding:24px 20px}
}