body{
	background-color: #e8f4fc;
}


  .page-home h1.container-title{
  	text-transform: none;
	margin-bottom: 4px;
	color: #212121;
	line-height: 48px;
	font-size: 40px;
  }

  	.btn-primary {
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-button-bg-primary-enabled, #08638D);
		text-transform: none;
		font-family: 'Roboto' !important;
		letter-spacing: normal !important;
        font-size: 16px;
        line-height: 1.33333 !important;
        text-transform: none !important;
	}

	.btn-primary:hover {
		background: #32414b
	}
   

 .btn-primary.bt-white{background-color: #fff !important;color: #212121 !important; border:none !important;}   
  .btn-primary.bt-white:hover{background-color: #aedcf3 !important;}   

 .btn-primary.bt-pale{background-color: #e8f4fc !important;color: #212121 !important; border:none !important;}   
  .btn-primary.bt-pale:hover{background-color: #aedcf3 !important;}  


 .grid-articles.grid-articles-tipsingle .row.js-video-controls-container,
 .grid-articles.grid-articles-tipsingle .articles-container.js-block-video.block {border-radius: 16px;}


/*Grille multifonction*/
	.page-home .grid-products{
		max-width: 1200px;
		margin:0 auto;
		padding:0;
	}
		
@media (max-width: 1240px) {
	.page-home .grid-products{
		padding:0 10px;
	}	
}
/*Fin Grille multifonction*/


/*NOUVELLE PAGE ACCUEIL*/

/*3 blocs Conseils*/


.page-home .trio-bloc{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.page-home .bloc-conseil {
	margin: 0 auto 25px;
	padding: 0 0 30px;
	position: relative;
	background-color: #fff;
	color: #212121;
	width: 384px;
	overflow: hidden;
	border: 1px solid var(--color-border-border-neutral-light, #E2E2E2);
	/* background: var(--color-background-bg-white, #FFF); */
}	


@media (max-width: 1280px) {.page-home .bloc-conseil{width: 350px;}	}
@media (max-width: 1199px) {.page-home .bloc-conseil{width: 280px;}	}
@media (max-width: 993px) {.page-home .bloc-conseil{width: 229px;}	}

.page-home .bloc-conseil .txt {
    margin: 16px 15px 20px !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    height: 102px;
    padding: 0 !important;
}

.bloc-conseil img{width:100%;}



/*Fin 3 blocs conseils*/

.page-home .block-color h1{letter-spacing: normal;}
.page-home .block-color p{letter-spacing: normal;}


	/* CSS Accueil - JUMBOTRON */

	.page-home .jumbotron.jumbotron-bg-right {
		background-position-x: 76%;
		background-position-y: bottom;
		background-size: auto 92%;
	}

	.page-home .jumbotron.jumbotron-standard.jumbotron-white.jumbotron-with-bgcolor.jumbotron-bg-right {
		height: 567px;
	}
	.page-home .jumbotron .content-container{
		max-width: 600px;
	}
	.page-home .jumbotron .content{vertical-align: top;}

	.page-home .content-container h1.hero-title{margin-top: 10px;}
	.page-home .content-container h1.hero-title img.logo-brunet-connait{
		max-width: 445px;
		margin-bottom: 34px;
		display: block;
	}

	.page-home .content-container h1.hero-title {
		font-size: 50px;
		line-height: 56px;
	}

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

	.page-home .jumbotron-gradient {
		display: none;
	}


.page-home .jumbotron .btn{
	background-color: #e8f4fc;
	color: #212121;
	border: none;}
/*
	.page-home .jumbotron .btn {
		WIDTH: fit-content;
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-background-bg-primary-200, #E8F4FC);
		display: flex;
		min-height: 56px;
		padding: 0 var(--button-large-padding, 30px);
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin-top: 3rem;
		color: #212121;
	}
*/

	.page-home .jumbotron .btn:hover{
		background:#aedcf3;
	}
	

	.page-home .jumbo-mobile{
		display: none;
	}



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

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

	@media (max-width: 1200px) {

		.page-home .jumbotron .container{
			width: 100%;
		}

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

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

		.page-home .jumbotron .content-container .hero-description{max-width: 47rem;}
	}	
	
	@media (max-width: 875px) {

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

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

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


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

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

		.page-home .jumbo-mobile{
			display: block;
			width: 100%;
		}

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

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

		.page-home .content-container h1.hero-title img.logo-brunet-connait{
			margin-top:30px ;
			margin-bottom: 25px;
			width: 90%;
		}


	}	


	/* CSS Accueil - FIN JUMBOTRON */



/*Acces rapide*/

.page-home .main{margin-top: -64px;}


	.page-home .slick-slide .no-padding{
		width:100%
	}

	.page-home .slick-dots li button:before {
		width: 15px;
		height: 15px;
	}

	.page-home .main .carrousel-container{
		margin-top:0;
	}

	.page-home .container-full{
		width:100%;
		margin:0;
		padding: 0;
	}

	.page-home .block-color{
		width:100%;
		margin: 0;
		background-color: inherit;
	}

  .page-home .container_acces_rapide {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    max-width: 1200px;
    width:100%;
    margin: 0px auto 60px;
    flex-direction: row;
    justify-content: center;
  }


  .page-home .acces_row {
    display: flex;
    gap: 22px;
    justify-content: space-around;
    width: 49%;
  }
  .page-home .container_acces_rapide  .bloc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 32px;
    padding: 24px 24px 19px;
    width: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .page-home .container_acces_rapide  .bloc .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 37px;
    flex-direction: row;
  }

  .page-home .container_acces_rapide  .bloc .icon {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }




  .page-home .container_acces_rapide .bloc .icon.dossier,
  .page-home .container_acces_rapide .bloc .icon.renew,
  .page-home .container_acces_rapide .bloc .icon.rdv,
  .page-home .container_acces_rapide .bloc .icon.circ {
	  position: relative;
	  width: 64px;
	  height: var(--size-icon-size-64, 64px);
	  flex-shrink: 0;
	  aspect-ratio: 1/1;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  
  .page-home .container_acces_rapide .bloc .icon.dossier::before,
  .page-home .container_acces_rapide .bloc .icon.renew::before,
  .page-home .container_acces_rapide .bloc .icon.rdv::before {
		content: "";
		position: absolute;
		inset: 0;
		background: var(--color-background-bg-primary-500, #008ED0);
		border-radius: 16px;
		z-index: 0;
		transition: transform 0.2s ease, background 0.2s ease;
  }

  .page-home .container_acces_rapide .bloc .icon.circ::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--color-background-bg-primary-500, #ED6424);
	border-radius: 16px;
	z-index: 0;
	transition: transform 0.2s ease, background 0.2s ease;
}
  
  .page-home .container_acces_rapide .bloc .icon.dossier img,
  .page-home .container_acces_rapide .bloc .icon.renew img,
  .page-home .container_acces_rapide .bloc .icon.rdv img,
  .page-home .container_acces_rapide .bloc .icon.circ img {
	  position: relative;
	  z-index: 1;
	  width: 40px;
	  height: auto;
  }
  
  .page-home .container_acces_rapide .bloc:hover .icon.dossier::before,
  .page-home .container_acces_rapide .bloc:hover .icon.renew::before,
  .page-home .container_acces_rapide .bloc:hover .icon.rdv::before,
  .page-home .container_acces_rapide .bloc:hover .icon.circ::before {
	  transform: scale(1.1);
  }
  

  .page-home .container_acces_rapide  .bloc .arrow {
    width: 37px;
    height: 37px;
    background-color: #e8f4fc;
    border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center; 
	transition: all 0.3s ease; 
  }

.page-home .container_acces_rapide .bloc:hover {
	 box-shadow: 0 8px 15px 6px rgba(0, 0, 0, 0.15);
}

.page-home .container_acces_rapide .bloc:hover .arrow {
    background-color: var(--brunet-brunet-primary, #008ED0);
    transform: translateX(12px);
}

.page-home .container_acces_rapide .bloc .arrow svg {
    fill: #008ED0;
	transition: fill 0.3s ease;
}

.page-home .container_acces_rapide .bloc:hover .arrow svg {
    fill: #fff;
}

  .page-home .container-header {
    padding: 60px 10% 24px;
    text-align: center;
	}

	.page-home #conseils .btn-lg{
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-button-bg-primary-enabled, #08638D);
		color:#fff;
	}

	.page-home #conseils .btn-lg:hover{
		background:#32414b;
	}

.page-home .container_acces_rapide  .bloc .txt_cta{margin-left: -8px;}	

  .page-home .container_acces_rapide  .bloc .txt_cta p {
    margin: 0;
    color: var(--color-text-text-primary, #212121);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
	text-transform: none;
  }


@media (max-width: 1200px) {

	.page-home .container_acces_rapide{gap: 21px;}
    .page-home .acces_row {
      width: 48%;
	  gap: 20px;
    }
}



@media (max-width: 990px) {

	.page-home .container_acces_rapide{gap: 21px;}
    .page-home .acces_row {
      width: 48%;
	  gap: 20px;
    }
}


@media (max-width: 890px) {

    .page-home .acces_row {
      width: 100%;
	  gap: 22px;
    }
}


@media (max-width: 768px) {
    .page-home .container_acces_rapide  .bloc {
      width: 100%;
    }

	.page-home .acces_row {
		display: flex;
		gap: 20px;
		justify-content: space-around;
		width: 100%;
		flex-direction: column;
		margin: 0 auto;
		align-items: center;
	}	
  }

/*FIN Acces rapide*/


  .page-home .bloc-conseil{
	border-radius: 16px;
  }




/* 2 Blocs services*/

@media (min-width: 1030px) {
    .col-lg-6 {
        width: 50%;
		float: left;
    }
}


  .page-home #pres_vous{
  	max-width: 100%;
  	margin: 0 auto 50px;
  }


	.page-home #pres_vous .container-full {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 16px;
		/*padding:0;*/
	}


@media (min-width: 600px) {
	#pres_vous .articles-img {
		border-radius: 16px 0 0 16px;
		height: 490px;
		float: left;
		width: 50%;
		display: inline-block;
		background-position-x: -122px;
		background-repeat: no-repeat;
	}

	.page-home #pres_vous .articles-block{
		border-radius: 16px;
		height: 490px;
	}

	.page-home .grid-articles-dense#pres_vous .articles-text-container {
		padding: 30px 26px 20px;
		float: left;
		position: initial;
		width: 50%;
	}
	
}

	.page-home .grid-articles-dense#pres_vous .btn.DeuxBoutons {
		margin-left: 26px;
		width: auto;
		position: inherit;
	}	

	.page-home .grid-articles-dense#pres_vous p {
		line-height: 24px;

	}


	.page-home .grid-articles-dense#pres_vous .bloc_petites_notes {
		font-size: 14px;
		line-height: 21px;
		position: absolute;
		padding-right:26px;
		bottom: 15px;
		font-family: 'Roboto';
	}


	.page-home .grid-articles-dense#pres_vous span {
	
	}	


