body{
	background-color:#E8F4FC;
}
	
/* CSS - JUMBOTRON */

	.jumbotron.jumbotron-bg-right {
		background-position-x: 76%;
		background-position-y: bottom;
		background-size: auto 92%;
	}
	
	.jumbotron .content-container{
		max-width: 600px;
	}


	.content-container h1.hero-title {
		font-size: 50px;
		line-height: 56px;
		font-family:FigtreeLight;
		margin-top: 10px;
		font-weight: 300;		
	}

	.jumbotron .content-container .hero-description{
		font-size: 20px;
		line-height: 28px;
		margin-top: 36px;
		max-width: 60rem;
		letter-spacing: normal;
		font-family:FigtreeLight;
		font-weight: 300;		
	}

	.jumbotron-gradient {
		display: none;
	}


.page-health .jumbotron .btn{
	background-color: #e8f4fc;
	color: #212121;
	border:1px solid #e8f4fc;
	text-decoration:none;}

	.page-health .jumbotron .btn:hover
	{
		background:#aedcf3;
		border:1px solid #aedcf3;
		color: #212121;
	}
	
	.page-health .jumbotron .btn-clair	{
		background-color: #008ED0;
		border:1px solid #b2eafb;
		color:#fff;
	}
	

	.jumbo-mobile{
		display: none;
	}



	@media (max-width: 1570px) {
		.jumbotron.jumbotron-bg-right{
			background-position-x: 90%;
		}
	}	

	@media (max-width: 1300px) {
		.jumbotron.jumbotron-bg-right{
			background-position-x: 100%;
		}
	}	

	@media (max-width: 1200px) {

		.jumbotron .container{
			width: 100%;
		}

		.jumbotron .content{padding-left: 25px;}
	}	

	@media (max-width: 1000px) {
		.jumbotron.jumbotron-bg-right{
			background-size: auto 65%;
			height:auto;
		}

		.jumbotron .content-container .hero-description{max-width: 47rem;}
		
			.page-health .jumbotron .btn-clair{margin-top:20px;}
	}	
	
	@media (max-width: 875px) {

		.jumbotron .content-container .hero-description{max-width: 45rem;}
		.jumbotron .content-container .hero-description{
			max-width: 100%;
			font-size: 18px;
			line-height: 26px;}		

		.jumbotron.jumbotron-bg-right{
			background-size: auto 80%;
		}			

		.content-container h1.hero-title{
			font-size: 40px;
			line-height: 48px;
		}
	}	
	
	@media (max-width: 767px) {


		.page-health .jumbotron .btn{
			padding: 15px 30px;
	    	font-size: 16px;
    		line-height: 1.33333;
			margin-top: 2.3rem;
			margin-bottom: 38px;
		}

		
		.jumbotron.jumbotron-standard.jumbotron-white.jumbotron-with-bgcolor.jumbotron-bg-right{
			height: auto;
			background-image: none !important;
		}

		.jumbo-mobile{
			display: block;
			width: 100%;
			margin-bottom:25px;
		}

		.jumbotron .content-container{
			width: 94%;
			max-width: 730px;
			margin: 0;
		}

		.page-health .jumbotron .content-container .hero-description{
			margin-top: 23px;
		}



	}	

	@media (max-width: 539px) {
		.page-health .jumbotron .btn{margin-bottom:20px;}
		.page-health .jumbotron .btn-clair{margin-top:0px;}
	}
	/* CSS - FIN JUMBOTRON */
	
	
.page-health .content-container h1.hero-title{
	font-family: FigtreeLight;
    margin-top: 10px;
    font-weight: 300;
}	


.home-intro-container .side-container{
	background: #f0ecf0;
}

.main, 
.top-container{
	color: #000000;
}

.page-health .container-title{
	max-width: 1200px;
	margin: 64px auto 20px;
}

body.page-health .container-title {
    font-size: 4rem;
    text-transform: none;
    font-family: FigtreeBook;
    font-weight: 400;
    font-style: normal;
    color:#212121;
}
body.page-health .container-header {
    padding: 0px 6% 40px;
}

.grid-tips.grid{
	margin-bottom: 100px;
}

.grid-tips .col-md-6 .block {
        border-radius: 16px;
    }

