#v3_toast { z-index:1300 }

.forum_page {
width:min(1100px, 100% - 2*var(--gouttiere));
margin:0 auto;
padding:30px 0 60px
}

.forum_hero {
background:var(--marine);
border-radius:var(--rayon);
box-shadow:var(--ombre);
text-align:center;
margin:0 0 34px;
padding:42px 24px 36px
}

.forum_hero h1 {
font-size:clamp(28px, 4.2vw, 44px);
font-family:var(--fonteTitre);
text-transform:uppercase;
color:var(--blanc);
letter-spacing:1.5px;
margin:0 0 10px
}

.forum_hero h1::after {
display:block;
content:"";
width:64px;
height:4px;
background:linear-gradient(90deg, var(--or), var(--orClair));
border-radius:2px;
margin:14px auto 0
}

.forum_hero p {
max-width:640px;
color:color-mix(in srgb, var(--papier) 82%, var(--marine));
line-height:1.55;
margin:0 auto
}

.forum_ariane {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
font-size:14px;
color:var(--gris);
margin:0 0 18px
}

.forum_ariane a {
text-decoration:none;
color:var(--gris);
transition:color var(--transition)
}

.forum_ariane a:hover { color:var(--marine) }

.forum_ariane b { color:var(--marine) }

.forum_enTete {
background:var(--marine);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 24px;
padding:24px 28px
}

.forum_enTete h1 {
display:flex;
align-items:center;
gap:14px;
font-size:clamp(24px, 3.4vw, 34px);
font-family:var(--fonteTitre);
text-transform:uppercase;
color:var(--blanc);
letter-spacing:1px;
margin:0 0 6px
}

.forum_enTete h1 i {
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
background:var(--or);
border-radius:50%;
font-size:22px;
color:var(--marine);
flex-shrink:0
}

.forum_enTete p {
color:color-mix(in srgb, var(--papier) 72%, var(--marine));
line-height:1.5;
margin:0
}

.forum_chauds { margin:0 0 36px }

.forum_chauds h2 {
display:flex;
align-items:center;
gap:8px;
font-size:22px;
font-family:var(--fonteTitre);
text-transform:uppercase;
color:var(--marine);
letter-spacing:.5px;
margin:0 0 14px
}

.forum_chauds h2 i {
background:linear-gradient(180deg, var(--orClair), var(--or));
-webkit-background-clip:text;
background-clip:text;
color:transparent
}

.forum_chaudsListe {
display:grid;
grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
gap:12px
}

.forum_chaud {
position:relative;
display:flex;
flex-direction:column;
gap:5px;
overflow:hidden;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
text-decoration:none;
transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);
padding:14px 16px 14px 20px
}

.forum_chaud::before {
position:absolute;
content:"";
width:4px;
height:100%;
background:linear-gradient(180deg, var(--orClair), var(--or));
top:0;
left:0
}

.forum_chaud:hover {
border-color:color-mix(in srgb, var(--or) 45%, var(--ligne));
box-shadow:var(--ombre);
transform:translateY(-2px)
}

.forum_chaudTitre {
overflow:hidden;
font-weight:700;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis
}

.forum_chaudMeta {
font-size:13px;
color:var(--gris)
}

.forum_categories {
display:flex;
flex-direction:column;
gap:16px
}

.forum_carte {
position:relative;
overflow:hidden;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);
padding:20px 22px
}

.forum_carte::before {
position:absolute;
content:"";
width:180px;
height:3px;
background:linear-gradient(90deg, var(--or), var(--orClair), transparent);
top:0;
left:0
}

.forum_carte:hover {
border-color:color-mix(in srgb, var(--or) 40%, var(--ligne));
box-shadow:var(--ombreHaut);
transform:translateY(-2px)
}

.forum_carteLien {
display:flex;
align-items:center;
gap:18px;
text-decoration:none
}

.forum_carteIcone {
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-radius:var(--rayonPetit);
font-size:23px;
color:var(--or);
flex-shrink:0
}

.forum_carteTexte {
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
flex:1
}

.forum_carteNom {
font-size:22px;
font-weight:700;
font-family:var(--fonteTitre);
color:var(--marine);
letter-spacing:.3px
}

.forum_carteDesc {
font-size:14px;
color:var(--gris);
line-height:1.45
}

