.eac-apropos main p { text-indent: 0; } .eac-apropos .structure-pages { gap: var(--spacing-md); }
.eac-apropos .structure-pages .page-fille {
border: 1px solid #e6e6e6;
border-top: 3px solid var(--site-principal-color);
border-radius: var(--radius-sm);
padding: var(--spacing-md);
}
.eac-apropos .structure-pages .page-fille::after { content: none; }
.eac-apropos .structure-pages .page-fille h3 { border: none; padding: 0; font-style: normal; }
.eac-apropos .structure-pages .featured-image { border-radius: var(--radius-sm); }
.eac-apropos .structure-pages .featured-image img { border: none; border-radius: var(--radius-sm); height: 16rem; } .eac-apropos article h2.wp-block-heading {
margin: var(--spacing-lg) 0 var(--spacing-md);
padding: 0 0 .6rem;
border-bottom: 2px solid var(--site-principal-color);
font-style: normal;
font-weight: 700;
font-size: var(--font-size-lg);
line-height: 1.35;
text-transform: uppercase;
letter-spacing: .04em;
} .eac-apropos .titre-equipe { margin: var(--spacing-md) 0 0; }
.eac-apropos .photo-equipe { margin: var(--spacing-md) auto; }
.eac-apropos .photo-equipe img {
border-radius: var(--radius-md) !important;
border: none !important;
box-shadow: var(--shadow-card);
} .eac-apropos .equipe-bloc {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
gap: var(--spacing-md);
align-items: start;
}
.eac-apropos .equipe-bloc > .wp-block-column { flex-basis: auto !important; margin: 0; }
.eac-apropos .equipe-bloc figure { margin: 0; }
.eac-apropos .equipe-bloc img {
width: 100%;
height: auto;
border: 1px solid #e6e6e6;
border-radius: var(--radius-sm);
}
.equipe-fiches { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.equipe-fiche {
display: grid;
grid-template-columns: 4.6rem 1fr auto;
align-items: center;
gap: var(--spacing-sm);
padding: .7rem var(--spacing-sm);
background: #fff;
border: 1px solid #e6e6e6;
border-radius: var(--radius-sm);
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.equipe-fiche:hover { border-color: var(--site-principal-color); box-shadow: var(--shadow-light); }
.equipe-repere { display: flex; justify-content: center; }
.eac-apropos .equipe-repere img {
width: 3.6rem !important;
height: auto;
border: none !important;
border-radius: 0;
}
.equipe-nom { font-weight: 600; color: #2b2a33; line-height: 1.3; }
.equipe-ecrire {
padding: .4rem 1rem;
border-radius: var(--radius-sm);
border: 1px solid var(--site-principal-color);
color: var(--site-principal-color) !important;
font-size: var(--font-size-sm);
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: background var(--transition-fast), color var(--transition-fast);
}
.equipe-ecrire:hover { background: var(--site-principal-color); color: #fff !important; } .eac-apropos article p.has-text-align-center { margin: .4rem 0; }
.eac-apropos .equipe-experts {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
gap: var(--spacing-md);
margin: 0 0 var(--spacing-sm);
}
.eac-apropos .equipe-experts > .wp-block-column {
flex-basis: auto !important;
margin: 0;
padding: var(--spacing-sm) var(--spacing-md);
background: #fff;
border: 1px solid #e6e6e6;
border-top: 3px solid var(--site-principal-color);
border-radius: var(--radius-sm);
}
.eac-apropos .equipe-experts h3 {
margin: 0 0 .6rem;
padding: 0;
border: none;
font-style: normal;
font-size: var(--font-size-base);
text-transform: uppercase;
letter-spacing: .06em;
color: var(--site-principal-color);
} .apropos-chapeau {
margin: var(--spacing-md) 0;
padding: var(--spacing-md);
border-left: .4rem solid var(--site-principal-color);
background: #fff;
font-size: var(--font-size-lg);
line-height: 1.7;
color: #2b2a33;
}
.apropos-lien { text-align: center; margin: var(--spacing-md) 0 !important; }
.apropos-bouton {
display: inline-block;
padding: .7rem 1.6rem;
border-radius: var(--radius-sm);
background: var(--site-principal-color);
color: #fff !important;
font-weight: 600;
text-decoration: none;
}
.apropos-bouton:hover { filter: brightness(1.15); }
.apropos-visuel { margin: var(--spacing-md) 0; }
.apropos-visuel img {
width: 100%;
height: auto;
border: 1px solid #e6e6e6;
border-radius: var(--radius-sm);
}
@media (max-width: 768px) {
.eac-apropos .equipe-bloc { grid-template-columns: 1fr; }
.eac-apropos .equipe-bloc img { max-width: 36rem; margin: 0 auto; display: block; }
}
@media (max-width: 480px) {
.equipe-fiche { grid-template-columns: 3.6rem 1fr; }
.equipe-ecrire { grid-column: 2; justify-self: start; }
} .eac-apropos p.equipe-contact {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .6rem 1rem;
margin: 0 0 var(--spacing-md) !important;
padding: var(--spacing-sm) var(--spacing-md);
background: #fff;
border: 1px solid #e6e6e6;
border-left: .4rem solid var(--site-principal-color);
border-radius: var(--radius-sm);
}
.eac-apropos p.equipe-contact a {
padding: .5rem 1.3rem;
border-radius: var(--radius-sm);
background: var(--site-principal-color);
color: #fff !important;
font-weight: 600;
text-decoration: none;
}
.eac-apropos p.equipe-contact a::before { content: "✉ "; }
.eac-apropos p.equipe-contact a:hover { filter: brightness(1.15); } .eac-zoom { position: relative; display: block; cursor: zoom-in; }
.eac-zoom-loupe {
position: absolute; right: .8rem; bottom: .8rem;
padding: .3rem .9rem; border-radius: var(--radius-sm);
background: rgba(255,255,255,.92); box-shadow: var(--shadow-light);
color: var(--site-principal-color); font-size: var(--font-size-sm); font-weight: 600;
opacity: .85; transition: opacity var(--transition-fast);
}
.eac-zoom:hover .eac-zoom-loupe, .eac-zoom:focus .eac-zoom-loupe { opacity: 1; }
.eac-visionneuse {
max-width: 96vw; max-height: 96vh; padding: 0; border: none;
border-radius: var(--radius-sm); background: #fff; overflow: auto;
}
.eac-visionneuse::backdrop { background: rgba(20,20,30,.8); }
.eac-visionneuse img { display: block; max-width: 94vw; max-height: 92vh; width: auto; height: auto; margin: 0 auto; cursor: zoom-out; }
.eac-visionneuse-fermer {
position: sticky; top: .6rem; float: right; margin: .6rem .6rem -3rem 0; z-index: 1;
width: 3.6rem; height: 3.6rem; border: none; border-radius: 50%;
background: var(--site-principal-color); color: #fff; font-size: 1.8rem; cursor: pointer;
}