.page-accueil {
	h1, h2, h3, p:has(.text-big) {text-wrap: balance}
	div > h2:first-child, div > h3:first-child, article > h2:first-child, article > h3:first-child { margin-top: 0 }
	div > p:last-child, article > p:last-child { margin-bottom: 0 }; 
	strong {color: inherit;}
	
	.banniere .flex { align-items: center; }
	.banniere h1 { margin-bottom: 20px }; .banniere p { margin-top: 0 };
	.banniere img { width: 100%; filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.05)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.1));}
	
	.icon-titre img { margin: auto; width: clamp(3.125rem, 4.34vw + 1.042rem, 6.25rem);  filter: invert(76%) sepia(43%) saturate(648%) hue-rotate(196deg) brightness(99%) contrast(94%); };
	
	.offres h2 { color: #1f596b }
	.versions { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 40px; }
	.versions > article { padding: 20px; background: #aaebf2; border-radius: 8px; }
	.versions p:first-child { margin: 0 !important; display: flex; align-items: center; gap: 5px; font-size: 1.7rem; color: #1a87a0; font-weight: 400; }
	.versions p:nth-child(2) { margin: 0 !important; color: #1f596b; font-weight: 600; };
	.versions p:nth-child(3) { margin: 10px 0 0 0 !important; color: #1f596b; };
	.versions a { text-decoration: none }
	.versions > article, .ecran img { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
	.cta-play { display: block; width: fit-content; margin: 20px auto; background: #1c6d82; padding: 12px; border-radius: 10px; color: #eefcfd; }
	
	.accueil-adaptez img { width: clamp(20rem, 20.089vw + 11.964rem, 31.25rem); margin: 0 auto 40px;  border-radius: 8px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
	
	.ecran img, .multilingues img, .banniere img { margin: 0 auto; }
	.ecran h2 { font-weight: 700; }
	.ecran img { border-radius: 8px };
	
	.accueil-adaptez .text-big > strong { font-weight: 800 };
	
	.big-p p {font-size: clamp(1rem, 0.347vw + 0.833rem, 1.25rem)}
	
	.btn-contact-flottant {
  display: grid;
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #a3e635;
  color: #365314;
  border-radius: 50%;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  z-index: 9999;
	}
	.btn-contact-flottant:hover {
	  background-color: #84cc16;
	}
	.btn-contact-flottant svg {
	  margin: auto;
	  pointer-events: none;
	}
	
	
	.webform-dialog-flottant, .cta {
		display: inline-block;
    padding: 20px 30px;
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    font-size: clamp(1.125rem, 0.67vw + 0.857rem, 1.5rem);
    background: #f609e8;
    background: linear-gradient(35deg, rgba(75, 179, 250, 1) 0%, rgb(120 29 255) 50%, #f609e8 100%);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	}
	
	
	div.ui-dialog { width:400px !important; }
	
	.pricing {
		table th, table td { padding-left: 10px; }
		table th, table td, table span, table strong { text-wrap: balance; }
		tr:first-child h3 { margin: 0 0 10px 0; font-weight: 600; font-size: 30px; };
		tr td:nth-child(3) { background-color: #eff6ff; }
		.prix { font-weight: 800; font-size: clamp(1.25rem, 3.348vw - 0.089rem, 3.125rem) }
		td svg { color: green };
	
		@media (max-width: 1023px) { .reverse .flex {flex-direction: column-reverse; }
		
		
	}
}

.pricing summary { cursor: pointer; }
.pricing details > p { margin: 10px 0 0 0; padding: 0 0 0 17px; color: #1d6fd8; font-size: 14px; }

.webform-dialog-flottant input.form-text {
		max-width: 322px !important;
	}