.forum_carteCompteurs {
display:grid;
grid-template-columns:auto auto;
gap:3px 7px;
font-size:13px;
text-align:right;
color:var(--gris);
flex-shrink:0
}

.forum_carteCompteurs b {
font-size:15px;
color:var(--marine)
}

.forum_chips {
display:flex;
flex-wrap:wrap;
gap:7px;
margin:15px 0 0
}

.forum_chip {
background:var(--papier);
border:1px solid var(--ligne);
border-radius:20px;
font-size:13px;
text-decoration:none;
color:var(--encre);
transition:background var(--transition), border-color var(--transition), color var(--transition);
padding:6px 13px
}

.forum_chip:hover {
background:color-mix(in srgb, var(--or) 14%, var(--blanc));
border-color:var(--or);
color:var(--marine)
}

.forum_carteDernier {
display:flex;
align-items:center;
gap:10px;
overflow:hidden;
border-top:1px solid var(--ligne);
font-size:13px;
color:var(--gris);
margin:15px 0 0;
padding:13px 0 0
}

.forum_carteDernier a {
overflow:hidden;
text-decoration:none;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis;
flex:1
}

.forum_carteDernier a:hover { color:var(--marine) }

.forum_carteDernier time { flex-shrink:0 }

.forum_stats {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px 32px;
background:linear-gradient(135deg, var(--marine), var(--marineProfond));
border-radius:var(--rayon);
box-shadow:var(--ombre);
font-size:14px;
color:color-mix(in srgb, var(--papier) 78%, var(--marine));
margin:36px 0 0;
padding:20px 24px
}

.forum_stats b {
font-size:16px;
color:var(--or)
}

.forum_sousCats {
display:flex;
flex-direction:column;
overflow:hidden;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 26px
}

.forum_sousCat {
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:4px 18px;
border-bottom:1px solid var(--ligne);
text-decoration:none;
transition:background var(--transition);
padding:15px 20px
}

.forum_sousCat:last-child { border-bottom:none }

.forum_sousCat:hover { background:color-mix(in srgb, var(--papier) 65%, var(--blanc)) }

.forum_sousCatTexte {
display:flex;
flex-direction:column;
gap:3px;
min-width:0
}

.forum_sousCatNom {
font-size:16px;
font-weight:700;
color:var(--marine)
}

.forum_sousCat:hover .forum_sousCatNom { color:color-mix(in srgb, var(--or) 55%, var(--marine)) }

.forum_sousCatDesc {
font-size:13px;
color:var(--gris)
}

.forum_sousCatCompteurs {
display:grid;
grid-template-columns:auto auto;
gap:3px 7px;
font-size:13px;
text-align:right;
color:var(--gris);
justify-self:end
}

.forum_sousCatCompteurs b {
font-size:15px;
color:var(--marine)
}

.forum_sousCatDernier {
display:flex;
grid-column:1 / -1;
align-items:center;
gap:7px;
overflow:hidden;
background:color-mix(in srgb, var(--papier) 70%, var(--blanc));
border-radius:var(--rayonPetit);
font-size:11px;
color:var(--gris);
margin:7px 0 0;
padding:5px 10px
}

.forum_sousCatDernier::before {
content:"\21B3";
font-size:12px;
color:color-mix(in srgb, var(--gris) 55%, var(--papier))
}

.forum_sousCatDernier .avatar_photo,
.forum_sousCatDernier .avatar_initiale {
display:flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
border-radius:50%;
font-size:10px
}

.forum_sousCatDernier span {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}

.forum_sousCatDernier time {
margin-left:auto;
flex-shrink:0
}

.forum_derniers {
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 26px;
padding:18px 20px
}

.forum_derniers h2 {
font-size:19px;
font-family:var(--fonteTitre);
text-transform:uppercase;
color:var(--marine);
letter-spacing:.5px;
margin:0 0 10px
}

.forum_dernier {
display:flex;
align-items:baseline;
justify-content:space-between;
gap:14px;
overflow:hidden;
border-bottom:1px solid var(--ligne);
text-decoration:none;
padding:9px 0
}

.forum_dernier:last-child { border-bottom:none }

.forum_dernier span {
overflow:hidden;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis
}

.forum_dernier:hover span { color:var(--marine) }

