.aa-barre-haut {
font-family: var(--wp--preset--font-family--titres);
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.aa-barre-haut a { color: #fff; text-decoration: none; }
.aa-barre-haut a:hover { text-decoration: underline; }
.aa-barre-haut .wp-block-social-links .wp-social-link svg { width: 15px; height: 15px; }
.aa-slogan {
display: flex;
align-items: center;
gap: 1rem;
max-width: 560px;
margin-inline: auto !important;
}
.aa-slogan::before,
.aa-slogan::after {
content: "";
flex: 1;
border-top: 1px solid var(--wp--preset--color--trait);
}
.aa-nav-principale {
border-block: 1px solid var(--wp--preset--color--trait);
position: sticky;
top: 0;
z-index: 50;
background: #fff;
}
.admin-bar .aa-nav-principale { top: 32px; }
@media (max-width: 782px) { .admin-bar .aa-nav-principale { top: 0; } }
.aa-nav-principale .wp-block-navigation-item__content { padding-block: 0.25rem; }
.aa-nav-principale .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent); }
.aa-nav-principale .current-menu-item > a,
.aa-nav-principale .wp-block-navigation-item__content[aria-current] { color: var(--wp--preset--color--accent); } .aa-mobile-seulement { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open .aa-mobile-seulement { display: flex !important; }
@media (max-width: 781px) {
.aa-barre-haut .wp-block-navigation { display: none; }
.aa-barre-haut > .wp-block-group { justify-content: center !important; }
} .aa-nav-principale .wp-block-search__button { color: var(--wp--preset--color--texte); } .aa-bandeau {
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.aa-bandeau a { color: inherit; text-decoration: none; }
.aa-bandeau::after {
content: "";
position: absolute;
left: 50%;
bottom: -6px;
transform: translateX(-50%);
border: 6px solid transparent;
border-bottom: 0;
border-top-color: var(--aa-bandeau-fond, var(--wp--preset--color--accent));
}
.aa-bandeau.has-ciel-background-color { --aa-bandeau-fond: var(--wp--preset--color--ciel); } .aa-carte .wp-block-post-featured-image { overflow: hidden; border-radius: 4px; background: var(--wp--preset--color--ciel-pale); }
.aa-carte .wp-block-post-featured-image img { transition: transform 0.4s ease; }
.aa-carte:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.aa-carte .wp-block-post-title { margin-top: 0.75rem; } .aa-carte .aa-sans-image {
aspect-ratio: 4 / 3;
border-radius: 4px;
background: var(--wp--preset--color--ciel-pale) url(//www.asthme-allergies.info/wp-content/themes/aa-info/assets/logo.png) center / 60% no-repeat;
opacity: 0.6;
} .aa-une { position: relative; overflow: hidden; border-radius: 4px; height: 100%; }
.aa-une .wp-block-post-featured-image,
.aa-une .wp-block-post-featured-image a,
.aa-une .wp-block-post-featured-image img { height: 100%; margin: 0; }
.aa-une .wp-block-post-featured-image img { object-fit: cover; width: 100%; }
.aa-une .aa-une-texte {
position: absolute;
inset: auto 0 0 0;
padding: 2.5rem 1.25rem 1.25rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
color: #fff;
pointer-events: none;
}
.aa-une .aa-une-texte a { color: #fff; pointer-events: auto; }
.aa-une .wp-block-post-title { margin: 0.25rem 0 0; text-transform: uppercase; }
.aa-une-grande { aspect-ratio: 16 / 10; }
.aa-une-petite { aspect-ratio: 16 / 10.4; }
.aa-une-colonne > .wp-block-query > .wp-block-post-template { display: grid; gap: 10px; height: 100%; } .aa-liste .wp-block-post { padding-bottom: 1.5rem; border-bottom: 1px solid var(--wp--preset--color--trait); }
.aa-liste .wp-block-post:last-child { border-bottom: 0; }
@media (max-width: 600px) {
.aa-liste .wp-block-columns { gap: 0.75rem; }
} .aa-colonne .wp-block-categories {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.875rem;
}
.aa-colonne .wp-block-categories li {
padding: 0.55rem 0;
border-bottom: 1px solid var(--wp--preset--color--trait);
}
.aa-colonne .wp-block-categories a { color: var(--wp--preset--color--texte); text-decoration: none; }
.aa-colonne .wp-block-categories a:hover { color: var(--wp--preset--color--accent); } .wp-block-post-content img { height: auto; max-width: 100%; }
.wp-block-post-content .alignleft { float: left; margin: 0.4em 1.5em 1em 0; }
.wp-block-post-content .alignright { float: right; margin: 0.4em 0 1em 1.5em; }
.wp-block-post-content .aligncenter { display: block; margin-inline: auto; }
.wp-block-post-content .wp-caption { max-width: 100%; }
.wp-block-post-content .wp-caption-text,
.wp-block-post-content figcaption { font-size: 0.8125rem; color: var(--wp--preset--color--gris); text-align: center; }
.wp-block-post-content::after { content: ""; display: table; clear: both; }
.wp-block-post-content iframe { max-width: 100%; }
@media (max-width: 600px) {
.wp-block-post-content .alignleft,
.wp-block-post-content .alignright { float: none; margin: 1em auto; display: block; }
} .aa-pied a { color: #fff; }
.aa-pied a:hover { color: var(--wp--preset--color--ciel); }
.aa-pied-menu { font-size: 0.8125rem; }
.aa-pied-menu .wp-block-navigation-item__content { color: #ddd; } .aa-soutien { margin-block-start: 0 !important; } *, *::before, *::after { box-sizing: border-box; } .screen-reader-text + * { margin-block-start: 0 !important; } .aa-nav-principale .wp-block-search__button {
background: transparent;
color: var(--wp--preset--color--texte);
padding: 0.4rem;
}
.aa-nav-principale .wp-block-search__button:hover { color: var(--wp--preset--color--accent); }
.aa-nav-principale .wp-block-search__input { border: 1px solid var(--wp--preset--color--trait); border-radius: 4px; } .wp-block-post-terms a { text-decoration: none; }
.wp-block-post-terms a:hover { text-decoration: underline; } @media (min-width: 782px) {
.aa-une-colonne { position: relative; }
.aa-une-colonne > .wp-block-query { position: absolute; inset: 0; }
.aa-une-colonne .wp-block-post-template { height: 100%; grid-template-rows: 1fr 1fr; margin: 0; }
.aa-une-colonne .wp-block-post { min-height: 0; }
.aa-une-petite { aspect-ratio: auto; }
} .single .wp-block-post-featured-image img { max-height: 70vh; width: auto; margin-inline: auto; display: block; } .aa-colonne .wp-block-categories li { display: flex; justify-content: space-between; gap: 1rem; }
.aa-colonne .aa-nb { color: var(--wp--preset--color--gris); white-space: nowrap; flex-shrink: 0; } .wp-block-post-content [style*="box-sizing: content-box"] { box-sizing: border-box !important; }
.aa-une-colonne .wp-block-post-template > * { margin-block-start: 0; }
@media (max-width: 781px) {
.aa-une-grande .wp-block-post-title { font-size: 1.125rem !important; }
.aa-une .aa-une-texte { padding: 2rem 1rem 1rem; }
} .wpcf7 label { display: block; font-weight: 600; font-size: 0.9375rem; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
max-width: 560px;
margin-top: 0.35rem;
padding: 0.65rem 0.8rem;
font: inherit;
font-weight: 400;
border: 1px solid #c9c9c9;
border-radius: 4px;
background: #fff;
}
.wpcf7 textarea { min-height: 180px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus { outline: 2px solid var(--wp--preset--color--ciel); outline-offset: 1px; border-color: var(--wp--preset--color--ciel); }
.wpcf7 input[type="submit"] {
padding: 0.7rem 1.6rem;
font: inherit;
font-weight: 600;
color: #fff;
background: var(--wp--preset--color--accent);
border: 0;
border-radius: 4px;
cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--accent-fonce); }
.wpcf7-not-valid-tip { color: var(--wp--preset--color--accent-fonce); font-size: 0.8125rem; }
.wpcf7 form .wpcf7-response-output { margin: 1rem 0 0; padding: 0.75rem 1rem; border-radius: 4px; }