/* HOA-ARTICLE-7 : tailles equilibrees (illustration 560 px max, lecteurs YouTube 480 px max, pochette de playlist 400 px max), centrees */
/* HOA-ARTICLE-6 : contenu sur toute la largeur de la carte ; */
/* HOA-ARTICLE-5 : la carte de texte est une section standard (même retrait que le bandeau, le menu et le bloc community) ; une colonne ; illustration entière */
.hoa-detail{max-width:none}
.hoa-body{display:block!important;column-count:1!important;columns:auto!important;max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.hoa-body .hoa-illustration{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:auto;border-radius:14px;margin:0 auto 22px}
.hoa-body p,.hoa-body h2,.hoa-body h3,.hoa-body ul,.hoa-body ol{max-width:none}
.hoa-body p{line-height:1.8;margin:1.05em 0}
.hoa-body h2{margin:1.5em 0 .5em}
.hoa-body a{color:#ffca53}
.hoa-body iframe,.hoa-body video{display:block;width:100%;max-width:560px;aspect-ratio:16/9;border:0;border-radius:10px;margin:18px auto}
.hoa-body .hoa-playlist-cover{display:block;position:relative;width:100%;max-width:420px;margin:18px auto;border-radius:12px;overflow:hidden;text-decoration:none}
.hoa-body .hoa-playlist-cover img{display:block;width:100%;height:auto}
.hoa-body .hoa-playlist-cover span{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:rgba(8,6,12,.78);color:#fff;font-size:.9rem}
.hoa-wallmenu .filters a.filter{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:inherit}
/* HOA-ARTICLE-8 : colonne de lecture centree (760 px), illustration 640 px, video 560 px, pochette de playlist 420 px */
.hoa-body>p,.hoa-body>h2,.hoa-body>h3,.hoa-body>ul,.hoa-body>ol{max-width:760px;margin-left:auto;margin-right:auto}
/* HOA-ARTICLE-9 : lien final vers la playlist YouTube (articles playlist) */
.hoa-body .hoa-playlist-link{text-align:center;font-weight:600;margin:30px auto 10px}
/* HOA-ARTICLE-10 : la pochette de playlist a la meme largeur que l'illustration (640 px max), centree ; regles verrouillees */
.hoa-body a.hoa-playlist-cover{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:640px!important;margin:18px auto!important;float:none!important}
.hoa-body a.hoa-playlist-cover img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9;object-fit:cover}
/* HOA-ARTICLE-11 : meme largeur (640 px max, centree) pour l'illustration de l'article, la pochette de playlist et les lecteurs YouTube */
.hoa-body img.hoa-illustration,.hoa-body a.hoa-playlist-cover,.hoa-body iframe{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;float:none!important}
.hoa-body img.hoa-illustration{height:auto!important}
.hoa-body iframe{height:auto!important;aspect-ratio:16/9!important;border:0}
/* HOA-TEAM-CSS-V1 : trombinoscope dans la colonne de texte */
.hoa-body>.afteam-grid{box-sizing:border-box;width:100%;max-width:760px!important;margin:18px auto!important;grid-template-columns:repeat(3,1fr)!important}
@media(max-width:620px){.hoa-body>.afteam-grid{grid-template-columns:repeat(2,1fr)!important}}
/* HOA-TEAM-CSS-V2 : trombinoscope, derniere rangee centree */
.hoa-body>.afteam-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px}
.hoa-body>.afteam-grid>.afteam-card{flex:0 0 calc((100% - 28px)/3);width:auto;box-sizing:border-box}
@media(max-width:620px){.hoa-body>.afteam-grid>.afteam-card{flex:0 0 calc((100% - 14px)/2)}}