.forum_dernier small {
font-size:12px;
color:var(--gris);
white-space:nowrap;
flex-shrink:0
}

.forum_filtres {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 18px;
padding:13px 15px
}

.forum_filtres input[type="search"] {
min-width:220px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:16px;
transition:border-color var(--transition), background var(--transition);
flex:1;
padding:10px 14px
}

.forum_filtres input[type="search"]:focus {
background:var(--blanc);
border-color:var(--or)
}

.forum_filtres select {
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:14px;
color:var(--encre);
cursor:pointer;
transition:border-color var(--transition);
padding:10px 12px
}

.forum_filtres select:hover { border-color:var(--or) }

.forum_filtreCase {
display:flex;
align-items:center;
gap:6px;
font-size:14px;
color:var(--encre);
cursor:pointer
}

.forum_filtreCase input { accent-color:var(--or) }

.forum_btnLoupe {
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border:none;
border-radius:var(--rayonPetit);
color:var(--blanc);
cursor:pointer;
transition:transform var(--transition), box-shadow var(--transition)
}

.forum_btnLoupe:hover { transform:translateY(-1px) }

.forum_btnOr {
display:inline-flex;
align-items:center;
gap:8px;
background:linear-gradient(180deg, var(--orClair), var(--or));
border:none;
border-radius:var(--rayonPetit);
font-size:15px;
font-weight:700;
color:var(--marine);
cursor:pointer;
transition:transform var(--transition), box-shadow var(--transition);
padding:11px 20px
}

.forum_btnOr:hover { transform:translateY(-1px) }

.forum_topics {
display:flex;
flex-direction:column;
overflow:hidden;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre)
}

.forum_topic {
display:flex;
align-items:center;
gap:16px;
border-bottom:1px solid var(--ligne);
text-decoration:none;
transition:background var(--transition);
padding:16px 20px
}

.forum_topic:last-child { border-bottom:none }

.forum_topic:hover { background:color-mix(in srgb, var(--papier) 65%, var(--blanc)) }

.forum_topicEpingle {
background:color-mix(in srgb, var(--or) 7%, var(--blanc));
box-shadow:inset 3px 0 0 var(--or)
}

.forum_topicTexte {
display:flex;
flex-direction:column;
gap:7px;
min-width:0;
flex:1
}

.forum_topicTitre {
overflow:hidden;
font-size:15px;
font-weight:700;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis
}

.forum_topic:hover .forum_topicTitre { color:var(--marine) }

.forum_topicTitre i {
font-size:12px;
color:var(--or)
}

.forum_topicMeta {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 8px;
font-size:12px;
color:var(--gris)
}

.forum_prefixe {
display:inline-block;
background:var(--blanc);
border:1px solid color-mix(in srgb, var(--marine) 28%, var(--blanc));
border-radius:4px;
font-size:10px;
font-weight:700;
text-transform:uppercase;
color:var(--marine);
letter-spacing:.6px;
margin:0 6px 0 0;
padding:2px 7px
}

.forum_tag {
display:inline-block;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:12px;
font-size:11px;
color:var(--gris);
padding:2px 9px
}

.forum_topicCompteurs {
display:grid;
grid-template-columns:auto auto;
gap:3px 7px;
font-size:13px;
text-align:right;
color:var(--gris);
flex-shrink:0
}

.forum_topicCompteurs b {
font-size:15px;
color:var(--marine)
}

.forum_topicDernier {
display:flex;
align-items:center;
gap:8px;
width:130px;
font-size:12px;
color:var(--gris);
flex-shrink:0
}

.forum_pagination {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:6px;
margin:22px 0 0
}

.forum_pagination a,
.forum_pagination b,
.forum_pagination span {
display:flex;
align-items:center;
justify-content:center;
min-width:38px;
height:38px;
border-radius:var(--rayonPetit);
font-size:14px;
text-decoration:none;
padding:0 8px
}

.forum_pagination a {
background:var(--blanc);
border:1px solid var(--ligne);
color:var(--encre);
transition:border-color var(--transition), transform var(--transition)
}

.forum_pagination a:hover {
border-color:var(--or);
transform:translateY(-1px)
}

.forum_pagination b {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
box-shadow:0 4px 10px rgba(30, 32, 66, .25);
color:var(--or)
}

.forum_pagination span { color:var(--gris) }

