/**************************
*	Thème Brikwo    V2.1    *
*	Réalisé par stefff      *
*	http://www.brikwo.com   *
*	Le 04/10/2008           *
*	Modifié le 18/10/2026   *
*   Par Win en New-Day *
*   pour KwsPHP V2.0            *
***************************/

/* Réinitialisation et styles généraux historiques KwsPHP */
* { margin: 0; padding: 0; border: 0 none; }

font { font-size: 1em; color: #464e54; }
td { font-size: 1em; color: #464e54; }
p { font-size: 1em; color: #464e54; }
th { font-size: 1em; color: #464e54; font-weight: 500; text-align: center; }
.date { font-size: .8em; color: #4d4c4c; }


h3{font-size:1em;font-weight:500;color:#a1a3a6;margin:0;padding:5px}
hr{border:0 dotted #999;border-top-width:1px;height:0;margin:2px}
li{margin-left:27px}
em{font-size:.8em;font-weight:400;font-style:normal;letter-spacing:-.1em}
.titrelien{font-weight:700}
/* Nouveautés */
.motifs{padding:0 2px 0 7px;vertical-align:-3px}
.float_left{float:left}
.float_right{float:right}

/* Identifiants de titres utilisés par les anciens blocs KwsPHP. */
#h2_left, #h2_right {
    text-indent: -5000px;
    border: none;
    height: 5px;
}

/* Structure historique du contenu des blocs. Les règles New_Day_2
   ci-dessous adaptent leur présentation sans changer leur HTML. */
.bloc_contenu {
    background: #fff;
    padding: 0 5px;
    overflow: hidden;
    height: 99%;
    border-left: 1px solid #8f8f8f;
    border-right: 1px solid #8f8f8f;
}
.bloc_footer {
    background: #e9e9e1 url(../images/blocs/bloc_footer.png);
    width: 210px;
    height: 7px;
    margin: 0 0 5px;
}
.fleche_bas { padding: 0 10px; }
.bloc_titre_centre a { color: #555; text-decoration: none; }
.page_centre { margin: 1px 0 0; padding: 5px; }


.blocmenu{margin:0 !important;padding:0 !important;list-style:none !important}
.blocmenu ul,.bloc_espace_membre_list-style{margin:0;padding:0;list-style:none;list-style-image:none !important}
.blocmenu a,.blocmenu a:visited,.bloc_espace_membre_list-style a,.bloc_espace_membre_list-style a:visited{height:22px;line-height:22px;color:#414449;display:block;margin:0;padding:0 0 0 30px;text-decoration:none}
.blocmenu a:hover,.bloc_espace_membre_list-style a:hover{background:#dbdbdb url(../images/menu/menu.jpg) no-repeat;height:22px;color:#414449;display:block;text-decoration:none;margin:0;padding:0 0 0 30px}
.blocmenu li,.bloc_espace_membre_list-style li{margin-left:0px;padding:0;width:200px;height:22px;line-height:22px;border-bottom:1px solid #807667;list-style-image:none !important}
/* Le Bloc espace_membre */
.bloc_espace_membre1{text-align:left}
.bloc_espace_membre2,.bloc_espace_membre3,.bloc_espace_membre_avat{text-align:center}
.bloc_espace_membre_priv{float:right !important}
/*----  LES  NEWS -----*/
.news h4{background:url(../images/news/news_coin.jpg) no-repeat top left;padding:10px 0 5px 35px}
.date_news{font-size:.8em;font-weight:500}
h4>small{font-size:.8em;font-weight:500;color:#ababab}
.news>small{color:#39c}
.texte_news{padding:15px}
/* Les commentaires */
.commentaires_haut{background:url(../img/commentaires_haut.png) no-repeat;height:18px}
.commentaires_contenu{background:url(../img/commentaires_contenu.png) repeat-y;width:645px;padding-left:15px}
.commentaires_bas{background:url(../img/commentaires_bas.png) no-repeat;height:46px}
.blocdownload li{list-style-image:url(../images/puce.png)}
/* LES ARTICLES */
.article_contenu{padding:5px}
/* LE FORUM */
.forum_titre_1,.forum_titre_2,.forum_titre_3,.forum_titre_4,.forum_sep{background:#dbdbdb;height:28px;padding:0 0 0 5px;border:1px solid #999;color:#555;font-weight:700;text-align:center}
.forum_titre_2{border-left:none}
.forum_titre_3{border-left:none}
.forum_titre_4{border-left:none}
.forum_sep{border-top:none}
.forum_cat_mid,.forum_cat_img,.forum_cat_der{border-bottom:1px solid #999;text-align:center;padding:5px}
.forum_cat_img{background:#dbddde;border-left:1px solid #999}
.forum_cat_contenu{background-color:#dbddde;border-bottom:1px solid #999;padding:5px}
.forum_cat_der{background:#dbddde;border-right:1px solid #999;font-size:.8em;width:20%}
/* Les messages du forum */
.forum_message{background:#dbddde;border-top:3px solid #ccc;border-bottom:2px solid #ccc;height:100%}
.forum_date{font-size:1.1em;font-style:italic;line-height:34px;height:84px}
.forum_auteur{background:#dbddde;text-align:center;float:left;width:180px;padding:5px;font-size:.9em}
.forum_contact{margin:0;padding:0;text-align:left;height:32px;border-left:2px solid #eaeced}
.forum_post{min-height:320px;overflow:hidden;padding:5px;border-left:2px solid #eaeced;font-size:.9em}
.forum_signature{margin:0;padding:5px;clear:both}

#left #vers_phorum_bloc {
	text-align: left !important;
	padding-left: 8px;
}

/* puce résume forum */
.blocforum li{list-style-image:url('../images/puce.png')}
/* MISE EN FORUM DES BBCODES */
.panneau{background:#ccc;border:1px solid #9f9f9f;color:#666;padding:4px}
.quote{background:#ebe8e8;border:1px solid #ccc;border-left:4px solid #ccc;font-style:italic;padding-left:5px}
.code_php{background:#ebe8e8;border-top:3px solid #ccc;border-bottom:3px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:4px;overflow:auto}
/* Passage souris */
.onmouse_over{background:#eee}
.onmouse_over_forum{background:#ddd}
/* Zone de texte */
textarea,#apercu {
	border: 1px #ccc solid;
	background: #fff;
	width: 580px;
	margin: 0 auto;
	text-align: left;
}

textarea {
	height: 220px;
}

#apercu {
	height: auto;
	min-height: 220px;
	overflow: visible;
}
/* Input et bouton */
input,select{border:1px #ccc solid;background:#fff;margin:2px}
label{display:inline;float:left}
.label_enregistrer1{width:210px;font-size:.9em;letter-spacing:-.1em}
.label_enregistrer2{width:310px}
.label_profil1{width:150px}
.label_profil2{width:265px;font-weight:500;font-size:.9em}
.label_contact{width:200px}
.label_admin_options1{width:200px}
.label_admin_options2{width:400px}
.label_admin_email{width:200px}
legend{border-left:1px solid #ccc;padding:0 7px}
fieldset,.fieldset_resume{width:auto;margin:5px auto;padding-left:5px;border:1px dashed #ccc}
/* Bouton pied de module */
.pied_de_module{text-align:center}
.pied_de_module a{border:1px #ccc solid;background:#fff;padding:2px}
/* Pagination */
.page_encours{font-size:1.5em}
.page_choix{font-size:1.2em;padding:2px}
.page_choix:hover{font-size:1.5em;color:#746a5d}
/* Bulles infos © Patrick perron **************************/
a.BBcodeSyntaxe{position:relative;background:none;z-index:10}
a.BBcodeSyntaxe:hover{z-index:20;text-decoration:none}
a.BBcodeSyntaxe span{display:none;font-weight:400}
a.BBcodeSyntaxe:hover span{display:block;-moz-border-radius:10px;border:2px solid #ccc;position:absolute;margin-top:-100px;margin-left:130px;padding:0;width:230px;color:#666;text-align:center}
/* Pour avoir un beau background de bulle*/
a.BBcodeSyntaxe:hover>span{background:#000;background:#eae8e8;margin:0;padding:5px}
a.BBcodeSyntaxe em{color:#333;background:#ccc;display:block;margin:-5px -5px 0;font-size:.9em;letter-spacing:2px;}


#connectes_end
{
	width:98% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:3px !important;
	margin-bottom:3px !important;
	padding:5px !important;
	border:5px groove #6FAFDD !important;
	-moz-border-radius:10px !important;
	font-size:9px !important;
	text-align:center !important;
	background-color:#f2f2f2 !important;
	color:#666 !important;
}
#connectes_end strong, #connectes_end a
{
	font-size:11px !important;
	color:#666 !important;
}

/*Mise en page lors de la rédaction d'un post*/
.fieldset_post
{
	width:600px;
	margin: 1em auto;
	padding:1em;
}
.fieldset_post legend
{
	font-weight:bold;
}
.fieldset_post label span
{
	color:red;
}
.fieldset_post dd
{
	margin-left:210px;
}
div.fieldset_post
{
	text-align:center;
	width:585px;
	margin: auto;
}
.fieldset_post div #smil
{
	z-index:50;
	width:210px;
	height:230px;
	-moz-border-radius:10px;
	position:fixed;
	margin-left:-220px;
	top:250px;
	display:none;
	background-color:#81adc7;
}
.fieldset_post div #smil_in
{
	overflow:auto;
	width:170px;
	height:200px;
	border:1px solid;
	padding:5px;
	margin:10px auto;
}

/* bbcode flottant */
#choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font
{
	z-index:50;
	-moz-border-radius:10px;
	position:absolute;
	width:180px;
	padding:10px;
	margin-top:-100px;
	margin-left:220px;
	background-color:#81adc7;
}

div.EditPost
{
	text-align:right;
	padding-top:5px;
}
span.EditPost
{
    font-size:7.2pt;
    width:100%;
	border-top:1px dashed;
	border-left:1px dashed;
	border-right:1px dashed;
	padding:2px 5px 2px 15px;
	margin-right:5px;
}
div.MovePost
{
	text-align:right;
	padding-top:5px;
}
span.MovePost
{
    font-size:7.2pt;
    width:100%;
	border-left:1px dashed;
	border-right:1px dashed;
	border-bottom:1px dashed;
	padding:2px 5px 2px 15px;
	margin-right:5px;
}
.NavRubFo, .NavRubTopicFo, .NavTopicFo {
  float:right !important;
  margin-right:5px !important;
  font-size:smaller !important;
}
.NavRubFo span, .NavRubTopicFo span, .NavTopicFo span{
  background-color:#666;
  color:#f2f2f2;
  padding:0px 2px;
}
.NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{
  font-size:smaller;
}
.NavRubFo a, .NavRubTopicFo a, .NavTopicFo a{
  border:1px solid #72A5C5;
  padding:0px 2px;
  text-decoration:none;
}
.NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover{
  background-color:#6fafdd;
  color:#fff;
  border:1px solid #fff;
}

.username_login, .username_password, .username_connect{
	padding-left:20px;
	height:18px;
	background-image: url(../../../modules/espace_membre/images/login_bg.png);
	background-repeat:no-repeat;
}
.username_login {
	background-position:0 0;
}
.username_password {
	background-position:0 -18px;
}
.username_auto {
	vertical-align:middle;
}
.username_connect{
	background-position:0 -36px;
	height:20px !important;
	width:135px !important;
}

.hr_menu {}
.texte_menu {}
.MultiInputInline span{margin-left:25px;}
.contenu_page {}
.align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;}
.ancre {}
#ETSh00t1_lien {
	margin-right: 5px;
}

/* ======================================================================
   KwsPHP 2.0 — THÈME NEW_DAY_2
   Couche graphique unifiée : présentation uniquement, moteur inchangé.
   ====================================================================== */

:root {
    --nd-primary: #159c9a;
    --nd-primary-dark: #126d70;
    --nd-primary-soft: #e8f6f5;
    --nd-ink: #26383d;
    --nd-muted: #687b80;
    --nd-line: #dce8e8;
    --nd-page: #f1f6f6;
    --nd-surface: #ffffff;
    --nd-radius: 14px;
    --nd-shadow: 0 8px 24px rgba(29, 67, 72, .08);
}

/* Base de page et typographie */
html {
    background: var(--nd-page);
}

body {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1920px;
    margin: 24px auto;
    padding: 18px;
    border: 1px solid #e2eeee;
    border-radius: 20px;
    background: var(--nd-surface);
    background-clip: padding-box;
    color: var(--nd-ink);
    font: 15px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    box-shadow: 0 14px 42px rgba(31, 68, 73, .07);
}

/* Liens généraux */
a:link,
a:active,
a:visited {
    color: var(--nd-primary-dark);
    text-decoration: none;
}

a:hover {
    color: var(--nd-primary);
    text-decoration: underline;
}

a img {
    border: none;
}

/* Logo / image d'en-tête historique */
h1 {
    box-sizing: border-box;
    width: 100%;
    max-width: 1012px;
    height: auto;
    aspect-ratio: 1012 / 111;
    margin: 8px auto 24px;
    background-image: url(../img/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -5000px;
}

/* Menu horizontal principal */
.menu-haut {
    position: relative;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px auto 50px;
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(135deg, #159c9a, #126d70) !important;
}

.menu-haut ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-haut li {
    margin: 0;
    padding: 0;
}

.menu-haut .menu-lien,
.menu-haut .menu-lien:visited {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 55px;
    padding: 0 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.menu-haut .menu-lien img {
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 0;
    object-fit: contain;
}

.menu-haut .menu-lien:hover,
.menu-haut .menu-lien.active {
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 8px;
    background: linear-gradient(135deg, #20c5bd, #159c9a);
    color: #fff;
    text-decoration: none;
}

/* Date et heure affichées dans le bandeau */
/* Date et heure affichées dans le bandeau */
.menu-haut-infos {
	box-sizing: border-box;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100%;
	min-height: 30px;
	padding: 7px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, .45);
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
}
.menu-haut-infos .menu-date {
	display: block;
	color: #fff !important;
	text-align: left;
}

.menu-haut-infos .menu-heure {
	display: block;
	min-width: 65px;
	margin-right: 8px;
	margin-left: auto;
	color: #fff !important;
	font-variant-numeric: tabular-nums;
	text-align: right;
}
/* Boutons de taille sous l'heure, sans modifier le menu */
.menu-haut-infos {
	position: relative;
}

.menu-tailles {
	position: absolute;
	right: 15px;
	top: calc(100% + 18px);
	display: flex;
	align-items: center;
	gap: 4px;
	z-index: 10;
	margin-top: 0;
}

.menu-tailles button {
	min-width: 27px;
	height: 26px;
	padding: 2px 6px;
	border: 1px solid rgba(255,255,255,0.65);
	border-radius: 6px;
	background: #159c9a;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.menu-tailles button:hover,
.menu-tailles button.active {
	font-weight: 700;
	background: #fff;
	color: #159c9a;
}
/* Ancienne navigation centrale, conservée pour les pages qui l'utilisent */
.tab_fixed {
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 20px;
    top: 0;
    border: 1px solid var(--nd-line);
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(29, 67, 72, .07);
}

.center_menu {
    height: auto;
    min-height: 42px;
    padding: 7px 16px;
    border-radius: 999px;
    color: var(--nd-ink);
    font-size: .92em;
}

.center_menu a,
.center_menu a:visited {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 7px;
    color: var(--nd-primary-dark);
    font-weight: 650;
    transition: background .18s ease, color .18s ease;
}

.center_menu a:hover {
    background: var(--nd-primary);
    color: #fff;
    text-decoration: none;
}

.center_menu img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

/* Mise en page des trois colonnes */
#contenu {
    display: flow-root;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--nd-line);
    border-radius: var(--nd-radius);
    background: #fbfdfd;
}

#left,
#right {
    box-sizing: border-box;
    position: static;
    top: auto;
    width: clamp(220px, 16%, 300px);
    margin: 0 10px 16px;
    padding: 0;
}

#left {
    float: left;
    margin-left: 0;
}

#right {
    float: right;
    margin-right: 0;
}

#centre {
    box-sizing: border-box;
    position: static;
    top: auto;
    min-width: 0;
    margin: 0 0 16px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid var(--nd-line);
    border-radius: var(--nd-radius);
    background: var(--nd-surface);
    box-shadow: var(--nd-shadow);
}

#centre h2 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    margin: 0 0 14px;
    padding: 10px 14px;
    border: 1px solid #d7ecea;
    border-radius: 10px;
    background: linear-gradient(110deg, #e8f6f5, #f8fcfc);
    color: var(--nd-primary-dark);
    font-size: 1.08rem;
    line-height: 1.35;
    text-align: left;
    text-shadow: none;
}

#centre h2 .fleche_bas {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
}

h3 {
    color: var(--nd-primary-dark);
    font-weight: 650;
}

/* Titres des blocs latéraux : style commun */
#left > h3,
#right > h3 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    min-height: 42px;
    height: auto;
    margin: 18px 0 0;
    padding: 9px 13px;
    overflow: hidden;
    border: 1px solid #0b8589;
    border-bottom: 0;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(110deg, #087b83 0%, #159c9a 65%, #20aaa5 100%) !important;
    color: #fff !important;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: .96rem;
    font-weight: 650;
    line-height: 1.4;
    text-align: left;
    text-indent: 0;
    text-shadow: none;
    cursor: pointer;
}

#left > h3:first-child,
#right > h3:first-child {
    margin-top: 0;
}

/* Titres comportant une icône SVG de module */
#left > h3.bloc_entete,
#right > h3.bloc_entete {
    flex-direction: row;
    min-height: 32px;
    padding: 5px 10px;
    border-color: #126d70;
    background: linear-gradient(135deg, #159c9a, #126d70) !important;
    font-family: "Walkway", "Century Gothic", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

#left > h3.bloc_entete .bloc-icone,
#right > h3.bloc_entete .bloc-icone {
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: visible;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}

#left > h3.bloc_entete .bloc-titre,
#right > h3.bloc_entete .bloc-titre {
    display: inline-block;
    flex: 1;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

#left > h3.bloc_entete:hover,
#right > h3.bloc_entete:hover {
    background: linear-gradient(135deg, #20b5b0, #159c9a) !important;
}

/* Contenus des blocs latéraux */
#left > h3 + div,
#right > h3 + div {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 18px;
    padding: 0;
}

#left > h3 + div[id^="Bc"],
#right > h3 + div[id^="Bc"] {
    overflow: hidden;
	border: 2px solid #159998;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #fff !important;
    box-shadow: 0 3px 9px rgba(20, 70, 80, .08);
}

#left > h3 + div .bloc_contenu,
#right > h3 + div .bloc_contenu {
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 8px 10px !important;
    overflow: visible;
    background: #fff !important;
    color: var(--nd-ink);
}
/* Espace membre : laisser apparaître tout le contenu */
#left .bloc_espace_membre1,
#right .bloc_espace_membre1 {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding-bottom: 12px;
}
#left > h3 + div .bloc_footer,
#right > h3 + div .bloc_footer,
#left .bloc_footer,
#right .bloc_footer {
    display: none !important;
}

.page_centre {
    margin: 0;
    padding: 8px 4px;
}

/* Actualités, articles et commentaires */
.news,
.article_contenu,
.forum_message,
.fieldset_post,
fieldset {
    border-radius: 10px;
}

.news {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid var(--nd-line);
    background: #fff;
}

.news h4 {
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--nd-primary-soft);
    color: var(--nd-primary-dark);
}

.texte_news,
.article_contenu {
    padding: 12px;
}

/* Forum : couleurs adaptées au thème, structure historique conservée */
.forum_titre_1,
.forum_titre_2,
.forum_titre_3,
.forum_titre_4,
.forum_sep {
    border-color: var(--nd-line);
    background: #eaf6f5;
    color: var(--nd-primary-dark);
}

.forum_cat_img,
.forum_cat_contenu,
.forum_cat_der,
.forum_message,
.forum_auteur {
    border-color: var(--nd-line);
    background: #fbfdfd;
}

/* Formulaires : dimensions souples et focus turquoise */
input,
select,
textarea,
button {
    box-sizing: border-box;
    max-width: 100%;
    padding: 7px 9px;
    border: 1px solid #cbdcdd;
    border-radius: 7px;
    font: inherit;
}

input:focus,
select:focus,
textarea:focus {
    outline: 2px solid rgba(21, 156, 154, .18);
    border-color: var(--nd-primary);
}

textarea,
#apercu {
    width: 100%;
    max-width: 100%;
}

button,
input[type="submit"],
input[type="button"] {
    padding: 8px 14px;
    border: 1px solid var(--nd-primary);
    border-radius: 8px;
    background: var(--nd-primary);
    color: #fff;
    cursor: pointer;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--nd-primary-dark);
}

/* Pied de page */
#footer,
.footer_kwsphp {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    margin-top: 18px;
    padding: 14px;
    border-radius: 10px;
    background: #eaf4f4;
    color: var(--nd-muted);
    text-align: center;
    font-size: .85rem;
}

/* Visibilité et contraste du copyright KwsPHP — règles à conserver */
#ckwsp,
#ckws,
.copyright {
    color: #263238 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 11px;
    text-align: center;
    text-shadow: none !important;
}

#footer {
    color: #263238;
}

#footer a {
    color: #174f65 !important;
}

/* Images et tableaux du contenu central */
#centre table {
    max-width: 100%;
}

#centre img {
    max-width: 100%;
    height: auto;
}

/* Écrans intermédiaires : colonnes latérales légèrement resserrées */
@media (max-width: 1050px) {
    body {
        width: calc(100% - 20px);
        margin: 10px auto;
        padding: 12px;
    }

    #left,
    #right {
        width: 190px;
    }

    #centre {
        padding: 10px;
    }
}

/* Mobiles et petits écrans : empilement des trois colonnes */
@media (max-width: 760px) {
    body {
        width: 100%;
        margin: 0;
        padding: 10px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .menu-haut {
        margin-bottom: 24px;
    }

    .tab_fixed {
        width: 100%;
        border-radius: 12px;
    }

    .center_menu {
        padding: 8px;
        border-radius: 12px;
        line-height: 1.8;
    }

    .center_menu img {
        display: none;
    }

    .center_menu a,
    .center_menu a:visited {
        padding: 5px 8px;
    }

    h1 {
        margin: 8px auto 16px;
    }

    #contenu {
        padding: 9px;
    }

    #left,
    #right {
        float: none;
        width: 100%;
        margin: 0 0 12px;
    }

    #centre {
        width: 100%;
        margin: 0 0 12px;
        padding: 9px;
    }

    #left > h3 + div,
    #right > h3 + div {
        margin-bottom: 14px;
    }

    .forum_auteur {
        float: none;
        width: auto;
    }

    .forum_post {
        min-height: 0;
        border-left: 0;
    }

    .fieldset_post,
    div.fieldset_post {
        box-sizing: border-box;
        width: 100%;
    }

    .fieldset_post dd {
        margin-left: 0;
    }

    .label_enregistrer1,
    .label_enregistrer2,
    .label_profil1,
    .label_profil2,
    .label_contact,
    .label_admin_options1,
    .label_admin_options2,
    .label_admin_email {
        display: block;
        float: none;
        width: auto;
        letter-spacing: normal;
    }

    #centre table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* Texte saisi dans l'éditeur du forum : graisse normale */
#centre textarea {
	font-weight: 400 !important;
}

/* =========================================
CHOIX DE LA TAILLE DU THÈME NEW_DAY_2
========================================= */

/* Choix 1 : affichage compact */
html[data-taille="compact"] body {
	max-width: 1600px;
	font-size: 95%;
}

html[data-taille="compact"] #left,
html[data-taille="compact"] #right {
	width: clamp(190px, 14%, 260px);
}

/* Choix 2 : affichage normal légèrement réduit */
html[data-taille="normal"] body {
	max-width: 1800px;
	font-size: 97%;
}

/* Choix 3 : affichage agrandi */
html[data-taille="grand"] body {
	max-width: 2100px;
	font-size: 104%;
}

html[data-taille="grand"] #left,
html[data-taille="grand"] #right {
	width: clamp(240px, 17%, 330px);
}

/* Sur mobile, conserver l'empilement des colonnes */
@media screen and (max-width: 760px) {
	html[data-taille] #left,
	html[data-taille] #right,
	html[data-taille] #centre {
		width: 100% !important;
		max-width: 100% !important;
	}
}