.grid-tips .block {
    border-radius: 16px;
}

.page-health #types-maladies .container-title{margin-top:0px;}

	
@media (max-width: 740px) {
	.page-health .container-title	{margin:45px 2% 8px;}
	.page-health #types-maladies .container-title{margin-top:0px;}
}

body.page-health .block-color{
	background-color:inherit;
}

/* CSS - JUMBOTRON */

	.jumbotron.jumbotron-bg-right {
		background-position-x: 76%;
		background-position-y: bottom;
		background-size: auto 92%;
	}
	
	.jumbotron .content-container{
		max-width: 600px;
	}


	.content-container h1.hero-title {
		font-size: 50px;
		line-height: 56px;
		font-family:FigtreeLight;
		margin-top: 10px;
		font-weight: 300;		
	}

	.jumbotron .content-container .hero-description{
		font-size: 20px;
		line-height: 28px;
		margin-top: 36px;
		max-width: 60rem;
		letter-spacing: normal;
		font-family:FigtreeLight;
		font-weight: 300;		
	}

	.jumbotron-gradient {
		display: none;
	}


.page-health .jumbotron .btn{
	background-color: #e8f4fc;
	color: #212121;
	border:1px solid #e8f4fc;
	text-decoration:none;}

	.page-health .jumbotron .btn:hover
	{
		background:#aedcf3;
		border:1px solid #aedcf3;
		color: #212121;
	}
	
	.page-health .jumbotron .btn-clair	{
		background-color: #008ED0;
		border:1px solid #b2eafb;
		color:#fff;
	}
	

	.jumbo-mobile{
		display: none;
	}



	@media (max-width: 1570px) {
		.jumbotron.jumbotron-bg-right{
			background-position-x: 90%;
		}
	}	

	@media (max-width: 1300px) {
		.jumbotron.jumbotron-bg-right{
			background-position-x: 100%;
		}
	}	

	@media (max-width: 1200px) {

		.jumbotron .container{
			width: 100%;
		}

		.jumbotron .content{padding-left: 25px;}
	}	

	@media (max-width: 1000px) {
		.jumbotron.jumbotron-bg-right{
			background-size: auto 65%;
			height:auto;
		}

		.jumbotron .content-container .hero-description{max-width: 47rem;}
		
			.page-health .jumbotron .btn-clair{margin-top:20px;}
	}	
	
	@media (max-width: 875px) {

		.jumbotron .content-container .hero-description{max-width: 45rem;}
		.jumbotron .content-container .hero-description{
			max-width: 100%;
			font-size: 18px;
			line-height: 26px;}		

		.jumbotron.jumbotron-bg-right{
			background-size: auto 80%;
		}			

		.content-container h1.hero-title{
			font-size: 40px;
			line-height: 48px;
		}
	}	
	
	@media (max-width: 767px) {


		.page-health .jumbotron .btn{
			padding: 15px 30px;
	    	font-size: 16px;
    		line-height: 1.33333;
			margin-top: 2.3rem;
			margin-bottom: 38px;
		}

		
		.jumbotron.jumbotron-standard.jumbotron-white.jumbotron-with-bgcolor.jumbotron-bg-right{
			height: auto;
			background-image: none !important;
		}

		.jumbo-mobile{
			display: block;
			width: 100%;
			margin-bottom:25px;
		}

		.jumbotron .content-container{
			width: 94%;
			max-width: 730px;
			margin: 0;
		}

		.page-health .jumbotron .content-container .hero-description{
			margin-top: 23px;
		}



	}	

	@media (max-width: 539px) {
		.page-health .jumbotron .btn{margin-bottom:20px;}
		.page-health .jumbotron .btn-clair{margin-top:0px;}
	}
	/* CSS - FIN JUMBOTRON */
	
	
.page-health .content-container h1.hero-title{
	font-family: FigtreeLight;
    margin-top: 10px;
    font-weight: 300;
}	
	
/* CSS - FIN JUMBOTRON */

.grid-articles-passport{
	margin-top:60px;
}

/*Bloc Article Simple - Conseil/Service */

.page-health .bloc-simple-img-txt{
	margin-top: 25px;
	margin-bottom: 115px;
}

