.eac-bulles {
--bulle-c:     var(--current-bulle-color, var(--site-principal-color));
--bulle-trait: color-mix(in srgb, var(--bulle-c) 22%, transparent);
--bulle-leger: color-mix(in srgb, var(--bulle-c) 6%, #fff);
} .eac-bulles main {
background:
radial-gradient(circle, transparent 0 69%, var(--bulle-trait) 70% 71%, transparent 72%) 97% 2%  / 14rem 14rem no-repeat,
radial-gradient(circle, transparent 0 67%, var(--bulle-trait) 68% 70%, transparent 71%) 1%  96% / 8rem 8rem   no-repeat,
#fff;
} .eac-bulles .titre-page {
color: var(--bulle-c);
border-color: var(--bulle-c);
background: #fff;
animation: none;
}
.eac-bulles .titre-page::after { background: var(--bulle-c); height: 3px; } .eac-bulles .bulle-intro > h2 {
border: none;
text-align: center;
color: var(--bulle-c);
margin: var(--spacing-md) 0;
} .eac-bulles .structure-contenu {
column-gap: var(--spacing-md);
row-gap: 0; margin: var(--spacing-md) 0 var(--spacing-lg);
}
.eac-bulles .structure-contenu > .bloc-page-fille {
position: relative;
margin-bottom: var(--spacing-md);
padding: var(--spacing-md);
background: #fff;
border: 1px solid #e6e6e6;
border-top: 4px solid var(--current-bulle-color);
border-radius: var(--radius-md);
box-shadow: var(--shadow-light);
overflow: hidden;
} .eac-bulles .structure-contenu > .bloc-page-fille::after {
content: "";
position: absolute;
right: -2.4rem;
top: -2.4rem;
width: 7rem;
height: 7rem;
border-radius: 50%;
border: 2px solid color-mix(in srgb, var(--current-bulle-color) 18%, transparent);
pointer-events: none;
} .eac-bulles .sous-pages > .bloc-page-fille { grid-column: auto; grid-row: auto; } .eac-bulles .structure-contenu > .bloc-page-fille > h2 {
display: flex;
align-items: center;
gap: .8rem;
margin: 0 0 var(--spacing-sm);
padding: 0;
border: none;
font-size: var(--font-size-xl);
line-height: 1.2;
}
.eac-bulles .structure-contenu > .bloc-page-fille > h2::before {
content: "";
flex: 0 0 3.4rem;
height: 3.4rem;
border-radius: 50%;
background: var(--current-bulle-icone, none) center / 55% no-repeat,
color-mix(in srgb, var(--current-bulle-color) 8%, #fff);
border: 1px solid color-mix(in srgb, var(--current-bulle-color) 25%, transparent);
position: static;
transform: none;
}
.eac-bulles .structure-contenu h2 a,
.eac-bulles .structure-contenu h3 a {
color: var(--current-bulle-color);
text-decoration: none;
}
.eac-bulles .structure-contenu h2 a:hover,
.eac-bulles .structure-contenu h3 a:hover { text-decoration: underline; } .eac-bulles .sous-pages { display: grid; gap: var(--spacing-sm); }
.eac-bulles .sous-pages > .bloc-page-fille {
padding: .8rem var(--spacing-sm);
background: #fafafa;
border-left: 3px solid color-mix(in srgb, var(--current-bulle-color) 45%, transparent);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.eac-bulles .sous-pages h3 {
margin: 0 0 .3rem;
padding: 0;
border: none;
font-size: var(--font-size-base);
} .eac-bulles .structure-contenu ul { list-style: none; padding-left: 0; margin: 0; }
.eac-bulles .structure-contenu ul li {
position: relative;
padding-left: 1.8rem;
margin: .4rem 0;
}
.eac-bulles .structure-contenu ul li::before {
content: "";
position: absolute;
left: .1rem;
top: .5em;
width: .8rem;
height: .8rem;
border-radius: 50%;
border: 2px solid var(--current-bulle-color);
transition: background var(--transition-fast);
}
.eac-bulles .structure-contenu ul li:hover::before { background: var(--current-bulle-color); }
.eac-bulles .bulle-intro > ul { list-style: none; padding-left: var(--spacing-md); }
.eac-bulles .bulle-intro > ul li { position: relative; padding-left: 1.8rem; margin: .3rem 0; }
.eac-bulles .bulle-intro > ul li::before {
content: "";
position: absolute;
left: 0; top: .5em;
width: .8rem; height: .8rem;
border-radius: 50%;
border: 2px solid var(--bulle-c);
} .eac-bulles fieldset.cadre-enseignant {
position: relative;
border: 1px solid color-mix(in srgb, var(--bulle-c) 45%, transparent);
border-radius: var(--radius-lg);
padding: var(--spacing-md);
background: #fff;
margin-bottom: var(--spacing-lg);
}
.eac-bulles fieldset.cadre-enseignant::before,
.eac-bulles fieldset.cadre-enseignant::after {
content: "";
position: absolute;
border-radius: 50%;
background: #fff;
border: 1px solid color-mix(in srgb, var(--bulle-c) 45%, transparent);
}
.eac-bulles fieldset.cadre-enseignant::before { width: 1.4rem; height: 1.4rem; left: 3rem;   bottom: -2rem; }
.eac-bulles fieldset.cadre-enseignant::after  { width: .8rem;  height: .8rem;  left: 2rem;   bottom: -3.1rem; }
.eac-bulles legend.legende-enseignant { background: #fff; padding: 0 .4rem; }
.eac-bulles legend.legende-enseignant p { transform: none; color: var(--bulle-c); } .eac-bulles .sibling-item.current-page a { color: var(--bulle-c); } .eac-bulles footer { background-color: var(--site-principal-color); }
@media (prefers-reduced-motion: reduce) {
.eac-bulles .structure-contenu ul li::before { transition: none; }
}