/* Forum aux couleurs du site (08/10/2026, tools/www-forum-20261008) : thème « azure » repris avec les bleus du site,
   puis l'habillage. Chargée après toutes les feuilles du style Mobbern. */
/* Mobbern CSS: */
/* primary-color */
a, a:link, a:visited, .opts-container .button2, .info-block .display-options .button2, .sidebar-block.tabs-panel .nav-tabs, .sidebar-block.tabs-panel .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, a.forumtitle:hover, a.forumtitle:active, a.topictitle:hover, a.topictitle:active, .navbar.beadcrumb ul.navlinks a:hover, input.search-icon:focus, .navbar-default .nav > .mega-menu.open > a, .navbar-default .nav > .mega-menu.open > a:hover, .navbar-default .nav > .mega-menu.open > a:focus, #main-navbar .dropdown-menu > li > a, #tabs .activetab a span, #tabs .activetab a:hover span, .search-box .button2 {
  color: #194172; }

#mobbern-header-2 #main-navbar.navbar, .info-block .display-options .button2:hover, .sidebar-block.tabs-panel .nav-tabs, .topiclist > li.header, #main-navbar.navbar-fixed, #main-navbar.navbar-default, .panel .panel-heading, #minitabs li, .posthilit, #tabs, .table1 thead, a.button1, input.button1, input.button3, a.button2, input.button2 {
  background-color: #194172; }