#bloc-app-review{
	margin-top:15px;
	margin-bottom:60px;
}

.page-health .bloc-simple-img-txt .articles-img-container {
	text-align:right;
}

.page-health .bloc-simple-img-txt .articles-img-container img{
	max-height:401px;
	width:auto;
}

.page-health .bloc-simple-img-txt .articles-text-container{
	padding: 50px 0px 0 45px;
}

.page-health .bloc-simple-img-txt p{
	line-height: 28px;
	letter-spacing: normal;
	text-align: left;
	padding: 0px 0 3rem;
	font-size:20px;
	font-family: FigtreeLight;
}

.page-health .bloc-simple-img-txt p a{
	text-decoration: underline;
	color:#212121;
	font-weight:bold;
	font-size:18px;
	line-height: 25px;
	display:block;
}

.page-health .bloc-simple-img-txt p a:hover{
	text-decoration: none;
}

.page-health .bloc-simple-img-txt .note_store p{padding:0;}


@media (max-width: 1023px) {
	.page-health .bloc-simple-img-txt .articles-text-container{
		padding: 5% 4% 3% 0%;
	}
}

@media (max-width: 995px) {
	.page-health .bloc-simple-img-txt .articles-text-container{
		padding: 5% 4% 3% 2%;
	}
}

@media (max-width: 990px) {
	.page-health .bloc-simple-img-txt .articles-text-container{
		padding: 5% 0% 0%;
	}
	.page-health .bloc-simple-img-txt .articles-img-container{padding-right: 2%;}
}

@media (max-width: 767px) {
	.page-health .bloc-simple-img-txt .articles-text-container{
		padding: 5% 2% 0%;
	}
}

@media (max-width: 740px) {
	.page-health .bloc-simple-img-txt .articles-text-container{padding-top: 17px;}	
	.page-health .bloc-simple-img-txt h2{ font-size: 34px; line-height:44px ;}
	.page-health .bloc-simple-img-txt{
		margin-bottom: 85px;
        margin-top: 40px;
	}
}

@media (max-width: 475px) {
	.page-health .bloc-simple-img-txt .articles-text-container{
		padding: 5% 4% 0%;
	}
	.page-health .bloc-simple-img-txt .articles-img-container{padding: 0px 2%;}
}	

/*Bloc Article Simple - Conseil/Service*/

/*Bloc Quand consulter votre pharmacien(ne)? id=bloc-consulter */

#bloc-consulter {
	background-color:#ffffff;
}

#bloc-consulter .block-color{
	padding-bottom: 130px;
	padding-top: 20px;
}

#bloc-consulter .col-md-6.div_consulter {
	border-radius:16px;
	border:1px solid #E2E2E2; 
	padding:27px 24px 32px;
	margin: 0 10px;
    width: 48%;
	min-height:350px;
	position:relative;
	font-family: FigtreeLight;
}

#bloc-consulter .div_consulter .title-side h3{
	font-size:32px;
	line-height:38px;
	margin-top: 0;
	margin-bottom:21px;
	letter-spacing:normal; 
	font-family: FigtreeLight;
}

#bloc-consulter .div_consulter#side1 .title-side h3{max-width: 365px;} 
#bloc-consulter .bloc-anglais .div_consulter#side1 .title-side h3{max-width: 290px;}

#bloc-consulter .div_consulter .title-side .icon{
	border-radius: 16px;
	background:#008ED0;
	position:relative;
	width:64px;
	height:64px;
	float: left;
	margin: 5px 16px 0 0;
}	

#bloc-consulter .div_consulter .title-side .icon img{
	position:absolute;
	top: 18%;
	left: 19%;
}	

#bloc-consulter .col-md-6.div_consulter ul { 
	padding-left:28px;line-height: 23px;
}

#bloc-consulter .col-md-6.div_consulter ul li{padding-bottom: 3px;}

#bloc-consulter .col-md-6.div_consulter .btn-container{
	position: absolute;
	bottom: 32px;
}

@media (max-width: 1200px) {
	#bloc-consulter .col-md-6.div_consulter{
		margin:0 6px 30px;
		min-height:372px;
	}
	#bloc-consulter .div_consulter .title-side h3{font-size:30px; line-height:36px;}
	#bloc-consulter .div_consulter .title-side .icon{margin:5px 12px 15px 0;}
}