@media (max-width: 1145px) {
	.page-home .grid-articles-dense#pres_vous .articles-text-container {
		padding: 20px 26px 10px;
	}

	.page-home .grid-articles-dense#pres_vous .bloc_petites_notes {
		bottom: 10px;
	}	

}	

@media (max-width: 1075px) {
	.page-home .grid-articles-dense#pres_vous .bloc_petites_notes {
		font-size: 13px;
		line-height: 19px;
		bottom: 8px;
	}

}	

	@media (max-width: 1030px) {
		.page-home .grid-articles-dense#pres_vous .articles-text-container {
			padding: 30px 26px 15px;
		}

		#pres_vous .articles-img {
			background-position-x: 0px;
			height: 355px;
			}
		.page-home #pres_vous .articles-block{
			height: 355px;
		}
		.page-home .grid-articles-dense#pres_vous .bloc_petites_notes {
			font-size: 14px;
			line-height: 21px;
			bottom: 15px;
		}		
	}

	@media (max-width: 950px) {

		#pres_vous .articles-img{
			height: 380px;
		}

		.page-home #pres_vous .articles-block{
			height: 380px;
		}		
	
	}	


	@media (max-width: 740px) {

		#pres_vous .articles-img {
			background-position-x: -70px;
			height: 440px;
			}

		.page-home #pres_vous .articles-block{
			height: 440px;
		}
	
		.page-home .grid-articles-dense#pres_vous .bloc_petites_notes {
			font-size: 13px;
			line-height: 19px;
			bottom: 8px;
		}		
		.page-home .grid-articles-dense#pres_vous .articles-text-container {
			padding: 20px 26px 10px;
		}



	}	
	

	@media (max-width: 599px) {	

	.page-home #pres_vous{
		margin-bottom: 14px;
	}

		.page-home #pres_vous .articles-block{
			height: auto;
			border-radius: 16px;
			margin-bottom: 22px;
		}

		#pres_vous .articles-img {
			height: 330px;
			background-position-x: 0px;
        	background-position-y: -50px;
			border-radius: 16px 16px 0 0;
			background-repeat: no-repeat;;
		}

		.page-home .grid-articles-dense#pres_vous .container-full div > div:nth-of-type(2) .btn.DeuxBoutons {
			margin-bottom: 50px;
		}	

		.page-home .grid-articles-dense#pres_vous .bloc_petites_notes{
			bottom: 0;
			line-height: 15px;
		}

	}

	@media (max-width: 400px) {	


		#pres_vous .articles-img {
			height: 186px;
        	background-position-y: -72px;

		}

		

	}
	
	@media (max-width: 400px) {	
		.page-home .grid-articles-dense#pres_vous .container-full div > div:nth-of-type(2) .btn.DeuxBoutons {
			margin-bottom: 80px;
		}
	}


	



	.page-home #produits_vedettes{
		background: #FBF6F1;
    	width: 100%;
		margin-bottom: 0px;
		padding-bottom: 50px;
	}

	.page-home #produits_vedettes .container-footer{margin: 27px 0 10px;}


	.page-home #produits_vedettes .container-header p {
		color: var(--color-text-text-primary, #212121);
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
	}



	.page-home #produits_vedettes .grid-products .block-generic{
		border-radius:16px;
	}



