	.page-global .block-color{
		background-color: inherit;
	}
	

.generic-title-text .padding-top-right-left {
    padding: 20px 20px 0;
}	
	
/* 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 img.logo-brunet-connait{
		max-width: 445px;
		margin-bottom: 34px;
		display: block;
	}

	.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-global .jumbotron .btn{
	background-color: #e8f4fc;
	color: #212121;
	border: none;}

	.page-global .jumbotron .btn:hover,
	body.page-global .btn-primary:hover
	{
		background:#aedcf3;
		color: #212121;
		border:none;
	}
	

	.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 86%;
		}

		.jumbotron .content-container .hero-description{max-width: 47rem;}
	}	
	
	@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-global .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;
		}

		.jumbotron .content-container .hero-description{
			margin-top: 23px;
		}


	}	


	/* CSS - FIN JUMBOTRON */
	
/* 4 blocs accès rapide*/

.generic-title-text #acces_rapide H2 {
    margin-bottom: 20px;
}

.page-health .container-title{
	max-width: 1200px;
	margin: 64px auto 20px;
	/*padding: 0 15px;*/
}
	
@media (max-width: 740px) {
	.page-health .container-title	{margin:45px auto 8px;}
}


/* FIN 4 blocs accès rapide*/

/*espace entre blocs Appli et balado et Conseils/redirections */

#vaccin_bloc_appli .col-xs-12{padding-bottom: 125px;}

#standard_balado .block-color{margin-top:-40px;}

#conseils{background-color: #FBF6F1;margin-top: -15px;}


/*Bloc - Nos services en sante de proximite*/

#bloc-services-sante .padding-top-right-left{padding: 20px 20px 0;}


#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 - Nos services en sante de proximitée*/

.grid-articles-passport {margin-top:60px;}

.grid-articles-passport h2{font-family:FigtreeLight;}



/*3 blocs Conseils*/

#conseils .bloc-conseil span.txt {height:auto;}

.bloc-div-3conseils{padding-bottom:40px;}

@media (max-width: 1199px) {#conseils .bloc-conseil a { min-height: 390px;}}
	
@media (min-width: 740px) and (max-width: 991px) {
	#conseils .bloc-conseil span.sous-txt{height:125px;line-height: 21px;}
	#conseils .bloc-conseil span.txt{height:auto;}
}


	@media (max-width: 740px) {
			
			#conseils .bloc-conseil span.txt{
				min-height:auto;
				height:auto;
			}
		
			#conseils .bloc-conseil span.sous-txt{
				height: auto;
			}		

/*Fin 3 blocs conseils*/



