/* google-auto-placed */
.google-auto-placed{
   margin-top:20px;
   margin-bottom:20px;
}

*{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

html,body {
  font-size: 1.0em;
  min-height:100%;
}

h1{
	font-weight: 600 !important;
	font-size: 2em;
}

h2{
	font-weight: 600 !important;
	font-size: 1.6em;
}

h3{
	font-weight: 600 !important;
	font-size: 1.4em;
}


p, ul li{
	font-weight: 300;
}
img{
	max-width:100%;
}

@media (min-width: 768px) {
 
  
  
}

@media (min-width: 576px){
	.container{
		max-width: 1280px;
	}

	
	
}

@media (min-width: 992px){
	.container{
		max-width: 1280px;
	}
}

@media (min-width: 768px) {
	.container{
		max-width: 1280px;
	}
}



@media (min-width: 1280px){
	max-width:1920px;
}

.pricing-header {
 /* max-width: 700px;*/
}

.card-deck .card {
  min-width: 220px;
}

.home-background{
	background-image:    url('/images/carrousel/carpenter-sawing-wooden-planks.jpg');
	background-size:     cover;                      /* <------ */
	background-repeat:   no-repeat;
	background-position: center center;              /* optional, center the image */
	min-height: 400px;
}

.home-background h1{
	color:#1B75B9;
	font-weight: 500;
}

.home-backgrond-content{
	background-color: rgba(255,255,255,0.5);
	padding-top: 10px;
	padding-bottom: 10px;
}

.feedback {
  background-color : #1B75B9;
  color: white;
  padding: 2px 5px;
  border-radius: 4px;
  border-color: black;
  display:block;
   -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);

}

.feedback:hover{
	text-decoration: none;
	color:black;
	font-weight: bold;
}

#mybutton {
  position: fixed;
  top: 40%;
  left: 11px;
  z-index:1000;
}

/* Comparateur de primes d'assurance maladie */
.health-tool-page { color: #17324d; }
.health-tool-hero { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem; border-radius: 18px; background: linear-gradient(135deg, #eaf5fb, #f7fbfd); border: 1px solid #c9e1ee; margin-bottom: 1.25rem; }
.health-tool-hero h1 { margin: .35rem 0 .75rem; font-size: clamp(2rem, 4vw, 3.4rem); color: #17324d; }
.health-tool-hero p { max-width: 760px; margin: 0; font-size: 1.2rem; }
.health-tool-kicker { display: inline-block; color: #176b87; font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.health-tool-year { min-width: 108px; height: 108px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #176b87; font-size: 1.4rem; font-weight: 800; box-shadow: 0 12px 30px rgba(23,107,135,.22); }
.health-tool-notice { padding: 1rem 1.25rem; border-left: 4px solid #e5a42b; background: #fff7e6; margin-bottom: 1.25rem; }
.health-tool-form { padding: 1.5rem; border: 1px solid #d7e2e8; border-radius: 14px; background: #fff; box-shadow: 0 10px 32px rgba(23,50,77,.08); }
.health-tool-form label { font-weight: 650; }
.health-tool-status { padding: 1rem 0; min-height: 3rem; color: #8b3f20; font-weight: 600; }
.health-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 1rem 0; }
.health-results-heading span { color: #176b87; font-weight: 700; }
.health-results-heading h2 { margin: .15rem 0 0; }
.health-results-table { background: #fff; border: 1px solid #d7e2e8; }
.health-results-table thead { background: #17324d; color: #fff; }
.health-results-table td, .health-results-table th { vertical-align: middle; }
.health-results-table td small { display: block; color: #6c757d; }
.health-best-result { background: #ecf8f1; }
.health-saving { color: #16834a; font-weight: 700; }
.health-results-action { margin: 1rem 0 2rem; text-align: right; }
.health-tool-explainer { margin: 2.5rem 0 1rem; padding: 1.5rem; border-radius: 14px; background: #f5f8fa; }
.health-tool-explainer h3 { font-size: 1.1rem; color: #17324d; }
.health-tool-source { color: #667784; font-size: .84rem; }
.health-guide { max-width: 900px; margin: 0 auto; }
.health-guide-cta { margin: 2rem 0; padding: 1.5rem; border-radius: 14px; background: #eaf5fb; border: 1px solid #c9e1ee; }
.health-guide-cta h2 { margin-top: 0; color: #17324d; }
@media (max-width: 767px) {
  .health-tool-hero { padding: 1.5rem; }
  .health-tool-year { display: none; }
  .health-results-heading { display: block; }
  .health-results-table { min-width: 760px; }
}
/* Affichage de lien sur concours avec bouton */
/* Assurer que le bloc conteneur est en flex pour aligner facilement */
.concours-block {
	display: flex;
	align-items: center; /* Aligne verticalement le texte et le bouton */
	justify-content: space-between; /* Sépare le texte à gauche et le bouton à droite */
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
}

/* Ajouter de l'espace pour le bouton pour éviter le chevauchement sur petit écran */
@media (max-width: 767px) {
	.concours-block {
		flex-direction: column;
		text-align: center;
	}
	.btn-concours {
		margin-top: 15px;
	}
}
/* Liste produits */
.product-item {
	  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	  overflow: hidden;
	  border: 1px solid lightgray;
	  background-color: white;
	  transition: all 0.2s;
	}
.product-item img{
	max-width:300px;
}
.product-item:hover {
  background-color: #e6f2ff;
  cursor: pointer;
}