@media (max-width: 740px) {

	.page-home #produits_vedettes{padding-bottom: 32px;}
	.page-home #produits_vedettes .container-header{padding-top:36px ;padding-bottom: 14px;}
	.page-home #produits_vedettes .container-title{padding-bottom: 10px;}
	.page-home #produits_vedettes .container-header p{font-size: 16px; line-height: 25px;}

	.page-home #produits_vedettes .container-footer{margin-top: 3px;}
}
  



/*
  .page-home #pres_vous_large{
  	max-width: 100%;
  	margin: -65px auto 0;
  	/* background: #FBF6F1; 
  	padding: 50px 0;
  }

  .page-home #pres_vous_large .articles-block{
	background: transparent;
	}

	.page-home #pres_vous_large .articles-title{
		color: var(--color-text-text-primary, #212121);
		/* Heading/Desktop/H2 
		font-family: "Nexa Book";
		font-size: 40px;
		font-style: normal;
		font-weight: 400;
		line-height: 48px; /* 120% 
	}

	@media (max-width: 990px) {
		.page-home #pres_vous_large .articles-img {
			display: inline-block;
			width: 100%;
			height: 395px;
			height: 400px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	
  .page-home #pres_vous_large .container-full > .row:first-of-type {
    display: none;
	}

	#pres_vous_large .container-full {
		max-width: 1200px;
		margin: 0 auto;
		padding:0;
	}
*/

	.page-home .bloc-conteneur-conseils, .bloc-div-3conseils {
	    padding:10px 0 0;
	}

	.page-home .qstn-container {
		padding: 0px 0 32px;
	}


	

	

	.page-home #bloc_sante{
		max-width: 1200px;
    	margin: 0 auto;
	}

	.page-home #conseils{
		padding: 0 15p;
		margin: 0 auto;
		background-color: #FBF6F1;
	}

	.page-home .bloc-conseil a {
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-background-bg-primary-700, #08638D);
		display: flex;
		min-height: 32px;
		width: fit-content;
		padding: 0 var(--button-small-padding, 15px);
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin: 0px 15px 0;
		color: #fff;
		font-size: 16px;
		margin-bottom: auto;
		flex-grow: 1;
		text-decoration: none;
	}

	.page-home .bloc-conseil a:hover {
		background: #32414b
	}

	.page-home #conseils .block-color {
		padding:0;
	}

	.page-home #conseils .block-button-div{
		padding: 0 0 165px;
	}

	.page-home #conseils .container-title{
		max-width: 1200px;
		margin: 64px auto 32px;
		padding: 0 15px;
	}

	.page-home #conseils .text-left{
		padding:0 15px;
	}

	@media (max-width: 740px) {
		.page-home #conseils .container-title	{margin:45px auto 8px ;}

		.page-home .bloc-conseil a{ font-size: 12px; }

		.page-home .bloc-conseil .txt{
			height: auto;
    		margin-bottom: 26px !important;
		}

		.page-home .bloc-conseil{
			padding-bottom: 20px;
		width: 100%; max-width: 600px;}

		.page-home .qstn-container{padding-bottom: 0;}

		.page-home #conseils .block-button-div{padding-bottom: 115px;}

	}

