.line-repertory .form-horizontal .section {
    margin-bottom: 1rem;
}


.line-msg {
    border-bottom: 2px solid var(--white);
}

.line-msg .btn-splash:hover {
    background: var(--turquoise-ca)!important;
}

.navbar {
    min-height: 38px;
}

.line-header .row .zone-50:first-of-type .mod-header-part__left .mod-header-logo {
    top: 22px!important;
}

.line-header .mod-header-logo {
    max-width: 185px!important;
}
.line-msg {
    padding-top: 0px!important;
}

@media screen and (max-width: 575px){
    .line-msg {
        margin-top: 89px;
    }
}

.line-header .mod-header-logo {
    max-width: 200px!important;
    padding: 5px;
}

.line-header .zone-50:first-of-type {
    min-height: 50px!important;
}
    
.navbar {
    min-height: 0;
}

.line-msg {
    padding-top: 10px!important;
}

.line-header .navbar-default .navbar-nav > li[data-menu-id="151162"] a:focus::before {
  content: url(https://cdn.eu.yapla.com/company/CPYxkejBIAP67dG3V4qbyK1vz/asset/images/icn-heart-fca-blanc.svg);
}

.line-repertory .search-object-result .vue-element .content {
    padding: 5px 20px !important;
}

.asso-t2 {
    font-size: 17px!important;
}

.asso-t3 {
    font-size: 15px!important;
}


.line-header .row .zone-50:first-of-type .mod-header-part__left .mod-header-logo {
    left: 0 !important;
}

.view-donation-campaign .line-header .zone-50:first-of-type::before {
    display: none !important;
}

.line-article .zone-article{
    background: white;
    padding: 20px 40px;
    border-radius: 10px;
}

iframe {
    width: 100%;
    height: auto;
   
}

@media screen and (min-width: 768px) {
    iframe {
    min-height: 600px;
}
}

.line-top{
background-color: var(--secondary);  
color: #fff;
margin-top:0;
}

.line-top p,.line-top h1, .line-top h2, .line-top h3, .line-top h4, .line-top h5, .line-top h6{
color: #fff;
}
.line-top a{
color: var(--primary);
}

/* --- Défilement fluide pour les ancres --- */
html {
  scroll-behavior: smooth;
}

/* --- Bouton caché par défaut --- */
.btn-flottant {
  display: none;
}

/* --- Bouton visible uniquement sur la page Projets --- */
.page-projets .btn-flottant {
  display: inline-flex;
  flex-direction: column;          /* permet d’empiler le texte */
  align-items: center;
  justify-content: center;

  position: fixed;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  /* Taille et forme */
  width: 140px;                    /* bouton plus large */
  height: 80px;                    /* bouton plus haut */
  border-radius: 9999px;           /* forme bien arrondie */

  /* Couleurs */
  background-color: #004652;       /* fond demandé */
  color: #fff;                     /* texte blanc */

  /* Texte */
  font-size: 1.1rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;

  /* Effets visuels */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

/* --- Effet au survol --- */
.page-projets .btn-flottant:hover {
  background-color: #006f7d;       /* une teinte plus claire au survol */
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* --- Ajustement du scroll si header sticky --- */
:root {
  --header-offset: 0px;            /* change à 80px si tu as un header collant */
}
.page-projets #zone-vote-projet {
  scroll-margin-top: var(--header-offset);
}

/* --- Version mobile --- */
@media (max-width: 640px) {
  .page-projets .btn-flottant {
    right: 0.5rem;
    width: 120px;
    height: 70px;
    font-size: 1rem;
    line-height: 1.2;
  }
}

/* --- Accessibilité (réduction du mouvement) --- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .page-projets .btn-flottant { transition: none; }
}

/* --- Bouton dans les boîtes de contenu : même style mais pas flottant --- */
.page-projets .btn-vote-projet {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /* pas de position: fixed ici ! */
  padding: 0.75rem 1.25rem;
  border-radius: 9999px;

  background-color: #004652;   /* même couleur que le bouton flottant */
  color: #fff;                 /* texte blanc */
  font-size: 1.05rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

/* Effet au survol */
.page-projets .btn-vote-projet:hover {
  background-color: #006f7d;   /* légère variation au hover */
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

/* Version plus compacte sur mobile si besoin */
@media (max-width: 640px) {
  .page-projets .btn-vote-projet {
    font-size: 1rem;
    padding: 0.6rem 1rem;
  }
}

.field-object-edit-element {
    display: none !important;
}