.forum_vide {
background:var(--blanc);
border:1px dashed color-mix(in srgb, var(--or) 40%, var(--ligne));
border-radius:var(--rayon);
text-align:center;
color:var(--gris);
padding:48px 20px
}

.forum_videTitre {
font-size:20px;
font-weight:700;
font-family:var(--fonteTitre);
color:var(--marine);
margin:0 0 6px
}

.forum_prive {
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
text-align:center;
color:var(--gris);
margin:0 0 26px;
padding:48px 20px
}

.forum_priveTitre {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
font-size:20px;
font-weight:700;
font-family:var(--fonteTitre);
color:var(--marine);
margin:0 0 6px
}

.forum_prive .forum_btnOr { margin:16px 0 0 }

.forum_chargement {
opacity:.5;
pointer-events:none;
transition:opacity var(--transition)
}

.forum_pageSujet .forum_sujetTitre {
background:var(--marine);
border-radius:var(--rayon);
box-shadow:var(--ombre);
margin:0 0 24px;
padding:22px 26px
}

.forum_sujetTitre h1 {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
font-size:clamp(22px, 3.2vw, 32px);
font-family:var(--fonteTitre);
color:var(--blanc);
letter-spacing:.5px;
margin:0 0 10px
}

.forum_sujetTitre h1 i {
font-size:18px;
color:var(--or)
}

.forum_sujetTitre .forum_prefixe {
background:var(--or);
border:none;
color:var(--marine)
}

.forum_sujetTitre .forum_sujetMeta { color:color-mix(in srgb, var(--papier) 65%, var(--marine)) }

.forum_sujetTitre .forum_tag {
background:transparent;
border-color:color-mix(in srgb, var(--papier) 30%, var(--marine));
color:color-mix(in srgb, var(--papier) 72%, var(--marine))
}

.forum_sujetTitre .forum_btnAbonner {
background:transparent;
border-color:color-mix(in srgb, var(--papier) 30%, var(--marine));
color:color-mix(in srgb, var(--papier) 80%, var(--marine))
}

.forum_sujetTitre .forum_btnAbonner:hover { border-color:var(--or) }

.forum_sujetTitre .forum_btnAbonner.estActif {
background:var(--or);
border-color:var(--or);
color:var(--marine)
}

.forum_sujetMeta {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
font-size:13px;
color:var(--gris);
margin:0
}

.forum_btnAbonner {
display:inline-flex;
align-items:center;
gap:6px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:20px;
font-size:13px;
color:var(--gris);
cursor:pointer;
transition:border-color var(--transition), color var(--transition), background var(--transition);
padding:6px 14px
}

.forum_btnAbonner:hover { border-color:var(--or) }

.forum_btnAbonner.estActif {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-color:var(--marine);
color:var(--or)
}

.forum_messages {
display:flex;
flex-direction:column;
gap:16px
}

.forum_message {
display:flex;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayon);
box-shadow:var(--ombre);
content-visibility:auto;
contain-intrinsic-size:auto 220px
}

.forum_message:target {
border-color:var(--or);
box-shadow:var(--ombreHaut)
}

.forum_messageMasque { opacity:.45 }

.forum_auteur {
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
width:200px;
background:linear-gradient(180deg, var(--blanc), var(--papier) 70%);
border-right:1px solid var(--ligne);
border-radius:var(--rayon) 0 0 var(--rayon);
text-align:center;
flex-shrink:0;
padding:22px 14px
}

.forum_auteurAvatar {
background:none;
border:none;
cursor:pointer;
padding:0
}

.forum_auteurAvatar .avatar_photo,
.forum_auteurAvatar .avatar_initiale {
display:flex;
align-items:center;
justify-content:center;
width:64px;
height:64px;
border-radius:50%;
box-shadow:0 0 0 3px var(--blanc), 0 0 0 5px var(--or);
font-size:24px
}

.forum_auteurInfos {
display:flex;
flex-direction:column;
align-items:center;
gap:7px;
width:100%;
min-width:0
}

.forum_auteurPseudo {
max-width:100%;
overflow:hidden;
font-size:17px;
font-weight:700;
font-family:var(--fonteTitre);
color:var(--marine);
white-space:nowrap;
text-overflow:ellipsis;
letter-spacing:.3px
}

