.eac-adage {
--adage-bleu:       #1f4f8b;
--adage-bleu-clair: #e8f0fa;
--adage-bleu-moyen: #c9daf0;
--adage-texte:      #22303f;
} .eac-adage .titre-page {
color: #fff;
background: var(--adage-bleu);
border-color: var(--adage-bleu);
font-style: normal;
font-weight: 700;
letter-spacing: .12em;
animation: none;
}
.eac-adage .titre-page::before {
content: "🧭";
position: static;
margin-right: .8rem;
font-size: .8em;
letter-spacing: 0;
}
.eac-adage .titre-page::after { background: var(--site-principal-color);
}
.adage-guide p { text-indent: 0; } .adage-chapeau {
font-size: var(--font-size-lg);
line-height: 1.7;
color: var(--adage-texte);
padding: var(--spacing-md);
margin: var(--spacing-md) 0 !important;
background: #fff;
border-left: .4rem solid var(--adage-bleu);
border-radius: 0;
} .eac-adage .adage-fiches {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
gap: var(--spacing-md);
margin: var(--spacing-md) 0 var(--spacing-lg);
}
.eac-adage .adage-fiche {
width: auto !important;
max-width: none !important;
margin: 0 !important;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--adage-bleu-moyen);
border-top: 3px solid var(--adage-bleu);
border-radius: var(--radius-sm);
padding: var(--spacing-md);
box-shadow: var(--shadow-card);
transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
.eac-adage .adage-fiche:hover { transform: translateY(-.3rem); box-shadow: var(--shadow-elevated); }
.eac-adage .adage-fiche h3 {
margin: 0 0 var(--spacing-sm);
padding: 0;
border: none;
font-style: normal;
font-size: var(--font-size-lg);
color: var(--adage-bleu);
line-height: 1.3;
}
.eac-adage .adage-fiche-lien {
display: flex;
flex-direction: column;
gap: var(--spacing-sm);
margin-top: auto;
text-decoration: none;
}
.eac-adage .adage-fiche-img {
width: 100%;
height: 16rem;
object-fit: cover;
object-position: top;
border-radius: var(--radius-md);
border: 1px solid #e3e8ef;
}
.eac-adage .adage-bouton {
align-self: flex-start;
padding: .6rem 1.4rem;
border-radius: var(--radius-sm);
background: var(--adage-bleu);
color: #fff;
font-weight: 600;
font-size: var(--font-size-sm);
transition: background var(--transition-fast);
}
.eac-adage .adage-fiche-lien:hover .adage-bouton { background: var(--site-principal-color); } .eac-adage .adage-titre-section {
margin: var(--spacing-lg) 0 var(--spacing-md);
padding: 0 0 .6rem;
border-left: none;
border-bottom: 2px solid var(--adage-bleu-moyen);
color: var(--adage-bleu);
font-style: normal;
font-size: var(--font-size-xl);
}
.eac-adage ul.adage-fonctions {
list-style: none;
padding: 0;
margin: 0 0 var(--spacing-lg);
display: grid;
grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
gap: var(--spacing-sm);
}
.eac-adage ul.adage-fonctions li {
display: flex;
align-items: flex-start;
gap: 1rem;
margin: 0;
padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);
background: #fff;
border: 1px solid #e3e8ef;
border-radius: var(--radius-sm);
color: #4a5563;
font-size: var(--font-size-sm);
line-height: 1.5;
transition: border-color var(--transition-fast), background var(--transition-fast);
}
.eac-adage ul.adage-fonctions li:hover { border-color: var(--adage-bleu); background: var(--adage-bleu-clair); }
.eac-adage ul.adage-fonctions li strong {
display: block;
color: var(--adage-texte);
font-size: var(--font-size-base);
}
.adage-picto {
flex: 0 0 3.6rem;
height: 3.6rem;
display: grid;
place-items: center;
font-size: 1.8rem;
border-radius: 50%;
background: var(--adage-bleu-clair);
} .adage-acces {
margin: var(--spacing-lg) 0 var(--spacing-md);
padding: 0 var(--spacing-md) var(--spacing-md);
background: #fff;
border: 1px solid var(--adage-bleu);
border-radius: var(--radius-md);
overflow: hidden;
}
.eac-adage h1.adage-acces-titre {
margin: 0 calc(-1 * var(--spacing-md)) var(--spacing-md);
padding: var(--spacing-sm) var(--spacing-md);
background: var(--adage-bleu);
color: #fff;
font-weight: 700;
font-size: var(--font-size-2xl);
text-align: left;
}
.eac-adage h1.adage-acces-titre::before { content: "🔑  "; }
.eac-adage h2.adage-public {
display: inline-block;
margin: 0 0 var(--spacing-md);
padding: .5rem 1.2rem;
border: none;
border-radius: var(--radius-md);
background: #fff;
color: var(--adage-texte);
font-size: var(--font-size-sm);
font-style: normal;
font-weight: 600;
line-height: 1.5;
box-shadow: 0 0 0 1px var(--adage-bleu-moyen);
}
.eac-adage h2.adage-public::before { content: "👥 "; }
.eac-adage .adage-etapes {
list-style: none;
counter-reset: etape;
margin: 0;
padding: 0;
}
.eac-adage .adage-etapes li {
counter-increment: etape;
position: relative;
margin: 0 0 var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 6rem;
min-height: 4.4rem;
background: #fafbfd;
border-radius: var(--radius-sm);
border: 1px solid #eef1f5;
color: var(--adage-texte);
}
.eac-adage .adage-etapes li::before {
content: counter(etape);
position: absolute;
left: var(--spacing-sm);
top: 50%;
transform: translateY(-50%);
width: 3.4rem;
height: 3.4rem;
display: grid;
place-items: center;
border-radius: 50%;
background: var(--adage-bleu);
color: #fff;
font-weight: 700;
font-size: var(--font-size-lg);
} .eac-adage .adage-etapes li:not(:last-child)::after {
content: "";
position: absolute;
left: calc(var(--spacing-sm) + 1.6rem);
top: calc(50% + 1.7rem);
height: calc(50% - 1.7rem + var(--spacing-sm) + 50%);
border-left: 2px dashed var(--adage-bleu-moyen);
}
.eac-adage .adage-etapes a {
color: var(--adage-bleu);
font-weight: 600;
}
@media (max-width: 640px) {
.eac-adage .adage-fiche-img { height: 12rem; }
.eac-adage .adage-etapes li { padding-left: 5.2rem; }
} .eac-adage .adage-fonction-texte {
display: flex;
flex-direction: column;
gap: .15rem;
text-indent: 0;
min-width: 0;
}
.eac-adage ul.adage-fonctions li, .eac-adage ul.adage-fonctions li * { text-indent: 0; }