.content.quick-reply {
  border-color: #194172; }

.row .pagination span a:hover, li.pagination span a:hover, .pagination span strong, .row .pagination ul li a:hover {
  background-color: #194172;
  border-color: #194172; }

/* primary-color-light */
#forum-stats .float-right .panel-heading, li.header dd, div#navbar-searchbox-container {
  border-color: #2c5a92; }

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, #main-navbar .navbar-toggle:hover, #main-navbar .navbar-toggle:focus, #tabs a:hover span, .sidebar-block.tabs-panel .nav-tabs>li>a:hover, .sidebar-block.tabs-panel .nav-tabs>li>a:focus {
  background-color: #2c5a92; }

/* primary-color-lighter */
#main-navbar .dropdown-menu > li > a:hover, #main-navbar .dropdown-menu > li > a:focus {
  background-color: #3d6fae; }

/* primary-color-dark */
a.button1:focus, input.button1:focus, a.button2:focus, input.button2:focus, input.button3:focus, a.button1:active, a.button2:active {
  background-color: #12325a; }

/* primary-color-darkest */
html, #page-footer, #simple-wrap .copyright, .carousel .item {
  background-color: #12325a; }

.footer-contact-social a .icon {
  color: #12325a; }

/* text-color-footer */
#page-footer, .footer-links-list a, #simple-wrap .copyright, .copyright a {
  color: #b8c4d4; }

.footer-contact-social a .icon {
  background-color: #b8c4d4; }

/* BOOTSTRAP CSS: */
/* primary-color */
.panel-primary > .panel-heading .badge, .pagination > li > a, .pagination > li > span, .btn-link, .btn-primary .badge, .text-primary {
  color: #194172; }

.progress-bar, .badge, .label-primary, .navbar-default, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .btn-primary, .bg-primary {
  background-color: #194172; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active, .panel-primary, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: #194172; }

.panel-primary > .panel-heading, .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #194172;
  border-color: #194172; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #194172; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #194172; }

/* primary-color-light */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: #2c5a92; }

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #2c5a92; }

/* other colors */
a:hover, a:active, a.forumtitle:hover, a.forumtitle:active, a.topictitle:hover, a.topictitle:active {
  color: #12325a; }

.copyright a:hover, .footer-panel-body a, .footer-panel-body a:hover, a.button1, input.button1, input.button3, a.button2, input.button2 {
  color: #FFF; }

/* ---------- habillage du site (08/10/2026) : en-tête comme la barre de www, fil d'Ariane clair, titres du site ---------- */
@font-face { font-family: 'GD Bricolage'; font-style: normal; font-weight: 400 800; font-display: fallback; src: url('/templates/vldthemes_simple/fonts/accueil/gd-bricolage.woff2') format('woff2'); unicode-range: U+0000-00FF; }
body#phpbb, body#phpbb #scroll-top { background-color: #f4f6f9 !important; }
body#phpbb { color: #1b2433; }

/* en-tête : la barre bleue du site, son logo « bep » et « Forum » */
#mobbern-header-3 { background: #194172; box-shadow: 0 1px 0 rgba(0, 0, 0, .12); }
#mobbern-header-3 .header-content { padding-top: 0; padding-bottom: 0; }
#mobbern-header-3 .header-content h1 { display: flex; align-items: center; height: 60px; margin: 0; line-height: 1; font-weight: 400; }
#mobbern-header-3 .header-content h1 a#logo-big { display: inline-flex; align-items: center; height: 60px; color: #fff; text-decoration: none; }
#mobbern-header-3 a#logo-big > span { position: relative; left: auto; display: inline-block; width: auto; text-align: left; }
#logo-big, #logo-big * { transition: none; }
#logo-big .gd { position: relative; display: inline-block; padding-right: 1.18em; color: #fff; font-size: 30px; font-style: normal; font-weight: 400; line-height: 1; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; user-select: none; }
#logo-big .gd-mot { position: relative; top: -.04em; display: inline-block; font-family: 'GD Bricolage', 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif; font-weight: 800; letter-spacing: -.03em; font-variation-settings: 'opsz' 96; font-synthesis: none; line-height: 1; }
#logo-big .gd-L2 { margin-left: -.017em; }
#logo-big .gd-embleme { position: absolute; top: -.317em; right: 0; display: block; margin: 0; }
#logo-big .gd-bulle { display: block; width: 1.14em; height: 1.7em; margin: 0; overflow: visible; fill: currentColor; }
#logo-big .gd-bulle--gouttes { position: absolute; top: .363em; left: .495em; width: .537em; height: .8em; }
#logo-big .gd-bulle .gd-a { fill: #28b62c; }
#logo-big .gd-bulle .gd-p, #logo-big .gd-bulle .gd-t { fill: #fff; }
#mobbern-header-3 .header-content h1 a.bep-forum-mot, #mobbern-header-3 .header-content h1 a.bep-forum-mot:hover { margin-left: 14px; padding: 5px 0 5px 14px; border-left: 1px solid rgba(255, 255, 255, .35); color: #fff; font: 700 21px/1 "Roboto Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: .01em; text-decoration: none; }
#mobbern-header-3 .header-content h1 a.bep-forum-mot:hover, #mobbern-header-3 .header-content h1 a.bep-forum-mot:focus { text-decoration: underline; }
#mobbern-header-3 .header-adspace { height: auto; line-height: normal; }
@media (max-width: 991px) { #logo-big .gd { font-size: 28px; } }
@media (max-width: 767px) {
  #mobbern-header-3 .header-content h1, #mobbern-header-3 .header-content h1 a#logo-big { height: 56px; }
  #mobbern-header-3 .header-content h1 a.bep-forum-mot, #mobbern-header-3 .header-content h1 a.bep-forum-mot:hover { margin-left: 12px; padding-left: 12px; font-size: 19px; }
}

/* fil d'Ariane : bande blanche, liens bleus, boutons en pastille (avant : dégradé violet) */
.navbar.beadcrumb { min-height: 0; margin-bottom: 18px; padding: 8px 0; border: 0; border-bottom: 1px solid #e3e8ef; border-radius: 0; background: #fff; }
.navbar.beadcrumb > .container { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.navbar.beadcrumb > .container::before, .navbar.beadcrumb > .container::after { content: none; }
.navbar.beadcrumb ul.navlinks { flex: 1 1 320px; min-width: 0; float: none; }
.navbar.beadcrumb ul.navbuttons { flex: none; float: none; margin-left: auto; }
.navbar.beadcrumb ul.navlinks li { padding: 6px 0; line-height: 22px; }
/* « Envoyer le sujet par e-mail » et « Imprimer le sujet » : cliquables mais invisibles (icône absente), une icône leur est rendue */
.navbar.beadcrumb ul.navlinks li.rightside { padding: 0; }
.navbar.beadcrumb ul.navlinks li.rightside a.sendemail, .navbar.beadcrumb ul.navlinks li.rightside a.print { display: block; width: 34px; height: 34px; overflow: hidden; border-radius: 50%; color: #194172; font-size: 0; line-height: 34px; text-align: center; text-indent: 0; text-decoration: none; }
.navbar.beadcrumb ul.navlinks li.rightside a.sendemail::before { content: "\f0e0"; font: 15px/34px FontAwesome; }
.navbar.beadcrumb ul.navlinks li.rightside a.print::before { content: "\f02f"; font: 15px/34px FontAwesome; }
.navbar.beadcrumb ul.navlinks li.rightside a:hover, .navbar.beadcrumb ul.navlinks li.rightside a:focus { background: #eef3fa; }
.navbar.beadcrumb ul.navlinks a { color: #194172; font-weight: 600; }
.navbar.beadcrumb ul.navlinks a:hover, .navbar.beadcrumb ul.navlinks a:focus { color: #12325a !important; text-decoration: underline; }
.navbar.beadcrumb ul.navlinks strong { color: #8a96a8; font-weight: 400; }
.navbar.beadcrumb .controls-btn { height: auto; }
.navbar.beadcrumb .controls-btn a.breadcrumb-button.button1 { display: inline-block; min-height: 0; margin: 0; padding: 7px 16px; border: 1px solid #cfd6e1; border-radius: 999px; background: #fff !important; color: #194172; font-weight: 700; line-height: 18px; text-shadow: none; box-shadow: none; }
.navbar.beadcrumb .controls-btn a.breadcrumb-button.button1:hover, .navbar.beadcrumb .controls-btn a.breadcrumb-button.button1:focus { background: #eef3fa !important; color: #12325a; }
.navbar.beadcrumb .controls-btn a.breadcrumb-button.button1.bg-danger { border-color: #b42318; background: #b42318 !important; color: #fff; }
.navbar.beadcrumb .controls-btn a.breadcrumb-button.button1.bg-danger:hover, .navbar.beadcrumb .controls-btn a.breadcrumb-button.button1.bg-danger:focus { background: #8f1c13 !important; color: #fff; }
@media (max-width: 779px) {
  .navbar.beadcrumb ul.navbuttons { padding: 6px 0 0; text-align: left; }
  .navbar.beadcrumb ul.navbuttons li { display: inline-block; width: auto; }
  .navbar.beadcrumb .controls-btn a.breadcrumb-button.button1 { display: inline-block; width: auto; padding: 8px 16px; border-radius: 999px; line-height: 18px; text-align: center; }
}

/* moins de vide entre le fil d'Ariane et le contenu (avant : 45 px en plus de la marge du fil d'Ariane) */
body #page-body { padding-top: 4px; }

/* boutons : « Marquer tous les sujets comme lus » et non « Marquer Tous Les Sujets Comme Lus » (majuscules à l'anglaise du thème) */
a.button1, input.button1, input.button3, a.button2, input.button2 { text-transform: none; }

/* titres : la police des titres du site (avant : Roboto Slab) */
h1, h2, h3, h4, h5, h6, .header, .nav.nav-tabs, #tabs { font-family: "Roboto Condensed", "Open Sans", Helvetica, Arial, sans-serif; }
li.header dt, li.header dd { font-weight: 700; }

/* rubriques et sujets en cartes, comme les blocs du site */
.forabg, .forumbg { overflow: hidden; border: 1px solid #e3e8ef; border-radius: 14px; background: #fff; }
ul.topiclist li.row:nth-child(even) { background-color: #fafbfd; }
ul.topiclist li.row:hover { box-shadow: none; background-color: #f2f6fb; }
a.forumtitle, a.topictitle { color: #194172; font-weight: 700; }
a.forumtitle:hover, a.forumtitle:focus, a.topictitle:hover, a.topictitle:focus { color: #12325a; text-decoration: underline; }
.panel { overflow: hidden; border-color: #e3e8ef; border-radius: 14px; }
.post:hover { box-shadow: 0 2px 10px rgba(15, 23, 42, .08); }

/* messages au téléphone : l'avatar (100 px) recouvrait le pseudo et le titre, la règle du thème visait « dt > a > img »
   alors que l'avatar est dans .avatar-container ; il passe en vignette de 36 px à gauche du pseudo */
@media (max-width: 480px) {
  dl.postprofile dt.has-avatar .avatar-container { position: absolute; top: 14px; left: 15px; width: 36px; height: 36px; margin: 0; padding: 0; }
  dl.postprofile dt.has-avatar .avatar-container img.avatar { display: block; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
  dl.postprofile dt.has-avatar > a:not(:first-child) { left: 61px; }
}

/* colonne : « Retourner sur Branle Entre Potes » au vert des actions du site, la publicité nommée */
#right-column .widget-note.panel-info { border-color: #1b7a29; }
#right-column .widget-note .panel-heading { border-color: #1b7a29; background: #1b7a29; }
#right-column .widget-note .panel-heading a, #right-column .widget-note .panel-heading a:hover { color: #fff; }
#right-column .widget-note .panel-heading a:hover { text-decoration: underline; }
/* la régie ne remplit pas toujours l'emplacement : rien de visible tant qu'il est vide, un cadre « Publicité » dès qu'il se remplit */
#right-column .widget-ad { border: 0; background: none; box-shadow: none; }
#right-column .widget-ad:has(iframe, img, video, ins > *) { position: relative; padding-top: 22px; border: 1px solid #e3e8ef; background: #fff; }
#right-column .widget-ad:has(iframe, img, video, ins > *)::before { content: "Publicité"; position: absolute; top: 4px; left: 10px; color: #5e6b80; font-size: 11px; font-weight: 600; line-height: 14px; letter-spacing: .04em; text-transform: uppercase; }