/*banniere bleue BALADO pleine largeur sur Accueil et sur la page Balados */	

#pagehome_balado {
	  background-color: #008ed0;
	}

	#pagehome_balado .qstn-container{padding-bottom: 57px;}

	.banniere100-balado iframe.video {
		display: block;
		height: auto;
		width: 100%;
		border: none;
		position: relative;
		min-height: 289px;
		border-radius: 8px;
	}


	.banniere100-balado{
		display: flex;
	    -webkit-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	    -webkit-align-content: flex-start;
	    align-content: flex-start;
	    -webkit-align-items: center;
	    align-items: center;
	    margin: 0px auto;
	}

	.banniere100-balado .balado-cote-texte{
		-webkit-order: 0;
	    order: 0;
	    -webkit-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    align-self: auto;
	    max-width: 631px;
	    width: 100%;
	    margin: 0 auto;
	}

	.banniere100-balado .balado-cote-texte h3{
		font-size: 40px;
		margin-bottom: 20px;
		font-style: normal;
		font-weight: 400;
		font-family: 'NexaBook';
		line-height: 48px;
		color: #fff;
		margin-right: 37px;
		margin-top: 17px;
	}


.banniere100-balado .image-text-item p.episode{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    text-align: right;
    color: #212121;
    padding: 0; 
    margin-bottom: 10px;
    margin-top: 10px;
}

	.banniere100-balado .balado-cote-img-video{
		-webkit-order: 0;
	    order: 0;
	    -webkit-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    align-self: auto;
	    max-width: 568px;
	    width:100%;
	    margin: -80px auto 0;
	}

	.banniere100-balado .btn_ep{
		width: fit-content;
		display: flex;
		min-height: 56px;
		padding: 0 var(--button-large-padding, 30px);
		justify-content: center;
		align-items: center;
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-background-bg-primary-200, #E8F4FC);
	}

	.banniere100-balado .btn_ep a{
		color: var(--color-text-text-action-primary, #212121);
		text-align: center;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 21px;
	}

	.banniere100-balado .btn_ep:hover {
		background: #aedcf3;
	}

	.banniere100-balado .txt,
	.generic-title-text .block-color .banniere100-balado .txt{
		max-width: 80rem;
		margin: 0 auto auto;
		text-align: left;
		padding: 0 37px 35px 0;
		line-height: 28px;
		font-family: 'NexaBook';
		color: #fff;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
	}

	.banniere100-balado .image-text-item {
		background-color: #87bad9 !important;
		background-image: url(https://www.brunet.ca/globalassets/sante/balados/saison-4/icon-balado-barre-2025-v2.png);
		background-repeat: no-repeat, no-repeat;
		background-size: 110px 110px;
		background-position: 0px 10px;
		border-left: #e8f4fc 8px solid;
		border-radius: 30px;
	}

	

.banniere100-balado .image-text-item .content-container, .banniere100-balado .image-text-item .content-container-padding {
    padding: 45px 18px 18px;
}

.banniere100-balado .image-text-item .content-container-padding {
	z-index:0;
}

.banniere100-balado .flex-item:nth-child(1) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
    margin: 0px 15px 0;
    font-size: 16px;
    display: inline-table;
    border-radius: 25px;
    background: #212121;
    padding: 7px 16px;
    font-family: 'Roboto';
    height: 13px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    width: fit-content;
}

.banniere100-balado .flex-item:nth-child(2) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
    margin: inherit;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    text-align: right;
    color: #212121;
    padding: 0;
}