@media (max-width: 990px) {
	#bloc-consulter .col-md-6.div_consulter{
		width:auto;
		margin:0 0 30px;
	}
	#bloc-consulter .div_consulter .title-side .icon{margin:0 0 20px;float: none;}
	#bloc-consulter .col-md-6.div_consulter .btn-container{
		position: initial;
	}
}

@media (max-width: 767px) {
	#bloc-consulter .col-md-6.div_consulter{
		margin:0 2% 30px;
	}
	#bloc-consulter .block-color{
		padding-bottom: 45px;
	}	
}

/*Balado*/

#standard_balado .padding-top-right-left{
	margin-top: -40px;
	margin-bottom: 0;
}

/*3 Conseils*/

#conseils{
	background-color:#FBF6F1;
	margin-top: -15px;
}

#conseils .block-button-div{
	background-color: #FBF6F1;
	padding-top:40px;
	padding-bottom:30px;
	margin-top:0;
}

#conseils .container-title {margin-top:0px;}

/* Section Types de Maladies */

.bloc-types-maladies{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-spacing-40, 40px);
	align-self: stretch;
	width: 1200px;
	margin: 0 auto;
}

.logo-top{
	text-align: center;
	margin-bottom: 40px;
}

.conteneur-types{
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-spacing-20, 20px);
	align-self: stretch;
}

#types-maladies{
	background: var(--color-background-bg-beige, #FBF6F1) !important;
}

.types-maladies{
	display: flex;
	height: 420px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
	border-radius: 16px;
	background: #EDE5D8;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border: 4px solid transparent;
}

