@charset "utf-8";
/* CSS Document */
body, input, select, textarea {font-weight:500;}
.section-benevoles {min-height:960px;height:auto !important;height:100%;background:#23303D url('images/benevoles-motors-blues-dax.webp') no-repeat center top fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.benevoles{display:block;margin-top:50%;margin-bottom:50%;color:#FFF;font-weight:400;z-index:2;}
.video {max-width:100%;height:auto;margin:0;overflow:hidden;}
.section-black{background-color:#000000;margin:0;}
.section-blue{background-color:#5759a4;margin:0;padding:8em .5em 8em .5em;}
.section-gray{background-color:#ecf0ef;margin:0;padding:2em .5em 2em .5em;}
.gray {background-color:#efefef;}
.bg-gray-dark {background-color:#ecf0ef;}
.dmbf-kaki {padding:2em .5em 3em .5em;}
.dmbf-kaki {background-color:#a8a65b;color:#ffffff;}
.blue{clear:both;height:0.6rem;margin:0;border:0;background:#5759a4;}
.blue-video{clear:both;height:0.6rem;margin-top:-10px;border:0;background:#5759a4;}
.image.cover {display:block;max-width:100%;height:auto;margin:0;overflow:hidden;}
.image {border:0;display:block;position:relative;overflow:hidden;}
.image:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.image img {display:block;}
.image a{border-bottom:none !important;}
.zoom {position:relative;overflow: hidden;}
.zoom img {transition:0.3s;}
.zoom:hover img {transform:scale(1.1);}
.modal:target {visibility: visible;opacity: 1;}
b {color:#000;font-weight:600;}
strong {font-weight:600;}
a {color:#92914c;font-weight:600;text-decoration:none;}
a:hover {color:#525119;}
.article-h1 {margin:0;}
.article-header a {color:#92914c;text-decoration:none;}
.article-header a:hover {color:#444;border-bottom:dotted 1px #525119;}
.card-event-titre a:hover {text-decoration: none;color: #a2a147;}
.rubrique-title a {background-color:#92914c;color:#fafafa;}
a.spip_in{font-weight:600;text-decoration:none;}
a.spip_in:hover{border-bottom:dotted 1px #525119;}
a.spip_footer{color:#cccccc;border-bottom:dotted 1px #fff;}
a.spip_footer:hover{border-bottom:dotted 1px #ffc107;}
.card{--bs-card-border-color:#fafafa;}
.card-event-blue {box-shadow:5px 6px 2px 1px rgb(87, 89, 164);}
.card-event-or {box-shadow:5px 5px 2px 1px rgb(146, 145, 76);}
.card-event-video {box-shadow:12px 12px 2px 1px rgb(146, 145, 76);}
.card-event-titre {text-transform:uppercase;}
.card-event-titre a {font-size:1rem;}
.card-event-titre a:hover{color:#525119;}
.card-event-date {color:#92914c;font-weight:500;font-size:1rem;}
.navbar,navbar-nav,.nav-link {background-color:#000000;color:#FFF;text-transform:uppercase;font-weight:600;}
.navbar a:hover,.nav-link a:hover,.navbar:focus,.nav-link:focus {background-color:#ffc107;color:#000;}
.btn-dark,.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5759a4;
  --bs-btn-border-color: #5759a4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5759a4;
  --bs-btn-disabled-border-color: #5759a4;
}
/* Pagination */
.pagination .pagination-items{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;}
.pagination .pagination-item{margin:.5em;flex-basis:7.5%;display:flex;align-items:center;}
.pagination .pagination_precedent_suivant .pagination-item{flex-basis:auto;}
.pagination .pagination-item + .pagination-item{margin-left:0.5em;margin-right:0.5em;}
.pagination .pagination-item-label{display:block;flex-basis:100%;background:#ffc107;color:#222;text-decoration:none;padding:1.5em;border-radius:.50em;text-align:center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active{background:#5759a4;color:#fff;}
.pagination .on .pagination-item-label{font-weight:bold;}
.pagination .pagination_precedent_suivant .disabled{visibility:hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label{color:#444;font-weight:normal;}
blockquote.spip {color:#000000;font-weight:500;border-left:5px solid #92914c;padding:0.2rem 2rem 0.2rem 2rem;width:100%;}
icon.alt:before {color:#cc0000 !important;}
ul.icons li .icon::before {font-size: 4em;}
.glightbox-clean .gslide-title {font-size: 1em;font-weight: 700;}
.erreur_message{color:#cc0000;font-size:.8em;font-weight:700;}
.formulaire_spip label{padding:4px 0;font-size:.8em;font-weight:700;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea {
-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;background:#ececec;border: none;border-radius: 0;color: inherit;display: block;outline: 0;padding: 0 1em;text-decoration: none;width: 100%;height: 3em;}
.nettoyeur{clear:both;height:0.5em;margin:0 0 1%;border:0;line-height:0.5em;font-size:0.5em}
#map{width:100%;height:550px;background:#444}
.spip_document .oembed, .spip_documents .oembed {background:#000;border:0;}
.spip_documents {margin-bottom:0.5em;}
@media (max-width: 768px) {p,.article-texte {font-size:1rem;}}
/* =========================================================
   FOND NAVY — charte du flyer 2026 (#000080)  [ajout Claude 30/07/2026]
   ========================================================= */
:root{ --mnb-navy:#000080; --mnb-navy-d:#00006e; --mnb-navy-l:#1a1ba6; --mnb-salmon:#ff8080; --mnb-ink:#eef0ff; }
html{ background:var(--mnb-navy); }
body{
  background:radial-gradient(circle at 50% 22%, var(--mnb-navy-l) 0%, var(--mnb-navy) 55%, var(--mnb-navy-d) 100%) fixed !important;
  color:var(--mnb-ink) !important;
}
/* Texte lisible sur navy */
p, li, ul, ol, span, small, h1, h2, h3, h4, h5, h6,
.article-texte, blockquote.spip, label, figcaption, dt, dd,
.text-muted, .text-dark { color:var(--mnb-ink) !important; }
b, strong { color:#ffffff !important; }
/* Liens = accent saumon du flyer */
a, a.spip_in, a.spip_out, .article-header a, .card-event-titre a, .card-event-date { color:var(--mnb-salmon) !important; }
a:hover, a.spip_in:hover, a.spip_out:hover, .article-header a:hover { color:#ffc2b5 !important; }
/* Sections claires/bleues -> fondues dans le navy */
.section-gray, .gray, .bg-gray-dark, .section-blue, .bg-light, .bg-white { background-color:transparent !important; }
/* Séparateurs -> accent saumon */
.blue, .blue-video { background:var(--mnb-salmon) !important; }
/* Citations */
blockquote.spip{ color:var(--mnb-ink) !important; border-left-color:var(--mnb-salmon) !important; }
/* Boutons foncés : bg navy clair, hover saumon */
.btn-dark, .btn-secondary{
  --bs-btn-bg:#20219c; --bs-btn-border-color:#20219c;
  --bs-btn-hover-bg:var(--mnb-salmon); --bs-btn-hover-color:#111; --bs-btn-hover-border-color:var(--mnb-salmon);
  --bs-btn-active-bg:#2b2cb0; --bs-btn-disabled-bg:#20219c; --bs-btn-disabled-border-color:#20219c;
}
/* Champs de formulaire : rester clairs, texte foncé */
input, select, textarea{ color:#222 !important; }
::placeholder{ color:#555 !important; }
/* Les cartes sombres (text-bg-dark) restent telles quelles (déjà lisibles) */
/* Conteneurs d'en-tête clairs du thème -> transparents (fond navy visible) */
header{ background-color:transparent !important; }
.content, .content .inner{ background-color:transparent !important; }
/* Pagination : garder le texte foncé sur les puces jaunes (pas de saumon) */
.pagination a, .pagination .pagination-item-label, .pagination .on .pagination-item-label{ color:#222 !important; }
.pagination .on .pagination-item-label{ color:#fff !important; }
/* rubrique-title : conserver son propre style */
.rubrique-title a{ color:#fafafa !important; }