.forum_auteurRang {
display:inline-flex;
align-items:center;
gap:5px;
background:color-mix(in srgb, var(--or) 16%, var(--blanc));
border:1px solid color-mix(in srgb, var(--or) 45%, var(--blanc));
border-radius:20px;
font-size:11px;
font-weight:700;
color:color-mix(in srgb, var(--or) 55%, var(--encre));
padding:3px 11px
}

.forum_auteurDetail {
display:flex;
flex-direction:column;
gap:6px;
width:100%;
margin:6px 0 0
}

.forum_auteurDetail span {
display:flex;
align-items:center;
gap:8px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:11px;
text-align:left;
color:var(--gris);
padding:6px 10px
}

.forum_auteurDetail span b {
color:var(--marine);
margin-left:auto
}

.forum_auteurDetail i {
width:14px;
text-align:center;
color:var(--or)
}

.forum_messageCorps {
display:flex;
flex-direction:column;
min-width:0;
flex:1;
padding:18px 22px
}

.forum_messageDate {
display:flex;
flex-wrap:wrap;
gap:10px;
border-bottom:1px solid var(--ligne);
font-size:12px;
color:var(--gris);
margin:0 0 14px;
padding:0 0 10px
}

.forum_messageContenu {
overflow-wrap:anywhere;
font-size:15px;
color:var(--encre);
line-height:1.65;
flex:1
}

.forum_messageContenu mark {
background:color-mix(in srgb, var(--or) 30%, var(--blanc));
border-radius:3px;
padding:0 3px
}

.forum_messageContenu a { color:var(--marine) }

.forum_citation {
background:var(--papier);
border-left:3px solid var(--or);
border-radius:0 var(--rayonPetit) var(--rayonPetit) 0;
font-size:14px;
margin:0 0 12px;
padding:10px 14px
}

.forum_citationDe {
display:block;
font-size:12px;
font-weight:700;
text-decoration:none;
color:var(--marine);
margin:0 0 4px
}

.forum_carteStade {
display:inline-flex;
align-items:center;
gap:8px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
text-decoration:none;
color:var(--marine);
transition:border-color var(--transition);
margin:4px 4px 4px 0;
padding:6px 12px
}

.forum_carteStade:hover { border-color:var(--or) }

.forum_carteStade i { color:var(--or) }

.forum_carteStade small { color:var(--gris) }

.forum_messageActions {
display:flex;
flex-wrap:wrap;
gap:14px;
border-top:1px dashed var(--ligne);
margin:16px 0 0;
padding:11px 0 0
}

.forum_messageActions button {
display:inline-flex;
align-items:center;
gap:5px;
background:none;
border:none;
font-size:13px;
color:var(--gris);
cursor:pointer;
transition:color var(--transition);
padding:0
}

.forum_messageActions button:hover { color:var(--marine) }

.forum_ferme {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayon);
color:var(--gris);
margin:20px 0 0;
padding:16px
}

.forum_repondreBarre {
display:flex;
justify-content:center;
margin:24px 0 0
}

.forum_composer {
position:fixed;
display:flex;
z-index:1200;
align-items:flex-end;
justify-content:center;
background:rgba(20, 21, 46, .55);
opacity:0;
top:0;
right:0;
bottom:0;
left:0;
transition:opacity var(--transition);
padding:20px
}

.forum_composer.estVisible { opacity:1 }

.forum_composerBoite {
width:100%;
max-width:760px;
max-height:min(84vh, 84dvh);
overflow-y:auto;
background:var(--blanc);
border-radius:var(--rayon) var(--rayon) 0 0;
box-shadow:var(--ombreHaut);
transform:translateY(24px);
transition:transform var(--transition);
padding:18px 20px calc(18px + var(--forum-clavier, 0px))
}

.forum_composer.estVisible .forum_composerBoite { transform:none }

.forum_composerForm {
display:flex;
flex-direction:column;
gap:10px
}

.forum_pot {
position:absolute;
width:1px;
height:1px;
opacity:0;
left:-9999px;
pointer-events:none
}

.forum_composerTitre {
width:100%;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:16px;
font-weight:700;
transition:border-color var(--transition);
padding:12px 14px
}

.forum_composerTitre:focus { border-color:var(--or) }

.forum_composerPrefixe {
align-self:flex-start;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:14px;
padding:9px 12px
}

