/* code HTML logo clair: #5c8dff -- foncé: #001076 */ 

h1 {
    color: #001076;
}

/* FIXER LA LARGEUR DES PHOTOS DE L'EQUIPE */

.fixed-width {
  min-width: 280px;
  max-width: 280px;
}

/* CENTRAGE DES LOGOS SVG DE LA PAGE D'ACCUEIL */

.logo-svg {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}

.logo-svg-gauche > * {
  margin-right: -70px;
}


.logo-svg-gauche > svg {
  margin-right: initial;
}

.logo-svg-droite > * {
  margin-left: -70px;
}


.logo-svg-droite > svg {
  margin-left: initial;
}

/* FORMULAIRE DE CONTACT */

form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

input, textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box;
}

input:focus, textarea:focus {
    border-color: #5c8dff;
    box-shadow: 0 2px 5px rgba(0, 123, 255, 0.5);
    outline: none; /* Retirer la bordure par défaut des navigateurs */
}

.formulaire-contact {
    background-color: transparent;
    padding: 20px;
    width: 100%;
    max-width: 800px;
}

.bouton-formulaire {
    width: 100%;
    padding: 10px 0;
    background-color: #010076;
    color: #5c8dff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}

.bouton-formulaire:hover {
    background-color: #5c8dff;
    transform: translateY(-2px);
    color: #010076;
}

/* PERSONNALISATION DE LA CARTE GOOGLE */

.map {
    position: relative;
    padding-bottom: 75%; /* Ratio 16:9 mettre 56.25%. Pour un ratio 4:3 mettre 75% */
    height: 0;
    overflow: hidden;
}



/* DIVERS */

.no-underline {
    text-decoration: none;
}


/* AUCUNE IDEE DE L'UTILITE DE CES DEUX BLOCS !! */

.swipe-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5c8dff;
  color: white;
  font-size: 24px;
  cursor: pointer;
  transition: transform 0.2s;
}

.swipe-indicator:hover {
  transform: scale(1.2);
}