/*
   CSS spécifique pour le forum
*/

.accueil-forum-thorgal { display:flex; flex-direction:column; gap:40px; padding:20px 80px; }

.entete-colonnes-derniers-sujets { display: grid; grid-template-columns:110px 1fr 80px 80px 334px; gap: 4px; font-weight: 600; }
.colonne-icone { }
.colonne-titre { text-align: left; font-family: Rosinski; }
.colonne-visiteurs, .colonne-messages, .colonne-participants { text-align: center; font-family: Rosinski; }
.colonne-visiteurs { opacity: .7; font-weight: 100; }

.entete-membre { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; padding: 20px; background: rgba(239,238,237,.8); border-radius: 5px;}
.entete-membre a.liens-entete { color: var(--couleur-moyen); text-decoration: none; font-family: Rosinski; font-size: 20px; padding: 5px; transition: .3s; }
.entete-membre a.liens-entete:hover { color: var(--couleur-sombre); }
.entete-membre .connexion-groupe { border: none; background: none; }
.entete-membre .connexion-groupe p { padding: 3px; border-radius: 5px; }
.entete-gauche { display:flex; gap:20px; align-items:center; }
.avatar-membre { /* border-radius:50%; overflow:hidden; */ }
.infos-membre { display:flex; flex-direction:column; gap:6px; }
.texte-bienvenue { font-family: Artifex; font-size:22px; font-weight:600; }
.stats-membre { display:flex; gap:10px; font-size:14px; color:#555; }
.stats-membre .nb-sujets, .stats-membre .nb-messages { align-items: center; display: flex; padding: 2px 5px; border-radius: 3px; color: var(--couleur-claire); font-family: Mulish; font-size: 14px; text-align: center; }
.stats-membre .nb-sujets { font-weight: bolder; background-color: var(--couleur-inter); }
.stats-membre .nb-messages { background-color: var(--couleur-moyen); }
.liens-membre { display:flex; gap:15px; margin-top:5px; }
.lien-messagerie { font-weight:600; }
.lien-profil { font-weight:600; }

.liste-sujets { list-style:none; padding: 20px 0; margin:0; display:flex; flex-direction:column; gap:14px; }

.ligne-sujet { display: grid; grid-template-columns: 70px 40px 1fr 80px 80px 170px 160px; align-items: center; gap: 4px; background-color: white; border-radius: 5px; transition: .3s; }
.ligne-sujet:hover { background-color: #ccc; }
.col-icone { display: flex; justify-content: center; }
.icone-maj { width: 36px; height: 30px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.icone-maj.non-lu { background-image:url('../img/cle-forum1.png'); filter: drop-shadow(0 0 3px var(--couleur-or)) drop-shadow(0 0 12px var(--couleur-or)); }
.icone-maj.lu, .icone-maj.inconnu { background-image:url('../img/cle-forum2.png'); }
.icone-maj.ferme { background-image:url('../img/papillon2.png'); transform-origin: center center; animation: battement_ailes 420ms alternate infinite; }

.col-titre { display: flex; flex-direction: column; padding:10px; color: var(--couleur-sombre); font-size: 20px; font-family: Kalam; text-transform: uppercase; letter-spacing: -1.5px; }
.col-titre .forum-parent { font-size: 9px; padding: 0 3px; letter-spacing: -0.5px; cursor: default; color: white; margin: -6px 0; border-radius: 3px 0 0 3px; width: 260px; clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%); }
.col-titre .entete-sujet { font-weight: bolder; font-size: 21px; }
.col-forum { width: 100%; height: 100%; background-color: #777; background-size: cover; border-radius: 5px 0 0 5px; clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%); }
.col-titre.ferme { opacity: 0.5; filter: grayscale(1); }
.lien-non-lu { text-decoration: none; color: var(--couleur-inter); line-height: 1; margin-bottom: 8px; transition: .3s; }
.ligne-sujet .lien-non-lu:hover { background: var(--couleur-claire); border-radius: 5px; padding: 5px 5px 15px; margin: -5px -5px -7px; }
.ligne-sujet-forum-enfant .lien-non-lu { margin: 4px 0; }
.ligne-sujet-forum-enfant .lien-non-lu:hover { padding: 8px 8px; margin: -4px -8px; }

.col-visiteurs, .col-nb-messages { font-family: Kalam; text-align:center; cursor: default; }
.col-visiteurs { color: var(--couleur-moyen); font-size:12px; }
.nb-visiteurs { align-content: center; }
.icone-maj.pourmobile { margin-right: 20px; }
.col-nb-messages { color: var(--couleur-sombre); font-size:16px; }

.col-participants { display:flex; flex-direction:column; align-items:flex-end; cursor: default; }
.participants-plus { font-family: Kalam; font-size:10px; color:#444; margin-left:4px; }
.liste-participants { position:relative; display:flex; gap:4px; align-items: center; }
.avatar-participant { position:relative; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; }
.liste-participants:hover::after { content:attr(data-info); position:absolute; top:32px; left:0; background:#333; color:#fff; padding:6px 10px; border-radius:4px; white-space:nowrap; font-size:13px; z-index:20; }
.participants-nonlus { text-align: right; margin-top: 2px; font-size: 9px; padding: 0 10px; letter-spacing: -0.5px; cursor: default; color: white; border-radius: 0 3px 3px 0; width: 140px; clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%); background-color: #777; text-transform: uppercase; font-family: Kalam; }

.col-dernier { display:flex; align-items:center; justify-content:flex-end; background: #ddd; border-radius: 5px; margin: 3px; }
.lien-dernier-message { display:flex; align-items:center; gap:8px; width:100%; padding: 2px 4px; text-decoration:none; color:inherit; border-radius: 5px; transition: .3s; }
.lien-dernier-message:hover { background-color: var(--couleur-or); }
.dernier-avatar img { border-radius:50%; }
.dernier-infos { display:flex; flex-direction:column; justify-content:center; text-align:left; line-height:1.2; font-family: Mulish; letter-spacing: -0.5px; }
.dernier-temps { font-size:0.85em; opacity:0.8; }
.dernier-nom { font-size:0.9em; font-weight:600; }

.bloc-plus { display:flex; justify-content:center; padding: 15px 0; }
#bouton-plus { padding: 6px 0px; font-size: 24px; border-radius: 5px; background: var(--couleur-inter); color: var(--couleur-claire); font-family: Rosinski; width: 100%; border: 0; transition: .3s; cursor:pointer; }
#bouton-plus:hover { padding: 10px 30px; margin: -4px; background: var(--couleur-sombre); color: var(--couleur-or); }
#bouton-plus.chargement { opacity: .5; pointer-events: none; }

.arbo-forums { display:flex; flex-direction:column; gap:20px; }
.blocs-forums { display:flex; flex-direction:column; gap:20px; }
.bloc-parent { padding:15px; background:#f5f5f5; border-radius:6px; width: 1300px; margin: 0 auto; max-width: 100%; box-sizing: border-box; }
.titre-parent { position: relative; font-size: calc(23px + 1vw); font-family: Artifex; text-transform: uppercase; font-weight: bolder; letter-spacing: -0.1em; margin: 0; padding: 40px 0 10px; cursor: default; }
.titre-parent .titre-enfant { position: relative; z-index: 10; height: 50px; padding-right: 30px; }
.titre-parent .titre-enfant.halo-77490 { filter: invert(1) drop-shadow(0 0 3px #477); }
.titre-parent .titre-enfant.halo-77494 { filter: invert(1) drop-shadow(0 0 3px #754); }
.titre-parent .titre-enfant.halo-77493 { filter: invert(1) drop-shadow(0 0 3px #666); }
.titre-parent .titre-enfant.halo-77492 { filter: invert(1) drop-shadow(0 0 3px #774); }
.titre-parent-texte { position: relative; z-index: 10; }
.titre-parent-texte.halo-77490 { filter: drop-shadow(0 0 3px #477); }
.titre-parent-texte.halo-77494 { filter: drop-shadow(0 0 3px #754); }
.titre-parent-texte.halo-77493 { filter: drop-shadow(0 0 3px #666); }
.titre-parent-texte.halo-77492 { filter: drop-shadow(0 0 3px #774); }
.titre-parent .fond-enfant { position: absolute; right: 0; bottom: 0; max-height: 100%; max-width: 100%; transition: .5s; }
.fond-enfant.cache { opacity: 0; }
.fond-enfant.vu { opacity: .7; }
.titre-parent-texte:hover ~ .fond-enfant.cache { opacity: .7; }
.titre-parent-texte:hover ~ .fond-enfant.vu { opacity: 0; }
.liste-enfants { list-style:none; padding: 10px; margin:0; display:flex; flex-direction:column; gap:6px; background-color: var(--couleur-claire); }
.ligne-enfant { padding: 0 10px; transition: .3s; }
.lien-enfant { display: grid; grid-template-columns: 1fr 90px 130px; gap:10px; align-items:center; text-decoration: none; }
.ligne-enfant:hover { background-color: white; }
.nom-enfant { font-weight: 600; margin: 4px; }
.derniers-sujets { max-width: 1200px; margin: 0 auto; }
.nb-sujets-forum, .nb-messages-forum { padding: 2px 5px; border-radius: 3px; color: var(--couleur-claire); font-family: Mulish; font-size: 14px; text-align: center; }
.nb-sujets-forum { font-weight: bolder; }
.nb-messages-forum { opacity: .8; }

.membres-recents { display:flex; flex-direction:column; gap:20px; margin: 0 auto; }
.membres-recents h2 { font-family: Rosinski; font-size: 30px; margin: 0 auto; }
.liste-membres-recents { display:flex; flex-wrap:wrap; gap:10px; margin: 0 auto; }
.membre-recent { padding: 6px 10px; background: white; border-radius: 5px; transition: .3s; }
.membre-recent:hover { background: var(--couleur-or); }
.membre-recent a { display: flex; align-items: center; gap: 6px; text-decoration: none; }
.nom-membre { font-family: Mulish; font-size:14px; color: var(--couleur-sombre); }

.ligne-sujet-nouvelle { opacity: 0; transform: translateY(10px); transition: opacity .3s ease, transform .3s ease; }
.ligne-sujet-nouvelle.visible { opacity: 1; transform: translateY(0); }

.racine-77490 { background-color: #477; }
.racine2-77490 { background-color: #699; }
.racine3-77490 { background-color: #255; }
.racine-77494 { background-color: #754; }
.racine2-77494 { background-color: #976; }
.racine3-77494 { background-color: #532; }
.racine-77493 { background-color: #666; }
.racine2-77493 { background-color: #888; }
.racine3-77493 { background-color: #444; }
.racine-77492 { background-color: #774; }
.racine2-77492 { background-color: #996; }
.racine3-77492 { background-color: #552; }

/* Mobile */
@media (min-width: 1000px) { .pourmobile { display: none; } }
@media (max-width: 1150px) { .accueil-forum-thorgal { padding: 20px; } }
@media (max-width: 1000px) {
	.entete-colonnes-derniers-sujets { display: none; }
	.accueil-forum-thorgal { padding: 10px; }
	.ligne-sujet{ position: relative; display: flex; flex-wrap: wrap; padding-left: 90px; gap: normal; }
	.ligne-sujet .col-forum{ position: absolute; left: 0; top: 0; bottom: 0; width: 80px; height: 100%; background-size: cover; background-position: center; }
	.ligne-sujet .col-icone{ display: none; }
	.ligne-sujet .col-titre{ order: 1; width: 100%; text-align: left; margin-bottom: 6px; }
	.ligne-sujet .col-visiteurs{ order: 2; flex: 1 1 0; display: flex; justify-content: flex-start; }
	.ligne-sujet .col-nb-messages{ order: 2; flex: 1 1 0; display: flex; gap: 4px; justify-content: center; }
	.ligne-sujet .col-participants{ order:2; flex: 1 1 0; display: flex; justify-content: flex-start; min-width: 1px; }
	.ligne-sujet .col-dernier{ order: 2; flex: 1 1 0; display: flex; justify-content: flex-end; min-width: 150px; }
}
@media (max-width: 730px) {
	.entete-membre { z-index: 5; }
	.entete-colonnes-derniers-sujets { display: none; }
	.accueil-forum-thorgal { padding: 20px 10px; }
	.ligne-sujet .col-visiteurs{ order: 2; flex: 0 0 50%; }
	.ligne-sujet .col-nb-messages{ order: 2; flex: 0 0 50%; justify-content: flex-end; margin: 0 10px 0 -10px; }
	.ligne-sujet .col-participants{ order: 3; flex: 0 0 auto; margin-left: auto; }
	.ligne-sujet .col-dernier{ order: 3; flex: 0 0 auto; }
}
@media (max-width: 600px) {
	.dernier-temps { font-size: 11px; }
	.titre-parent { text-align: center; }
	.titre-parent .titre-enfant { padding: 0; }
	.titre-parent .titre-parent-texte { display: block; }
	.liste-enfants .lien-enfant { display: block; text-align: center; padding: 10px 0; background: white; line-height: 1; }
	.col-titre.nom-enfant.lien-non-lu { text-align: center; box-sizing: border-box; }
}
@media (max-width: 500px) {
	.entete-membre { right: 20px; padding: 10px; }
	.texte-bienvenue { font-size: 18px; }
	.entete-membre a.liens-entete { font-size: 17px; }
	.ligne-sujet .col-visiteurs { display: flex; }
	.ligne-sujet .col-icone { display: none; }
	.cartouche-img { font-size: 10px; display: flex; left: 10px; right: 10px; align-items: center; text-align: center; }
	.cartouche-img span { width: 33%; }
	.membres-recents h2 { font-size: 26px; }
}
@media (max-width: 420px) {
	.ligne-sujet { padding-left: 25px; }
	.ligne-sujet .col-forum { width: 28px; }
}
/* Bandeaux d'images */

.grandes-images { position: relative; max-width: 100%; overflow: hidden; }
.grandes-images::before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 20px; background: transparent url('../img/barre_haut.png') repeat-x; background-size: auto 100%; pointer-events: none; z-index: 4; transform: rotate(180deg); }
.grandes-images::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 20px; background: transparent url('../img/barre_haut.png') repeat-x; background-size: auto 100%; pointer-events: none; z-index: 4; }
.grande { width: 100%; min-height: 250px; object-fit: cover; }
.cartouche-img { position: absolute; bottom: 25px; right: 20px; font-family: Mulish; font-size: 12px; color: var(--couleur-moyen); }
.cartouche-img span { padding: 1px 5px; border-radius: 3px; margin-left: 5px; background: rgba(26,26,26,.7); color: white; }
.cartouche-img a.album { background: none; }

/* Pagination */
.pagination-interne { text-align: center; margin: 20px 0; font-family: Rosinski; font-size: 20px; background: white; border-radius: 5px; padding: 5px 0; }
.pagination-interne span { display: inline-block; box-sizing: border-box; cursor: pointer; text-decoration: none; padding: 1px 4px; margin: 0 4px; color: var(--couleur-claire); background: var(--couleur-sombre); border-radius: 3px; transition: .2s ease; width: 34px; }
.pagination-interne span:hover { color: var(--couleur-sombre); background: var(--couleur-or); }
.lien-page.active { font-weight: bold; color: white !important; background: var(--couleur-moyen) !important; }
.pagination-interne .inutile { opacity: .2; pointer-events: none; }
.avis-page { display: none; }
.avis-page.active { display: block; }

/* Messages affichés dans les sujets */
/*.bbp-reply-content { font-family: Mulish; font-size: 14px; background: white; border-radius: 5px; border: solid lightgray 1px; padding: 20px !important; max-width: 1000px; margin: 0 auto; }
.bbp-reply-content p + p { clear: both; }
.bbp-topic-content img, .bbp-reply-content img { max-width: 100%; display: block; margin: 0 auto; }*/

/* Boutons des messages */
.bbp-reply-admin { float: right; font-size: 12px; }
.bbp-reply-admin a { margin-left: 8px; color: var(--couleur-moyen); text-decoration: none; }
.bbp-reply-admin a:hover { color: var(--couleur-claire); }

/* Citations */
.forum-contenu blockquote { position: relative; width: 95%; margin: 0 auto; padding: 10px 50px; box-sizing: border-box; border-radius: 5px; font-style: italic; background-color: var(--couleur-claire); }
.forum-contenu blockquote:before { content: '«'; position: absolute; top: -18px; left: 0; font-size: 60px; color: var(--moyen); font-family: Artifex; }
.forum-contenu blockquote:after { content: '»'; position: absolute; bottom: -10px; right: 8px; font-size: 60px; color: var(--moyen); font-family: Artifex; }

/* Spoilers/cacher */
.cacher-bloc { position: relative; border: 1px dashed var(--couleur-inter); background: var(--couleur-claire); padding: 10px; margin: 10px 0; cursor: pointer; border-radius: 5px; }
.cacher-bloc-label { position: absolute; top: 1px; left: 0; right: 0; text-align: center; font-family: Rosinski; font-size: 11px; color: var(--couleur-moyen); pointer-events: none; }
.cacher-bloc.cacher-bloc-ouvert { border: 1px solid white; }
.cacher-bloc-ouvert .cacher-bloc-label { display: none; }
.cacher-contenu { display: none; }
.cacher-bloc-ouvert .cacher-contenu { display: block; }
.cacher-inline { position: relative; background: var(--couleur-claire); color: var(--couleur-claire); border: 1px dashed var(--couleur-moyen); cursor: pointer; }
.cacher-inline-ouvert { border: 1px solid white; color: inherit; }
.cacher-inline-label { position: absolute; top: -1px; left: 0; right: 0; text-align: center; font-family: Rosinski; font-size: 10px; color: var(--couleur-moyen);  pointer-events: none; }
.cacher-inline-ouvert .cacher-inline-label { display:none; }

/* Cartouches albums */
.alb-conteneur { display: inline-block; margin: 0 6px 0 6px; }
.bbp-topic-content p:not(:has(.alb-conteneur)), .bbp-reply-content p:not(:has(.alb-conteneur)) { clear: both; }
.alb-boite { display: flex; width: 210px; height: 100px; border: 1px solid var(--couleur-sombre); border-radius: 5px !important; text-decoration: none; background: var(--couleur-sombre) url('../img/barre_milieu2.png') bottom center no-repeat !important; color: var(--couleur-claire); padding: 0 !important; margin: 0 !important; }
.alb-img { display: block; width: 37%; }
.alb-boite:hover { background: var(--couleur-or) url('../img/barre_milieu2.png') bottom center no-repeat !important; border-color: var(--couleur-or) !important; }
.alb-boite:hover span { color: black; }
.alb-couverture { width: 67px !important; height: auto !important; margin: 5px !important; border-radius: 3px !important; }
.alb-infos { display: flex; flex-direction: column; font-family: Mulish; font-size: 11px; color: var(--couleur-claire);  padding: 8px 6px; letter-spacing: -0.5px; line-height: 1.2; text-align: left; position: relative; width: 63%; }
.alb-collection { font-size: 13px; text-transform: uppercase; font-family: Artifex; }
.alb-tome { color: var(--couleur-sombre); bottom: 25px; position: absolute; }
.alb-date { color: var(--couleur-sombre); bottom: 10px; position: absolute; font-size: 9px; }

.fenetre-albums { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.fenetre-albums-contenu { width:80%; max-width:900px; max-height:80vh; overflow-y:auto; margin:50px auto; background: var(--couleur-sombre); padding:20px; border-radius: 5px; }
.tuiles-collections { display:flex; flex-wrap:wrap; gap:10px; }
.tuile-collection { flex:1 1 100px; padding:10px; background: var(--couleur-inter); border-radius:5px; text-align:center; cursor:pointer; font-family: Rosinski; color: var(--couleur-claire); align-content: center; transition: .3s; }
.tuile-collection[data-col="Thorgal"] { flex:1 1 230px; }
.tuile-collection:hover { background: var(--couleur-moyen); border-radius: 3px; padding: 5px; margin: 5px; }
.liste-albums { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; font-family: Mulish; font-size: 10px; margin-top: 20px; }
.tuile-album { width: 91px; padding: 3px; margin: -3px; background: none; color: white; border-radius:3px; cursor:pointer; text-align:center; transition: .3s; }
.tuile-album:hover { background: var(--couleur-or); color: var(--couleur-sombre); }
.tuile-album img { width: 100%; border-radius: 3px; border: 1px solid var(--couleur-inter); }
.tuile-album div { align-content: center; height: 25px; }
@media (max-width:600px) {
	.fenetre-albums-contenu { width: 95%; margin: 20px auto; padding: 15px; box-sizing: border-box; }
	.tuile-collection { flex: 1 1 40% !important; padding: 10px; font-size: 14px; }
	.tuile-collection[data-col="La jeunesse de Thorgal"] { font-size: 11px; }
	.tuile-album { width: 83px; }
	.liste-albums { font-size: 9px; }
}

/* Fenêtre caractères spéciaux */
.fenetre-caracteres { position:fixed; inset:0; background:rgba(0,0,0,0.7); display:none; align-items:center; justify-content:center; z-index:99999; }
.fenetre-caracteres.ouverte { display:flex; }
.fenetre-caracteres-contenu { background: var(--couleur-sombre); color: var(--couleur-claire); border-radius: 5px; padding:16px; width:400px; max-width: 95%; height: 400px; max-height:90%; box-sizing:border-box; display:flex; flex-direction:column; gap: 10px; }
.caracteres-onglets { text-align: center; }
.caracteres-onglet, .caracteres-fermer { background:var(--couleur-inter); color: var(--couleur-claire); font-family: Rosinski; font-size: 18px; margin: 2px; padding:6px 10px; border-radius: 3px; border: 0; cursor:pointer; }
.caracteres-onglet.actif, .caracteres-char:hover, .caracteres-fermer:hover { background:var(--couleur-or); color: var(--couleur-sombre); }
.caracteres-grille { flex:1; display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; gap:8px; overflow:auto; justify-content:center; }
.caracteres-char { width:45px; height:45px; display:flex; align-items:center; justify-content:center; font-size:22px; background:#222; color:white; border:0; border-radius:5px; cursor:pointer; }
@media (max-width:600px) { .caracteres-grille { grid-template-columns:repeat(auto-fill,minmax(32px,1fr)); } .caracteres-char { font-size:18px; padding:6px 0; } }
div[aria-label="Font Sizes"] .mce-caret { display:none !important; }
div[aria-label="Font Sizes"] .mce-txt { padding: 0; text-align: center; }

/* barre info sous le formulaire */
.thorgal-barre-info { color:var(--couleur-claire); font-family:Mulish; font-size:12px; position: absolute; bottom: 10px; left: 35px; pointer-events: none;
}

/* Fenêtre choix de couleurs */
.thorgal-popup-couleur { position:absolute; background:#111; border:1px solid #333; padding:10px; border-radius:6px; display:none; z-index:999999; box-shadow:0 0 12px rgba(0,0,0,.6); }
.thorgal-grille-couleurs { display:flex; gap:6px; }
.thorgal-colonne { display:flex; flex-direction:column; gap:4px; }
.thorgal-case-couleur { width: 25px; height: 25px; cursor: pointer; border-radius: 3px; border: 1px solid #222; }
.thorgal-case-couleur:hover { padding: 2px; margin: -2px; }
.thorgal-case-effacer { background:#222; color:white; font-family: Rosinski; font-size:16px; font-weight:bold; display:flex; align-items:center; justify-content:center; }

.mce-btn[aria-label="Couleur du texte"] .mce-txt { font-family: Mulish; font-size: 26px; font-weight: bold; color: var(--couleur-claire); }
.mce-btn[aria-label="Couleur de fond du texte"] .mce-txt { font-family: Mulish; font-size: 26px; font-weight:bold; color: var(--couleur-sombre); background: var(--couleur-claire); border-radius: 5px; padding: 0 6px; }

.thorgal-plus { position:absolute; right:2px; bottom:2px; font-size:10px; background:#fff; color:#000; width:10px; height:10px; display:flex; align-items:center; justify-content:center; border-radius:2px; }

/* Insertion d'un lien */
.mce-toolbar-grp.mce-inline-toolbar-grp.mce-panel { background:var(--couleur-sombre) !important; color:var(--couleur-claire); font-family:Mulish; font-size:14px; border-radius:5px; padding:8px 10px; border:0; box-shadow:0 0 12px rgba(0,0,0,0.6); }
.mce-toolbar-grp.mce-inline-toolbar-grp.mce-arrow-up:after, .mce-toolbar-grp.mce-inline-toolbar-grp.mce-arrow-up:before, .mce-toolbar-grp.mce-inline-toolbar-grp.mce-arrow-down:after, .mce-toolbar-grp.mce-inline-toolbar-grp.mce-arrow-down:before { border-top-color: var(--couleur-sombre) !important; }
.mce-toolbar-grp.mce-inline-toolbar-grp.mce-arrow-up::after { border-bottom-color: var(--couleur-sombre) !important; }
.mce-toolbar-grp.mce-inline-toolbar-grp .wp-link-input label { font-family: Rosinski; font-size:14px; color:var(--couleur-claire); margin-bottom:4px; display:block; }
.mce-toolbar-grp.mce-inline-toolbar-grp .wp-link-input input[type="text"] { font-family:Mulish; font-size:14px; background: var(--couleur-inter); color: var(--couleur-claire); border:0; border-radius: 3px; padding:6px 8px; width:100%; box-sizing:border-box; transition:background .3s; }
.mce-toolbar-grp.mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus { outline:0; background: var(--couleur-moyen); }
.mce-inline-toolbar-grp .mce-widget.mce-btn { background:var(--couleur-inter) !important; border:0 !important; width: 45px; height: 45px; text-align: center; align-content: center; box-shadow: 0 0 0 !important; border-radius: 5px !important; padding: 0 !important; transition: background .3s, color .3s; }
.mce-inline-toolbar-grp .mce-widget.mce-btn button { background:transparent !important; border:0 !important; color:var(--couleur-claire) !important; font-family:Mulish; font-size:14px; padding: 0 !important; border-radius:5px; }
.mce-inline-toolbar-grp .mce-widget.mce-btn:hover { background:var(--couleur-or) !important; color:var(--couleur-sombre) !important; }
.mce-toolbar-grp.mce-inline-toolbar-grp .mce-ico { color: var(--couleur-claire) !important; font-size: 26px; align-content: center; width: 45px; height: 45px; }
.mce-inline-toolbar-grp .mce-widget.mce-btn:hover .mce-ico { color: var(--couleur-sombre) !important; }

/* style menu autocompletion liens */
.ui-autocomplete.wplink-autocomplete { background:#000 !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; border-radius:5px !important; border:0 !important; padding:6px 0 !important; box-shadow:0 0 12px rgba(0,0,0,0.6) !important; }
.ui-autocomplete.wplink-autocomplete .ui-menu-item { padding:6px 10px !important; display:flex !important; justify-content:space-between !important; align-items:center !important; cursor:pointer !important; transition:background .3s, color .3s; }
.ui-autocomplete.wplink-autocomplete .ui-menu-item .ui-menu-item-wrapper { font-family:Mulish !important; font-size:14px !important; color:var(--couleur-claire) !important; }
.ui-autocomplete.wplink-autocomplete .wp-editor-float-right { opacity:.7 !important; }
.ui-autocomplete.wplink-autocomplete .ui-menu-item:hover { background:var(--couleur-or) !important; color:var(--couleur-sombre) !important; }
.ui-autocomplete.wplink-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper,
.ui-autocomplete.wplink-autocomplete .ui-menu-item:hover .wp-editor-float-right { color:var(--couleur-sombre) !important; opacity:1 !important; }

/* style toolbar principale tinymce */
.mce-toolbar-grp.mce-panel { background: var(--couleur-sombre) !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; border-radius:5px 5px 0 0 !important; border:0 !important; padding-top:8px !important; box-shadow:none !important; }
.mce-container-body .mce-toolbar-grp.mce-panel::after { width: 100%; height: 46px; background: transparent url('../img/barre_haut.png') top center repeat-x; display: block; content: ""; position: relative; bottom: 0; filter: brightness(100); z-index: 2; }
.mce-top-part::before { box-shadow: none !important; border: 0 !important; }
.mce-toolbar .mce-flow-layout, .mce-toolbar .mce-btn-group > div { text-align: center; }
.mce-toolbar .mce-btn { background:var(--couleur-inter) !important; border:0 !important; width:45px !important; height:45px !important; display:inline-block; border-radius:5px !important; padding:0 !important; margin:2px !important; box-shadow:none !important; transition:background .3s, color .3s !important; }
.mce-toolbar .mce-btn button { background:transparent !important; border:0 !important; padding:0 !important; margin:0 !important; width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; border-radius:5px !important; }
.mce-toolbar .mce-btn button:before { font-size:26px !important; line-height:1 !important; width:100% !important; height:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; color:var(--couleur-claire) !important; }
.mce-toolbar .mce-btn:hover { background:var(--couleur-or) !important; color:var(--couleur-sombre) !important; }
.mce-toolbar .mce-btn:hover button .mce-txt { color:var(--couleur-sombre) !important; }
.mce-toolbar .mce-btn.mce-active { background:var(--couleur-or) !important; color:var(--couleur-sombre) !important; }
.mce-toolbar .mce-btn.mce-active button .mce-txt { color:var(--couleur-sombre) !important; }
.mce-toolbar .mce-widget .mce-ico { color: var(--couleur-claire) !important; font-size: 26px; align-content: center; width: 45px; height: 45px; }
.mce-toolbar .mce-widget.mce-btn:hover .mce-ico { color: var(--couleur-sombre) !important; }
#insert-media-button { border: 0; color: var(--couleur-sombre); box-shadow: none; background: none; font-family: Rosinski; font-size: 16px; position: absolute; top: 5px; left: 5px; }
.wp-editor-tabs { padding-right: 10px; }
.wp-editor-tabs > button { font-family: Rosinski; box-shadow: none !important; border: none; top: 0; border-radius: 5px 5px 0 0; }
#topic_content-tmce, #reply_content-tmce { background: var(--couleur-sombre); color: var(--couleur-claire); }
#topic_content-html, #reply_content-html { color: var(--couleur-sombre); }
#qt_topic_content_toolbar > input, #qt_reply_content_toolbar > input { border-color: #bbb; box-shadow: none; color: var(--couleur-sombre); font-family: Mulish; background: var(--couleur-claire); transition: .3s; border-radius: 5px; min-width: 30px; }
#qt_topic_content_toolbar > input:hover, #qt_reply_content_toolbar > input:hover { background: var(--couleur-or); }
#wp-topic_content-editor-container, #wp-topic_reply-editor-container, #wp-reply_content-editor-container { border: none; }
.wp-editor-tools { margin-top: -40px; }
.champ { text-align: center; }
.champ.titre-sujet { font-family: Kalam; font-size: 22px; background: var(--couleur-inter); }
.champ.titre-sujet label { color: var(--couleur-claire); text-transform: uppercase; }
.champ.titre-sujet #topic_title, .champ.titre-sujet #reply_title { margin: 15px 0; max-width: 95%; box-sizing: border-box; }
.champ.titre-sujet::before {width: 100%; height: 50px; background: transparent url('../img/barre_haut.png') bottom left repeat-x; clear: both; display: block; content: ""; position: relative; top: -1px; z-index: 2; transform: rotate(180deg); }
.champ.titre-sujet::after {width: 100%; height: 50px; background: transparent url('../img/barre_haut.png') bottom left repeat-x; clear: both; display: block; content: ""; position: relative; bottom: -1px; z-index: 2;}
.champ.zone-formulaire { max-width: 1100px; margin: 0 auto; position: relative; }
.mce-edit-area, .mce-edit-area iframe { min-height:300px !important; }
.mce-edit-area iframe { max-height:100% !important; }
@media (min-width: 930px) { #mceu_10, #mceu_16 { margin-left: 15px !important; } }
#brouillon-indic { position: absolute; bottom: 4px; right: 40px; background: var(--couleur-inter); color: var(--couleur-claire); padding: 5px 10px; border-radius: 3px; font-size: 11px; opacity: 0; transition: opacity .3s; z-index: 99; font-family: Mulish; }
.brouillon-message { color: var(--couleur-claire); background: var(--couleur-moyen); padding: 5px; margin: 8px auto; border-radius: 5px; font-family: Mulish; font-size:12px; text-align: center; width: 630px; max-width: 95%; transition: all .4s ease; overflow:hidden; }
.brouillon-message.brouillon-cacher { opacity:0; margin-top:-20px; height:0; padding:0; border:0; }
.brouillon-message button { border:0; padding:4px 10px; margin-left:10px; border-radius:3px; cursor:pointer; font-size:12px; font-family: Mulish; font-weight: 600; text-transform: uppercase; transition: .3s; }
.brouillon-message button:hover { background:#000; }
#brouillon-afficher { background: var(--couleur-or); color: black; }
#brouillon-afficher:hover { background: #395; }
#brouillon-supprimer { background: var(--couleur-sombre); color: white; }
#brouillon-supprimer:hover { background: #800; }


#wp-link-wrap { background: var(--couleur-sombre) !important; border-radius: 5px; padding: 20px; color: var(--couleur-claire); font-family:Mulish; }
#wp-link-wrap h1 { font-size: 26px; margin: 0; color:var(--couleur-claire); background: none; font-family: Rosinski; text-align: center; border: 0; padding: 0; line-height: 1; }
#wp-link-close { background: var(--couleur-inter) !important; border: none !important; color: var(--couleur-claire) !important; font-size: 21px; width: 30px; height: 30px; cursor:pointer; border-radius: 3px; transition: .3s; box-shadow: none; }
#wp-link-close:hover { background: var(--couleur-or) !important; color: var(--couleur-sombre) !important; }

#link-options label span{color:var(--couleur-claire);font-size:13px}
#wp-link-url,#wp-link-text,#wp-link-search{width:100%;padding:8px 10px;border-radius:5px;border:1px solid #333;background:#111;color:var(--couleur-claire);font-family:Mulish;font-size:14px}
#wp-link-url:focus,#wp-link-text:focus,#wp-link-search:focus{outline:none;border-color:var(--couleur-claire)}

.link-target label{color:var(--couleur-claire);font-size:13px}
#wp-link-target{margin-right:6px}
#wp-link .query-notice { padding: 0; color: black !important; border: none !important; font-family: Mulish; background: var(--couleur-moyen) !important; font-size: 12px; text-align: center; max-width: 300px; margin: 0 auto; border-radius: 5px; }
#wp-link li.selected { background: var(--couleur-or); color: var(--couleur-sombre) !important; }
#wp-link .query-notice > em { border: none !important; }
#search-panel{margin-top:15px}
#search-results,#most-recent-results{ background: var(--couleur-inter) !important; border-radius: 5px !important; padding: 10px; max-height: 200px !important; border: 0 !important; color: var(--couleur-claire) !important; box-sizing: border-box; box-shadow: none !important; }
#search-results li,#most-recent-results li{ border-bottom: 0 !important; color: var(--couleur-claire) !important; font-size: 12px; }
#search-results li:hover,#most-recent-results li:hover { background: var(--couleur-sombre) !important; color: var(--couleur-or) !important; border-radius: 3px; }
#search-results .item-title,#most-recent-results .item-title{font-weight:600}
#search-results .item-info,#most-recent-results .item-info{ color: var(--couleur-moyen) !important; }
#search-results li:hover > .item-info,#most-recent-results li:hover > .item-info{ color: var(--couleur-inter) !important; }

.submitbox{display:flex;justify-content:flex-end; background: none !important; border: none !important;}
#wp-link-cancel .button, #wp-link-submit{background:var(--couleur-inter);color:var(--couleur-claire);border:none;border-radius:5px;padding:10px 15px;font-family:Mulish;cursor:pointer;margin-left:10px; min-height: 0; line-height: 1; transition: .3s; box-shadow: none; }
#wp-link-submit:hover, #wp-link-cancel .button:hover{background: var(--couleur-or); color: var(--couleur-sombre);}
#wp-link-cancel .button { display: none; }

.mce-i-strikethrough { background-image:url('../img/forum/barre.png') !important; width: 36px !important; height: 36px !important; }
.mce-i-charmap { background-image:url('../img/forum/futhark.png') !important; width: 32px !important; height: 32px !important; }
.mce-i-blockquote { background-image:url('../img/forum/citation.png') !important; width: 30px !important; height: 30px !important; }
.mce-i-strikethrough::before, .mce-i-charmap::before, .mce-i-blockquote::before { content: "" !important; }
.mce-btn:hover .mce-i-strikethrough, .mce-btn:hover .mce-i-charmap, .mce-btn:hover .mce-i-blockquote { filter: invert(1); }
.mce-btn .mce-ico[style*="albums.png"] { width:35px; height:35px; }
.mce-btn:hover .mce-ico[style*="albums.png"] { filter:invert(1); }

/* Fenêtre média TinyMCE */
.mce-window{ background:rgba(0,0,0,0.65)!important; border:none!important; border-radius:5px!important; font-family:Mulish!important; color:var(--couleur-claire)!important; padding:0!important; }
.mce-window-body,.mce-container-body{ background:var(--couleur-sombre)!important; border-radius:5px!important; color:var(--couleur-claire)!important; }
.mce-window-head{ background:var(--couleur-sombre)!important; border-bottom:1px solid #333!important; padding:10px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-radius:5px 5px 0 0!important; }
.mce-title{ font-family:Rosinski!important; font-size:22px!important; color:var(--couleur-claire)!important; margin-left:auto!important; margin-right:auto!important; }
.mce-close{ background:var(--couleur-inter)!important; border:none!important; color:var(--couleur-claire)!important; width:30px!important; height:30px!important; border-radius:3px!important; cursor:pointer!important; transition:.3s!important; top: 10px !important; right: 10px !important; }
.mce-close:hover { background:var(--couleur-or)!important; color:var(--couleur-sombre)!important; }
.mce-window-head .mce-close:focus .mce-i-remove, .mce-window-head .mce-close:focus .mce-i-remove::before, .mce-window-head .mce-close:hover .mce-i-remove::before { color: initial !important; box-shadow: none !important; }
.mce-tabs{ padding: 10px !important; background: var(--couleur-sombre); border: none; display: flex; justify-content: center; gap: 8px; }
.mce-tab{ background:#333!important; color:#eee!important; padding:6px 10px !important; border-radius:3px!important; margin-right:5px !important; cursor:pointer !important; border:none !important; }
.mce-tab:focus { box-shadow: none !important; }
.mce-tab.mce-active{ background: var(--couleur-moyen) !important; box-shadow: none !important; }
.mce-tabs .mce-tab:nth-child(3){ display:none!important; }
div.mce-panel { background: transparent !important; }
.mce-label{ color:var(--couleur-claire)!important; font-size:14px!important; }
.mce-textbox{ background:#111!important; border:1px solid #333!important; color:var(--couleur-claire)!important; border-radius:3px!important; font-size:14px!important; font-family:Mulish!important; }
.mce-textbox:focus{ border-color:var(--couleur-or) !important; outline: none !important; box-shadow: none !important; }
.mce-checkbox{ color:var(--couleur-claire)!important; cursor:pointer!important; }
.mce-checkbox .mce-label{ color:var(--couleur-claire)!important; }
.mce-checkbox i.mce-i-checkbox { border: 0 !important; border-radius: 3px !important; margin-right: 20px; top: 3px; position: relative; left: 15px; box-shadow: none !important; }
#mcemediasource { left: 0 !important; position: relative; width: 93% !important; top: 38px !important; margin: 0 auto; display: block; }
.mce-multiline{ background:#111!important; border:1px solid #333!important; color:var(--couleur-claire)!important; border-radius:3px!important; padding:8px !important; font-family:Mulish!important; }
.mce-foot{ background:var(--couleur-sombre)!important; border: none !important; border-radius:0 0 5px 5px!important; }
.mce-btn button{ background:var(--couleur-inter)!important; border:none!important; color:var(--couleur-claire)!important; box-shadow: none !important; border-radius:3px!important; cursor:pointer!important; transition:.3s!important; font-family:Mulish!important; }
.mce-btn button:hover{ background:var(--couleur-or)!important; color:var(--couleur-sombre)!important; }
.mce-window .mce-btn.mce-primary { border: none; !important; box-shadow: none !important; }
.mce-foot .mce-btn:last-child{ display:none!important; }

/* style menus deroulants tinymce */
.mce-floatpanel.mce-menu { background:black !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; border-radius:5px !important; border:0 !important; padding:6px 0 !important; box-shadow:0 0 12px rgba(0,0,0,0.6) !important; width: 100px; min-width: 100px; }
.mce-menu .mce-container-body { min-width: 100px !important; }
.mce-floatpanel.mce-menu .mce-menu-item { background:black !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; text-align: center; .mce-menu-itempadding:6px 10px !important; border-radius:5px !important; cursor:pointer !important; transition:background .3s, color .3s !important; }
.mce-floatpanel.mce-menu .mce-menu-item .mce-text { color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:14px !important; }
.mce-floatpanel.mce-menu .mce-menu-item .mce-ico { color:var(--couleur-claire) !important; font-size:18px !important; margin-right:6px !important; }
.mce-floatpanel.mce-menu .mce-menu-item:hover { background:var(--couleur-or) !important; color:var(--couleur-sombre) !important; }
.mce-floatpanel.mce-menu .mce-menu-item:hover .mce-text,
.mce-floatpanel.mce-menu .mce-menu-item:hover .mce-ico { color:var(--couleur-sombre) !important; }
.mce-floatpanel.mce-menu .mce-menu-item.mce-disabled { opacity:.4 !important; cursor:default !important; }

/* style barre bas tinymce */
.mce-statusbar { background: var(--couleur-sombre) !important; color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:13px !important; padding:6px 10px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; border-radius:0 0 5px 5px !important; }
.mce-statusbar .mce-container-body { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; }
.mce-statusbar .mce-path { opacity:0 !important; pointer-events:none !important; }
.mce-statusbar .mce-path-item { color:var(--couleur-claire) !important; font-family:Mulish !important; font-size:13px !important; padding:0 !important; }
.mce-statusbar .mce-resizehandle { margin-left:auto !important; }
.mce-statusbar .mce-resizehandle .mce-ico.mce-i-resize::before { color: var(--couleur-claire) !important; font-size: 26px; }
.mce-statusbar .mce-resizehandle .mce-ico.mce-i-resize::before:hover { color: var(--couleur-or) !important; }
.mce-statusbar .thorgal-status-text { color: var(--couleur-claire) !important; font-family: Mulish !important; font-size: 13px !important; margin-right: auto !important; }

/* Barre des Thorgiz */
.thorgiz-barre { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding: 0; text-align: center; background: var(--couleur-sombre); max-height:0; opacity: 0; transition: .2s ease; }
.thorgiz-barre.ouvrir { padding: 4px; max-height: 150px; opacity: 1; }
.thorgiz-icone { position: relative; cursor: pointer; background: var(--couleur-claire); padding: 3px; border-radius: 5px; }
.thorgiz-icone:hover { transform:scale(1.2); background: var(--couleur-or); }
.thorgiz-icone:hover::after { content:attr(aria-label); position:absolute; left:50%; top: -20px; transform:translateX(-50%); background:black; color: var(--couleur-claire); padding:2px 6px; border-radius:3px; white-space:nowrap; font-size:9px; font-family: Mulish; margin-top:4px; z-index:9999; }
.thorgiz { display: inline-block !important; vertical-align: center; }
.thorgiz { transform-origin:50% 100%; transition:transform 0.2s ease-out; }
.thorgiz:hover { animation:thorgiz-rebond 0.6s ease-out; }

@keyframes thorgiz-rebond {
	0%   { transform:translateY(0) scale(1); }
	20%  { transform:translateY(-8px) scale(1.02); }
	40%  { transform:translateY(0) scale(0.98); }
	60%  { transform:translateY(-4px) scale(1.01); }
	80%  { transform:translateY(0) scale(0.99); }
	100% { transform:translateY(0) scale(1); }
}

.mce-btn .mce-ico[style*="thorgiz.png"] { width:30px; height:30px; }
.mce-btn:hover .mce-ico[style*="thorgiz.png"] { filter:invert(1); }

.mise-en-avant { border-radius: 3px; padding: 3px; margin: -3px; }