.forum_composerTags {
display:flex;
flex-wrap:wrap;
gap:6px;
max-height:96px;
overflow-y:auto
}

.forum_tagChoix { cursor:pointer }

.forum_tagChoix input {
position:absolute;
opacity:0;
pointer-events:none
}

.forum_tagChoix span {
display:inline-block;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:14px;
font-size:12px;
color:var(--gris);
transition:background var(--transition), color var(--transition), border-color var(--transition);
padding:4px 11px
}

.forum_tagChoix input:checked + span {
background:linear-gradient(160deg, var(--marine), var(--marineClair));
border-color:var(--marine);
color:var(--or)
}

.forum_toolbar {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px
}

.forum_toolbar button {
display:flex;
align-items:center;
justify-content:center;
min-width:40px;
height:40px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:15px;
color:var(--encre);
cursor:pointer;
transition:border-color var(--transition);
padding:0 10px
}

.forum_toolbar button:hover { border-color:var(--or) }

.forum_toolbarSep { flex:1 }

.forum_btnApercu {
font-size:14px !important;
color:var(--gris) !important
}

.forum_btnEnvoyer {
background:linear-gradient(180deg, var(--orClair), var(--or)) !important;
border-color:var(--or) !important;
font-weight:700;
color:var(--marine) !important;
padding:0 20px !important
}

.forum_markIco {
background:color-mix(in srgb, var(--or) 35%, var(--blanc));
border-radius:3px;
padding:0 4px
}

.forum_composerTexte {
width:100%;
min-height:150px;
background:var(--papier);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
font-size:16px;
font-family:var(--fonteTexte);
line-height:1.55;
resize:vertical;
transition:border-color var(--transition);
padding:12px 14px
}

.forum_composerTexte:focus { border-color:var(--or) }

.forum_composerApercu {
background:var(--papier);
border:1px dashed var(--ligne);
border-radius:var(--rayonPetit);
line-height:1.6;
padding:12px 14px
}

.forum_composerMeta {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
font-size:12px;
color:var(--gris);
margin:0
}

.forum_composerNote { flex:1 }

.forum_btnFermer {
background:none;
border:none;
font-size:13px;
text-decoration:underline;
color:var(--gris);
cursor:pointer;
padding:0
}

.forum_chercheStade { position:relative }

.forum_chercheStade input {
width:100%;
background:var(--papier);
border:1px solid var(--or);
border-radius:var(--rayonPetit);
font-size:16px;
padding:10px 14px
}

.forum_chercheStade ul {
position:absolute;
z-index:10;
width:100%;
max-height:220px;
overflow-y:auto;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
box-shadow:var(--ombre);
list-style:none;
top:calc(100% + 4px);
left:0;
margin:0;
padding:0
}

.forum_chercheStade li {
border-bottom:1px solid var(--ligne);
font-size:14px;
cursor:pointer;
padding:10px 14px
}

.forum_chercheStade li:last-child { border-bottom:none }

.forum_chercheStade li:hover { background:var(--papier) }

body.forum_composerOuvert { overflow:hidden }

@media (prefers-reduced-motion: reduce) {

	.forum_chaud,
	.forum_carte,
	.forum_btnOr,
	.forum_btnLoupe,
	.forum_pagination a,
	.forum_composer,
	.forum_composerBoite { transition:none }

	.forum_chaud:hover,
	.forum_carte:hover,
	.forum_btnOr:hover,
	.forum_btnLoupe:hover,
	.forum_pagination a:hover { transform:none }
}

@media (max-width: 900px) {

	.forum_topicDernier { display:none }
}