.balado-head{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0px 0 24px;
}





@media (max-width: 1280px){.banniere100-balado iframe.video{min-height:400px;}}


@media (max-width: 1264px) {
	.banniere100-balado .balado-cote-texte h3{
		margin-right: 0;
		margin-top: 21px;
		margin-bottom: 27px;
	}

	.banniere100-balado .balado-cote-img-video{
		margin-top: 40px;
		max-width: 631px;
	}

	.banniere100-balado .txt, .generic-title-text .block-color .banniere100-balado .txt{padding-bottom:27px ;width: 100%;}


	.banniere100-balado .flex-item:nth-child(1){
		padding: 2px 8px;
		margin: 0 0 0 8px;}

	.banniere100-balado .image-text-item .content-container-padding {
		padding: 60px 5px 8px;
	}

	.banniere100-balado .image-text-item {
		background-position: 0px 17px;
	}

	.banniere100-balado .image-text-item p.episode{margin-top: 0;}

	.banniere100-balado iframe.video{min-height: 339px;}

	#pagehome_balado .qstn-container{padding-bottom:42px ;}

}

@media (max-width: 670px){.banniere100-balado iframe.video{min-height:330px;}}
@media (max-width: 600px){.banniere100-balado iframe.video{min-height:300px;}}
@media (max-width: 500px){.banniere100-balado iframe.video{min-height:237px;}}
@media (max-width: 400px){.banniere100-balado iframe.video{min-height:182px;}}
@media (max-width: 375px){.banniere100-balado iframe.video{min-height:169px;}}
@media (max-width: 360px){.banniere100-balado iframe.video{min-height:156px;}}
@media (max-width: 325px){.banniere100-balado iframe.video{min-height:159px;}}

/*FIN banniere balado*/

	.page-home #bloc_moi{
		max-width: 100%;
		margin: -65px auto 0;
		background: #FBF6F1;
		padding: 50px 0;
	}
  
	.page-home #bloc_moi .articles-block{
	  background: #fff;
	  border-radius: 16px;
	  }
  
	  .page-home #bloc_moi .articles-title{
		  color: var(--color-text-text-primary, #212121);
		  /* Heading/Desktop/H2 */
		  font-size: 40px;
		  font-style: normal;
		  font-weight: 400;
		  line-height: 48px; /* 120% */
	  }
  
	.page-home #bloc_moi .container-full > .row:first-of-type {
	  display: none;
	  }
  
	  .page-home #bloc_moi .container-full {
		  max-width: 1200px;
		  margin: 0 auto;
		  /*padding:0 16px;*/
		  padding:0;
	  }

	.page-home .btn_moi a{
		margin: 0 0 20px;
		width: fit-content;
		color: #fff;
		display: flex;
		min-height: 56px;
		padding: 0 var(--button-large-padding, 30px);
		justify-content: center;
		gap: 8px;
		border-radius: var(--radius-radius-round, 1000px);
		background: var(--color-background-bg-primary-700, #08638D);
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		font-family: 'Roboto';
	}

	.page-home #bloc_moi .articles-img {
        border-radius: 16px 0 0 16px;
    }



	.page-home #bloc_moi .btn_moi:hover {
		background: #32414b
	}

	.page-home #moi_banner{
		background: #FBF6F1;
		width: 100%;
		margin: -43px 0 0;
	}

	.page-home #moi_banner .grid-products{
    	background: #FBF6F1;
	}

	.page-home #moi_banner .block-generic{
		background: #FBF6F1;
		border-radius: 16px;
	}

	.page-home .grid-articles{
		background: #FBF6F1;
    	width: 100%;
		padding:0;
	}

	.page-home .grid-articles .row{
		border-radius: 16px;
		max-width: 1200px;
    	margin: 64px auto;
		/*padding:0 16px;*/
		padding:0;
		background: none;
	}
	.page-home .grid-articles .articles-container{
		border-radius: 16px;
	}

