/* =====================================================================================
   Forum immofinances.net aux couleurs du site (nouveau design, 29/09/2026).
   Chargee apres les feuilles de prosilver (overall_header.html) : on ne modifie pas prosilver,
   on le recouvre. Police Hanken Grotesk, encre #1F2021, orange #EC7B35, arrondis 7 px maximum.
   ===================================================================================== */
:root {
	--fi-orange: #EC7B35;
	--fi-orange-fonce: #C95F1D;
	--fi-orange-clair: #FDF1E8;
	--fi-encre: #1F2021;
	--fi-texte: #55595C;
	--fi-gris: #8A8E91;
	--fi-ligne: #E6E4E0;
	--fi-fond: #F7F5F2;
	--fi-police: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

html, body { background: var(--fi-fond); }
body#phpbb { font-family: var(--fi-police); color: var(--fi-texte); font-size: 11px; padding: 0; }
body#phpbb, body#phpbb h1, body#phpbb h2, body#phpbb h3, body#phpbb .postbody, body#phpbb .content,
body#phpbb input, body#phpbb select, body#phpbb textarea, body#phpbb button, body#phpbb .button { font-family: var(--fi-police); }

/* ----- barre du site (retour vers immofinances.net) ----- */
.fi-barre { background: #fff; border-bottom: 1px solid var(--fi-ligne); }
.fi-barre-in { max-width: 1152px; margin: 0 auto; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.fi-barre-logo img { display: block; width: 230px; height: auto; }
.fi-barre nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; }
.fi-barre nav a { font-size: 15px; font-weight: 600; color: var(--fi-encre); text-decoration: none; }
.fi-barre nav a:hover { color: var(--fi-orange-fonce); text-decoration: none; }
.fi-barre nav a.fi-barre-cta { padding: 9px 16px; border-radius: 6px; background: var(--fi-orange); color: #fff; }
.fi-barre nav a.fi-barre-cta:hover { background: var(--fi-orange-fonce); color: #fff; }

/* ----- cadre ----- */
.wrap { max-width: 1152px; margin: 24px auto; padding: 0 16px; border: 0; border-radius: 0; background: transparent; }

/* en-tete du forum : bandeau encre, sans le logo phpBB */
.headerbar { background: var(--fi-encre) none; border-radius: 7px; padding: 22px 26px; margin-bottom: 8px; }
.headerbar .site_logo, .headerbar .logo { display: none; }
.site-description h1 { margin: 0 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.site-description h1::after { content: " \2014  le forum"; color: var(--fi-orange); font-weight: 700; }
.site-description p { font-size: 14px; line-height: 1.5; color: #D6D4D0; max-width: 720px; }
.search-header { border-radius: 6px; box-shadow: none; margin-top: 6px; }
.search-header .inputbox { border: 0; height: 36px; font-size: 13px; }
.search-header fieldset { display: flex; align-items: stretch; }
.search-header .inputbox { border-radius: 6px 0 0 6px; }
.search-header .button-search, .search-header .button-search-end { float: none; height: 36px; margin: 0; padding: 0 10px; display: inline-flex; align-items: center; background: #fff; border: 0; border-left: 1px solid var(--fi-ligne); border-radius: 0; }
.search-header .button-search-end { border-radius: 0 6px 6px 0; }

/* barre de navigation */
.navbar { background: #fff; border: 1px solid var(--fi-ligne); border-radius: 7px; padding: 6px 12px; }
.navbar ul.linklist { border-top-color: var(--fi-ligne); }
.navbar a, .navbar .icon { color: var(--fi-encre); }
.navbar a:hover { color: var(--fi-orange-fonce); }
.crumb a { font-weight: 700; }

/* liens */
a, a:visited { color: var(--fi-encre); }
a:hover, a:focus, a:active { color: var(--fi-orange-fonce); text-decoration: none; }
a.forumtitle, a.topictitle, .forumtitle, .topictitle { color: var(--fi-encre); font-weight: 700; }
a.forumtitle:hover, a.topictitle:hover { color: var(--fi-orange-fonce); }
.postlink, .postlink:visited { color: var(--fi-orange-fonce); border-bottom-color: var(--fi-orange-fonce); }
.username-coloured, .username-coloured:visited { color: var(--fi-orange-fonce) !important; }

h2, h2.forum-title, h2.topic-title, .forum-title a { color: var(--fi-encre); font-weight: 800; letter-spacing: -.01em; }
h3 { color: var(--fi-encre); border-bottom-color: var(--fi-ligne); font-family: var(--fi-police); text-transform: none; font-size: 1.2em; }

/* listes de forums et de sujets : entete encre, lignes blanches */
.forabg, .forumbg { background: var(--fi-encre) none; border-radius: 7px; padding: 6px; }
.forabg .header, .forumbg .header { color: #fff; }
li.header dt, li.header dd, li.header dd.lastpost, ul.topiclist li.header dd { color: #fff; font-family: var(--fi-police); font-size: 11px; letter-spacing: .06em; }
li.header a { color: #fff; }
ul.forums, ul.topiclist.topics { background: #fff none; border-radius: 0 0 5px 5px; }
ul.topiclist li { color: var(--fi-texte); }
ul.topiclist li.row { border-top-color: var(--fi-ligne); border-bottom-color: var(--fi-ligne); }
.bg1, .bg2, .bg3, li.row { background-color: #fff; }
li.row:hover { background-color: var(--fi-orange-clair); }
ul.topiclist dd, ul.topiclist li.row dd { border-left-color: var(--fi-ligne); }
dd.posts, dd.topics, dd.views { color: var(--fi-encre); font-size: 13px; font-weight: 600; }
li.row dd.lastpost > span { color: var(--fi-texte); }

/* messages */
.post { border-radius: 7px; border: 1px solid var(--fi-ligne); }
.post.bg1, .post.bg2 { background-color: #fff; }
.postprofile { border-left-color: var(--fi-ligne); color: var(--fi-texte); }
.content { color: var(--fi-encre); font-size: 14px; line-height: 1.65; }
blockquote { background: var(--fi-fond); border-color: var(--fi-ligne); border-radius: 6px; }
.codebox { background: var(--fi-fond); border-color: var(--fi-ligne); border-radius: 6px; }

/* panneaux (connexion, statistiques, formulaires) */
.panel { background: #fff; border: 1px solid var(--fi-ligne); border-radius: 7px; color: var(--fi-texte); }
.panel h2, .panel h3, .content h2 { color: var(--fi-encre); border-bottom-color: var(--fi-ligne); }
.stat-block h3, .stat-block h3 a { color: var(--fi-encre); }
fieldset, label, dt label { color: var(--fi-texte); }
.inputbox { border-color: var(--fi-ligne); border-radius: 6px; }
.inputbox:hover, .inputbox:focus { border-color: var(--fi-orange); }

/* boutons */
.button, a.button { border-radius: 6px; border-color: var(--fi-ligne); background: #fff none; color: var(--fi-encre); box-shadow: none; text-shadow: none; }
.button:hover, .button:focus { border-color: var(--fi-orange); background: #fff; color: var(--fi-orange-fonce); }
.button .icon { color: var(--fi-texte); }
a.button1, input.button1, button.button1, input[type="submit"].button1 {
	border-radius: 6px; border: 0; background: var(--fi-orange) none; color: #fff; font-family: var(--fi-police); font-weight: 700; padding: 6px 14px; box-shadow: none; text-shadow: none;
}
a.button1:hover, input.button1:hover, button.button1:hover { background: var(--fi-orange-fonce); color: #fff; }
/* bouton secondaire (Je refuse, Annuler, Apercu) */
a.button2, input.button2, button.button2 { border-radius: 6px; border: 1px solid var(--fi-ligne); background: #fff none; color: var(--fi-encre); font-family: var(--fi-police); font-weight: 600; padding: 5px 14px; box-shadow: none; text-shadow: none; }
a.button2:hover, input.button2:hover, button.button2:hover { border-color: var(--fi-orange); color: var(--fi-orange-fonce); background: #fff; }
.pagination li a, .pagination li span { border-radius: 5px; border-color: var(--fi-ligne); background: #fff; color: var(--fi-encre); }
.pagination li.active span { background: var(--fi-orange); border-color: var(--fi-orange); color: #fff; }
.pagination li a:hover { background: var(--fi-orange); border-color: var(--fi-orange); color: #fff; }
.dropdown .dropdown-contents { border-radius: 6px; border-color: var(--fi-ligne); }

/* connexion : action principale, quel que soit le style d'origine du bouton */
input.button2[name="login"], input.button1[name="login"] { border: 0; background: var(--fi-orange); color: #fff; font-weight: 700; }
input.button2[name="login"]:hover, input.button1[name="login"]:hover { background: var(--fi-orange-fonce); color: #fff; }
/* pied */
.page-footer .navbar { margin-top: 16px; }
.copyright { color: var(--fi-gris); }
.copyright a { color: var(--fi-texte); }

@media (max-width: 700px) {
	.fi-barre-in { flex-direction: column; align-items: flex-start; }
	.fi-barre-logo img { width: 190px; }
	.fi-barre nav { gap: 6px 16px; }
	.wrap { margin: 12px auto; padding: 0 8px; }
	.headerbar { padding: 16px; }
	.site-description h1 { font-size: 21px; }
}