/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2025 | 21:35:10 */
/* MENU */
.Rang-menu {
	margin-bottom: 3% ;
		}

@media (max-width: 600px) {
.Rang-menu {
	margin-bottom: 2%x !important;
		}
}
/* TITRE H1 */

.Titre-Hero {
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.9rem, 6vw, 50px);
  letter-spacing: 0.02em;
  line-height: 1.08;
  text-align: center;
  margin-bottom: 2vw;
  text-shadow:
    0 2px 8px rgba(0,0,0,0.12),
    0 0.5px 0 #fff6;
  text-transform: uppercase;   
  font-style: normal;        
}

/* Mobile */
@media (max-width: 600px) {
	.Titre-Hero {
		font-weight: 700;
		margin-bottom: 2%;
		line-height: 1.12;
		letter-spacing: 0.04em;
		}
}

/* SOUS-TITRE */

.qualificatifs-hero-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  justify-items: center;
  gap: 20%;
  width: 95%;
  margin: 0 auto 0 auto;
  padding: 50px 2vw 2px 2vw;

}

.qualif {
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-weight: 200;
  font-size: clamp(1.18rem, 2.5vw, 2rem);
  color: #fff;
  letter-spacing: 0.07em;
  white-space: nowrap;
  text-align: center;
}

.gauche  { justify-self: end; }
.centre  { justify-self: center; }
.droite  { justify-self: start; }

.qualificatifs-sous-titre {
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-weight: 200; /* ou 100 si dispo */
  font-size: clamp(1.18rem, 2.5vw, 2rem);
  color: #fff;
  letter-spacing: 0.07em;
  text-align: center;
	margin-bottom: 4%;
}



/* Mobile */

@media (max-width: 600px) {
  .qualificatifs-hero-grid {
   /* display: flex; */
    width: 95%;
    gap: 0 !important;
    padding: 0;
    margin: 2% auto 0px auto;
  }
  .qualif {
    width: 95%;
    margin: 0.2em auto;
    font-size: 1.17rem;
    text-align: left;
  }
  .gauche  { order: 2; text-align: center; }
  .centre  { order: 1; text-align: left; }
  .droite  { order: 3; text-align: right; }
	
	.qualificatifs-sous-titre {
		margin-top:0 !important;
		margin-bottom: 0 !important;
		padding: 0 10%;
	}
	
}

/* BOUTONS */

.cta-buttons {
  display: flex;
  gap: 9%;
  justify-content: center;
  margin: 40px 0 0 0;
	padding-bottom: 2%; 
  flex-wrap: wrap;
}

.btn {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.2rem;
  font-weight: 600;
	font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  border-radius: 32px;
  text-decoration: none;
  transition: all 0.16s cubic-bezier(.4,0,.2,1);
  cursor: pointer;
  min-width: 220px;
  text-align: center;
  letter-spacing: 0.01em;
  border: 2px solid transparent;

}

/* Bouton principal : fond blanc, texte bleu AXA */
.btn-primary {
  background: #fff;
  color: #00008f;
  border: 2px solid #fff;
}

.btn-primary:hover, .btn-primary:focus {
  background: #fff;
  color: #00008f;
  border-color: #fff;
  box-shadow:
    0 8px 32px rgba(0,0,0,0.19),
    0 0 16px 2px rgba(0,0,143,0.13);
  filter: brightness(1.08);
  transform: translateY(-4px) scale(1.06);
}





/* Bouton secondaire : contour blanc, texte blanc, fond transparent */
.btn-secondary {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-secondary:hover, .btn-secondary:focus {
  background: rgba(255,255,255,0.24); /* Opacité plus forte */
  color: #fff;
  border-color: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,0.13); /* Optionnel, ajoute une ombre pour effet "flottant" */
}




/* Responsive */
@media (max-width: 600px) {
  .cta-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
	  margin-top: 6%;
  }
  .btn {
    min-width: unset;
    width: 100%;
    padding: 16px 0;
    font-size: 1rem;
  }
}