.types-maladies.active,
.types-maladies:hover {
	border-radius: 16px;
	border-color: var(--color-border-border-neutral-dark, #525255);
	background: var(--color-background-bg-peche, #E8F4FC);
}

.types-maladies:hover{cursor: pointer;}
.types-maladies.active{cursor: default;}

.radio-types {
  width: 37px;
  height: 36px;
  flex-shrink: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="36" viewBox="0 0 37 36" fill="none"><circle cx="18.7" cy="18" r="17" fill="white" stroke="%23525255" stroke-width="2"/></svg>')
    no-repeat center/contain;
  transition: background 0.3s;
}

.types-maladies.active .radio-types {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="36" viewBox="0 0 37 36" fill="none"><circle cx="18.5" cy="18" r="17" fill="white" stroke="%23525255" stroke-width="2"/><circle cx="18.5" cy="18" r="10" fill="%23525255"/></svg>')
    no-repeat center/contain;
}

.types-maladies .type-description h6 {
  font-family: Figtree;
}

.types-maladies.active .type-description h6 {
  display: block;
}

.type-description{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.type-description h6{
	color: var(--color-text-text-primary, #212121);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin: 0;
}

.type-description p{
	color: var(--color-text-text-primary, #212121);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding: 0;
	text-align: left;
}

.type-image{
position: absolute;
    left: -55px;
    bottom: -41px;
    width: 376px;
    height: 248px;
    z-index: 0;
    transition: bottom 0.3s ease;                                                                                                                                                                        
}

.type-image.maladie-metabolique{
	background: url('/globalassets/sante/maladies-chroniques/metabolique.png');   
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-cardiovasculaire{
	background: url('/globalassets/sante/maladies-chroniques/cardio.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-respiratoire{
	background: url('/globalassets/sante/maladies-chroniques/respi.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-neurologique{
	background: url('/globalassets/sante/maladies-chroniques/neuro.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-musculosquelettique, .type-image.maladie-musculosquelettique2{
	background: url('/globalassets/sante/maladies-chroniques/musculo.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-mentale, .type-image.maladie-mentale2{
	background: url('/globalassets/sante/maladies-chroniques/mentale.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-immunitaire, .type-image.maladie-immunitaire2{
	background: url('/globalassets/sante/maladies-chroniques/immu.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-image.maladie-oncologie, .type-image.maladie-oncologie2{
	background: url('/globalassets/sante/maladies-chroniques/onco.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.type-description,
.radio-types {
	position: relative;
	z-index: 1;
}

.conteneur-types-maladies {
	display: flex;
	max-width: 1200px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	width: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
	pointer-events: none;
}

.types-maladies-descriptions {
	display: none;
	transition: opacity 0.3s ease;
	gap: 59px;
	pointer-events: auto;
}

.types-maladies-descriptions.active {
	display: flex !important;
	opacity: 1;
	pointer-events: auto;
}

.conteneur-description-type{
	display: flex;
	align-items: flex-start;
	gap: 55px;
	flex-wrap: wrap; 
}

.description-bloc-gauche{
	display: flex;
	flex: 1;
	gap: 20px;
	padding: 40px;
	border-radius: 16px;
	flex-wrap: wrap;
}

.description-bloc-gauche ul{
	padding: 0 20px;
}

.description-sous-bloc-droite{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-spacing-15, 15px);
	align-self: stretch;
	padding-left: 20px;
}

.description-sous-bloc-gauche h6{
	color: var(--color-text-text-primary, #212121);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	line-height: 28px;
}

.description-sous-bloc-gauche li{
	color: var(--color-text-text-secondary, #525255);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}

.description-sous-bloc-droite h6{
	color: var(--color-text-text-primary, #212121);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin: 0;
}

.description-sous-bloc-droite li{
	color: var(--color-text-text-secondary, #525255);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
}

.conteneur-types-maladies .description-bloc-droite{
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* flex-shrink: 0; */
	/* align-items: flex-start; */
	padding: 40px;
}

.description-sous-bloc-gauche,
.description-sous-bloc-droite {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 15px;
	align-self: stretch;
}

#types-maladies .description-bloc-droite .description-encadre{min-width:418px;}

@media (max-width: 450px) { 
	#types-maladies .description-bloc-droite .description-encadre{min-width:auto;}
}

.description-bloc-droite .description-encadre{
	display: flex;
	padding: 6px 8px;
	align-items: center;
	gap: 16px;
	border-radius: 8px;
	border: 1px solid var(--color-border-border-primary, #008ED0);
	background: var(--color-background-bg-white, #FFF);
}

.description-bloc-droite .description-encadre .txt-encadre p{
	color: var(--color-text-text-primary, #212121);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	max-width:none;
	padding:0 0 5px 0;	
	font-weight: 700;
	line-height: 25px;
}

.description-bloc-droite .description-encadre .txt-encadre a{
	color: var(--color-text-text-action-accent, #0A6E9D);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.description-bloc-droite .description-encadre img{
	width: inherit;
	height: inherit;
}

#types-maladies .conteneur-description-type .description-bloc-droite p{
	color: var(--color-text-text-primary, #212121);
	font-family: Figtreelight;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	line-height: 24px;
	margin: 0;
	padding: 0 0 6px 0;
}

.conteneur-description-type .description-bloc-droite .button-rdv{
	display: flex;
	min-height: 56px;
	padding: 0 var(--button-large-padding, 30px);
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--radius-radius-round, 1000px);
	background: var(--color-background-bg-primary-500, #008ED0);
	border: none;
}

.conteneur-types-maladies .button-rdv{
	display: flex;
	min-height: 56px;
	padding: 0 var(--button-large-padding, 30px);
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: var(--radius-radius-round, 1000px);
	background: var(--color-background-bg-primary-500, #008ED0);
}

.conteneur-doute-succursale{
	display: flex;
	max-width: 1200px;
	padding: var(--spacing-spacing-30, 30px) 10px;
	justify-content: center;
	align-items: center;
	gap: 64px;
	border-radius: 64px 64px 0 0;
	background: var(--color-background-bg-latte, #fff);
	width: 100%;
	margin: 150px auto 0;
	padding:0;
}

.conteneur-doute-succursale .bloc_succursale{
	display: flex;
	flex-direction: row;
	gap: 120px;
}

.conteneur-doute-succursale .bloc_succursale h4{
	color: #212121;
	text-align: center;
	font-family: figtreebold;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	margin: 0px 0 0;
}

.conteneur-doute-succursale .succursale-image{
	
}

.bloc_succursale {
   display: flex;
   align-items: center;
   gap: 24px;
}

.succursale-image img {
   max-width: 330px;
   width: 100%;
   height: auto;
   display: block;
   margin: -100px 0 0 0;
}

   .succursale-image-mobile img{
   		display:none;
   }

.succursale-contenu {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 24px;
}

@media (max-width: 768px) {
   .conteneur-doute-succursale .bloc_succursale {
      flex-direction: column;
      text-align: center;
      gap:24px;
   }

   .succursale-image img {
   	  display:none;
   }

   .succursale-image-mobile img{
   		display:block;
   		width: 100%;
   		height: auto;
   }
}


#types-maladies .conteneur-doute-succursale .bloc_succursale p{
	color: var(--color-text-text-primary, #212121);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding: 0;
}

.conteneur-doute-succursale .bloc_succursale a{
	/* background: var(--color-background-bg-primary-200, #E8F4FC); */
	/* color: var(--color-text-text-action-primary, #212121); */
	margin: 0 auto;
}

.conteneur-doute-succursale .bloc_succursale a:hover{background: #aedcf3;}

@media (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	.bloc-types-maladies {
		width: 100%;
		margin: 0 auto 40px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}

	.bloc-types-maladies::-webkit-scrollbar {
		display: none;
	}

	.conteneur-types {
		display: flex;
		flex-wrap: nowrap;
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		width: 100%;
		box-sizing: border-box;
		justify-content: space-between;
	}

	.types-maladies {
		flex: 0 0 320px;
		scroll-snap-align: start;
		min-height: 420px;
		overflow: hidden;
		position: relative;
	}

	.type-image {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 0;
		border-radius: 1000px 1000px 0 0;
		transition: bottom 0.3s ease;
	}

	.conteneur-types-maladies,
	.types-maladies-descriptions,
	.conteneur-description-type,
	.description-bloc-gauche,
	.description-bloc-droite {
		overflow-x: hidden !important;
		width: 100%;
		max-width: 768px;
		box-sizing: border-box;
	}

	.conteneur-description-type {
		flex-direction: column;
		gap: 0px;
	}

	.description-bloc-gauche,
	.description-bloc-droite {
		width: 100%;
		flex: unset;
		padding: 20px;
		margin: 0;
		display: flex;
		flex-direction: column;
	}

	.description-sous-bloc-gauche,
	.description-sous-bloc-droite {
		padding: 0;
		margin: 0;
		border: none;
	}

}

@media (max-width: 767px) {
	.types-maladies-descriptions .conteneur-description-type img {
    	width: 100%;
		height:100%;
		max-height:none;
		padding:0 20px
	}
	
	.types-maladies-descriptions .conteneur-description-type .description-bloc-droite {
		padding:0px 20px 30px; 
		gap:16px;
	}
	.rangee-btn-1 {
	    display: flex;
	    gap: 20px;
	    flex-direction: column;
	    width: fit-content;
	}
}

@media (max-width: 767px) {
	.types-maladies-descriptions .conteneur-description-type .description-encadre img {
    	width: inherit;
		height: inherit;
	}
}

@media (max-width: 500px) {
	.conteneur-doute-succursale .bloc_succursale h4{
		font-size:22px; 
		line-height:30px;
		padding: 0 24px;
	}
}

@media (max-width: 450px) {
	.conteneur-description-type .description-bloc-droite{
    	height:auto;
		padding-left:4%;
		padding-right:4%;
	}
}

body.page-health .block-color {
	background-color: #FBF6F1;
	margin: -10px auto 20px;
}

/* Desktop: afficher 2 rangées */
.mobile-only {
	display: none;
}

.desktop-only {
	display: flex;
}

.types-maladies-descriptions {
	display: none;
	width: 100%;
}

.types-maladies-descriptions.active {
	display: flex !important;
	opacity: 1;
	border-radius: 20px;
	background: var(--color-primary-br-light-blue, #E8F4FC);
}

.types-maladies-descriptions.active p{
	text-align: left;
    padding: 0;
}

.rangee-btn-1{
	display: flex;
	gap:20px;
}

body.page-health .btn-primary.btn-clair {
    background-color: transparent;
    color: #008ed0;
    border: #008ed0 1px solid;
}

body.page-health .btn-primary.btn-clair:hover {
    color: #fff;
    background-color: #074c6d;
    border-color: #064663;
}

/* Mobile: carrousel avec toutes les 8 tuiles */
@media (max-width: 768px) {
	.mobile-only {
		display: flex;
	}
	
	.desktop-only {
		display: none;
	}
	
	.conteneur-types-1 {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 20px;
		padding-bottom: 10px;
		flex-wrap: nowrap;
	}
	
	.conteneur-types-1::-webkit-scrollbar {
		display: none;
	}
	
	.conteneur-types-1 {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.types-maladies {
		flex: 0 0 320px;
		scroll-snap-align: start;
	}

}.page-health .app-bullet p {
    margin: 0;
    padding: 0;
    font-family: FigtreeLight;
    letter-spacing: normal;
    text-align: left;
    line-height: 24px;
    font-size:16px;
}


/*Bloc - Nos services en sante de proximite*/

#bloc-services-sante .padding-top-right-left{
	padding: 20px 20px 0;
	margin-top:-20px;
}


#bloc-services-sante{}

	#bloc-services-sante .side-image{
		width:280px;
		float:left;
		}
		
		#bloc-services-sante .side-image img{border-radius:16px;border: 1px solid #E2E2E2;}
	
	#bloc-services-sante .container{padding-bottom: 60px;}
	
	#bloc-services-sante ul {padding-left: 28px;font-family: FigtreeLight;line-height: 23px;}	
		#bloc-services-sante ul li{padding-bottom: 3px;}
	
	#bloc-services-sante h3 {	
		font-size: 32px;
		line-height: 38px;
		margin-top: 0;
		margin-bottom: 18px;
		letter-spacing: normal;
		font-family: FigtreeLight;}
		
	#bloc-services-sante .box-services{
		border-radius:16px;
		background-color:#fff;
		padding: 25px 24px 32px;
		border: 1px solid #E2E2E2;
		width:443px;
		float:left;
		margin-left:12px;	
		text-align:left;
		height:334px;
		position:relative;
	}	
	
	#bloc-services-sante img.img-mob{display:none;}
	#bloc-services-sante img.img-desktop{display:block;}

#bloc-services-sante ul a{text-decoration:underline;}
	#bloc-services-sante ul a:hover{text-decoration:none;}
	
	#bloc-services-sante .box-services .btn-container{
		position: absolute;
		bottom: 32px;
	}
	
	
@media (min-width: 1080px) and (max-width: 1279px) {
	#bloc-services-sante .container{width:100%;}
	#bloc-services-sante .box-services{width:35%;padding: 17px 18px 32px;height: auto;min-height: 334px;}
	#bloc-services-sante .box-services h3{font-size: 28px;}
	
	#bloc-services-sante .box-services .btn-container{position: relative;bottom:auto;	}
}

@media (min-width: 802px) and (max-width: 1079px) {
	#bloc-services-sante .container{width:745px;}
	#bloc-services-sante .box-services#side2{display: inline-block;
    height: auto;
    width: 80%;
    float: none;
    margin: 12px auto 0;}
	
	#bloc-services-sante .box-services .btn-container{		position: relative;bottom:auto;	}
}

@media (max-width: 801px) {
	#bloc-services-sante .container{width:100%;}
	#bloc-services-sante .box-services{width: 100%;
		float: none;
		margin: 12px 0 0;
		text-align: left;
		height: auto;
		display: inline-block;}
	
	#bloc-services-sante .side-image{
		width:100%;
		}
		
	#bloc-services-sante img.img-mob{display:block;width:100%;height:100%;}
	#bloc-services-sante img.img-desktop{display:none;}
	
	#bloc-services-sante .box-services .btn-container{position: relative;bottom:auto;}

}

@media (max-width: 450px) {
	#bloc-services-sante .box-services h3{font-size: 30px; line-height:36px;}
}




/*bloc-thematique*/

.bloc-thematique .articles-btn-container{
	gap: 25px;
    display: inline-flex;
}

@media (max-width: 500px) {
	.bloc-thematique .articles-btn-container{
		display: block;
	}
	
		.bloc-thematique .articles-btn-container a.btn-clair{
			margin-top:25px;
			
		}
	
}