@media (max-width: 1240px) {
	.page-home .grid-articles .row{
		padding:0 16px;
	}
}

@media (max-width: 991px) {
	.page-home .grid-articles .articles-container{
		padding-bottom:20px;
	}
}

	
/* Bloc Article simple*/
.page-home .articles-text-container span a{text-decoration: underline;}
.page-home .articles-text-container span a:hover{text-decoration: none;}

/* FIN Bloc Article simple*/



/* Bloc style article simple*/
.page-home .bloc-simple-img-txt{
	margin-top: -32px;
	padding-bottom: 64px;
}

.page-home .bloc-simple-img-txt .articles-text-container{
	padding: 62px 4% 40px;
}


.page-home .bloc-simple-img-txt h1{
	text-transform: none;
	text-align: left;
	margin-bottom: 26px;
	line-height: 48px;
}

.page-home .bloc-simple-img-txt p{
	line-height: 24px;
}
	

.page-home .bloc-simple-img-txt.programme-moi{
	margin-top: 0;
	padding-bottom: 20px;
}

.page-home .bloc-simple-img-txt.programme-moi .articles-text-container{
	background-color: #fff;
	height: 427px;
	border-radius: 0 16px 16px 0;
}

.page-home .bloc-simple-img-txt.programme-moi .articles-img-container{
	height: 427px !important;
}

.page-home .bloc-simple-img-txt.programme-moi .articles-img-container img{
	border-radius: 16px 0 0 16px;
}

.page-home .bloc-simple-img-txt p a{
	text-decoration: underline;
}

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




@media (max-width: 740px) {
	.page-home .bloc-simple-img-txt .articles-text-container{padding-top: 17px;}	

	.page-home .bloc-simple-img-txt h1{ font-size: 34px; line-height:44px ;}

	.page-home .bloc-simple-img-txt{padding-bottom: 30px;}

	}


/* FIN Bloc style article simple*/

/* Article simple notes au bas du bloc */

.page-home .articles-container .articles-title {
	font-family: NexaBook;
}


.page-home .articles-container .bloc_petites_notes{
	font-size: 14px;
    line-height: 21px;
    position: absolute;
	font-family: 'Roboto';
    bottom: -15px;
}

.page-home .articles-text-container {padding-bottom: 4%;}

@media (max-width: 992px) { 
	.page-home .articles-text-container {padding-bottom: 20px;}
	.page-home .articles-container .bloc_petites_notes{
		position: relative;
    	bottom: initial;

	}
}


/*
@media (max-width: 1199px) { .page-home .articles-container .bloc_petites_notes{bottom: -40px;}}
@media (max-width: 1057px) { .page-home .articles-container .bloc_petites_notes{bottom: -40px;}}

@media (max-width: 992px) { 
	.grid-articles-promotions .articles-text-container{min-height: 210px;}
	.page-home .articles-container .bloc_petites_notes{bottom: -28px;}
}

@media (max-width: 595px) { 
	.grid-articles-promotions .articles-text-container{min-height: 230px;}
}

*/

@media (max-width: 768px) {
    body.page-home .container-title {
        font-size: 34px;
        line-height: 44px;
    }

	.page-home .container-header{
		padding: 48px 7% 24px;
	}

}

/* FIN CSS pour la nouvelle page d'acceuil */





/* Carrousel au coin rond*/

/* FIN Carrousel au coin rond*/

.carrousel-container .desktop-height, .carrousel-container .mobile-full-height{
    border-radius: 16px;
}


/* Page CIRCULAIRE */


#circulaire.tc-flyer-app{
	/*margin-top: -30px;*/


}

    
.circulaire-bloc-2-promos{
    display: flex; gap: 22px; justify-content: space-around; width: 100%;
}

