/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2025 | 15:04:53 */
/* CONTAINER */



.container-avis {
  background: linear-gradient(
    180deg,
    #ffffff 0px,           /* blanc sur 3px haut */
    #3b479b 20px,           /* début bleu foncé */
    #00008f calc(100% - 20px), /* bleu jusqu’à 3px du bas */
    #ffffff 100%           /* blanc sur 3px bas */
  );
  padding: 0 0 0 0 !important;
  width: 100%;
	margin:0 !important;
  position: relative;
  z-index: 1;
}
.wave-bottom {
  display: block;
  width: 100%;
  margin-top: -2px;
  position: relative;
  z-index: 0;
	
	
}

.wave-top {
  display: block;
  width: 100%;
  margin-bottom: 0;
	margin-top: 0;
  position: relative;
  z-index: 0;
}



/* Titre */

.avis-google-title {
  text-align: center;
  color: #fff;  
  margin-bottom: 10px;
  font-size: 2.3rem;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.045em;
	margin-top: 3%;
	line-height: 1.5;
}

/* Intro */

.avis-google-intro {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  margin: 0 auto 3% auto;
  width: 80%;  
  font-weight: 300;
  letter-spacing: 0.01em;
	font-style: italic;
}

/* Bouton */

.avis-accompagnement-btn {
  display: block;
  width: 45%;
  margin: 2.8rem auto 2% auto;    /* Centré avec marge au-dessus */
  padding: 17px 44px;
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 32px;
  font-size: 1.18rem;
  font-family: 'Avenir Next', 'Montserrat', 'Nunito Sans', Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.03em;
  box-shadow: 0 8px 32px rgba(0,0,143,0.10);
  transition:
    background 0.20s,
    color 0.20s,
    transform 0.18s,
    box-shadow 0.22s;
  cursor: pointer;
  outline: none;
}



.avis-stars-svg {
  display: inline-flex;
  align-items: flex-end;    /* Aligne les SVG en bas */
  margin-left: 5px;
  gap: 0px;
}

.avis-stars-svg svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
  display: inline-block;
  /* Trick pour descendre un peu les étoiles */
  transform: translateY(3px);
}



/* Hover */
.avis-accompagnement-btn:hover,
.avis-accompagnement-btn:focus-visible {
  background: rgba(255,255,255,0.90);  
  color: #00008f;
  transform: scale(1.055);
  box-shadow: 0 12px 40px rgba(0,0,143,0.14);
  border-color: #fff;
}

/* ================= RESPONSIVE TABLETTE ================= */
@media (max-width: 1100px) {

  .avis-google-title {
    font-size: 2rem;
    letter-spacing: 0.005em;
    margin-bottom: 2%;
	  padding-top: 4%;
	  padding-left: 1%;
        padding-right: 1%;
	  line-height: 1.5;
  }
	.avis-google-intro {
		font-size: 1.22rem;
		}
	
	.avis-accompagnement-btn {
    font-size: 1rem;
    padding: 13px 5px;
	width: 60%;
  }
	
	.avis-stars-svg svg {
	width: 1.1rem;
	transform: translateY(4px)
		}
	.avis-stars-svg {
  margin-left: 1px;
   }
  
}


/* ================= RESPONSIVE MOBILE ================= */
@media (max-width: 700px) {

	.container-avis {
		
  padding: 62px 0 4% 0;
  width: 100%;

}
	
	
  .avis-google-title {
    font-size: 1.28rem;
    letter-spacing: 0.005em;
    margin-bottom: 2%;
	  padding-top: 4%;
	  padding-left: 1%;
        padding-right: 1%;
	  line-height: 1.5;
  }
	
	.avis-google-intro {
		font-size: 1.01rem;
		width:100%
		}
	
	.avis-accompagnement-btn {
    font-size: 0.95rem;
	width: 90%
  }
	
	.avis-stars-svg svg {
	width: 1.1rem;
	transform: translateY(4px)
		}
	.avis-stars-svg {
  margin-left: 1px;
   }
  
}