/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2025 | 23:39:50 */
/* ==== SECTION DIRIGEANT (FOND BLANC) ==== */
.section-dirigeant {
  background: #fff;
  padding: 0 0 5px 0;     /* Bas de section espacé, pas de padding en haut */
  width: 100%;
}

/* Conteneur principal, gère la mise en page en colonnes */
.dirigeant-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: start;       /* Aligne les items en haut */
  justify-content: space-around; /* Espacement sur toute la largeur */
  flex-wrap: wrap;          /* Passe en colonne si manque de place */
}

/* Bloc photo (inutile sans style, mais possible pour centrage sur mobile) */
.dirigeant-photo {
  justify-items: center;
}

/* Photo du dirigeant : grande sur desktop, ombre premium */
.dirigeant-photo img {
  width: 320px;
  max-width: 95%;
  border-radius: 32px;
  box-shadow: 0 8px 42px rgba(0,0,143,0.10);
  display: block;
}

/* Texte : police, largeur, couleur, justification */
.dirigeant-texte {
  color: var(--muted);
    font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  width: 45%;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: justify;
}

/* Titre : capitales, gros, centré, police identitaire */
.dirigeant-title {
  color: #00008f;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 3%;
  margin-top: 2%;
  letter-spacing: 0.0045em;
  text-transform: uppercase;
  text-align:center;
}

/* Paragraphes internes : police claire, marges pour aération */
.dirigeant-texte p {
  margin: 0 0 18px 0;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
	font-weight:400;
}

/* Signature finale */
.dirigeant-signature {
  margin-top: 20px;
  font-size: 1.18rem;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-weight: 600;
	text-align: end;
}
.dirigeant-signature span {
  font-size: 1.05rem;
  font-weight: 600;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
}


/* Conteneur boutons en colonne */
.dirigeant-boutons-container {
	justify-items:center;
	width: 95%;
	margin: 3% 2% 0 2%;
	}

.dirigeant-boutons {
  display: flex;
  flex-direction: column;
  gap: 14px; /* espace vertical entre les boutons */
  margin-top: 24px;
  width: 45%; 
  padding: 17px 44px;
	align-items:center;
	
	 
}

/* Styles généraux */
.dirigeant-boutons a {
  display: inline-flex;
  align-items: center;
 justify-content: center;
  gap: 30px;
  padding: 12px 20px;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-size: 1.18rem;
  letter-spacing: 0.03em;
  font-weight: 700;
  border-radius: 32px;
  text-decoration: none;
  transition: all 0.25s ease;
  transform: scale(1);
	    width: 70%;
  
}

/* Bouton Prendre RDV (bleu AXA) */
.btn-rdv {
  background-color: #00008f;
  color: #fff;
  border: 2px solid #00008f;
}
.btn-rdv:hover {
  background-color: #e8ebfa;
  color: #00008f;
  transform: scale(1.05);
	border: 1px solid #00008f;
}

/* Bouton Être rappelé (transparent avec contour bleu) */
.btn-rappel {
  background-color: transparent;
  color: #00008f;
  border: 2px solid #00008f;
}
.btn-rappel:hover {
  background-color: #e8ebfa;
	border: 1px solid #00008f;
  transform: scale(1.05);
}

/* Taille des icônes */
.dirigeant-boutons svg {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

/* Animation pendule */
@keyframes pendule {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(8deg); }
  50% { transform: rotate(-8deg); }
  75% { transform: rotate(4deg); }
  100% { transform: rotate(0deg); }
}

/* Effet pendule au hover */
.dirigeant-boutons a:hover svg {
  animation: pendule 0.8s ease-in-out infinite;
  transform-origin: center;
}



/* ======= RESPONSIVE ======= */

/* Tablette */
@media (max-width: 1024px) {
  .dirigeant-title {
    font-size: 2rem;
    margin-bottom: 5%;
    letter-spacing: 0.037em;
	  line-height: 1.5;
	  padding-left: 1%;
        padding-right: 1%;
  }
  .dirigeant-texte {
    font-size: 1.05rem;
    width: 55%;
    padding: 0 2%;
	line-height: 1.4;
  }
  .dirigeant-photo img {
    width: 260px;
  }
	
	.dirigeant-boutons {
	width: 60%;
	font-size: 1rem;
    padding: 13px 5px;
	}
	
	.dirigeant-boutons a {
		font-size: 1rem;
		padding: 13px 5px
		}
	
}


/* Petite tablette (<900px) : passe en colonne, texte + photo centrés */
@media (max-width: 900px) {
  .dirigeant-wrapper {
    flex-direction: column;
    gap: 26px;
    align-items: center;
    text-align: center;
	   line-height: 1.5;
  }
  .dirigeant-title {
    font-size: 1.45rem;
    letter-spacing: 0.027em;
    margin-bottom: 5%;
	  padding-left: 1%;
        padding-right: 1%;
  }
  .dirigeant-photo img {
    width: 180px;
    margin: 0 auto;
  }
  .dirigeant-texte {
    width: 90%;
    font-size: 0.92rem;
    padding: 0 2%;
    text-align: left;
	 line-height: 1.25;
	   font-weight: 400;
	  margin: 0 auto;
  }
	
	.dirigeant-boutons {
	width: 60%;
	font-size: 1rem;
	}
	
	.dirigeant-boutons a {
		font-size: 1rem;
		padding: 13px 5px;
		width: 90%;
		}
}

/* Mobile */

@media (max-width: 650px) {
  .section-dirigeant {
    padding: 0 0 36px 0;
  }
  .dirigeant-title {
	
    font-size: 1.18rem;
    margin-bottom: 3%;
    margin-top: 3%;
	  padding-left: 1%;
        padding-right: 1%;
	   line-height: 1.5;
  }
  .dirigeant-photo img {
    width: 98%;
    max-width: 180px;
    border-radius: 14px;

	}
  .dirigeant-texte {
    width: 90%;
	  margin: 0 auto;
	 font-size: 0.95rem;
    padding: 0 2.5%;
    text-align: justify;
	  line-height: 1.36;
    letter-spacing: 0.005em;
	   
  }
  .dirigeant-signature {
    font-size: 1.03rem;
    margin-top: 12px;
  }
	
	.dirigeant-boutons-container {
		width:98%;
		margin: 35px 1% 0 1%;
		padding:1px;
		
		}
	
	.dirigeant-boutons {
	width: 100%;
	font-size: 0.95rem;
		padding:1px;
		
		margin:1px;
	}
	
	.dirigeant-boutons a {
		font-size: 0.95rem;
		padding: 13px 5px;
		
			width: 85%;
		}
	
	.dirigeant-boutons svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
	
}