.cdoi-ed-wrap { max-width: 1100px; margin: 0 auto; padding: 0 32px; }

/* Palette partagée avec le reste du site : navy / teal / crème */
.cdoi-ed-hero, .cdoi-ed-article-wrap, .cdoi-ed-sidebar, .cdoi-ed-body {
	font-family: 'Inter', sans-serif;
	color: #12201C;
}

.cdoi-ed-eyebrow {
	font-family: 'Space Mono', monospace;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 11.5px;
	font-weight: 700;
	color: #8FC7B8;
}

/* HERO — bandeau texte seul (la photo est désormais dans la sidebar) */
.cdoi-ed-hero {
	background: #0B3B60;
	padding: 60px 0 52px;
	color: #fff;
}
.cdoi-ed-breadcrumb {
	font-size: 12px;
	color: #8FB6C9;
	margin: 0 0 18px;
}
.cdoi-ed-breadcrumb a { color: #8FB6C9; text-decoration: none; }

.cdoi-ed-hero-inner h1 {
	font-size: 44px;
	font-weight: 800;
	margin: 12px 0 0;
	line-height: 1.1;
	color: #fff;
}

/* ARTICLE */
.cdoi-ed-article-wrap { background: #FFFEFB; }
.cdoi-ed-article-grid {
	display: grid;
	grid-template-columns: 1fr 260px;
	gap: 56px;
	padding: 60px 0 90px;
}
.cdoi-ed-body p { font-size: 16px; line-height: 1.8; color: #12201C; margin: 0 0 20px; }
.cdoi-ed-body p.cdoi-ed-lead { font-size: 18px; font-weight: 500; color: #0B3B60; }
.cdoi-ed-body h3 {
	font-size: 20px;
	font-weight: 800;
	color: #0B3B60;
	margin: 44px 0 18px;
	padding-left: 16px;
	border-left: 3px solid #034f71;
}
.cdoi-ed-body ul { margin: 0 0 20px; padding-left: 20px; }
.cdoi-ed-body li { font-size: 16px; line-height: 1.8; color: #12201C; margin-bottom: 6px; }

.cdoi-ed-pull-quote {
	background: #e8f6f7;
	border-radius: 12px;
	padding: 28px 30px;
	margin: 32px 0;
	border-left: 4px solid #034f71;
}
.cdoi-ed-mg {
	font-style: italic;
	font-size: 19px;
	color: #034f71;
	font-weight: 700;
	margin: 0 0 8px;
}
.cdoi-ed-fr { font-size: 14px; color: #4B5B57; margin: 0; }

/* CARTE SIGNATURE — accueille désormais aussi le texte de l'ancien bandeau.
 * Les sélecteurs préfixés ".cdoi-ed-body" sont volontairement plus spécifiques
 * que ".cdoi-ed-body p" (qui impose une couleur sombre), pour garantir un
 * texte clair et lisible sur le fond navy. */
.cdoi-ed-signature-card {
	background: linear-gradient(135deg, #0B3B60 0%, #08324F 70%, #0C7A66 160%);
	color: #fff;
	border-radius: 12px;
	padding: 32px 34px;
	margin-top: 40px;
	box-shadow: 0 18px 44px rgba(11,59,96,0.22);
}
.cdoi-ed-body .cdoi-ed-signature-card .cdoi-ed-greeting {
	font-size: 15px;
	line-height: 1.7;
	color: #C4E4DB;
	font-style: italic;
	margin: 0 0 18px;
}
.cdoi-ed-body .cdoi-ed-signature-card .cdoi-ed-greeting b {
	color: #fff;
	font-style: normal;
}
.cdoi-ed-sig-divider {
	width: 44px;
	height: 3px;
	border-radius: 2px;
	background: #0FA88A;
	margin: 0 0 18px;
}
.cdoi-ed-body .cdoi-ed-signature-card .cdoi-ed-msg {
	font-size: 15.5px;
	color: #FFFFFF;
	margin: 0 0 16px;
	line-height: 1.75;
}
.cdoi-ed-body .cdoi-ed-signature-card .cdoi-ed-welcome {
	font-size: 17px;
	font-weight: 800;
	color: #FFFFFF;
	letter-spacing: 0.01em;
	margin: 0 0 22px;
}
.cdoi-ed-sig-name {
	border-top: 1px solid rgba(255,255,255,0.18);
	padding-top: 16px;
}
.cdoi-ed-signature-card .cdoi-ed-sig-name b {
	display: block;
	font-size: 17px;
	margin-bottom: 2px;
	color: #FFFFFF;
}
.cdoi-ed-signature-card .cdoi-ed-sig-name span {
	font-size: 12.5px;
	color: #8FC7B8;
}

/* SIDEBAR */
.cdoi-ed-sidebar { position: sticky; top: 24px; align-self: start; }

/* Photo de la Présidente, déplacée du bandeau vers la sidebar */
.cdoi-ed-side-photo {
	background: #FFFEFB;
	border: 1px solid #E1E6E4;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 14px 34px rgba(11,59,96,0.14);
}
.cdoi-ed-side-photo img {
	width: 100%;
	aspect-ratio: 3/4;
	object-fit: cover;
	object-position: top center;
	display: block;
}
.cdoi-ed-side-photo-caption { padding: 14px 16px 16px; }
.cdoi-ed-side-photo-caption b {
	display: block;
	font-size: 14.5px;
	color: #0B3B60;
	margin-bottom: 2px;
}
.cdoi-ed-side-photo-caption span {
	font-size: 12px;
	color: #4B5B57;
	line-height: 1.4;
	display: block;
}

.cdoi-ed-side-box { background: #e8f6f7; border-radius: 12px; padding: 24px; margin-bottom: 20px; }
.cdoi-ed-side-box h4 {
	font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
	color: #034f71; font-weight: 700; margin: 0 0 14px;
}
.cdoi-ed-side-box ul { list-style: none; padding: 0; margin: 0; }
.cdoi-ed-side-box li { padding: 9px 0; border-top: 1px solid #E1E6E4; font-size: 13.5px; }
.cdoi-ed-side-box li:first-child { border-top: none; }
.cdoi-ed-side-box a { color: #0B3B60; font-weight: 600; text-decoration: none; }
.cdoi-ed-side-box a:hover { text-decoration: underline; }

.cdoi-ed-cross-link {
	display: block;
	background: #FFFEFB;
	border: 1px solid #E1E6E4;
	border-radius: 12px;
	padding: 20px;
	text-decoration: none;
}
.cdoi-ed-tag {
	font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
	color: #034f71; background: #e8f6f7; padding: 3px 8px; border-radius: 20px;
}
.cdoi-ed-cross-link h5 { font-size: 15px; font-weight: 700; color: #0B3B60; margin: 10px 0 4px; }
.cdoi-ed-cross-link p { font-size: 12.5px; color: #4B5B57; margin: 0; }

@media (max-width: 880px) {
	.cdoi-ed-article-grid { grid-template-columns: 1fr; }
	.cdoi-ed-sidebar { position: static; }
	.cdoi-ed-side-photo { max-width: 300px; margin: 0 auto 20px; }
}