:root {
  --green-light: #89CF00;
  --green-dark: #029D00;
  --gray-dark: #212121;
  --gray-soft: #F9FAF9;
  --green-background: #EAFBE3;
}

body {
  background-color: var(--gray-soft) !important;
  color: var(--gray-dark);
  font-family: 'Inter', sans-serif;
}







/* Section alternées */
.section-alt {
  background-color: var(--green-background);
}

/* Icônes en cercles */
.icon-circle {
  background-color: var(--green-light);
  color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
}

/* Titres soulignés */
.section-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--green-dark);
  border-bottom: 3px solid var(--green-light);
  display: inline-block;
  padding-bottom: 0.3rem;
}

.burger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  background: none;
  border: none;
  gap: 6px;
}


@media (max-width: 1024px) {

p{
  font-size: smaller;
}
h3{
  font-size: small;
}

  .burger {
    display: block;
  }

  .nav-links {
     
    position: absolute;
    top: 130px;
    left: 10px;
    width: 50%;
    flex-direction: column;
    background-color: rgba(250, 250, 250, 0.9);
    padding: 1rem;
    display: none; /* caché par défaut */
    text-align: left;
    z-index: 50;
  }

  .nav-links.show {
    display: flex;
  }
  
.top-bar{
  font-size: 0.5em;
}
.header-social{
display: flex;
gap: 5px;
margin-right: 0px;
}
.header-social a {
  display: inline-block;
  margin-right: 20px;
background-color: none;
  font-size: 10px;
  
  padding: 5px;

  transition: background 0.3s;
}
.header-social a img {
  width:10px;
  height:10px;
}

/*team */
   .slider {
     
        animation: scroll 10s linear infinite alternate;
      }
      @keyframes scroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
.team-cards{
    
      
        position: relative;
     
      }
 
.team-image img {
  width: 90px;
  
}
.team-overlay {
  
  width: 90px;
  height: 90px;

}
.team-info h3 {
  
  font-size: 10px;
 
}

.team-info p {

 
  font-size: 8px;
}



/* section Contact */
.contact-card {
  
  width: 100px;
  overflow: hidden;
  padding: 0rem;
}

.contact-card i {
  font-size: 1rem;
 
}

.contact-card h4 {
  font-size: smaller;
}
.contact-card p {
  font-size:6px;

}
.contact-boxes {
  

  gap: 1rem;
  
}


/*section organigramme*/
.organe {
  width: 140px;
  padding: 0.5rem 1rem;
}

.organe h3 {

  font-size: 0.5rem;
 
}

.organe p {
  
  font-size: 0.5rem;
}


}


@keyframes ring {
  0% { transform: rotate(0deg); }
  1% { transform: rotate(15deg); }
  3% { transform: rotate(-15deg); }
  5% { transform: rotate(15deg); }
  7% { transform: rotate(-15deg); }
  9% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

.animate-bell {
  animation: ring 2s infinite;
  display: inline-block;
}