.circulaire-bloc-1-promo{
    width: 100%;
}


    .circulaire-bloc-2-promos .circulaire-bloc-promo{
        display: flex; flex-direction: column; justify-content: space-between; width: 50%; position: relative;
    }

        .circulaire-bloc-2-promos .circulaire-bloc-promo img, .circulaire-bloc-1-promo .circulaire-bloc-promo img {width: 100%; height: 100%;border-radius: 16px;}

            .circulaire-bloc-2-promos .circulaire-bloc-promo img.promo-mobile, .circulaire-bloc-1-promo .circulaire-bloc-promo img.promo-mobile{display: none;}


        .circulaire-bloc-2-promos p.btn.btn-primary,
        .circulaire-bloc-1-promo p.btn.btn-primary{
            padding: 15px 30px !important;
            white-space: nowrap;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .circulaire-bloc-1-promo p.btn.btn-primary{
                bottom: 0px;
                right: 0px;
                left: auto;
            }        

        .circulaire-bloc-2-promos .circulaire-bloc-promo:hover > p.btn.btn-primary
            {background-color: #aedcf3 !important;}

        .circulaire-bloc-1-promo .circulaire-bloc-promo.promo-pale:hover > p.btn.btn-primary
            {background-color: #32414b !important;}            


@media (max-width: 990px) {
    .circulaire-bloc-2-promos .circulaire-bloc-promo img.promo-desktop,
    .circulaire-bloc-1-promo .circulaire-bloc-promo img.promo-desktop{display: none;}
    .circulaire-bloc-2-promos .circulaire-bloc-promo img.promo-mobile,
    .circulaire-bloc-1-promo .circulaire-bloc-promo img.promo-mobile{display: block;}

    .circulaire-bloc-1-promo .circulaire-bloc-promo img.promo-mobile{max-width: 329px ;margin: 0 auto;}

            .circulaire-bloc-1-promo p.btn.btn-primary{
                right: auto;
                left: auto;
            }     
}

@media (max-width: 575px) {
    .circulaire-bloc-2-promos{display: block;}

    .circulaire-bloc-2-promos .circulaire-bloc-promo{
        display: block; width: 100%; }

            .circulaire-bloc-2-promos .circulaire-bloc-promo:first-child{margin-bottom: 20px; }

    .circulaire-bloc-1-promo .circulaire-bloc-promo img.promo-mobile{max-width: 100% ;}
     
        /*.circulaire-bloc-2-promos p.btn.btn-primary{transform: translate(-50%, -50%);  }  */
              
}

/* FIN Page CIRCULAIRE */



/* GenericTitleTextItemContainerBlock */

.titre-GenericTitleTextItemContainerBlock{display:block; margin:80px 0 40px;}

    .titre-GenericTitleTextItemContainerBlock.Titre-section-only{margin-bottom:-30px;}

/* FIN GenericTitleTextItemContainerBlock */




/* Conseils - Encadre Questions FAQ - ILamarre 5 aout 2025 */

.encadre{margin-bottom: 15px;}



@media (min-width: 400px) {
	
	.encadre h2.titre{
		padding-left:0px;
		margin-top:0px;
		margin-bottom:30px;
	}

	.routine-item .contentContainer .encadre.questions_faq h3{
		font-weight:bold;
		margin-bottom: 5px;
		padding-left: 0;
		margin-top:18px;
		
	}

	.routine-item .contentContainer .encadre.questions_faq p{
		position:relative;
		margin-left:15px;
		font-size:17px;
		padding-left:10px;
	}


	.encadre.questions_faq p::before {
	  content: "→"; /* Puce */
	  color: #000000; /* Couleur de la puce */
	  font-size: 1.4em; /* Taille de la puce */
	  position: absolute;
	  left: -12px; /* Décalage à gauche pour positionner la puce */
	  top: 0.05em; /* Ajustement vertical de la puce */
	}
		
}





/* CSS Mis en ligne par I.Lamarre le 18 juin 2025 */

/* Conseils - Lien sur titre avec le no d'etape petit */

.petit-article-title h2 a{
	text-decoration: underline;
}

	.petit-article-title h2 a:hover{
		text-decoration: none;
	}

/* Grille de conseils */

.grid-generic .grid-tips .block{
	background-size: auto 90%;
    background-position: 100% 50%;
}





/* CSS Mis en ligne par I.Lamarre le 18 janvier 2024 */

/* Page pilier SANTE */

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

body.page-health .ancres-pilier-sante-jumbo{margin-top: 20px;}
	body.page-health .ancres-pilier-sante-jumbo a{
		margin: 0 2px 8px;font-size: 1.5rem;
		display: inline-table;
		border-radius: 25px;
		background: #0a6e9d;
		padding: 7px 16px;
		font-family: 'Roboto';
		height: 13px;
		text-decoration: none;
		color: #fff;
		text-align: center;
		border:1px solid #0a6e9d;
	}
	
		body.page-health .ancres-pilier-sante-jumbo a:hover{
			background: #fff;
			color: #0a6e9d;
			border:1px solid #0a6e9d;
		}	
	body.page-health .jumbotron .hero-title .h1-titre-jumbo{
	font-size: 0.8em;
		display: block;
		min-width: 220px;
	}
	
	body.page-health .ancres-pilier-sante-jumbo a#btn-jaune{
		border: 1px solid #FFC430;
		background: #FFC42F;}

body.page-health .generic-title-text .padding-top-right-left.col-xs-12{ padding: 20px 5px 0;}

body.page-health .page-sante-blocs{
	height: 470px; 
	margin-bottom: 10px; 
	padding: 36% 30px 30px; 
	background-color: #fff; 
	background-repeat: no-repeat; 
	background-size: contain;
}

	body.page-health .page-sante-blocs#bloc1{
		background-image: url('/globalassets/sante/2024/outils-renouvelez-vos-ordonnances.png'); 
	}
	
	body.page-health .page-sante-blocs#bloc2{
		background-image: url('/globalassets/sante/2024/outils-prendre-rendez-vous-en-ligne.png');
	}
	
	body.page-health .page-sante-blocs#bloc3{
		background-image: url('/globalassets/sante/2024/outils-tranferer-dossier.png');
	}
	


