.domaine-musique {
--current-bulle-color:      #0D5A90;
--current-bulle-bg:         #A5D4F6;
--current-bulle-bg-audio:   #64a3d1;
--current-bulle-border:     #115384;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/musique.svg);
}
.domaine-arts-plastiques {
--current-bulle-color:      #0d8a2a;
--current-bulle-bg:         #c8edcf;
--current-bulle-bg-audio:   #3ea1eb;
--current-bulle-border:     #126b27;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/palette.svg);
}
.domaine-theatre {
--current-bulle-color:      #90270d;
--current-bulle-bg:         #fcbcac;
--current-bulle-bg-audio:   #f6a5a5;
--current-bulle-border:     #7a1f08;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/theatre.svg);
}
.domaine-danse {
--current-bulle-color:      #7a0d90;
--current-bulle-bg:         #efb1fc;
--current-bulle-bg-audio:   #e6a5f6;
--current-bulle-border:     #62087a;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/danse.svg);
}
.domaine-patrimoine {
--current-bulle-color:      #7a5c0d;
--current-bulle-bg:         #f5e6c0;
--current-bulle-bg-audio:   #e8d4a0;
--current-bulle-border:     #614808;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/patrimoine.svg);
}
.domaine-cinema {
--current-bulle-color:      #2a2a7a;
--current-bulle-bg:         #c4c4f0;
--current-bulle-bg-audio:   #a0a0e0;
--current-bulle-border:     #1e1e62;
--current-bulle-icone:      url(//eac78.fr/wp-content/themes/eac78-theme/assets/icone/cinema.svg);
} .structure-projets {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 1.5rem;
}
@media (max-width: 640px) {
.structure-projets {
grid-template-columns: 1fr;
}
} .bloc-articles-projet,
.structure-projets .bloc-page-fille {
animation: fadeInProjet 0.4s ease-in;
}
@keyframes fadeInProjet {
from { opacity: 0; transform: translateY(0.8rem); }
to   { opacity: 1; transform: translateY(0); }
} .structure-projets h2 {
color: var(--current-bulle-color);
border-bottom: 1px solid var(--current-bulle-color);
position: relative;
padding-left: 3rem;
margin-bottom: 0.8rem;
}
.structure-projets h2::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background-image: var(--current-bulle-icone);
background-size: contain;
background-repeat: no-repeat;
} .structure-projets h3 {
border-left: 3px solid var(--current-bulle-color);
padding-left: 0.8rem;
margin-bottom: 0.5rem;
}
.structure-projets h3 a {
font-style: italic;
font-size: 1.5rem;
color: rgba(0, 0, 0, 0.7);
text-decoration: none;
}
.structure-projets h3 a:hover {
color: var(--current-bulle-color);
} .structure-projets ul {
list-style: square;
color: var(--current-bulle-color);
padding-left: 1.8rem;
margin: 0 0 1rem 0;
}
.structure-projets ul li {
margin-bottom: 0.3rem;
}
.structure-projets ul li a {
text-decoration: none;
color: var(--current-bulle-color);
font-weight: 500;
transition: color 0.2s ease;
}
.structure-projets ul li a:hover {
color: #000;
text-decoration: underline;
} .structure-projets .compositeur {
font-style: italic;
font-weight: 400;
font-size: 0.9em;
opacity: 0.75;
}  .badge-domaine {
display: inline-block;
font-size: 0.85rem;
font-weight: 500;
padding: 4px 14px;
border-radius: 20px;
background: var(--current-bulle-bg);
color: var(--current-bulle-color);
border: 1px solid var(--current-bulle-color);
margin-bottom: 0.8rem;
letter-spacing: 0.03em;
} .titre-projet {
font-size: 2.8rem;
font-weight: 400;
color: var(--current-bulle-color);
border-bottom: 1px solid var(--current-bulle-color);
padding-bottom: 1rem;
margin: 0 0 1.5rem;
text-align: center;
letter-spacing: 0.05em;
} article.domaine-musique,
article.domaine-arts-plastiques,
article.domaine-theatre,
article.domaine-danse,
article.domaine-patrimoine,
article.domaine-cinema {
border-left: 6px solid var(--current-bulle-color);
border-top: 1.5px dashed var(--current-bulle-color);
border-right: 1.5px dashed var(--current-bulle-color);
border-bottom: 1.5px dashed var(--current-bulle-color);
border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
padding: 0 var(--spacing-md);
margin: 1.5rem auto;
max-width: 80rem;
} article.domaine-musique h2,
article.domaine-arts-plastiques h2,
article.domaine-theatre h2,
article.domaine-danse h2,
article.domaine-patrimoine h2,
article.domaine-cinema h2 {
background-color: var(--current-bulle-color);
color: white;
padding: 0.6rem 1rem 0.6rem 1.2rem;
margin: 1.5rem calc(-1 * var(--spacing-md));
border-radius: 0;
} article.domaine-musique .entry-content a,
article.domaine-arts-plastiques .entry-content a,
article.domaine-theatre .entry-content a,
article.domaine-danse .entry-content a,
article.domaine-patrimoine .entry-content a,
article.domaine-cinema .entry-content a {
color: var(--current-bulle-color);
text-decoration: none;
transition: color 0.2s ease;
}
article.domaine-musique .entry-content a:hover,
article.domaine-arts-plastiques .entry-content a:hover,
article.domaine-theatre .entry-content a:hover,
article.domaine-danse .entry-content a:hover,
article.domaine-patrimoine .entry-content a:hover,
article.domaine-cinema .entry-content a:hover {
color: #000;
text-decoration: underline;
}