body {
      background-color:rgba(13,27,42,1.00);
      color: white;
      font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    }
    .hero {
      background: linear-gradient(rgba(13,27,42,0.6), rgba(13,27,42,0.6)), url("images/maud.png") no-repeat center center;
      background-size: cover;
      height: 75vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .hero h1 {
      font-size: 2.5rem;
      color: white;
    }
    .navbar.ma-nav {
     background: rgba(13,27,42,0.75)
    }
    .navbar-brand img {
      height: 32px;
    }
    .logo img {
      height: 100px;
    -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
    }
      header.header-scrolled .logo img {
      height:50px;
    }
      
    .lang-switch {
      color: white;
      text-decoration: none;
      margin-left: 1rem;
    }
    .dropdown-menu {
      background-color: #0d1b2a;
    }
    .dropdown-item {
      color: white;
    }
      .bg-white{color: black}
.accordion-button:not(.collapsed) {
color: white;
background-color: rgba(13,27,42,1.00);
}
footer a img,.accordion-button:not(.collapsed)::after{filter: brightness(0) invert(1);}
.list-group.list-group-flush {background:transparent!important}
.pb-text-content{align-self:stretch;min-height:300px}
.pb-text-content [type=button]:not(:disabled){height:38px}
.post-box .post-img{padding:150px}
.post-box .post-img img{top:0; left:0; bottom:0;right:0;  width:100%;height:250px; object-fit:cover}
.rounded-max{border-radius:100%}
.of-cover-container-wrapp{min-height:640px}
.of-cover-container{padding-top:250px;position:relative}
.page-id-275 .of-cover-container{padding-bottom:150px}
.page-id-275 .of-cover-container-wrapp{min-height:790px}
.max-height-thumbnail{max-height:100%}
@media screen and (max-width:992px){
.lang-select{position:absolute;right:0;top:120px}
}
@media screen and (max-width:768px){
.of-cover-container{padding-top:350px}
}
.of-cover{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.heroText{top:20%;left:0;right:0;width:100%}
.lang-switch {
  position: relative;
  display: inline-block;
  font: 500 14px/1.2 system-ui, sans-serif;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
color:black
}

/* Summary stylisé comme un bouton/select */
.lang-switch > summary {
  list-style: none;              /* enlève le triangle natif */
  padding: 8px 32px 8px 12px;
  cursor: pointer;
  user-select: none;
  border-radius: 6px;
}
.lang-switch > summary::-webkit-details-marker { display: none; }

/* Petite flèche custom */
.lang-switch > summary::after {
  content: "▾";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
}

/* Quand c'est ouvert, on enlève le radius en bas */
.lang-switch[open] > summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Bloc d’options (les liens) */
.lang-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
  z-index: 100;
}

.lang-options a {
  display: block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
}
.lang-options a:hover {
  background: #f5f5f5;
}

/* Masquer la langue active dans la liste */
.lang-options a.is-active {
  display: none;
}