body.page-health #blocs-3conseils-sante{margin-top: -25px;}

body.page-health .page-sante-blocs-conseils-sante{ 
	margin-bottom: 10px; 
	padding-bottom: 30px; 
	background-color: #fff; 
}

body.page-health .page-sante-blocs-conseils-sante img{
	width:100%;
}

body.page-health .page-sante-blocs-conseils-sante h3{
	padding: 0 30px;
	min-height: 105px;}



body.page-health .page-sante-blocs h3,
body.page-health .page-sante-blocs-conseils-sante h3{
	margin-bottom: 10px; 
	color: #212121; 
	font-family: NexaLight; 
	font-size: 27px; 
	line-height: 1em;
}

body.page-health .page-sante-blocs p,
body.page-health .page-sante-blocs-conseils-sante p{
	line-height: 1.4em; 
	color: #525255; 
	font-family: Roboto; 
	font-size: 16px;
}

body.page-health #blocs-3blocs-localisateur{margin-top: -25px;}

.page-localisateur-blocs { 
	margin-bottom: 10px; 
	padding-bottom: 30px; 
	background-color: #fff; 
	height: 100%;
}

.page-localisateur-blocs img{
	width:100%;
}

.span-text{
	padding: 0 30px;
}

.page-localisateur-blocs h3{
	padding: 0 30px;
	min-height: 90px;
	margin-bottom: 10px; 
	color: #212121; 
	font-family: NexaLight; 
	font-size: 27px; 
	line-height: 1em;
}

.page-localisateur-blocs p{
	line-height: 1.4em; 
	color: #525255; 
	font-family: Roboto; 
	font-size: 16px;
	min-height: 100px;
}




body.page-health .titre-au-dessus-generic{margin-bottom:60px;}
body.page-health .titre-au-dessus-article-simple{margin-bottom:-10px;}

body.page-health h2.titreh2{
	font-size:40px;
	text-transform:none;
	margin-top: 20px;
	font-family: nexabook;
}

	
body.page-health p.sous-titreh2{
	text-transform:none;
	font-family:'Roboto';
	font-size:16px;
	letter-spacing: normal;
	font-weight: normal;
}



body.page-health #btn-tous-les-conseils{margin-top: -25px;}

@media (min-width: 990px) {
	body.page-health #btn-tous-les-conseils{margin-top: -50px;}
}




@media (max-width: 990px) {
	
	body.page-health .page-sante-blocs{
		height: auto; 
	}
	
	body.page-health .page-sante-blocs-conseils-sante h3{min-height: 65px;}
}

/* FIN Page pilier SANTE */

/* FIN CSS Mis en ligne par I.Lamarre le 18 janvier 2024 */


/* Page Impot */

body.page-health .page-impot-blocs{
    height: 470px;
    margin-bottom: 10px;
    padding: 70% 30px 30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
}

	
	body.page-health .page-impot-blocs#bloc2{
		background-image: url('/globalassets/sante/impot/groupe-de-masques-54406-1.png');
	}
	
	body.page-health .page-impot-blocs#bloc3{
		background-image: url('/globalassets/sante/impot/groupe-de-masques-54406.png');
	}
	


body.page-health #blocs-3conseils-sante{margin-top: -25px;}

body.page-health .page-impot-blocs-conseils-sante{ 
	margin-bottom: 10px; 
	padding-bottom: 30px; 
	background-color: #fff; 
}

body.page-health .page-impot-blocs-conseils-sante img{
	width:100%;
}

body.page-health .page-impot-blocs-conseils-sante h3{
	padding: 0 30px;
	min-height: 105px;
}

body.page-health .page-impot-blocs h3,
body.page-health .page-impot-blocs-conseils-sante h3{
	margin-bottom: 10px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 29px;
    margin-top:0;
}

body.page-health .page-impot-blocs p,
body.page-health .page-impot-blocs-conseils-sante p{
	line-height: 24px;
    color: #525255;
    font-family: Roboto;
    font-size: 16px;
}


body.page-health .titre-au-dessus-generic{margin-bottom:60px;}
body.page-health .titre-au-dessus-article-simple{margin-bottom:-10px;}

body.page-health h2.titreh2{
	font-size:40px;
	text-transform:none;
	margin-top: 20px;
	font-family: nexabook;
}

	
body.page-health p.sous-titreh2{
	text-transform:none;
	font-family:'Roboto';
	font-size:16px;
	letter-spacing: normal;
	font-weight: normal;
}


body.page-health #btn-tous-les-conseils{margin-top: -25px;}

@media (min-width: 990px) {
	body.page-health #btn-tous-les-conseils{margin-top: -50px;}
}


@media (max-width: 990px) {
	
	body.page-health .page-impot-blocs{
		height: auto; 
	}
	
	body.page-health .page-impot-blocs-conseils-sante h3{min-height: 65px;}
}


/*Fin page Impot*/