@media (max-width: 768px) {

	.forum_page { padding:20px 0 50px }

	.forum_hero { padding:34px 18px 30px }

	.forum_carteLien { gap:12px }

	.forum_carteIcone {
	width:46px;
	height:46px;
	font-size:19px
	}

	.forum_carteCompteurs { display:none }

	.forum_sousCatCompteurs { display:none }

	.forum_topicCompteurs {
	grid-template-columns:auto;
	gap:0
	}

	.forum_filtres select { flex:1 }

	.forum_message { flex-direction:column }

	.forum_auteur {
	flex-direction:row;
	width:100%;
	background:linear-gradient(90deg, var(--blanc), var(--papier));
	border-right:none;
	border-bottom:1px solid var(--ligne);
	border-radius:var(--rayon) var(--rayon) 0 0;
	text-align:left;
	padding:12px 16px
	}

	.forum_auteurAvatar .avatar_photo,
	.forum_auteurAvatar .avatar_initiale {
	width:44px;
	height:44px;
	box-shadow:0 0 0 2px var(--blanc), 0 0 0 4px var(--or);
	font-size:18px
	}

	.forum_auteurInfos {
	flex-direction:row;
	align-items:center;
	gap:8px;
	flex-wrap:wrap
	}

	.forum_auteurPseudo { font-size:15px }

	.forum_auteurDetail {
	display:none;
	width:100%;
	margin:0
	}

	.forum_auteur.estOuvert .forum_auteurDetail {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:6px
	}

	.forum_auteur.estOuvert .forum_auteurDetail span { flex:0 1 auto }

	.forum_composer { padding:0 }

	.forum_composerBoite {
	max-height:100dvh;
	height:100dvh;
	border-radius:0
	}

	.forum_composerTexte { min-height:180px }
}

#forumHome { scroll-margin-top:80px }

.forumHome_grille {
display:grid;
grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);
gap:clamp(16px, 2.5vw, 28px)
}

.forumHome_sousTitre {
display:flex;
align-items:center;
gap:8px;
text-transform:uppercase;
font-size:13px;
font-weight:700;
letter-spacing:.6px;
color:var(--gris);
margin:0 0 10px
}

.forumHome_sousTitre i { color:var(--or) }

.forumHome_sujet {
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:4px 10px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:var(--rayonPetit);
box-shadow:var(--ombre);
text-decoration:none;
transition:border-color var(--transition), transform var(--transition);
margin:0 0 8px;
padding:12px 14px
}

.forumHome_sujet:hover {
border-color:color-mix(in srgb, var(--or) 45%, var(--ligne));
transform:translateY(-1px)
}

.forumHome_sujetChaud { box-shadow:inset 3px 0 0 var(--or), var(--ombre) }

.forumHome_sujetTitre {
overflow:hidden;
width:100%;
font-size:14.5px;
font-weight:700;
color:var(--encre);
white-space:nowrap;
text-overflow:ellipsis
}

.forumHome_sujet:hover .forumHome_sujetTitre { color:var(--marine) }

.forumHome_sujetMeta {
overflow:hidden;
font-size:12px;
color:var(--gris);
white-space:nowrap;
text-overflow:ellipsis;
flex:1
}

.forumHome_sujet b {
background:var(--papier);
border-radius:10px;
font-size:11px;
font-weight:700;
color:var(--gris);
flex-shrink:0;
padding:3px 9px
}

.forumHome_categories {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin:18px 0 0
}

.forumHome_categoriesLabel {
text-transform:uppercase;
font-size:12px;
font-weight:700;
letter-spacing:.6px;
color:var(--gris)
}

.forumHome_chip {
display:inline-flex;
align-items:center;
gap:8px;
background:var(--blanc);
border:1px solid var(--ligne);
border-radius:20px;
text-decoration:none;
font-size:13px;
font-weight:600;
color:var(--marine);
transition:border-color var(--transition), transform var(--transition);
padding:7px 14px
}

.forumHome_chip:hover {
border-color:var(--or);
transform:translateY(-1px)
}

.forumHome_chip i { color:var(--or) }

.forumHome_chip b {
font-size:11px;
font-weight:700;
color:var(--gris)
}

.forumHome_pied {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:12px;
margin:20px 0 0
}

.forumHome_stats {
display:flex;
flex-wrap:wrap;
gap:8px 18px;
font-size:13px;
color:var(--gris);
margin:0
}

.forumHome_stats b { color:var(--marine) }

.forumHome_vide {
background:var(--blanc);
border:1px dashed var(--ligne);
border-radius:var(--rayon);
text-align:center;
color:var(--gris);
padding:32px 20px
}

.forumHome_videTitre {
font-size:17px;
font-weight:700;
color:var(--marine);
margin:0 0 6px
}

.forumHome_videTitre i { color:var(--or) }

@media screen and (max-width:820px) {

	.forumHome_grille { grid-template-columns:minmax(0, 1fr) }

	.forumHome_pied { justify-content:center }

	.forumHome_btn {
	justify-content:center;
	width:100%
	}
}