.home .home-shadow {
	background-size: cover;
	height: 20px;
	position: relative;
	-webkit-box-shadow:inset 0 -15px 20px -15px rgba(0,0,0,0.7);
	box-shadow:inset 0 -15px 20px -15px rgba(0,0,0,0.7);
}
.news-home .relative {
	position: relative;
}
.news-home .colleft {
	width: 50%;
}
.news-home .colleft img {
	display: block;
	height: auto;
	width: 100%;
}
.news-home .colright {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}
.news-home .news-article {
	background: #fff;
	border-left: 5px solid #3bb4df;
	color: #17348b;
	height: 50%;
	padding: 45px 70px 0 45px;
}
.news-home .news-article h1 {
	color: #3bb4df;
	font-family: 'Montserrat',sans-serif;
	margin: 0 0 10px;
}
.news-home .news-article .img {
	float: left;
	margin: 0 20px 15px 0;
}
.news-home .news-all {
	background: url('img/plus.svg') no-repeat 50% 70px #3bb4df;
	background-size:57px 50px;
	color: #fff;
	display: block;
	font-family: 'Monserrat_alt','Montserrat',sans-serif;
	font-size: 32px;
	font-size:2rem;
	font-weight: normal;
	height: 50%;
	padding: 140px 0 0;
	text-align: center;
	text-decoration: none;
	/**/
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-ms-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.news-home .news-all:hover,.news-home .news-all:active,.news-home .news-all:focus {
	background-color: #17348b;
}
.news-home .ubipharm-photo {
	display: block;
	height: auto;
	width: 100%;
}
.home .edito {
	background: url('/themes/publique/grossiste/img/fd-edito.jpg') no-repeat 0 0;
	background-size: cover;
	color: #fff;
	padding: 90px 0 50px 50px;
	position: relative;
}
.edito p {
	color: #fff;
	margin: 0 0 30px;
	max-width: 390px;
}
.edito h1 {
	color: #fff;
}
.edito h2 {
	color: #3bb4df;
	font-family: 'Montserrat',sans-serif;
	margin: 0;
}
.edito .btn{
	position: absolute;
	bottom: 4rem;
}
.home .site-footer {
	border-top: 10px solid #17348b;
}

/**
 * MEDIA QUERIES
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width:1900px){
	/*
	HOME
	------------------*/
	.news-home .colleft {
		width: auto;
	}
	.news-home .colleft .entrepot {
		display: table-cell;
		width: 50%;
	}
	.news-home .colleft .logo-pharma {
		display: table-cell;
		padding: 0 20px;
		vertical-align: middle;
		width: 50%;
	}
	.news-home .colright {
		display: table;
		position: static;
		width: 100%;
	}
	.news-home .news-article {
		display: table-cell;
		padding: 45px;
		vertical-align: top;
		width: 50%;
	}
	.news-home .news-all {
		background-image: none;
		display: table-cell;
		padding: 0;
		vertical-align: middle;
		width: 50%;
	}
	.news-home .news-all span:before {
		background: url('img/plus.svg') no-repeat 0 0;
		background-size: 57px 50px;
		content: '';
		display: block;
		height: 50px;
		margin: 0 auto 5px;
		width: 57px;
	}
}

@media only screen and (max-width:1200px){
	.intro + .table {
		display: block;
	}
	.news-home,
	.edito {
		display: block;
		width: auto;	
	}
	.news-home .colleft {
		width: 50%;
	}
	.news-home .colleft .entrepot {
		display: block;
		width: 100%;
	}
	.news-home .colleft .logo-pharma {
		display: block;
		padding: 0;
		width: 100%;
	}
	.news-home .news-article {
		display: block;
		width: 100%;
	}
	.news-home .news-all {
		display: block;
		padding: 16% 0 0;
		width: 100%;
	}
	.news-home .colright {
		display: block;
		position: absolute;
		width: 50%;
	}
	.edito .btn{
		bottom: 1rem;
	}
}

@media only screen and (max-width:1000px) {
	.intro h1 {
		font-size: 34px;
		font-size:2.125rem;
	}
}	

@media only screen and (max-width:950px){
	.news-home .colleft {
		width: auto;
	}
	.news-home .colleft .entrepot {
		display: table-cell;
		width: 50%;
	}
	.news-home .colleft .logo-pharma {
		display: table-cell;
		padding: 0 20px;
		width: 50%;
	}
	.news-home .colright {
		display: table;
		position: static;
		width: 100%;
	}
	.news-home .news-article {
		display: table-cell;
		width: 50%;
	}
	.news-home .news-all {
		display: table-cell;
		padding: 0;
		width: 50%;
	}
	.edito .btn{
		bottom: 0.5rem;
	}
}

@media only screen and (max-width:600px){
	.intro {
		display: none;
	}
	.news-home .news-article {
		display: block;
		width: auto;
	}
	.news-home .news-all {
		display: block;
		font-size: 23px;
		font-size: 1.4375rem;
		padding: 50px 10px;
		width: auto;
	}
}

@media only screen and (max-width:500px){
	.news-home .colleft .entrepot,
	.news-home .colleft .logo-pharma {
		display: block;
		width: 100%;
	}
	.news-home .colleft .logo-pharma {
		padding: 0;
	}
	.home .edito {
		padding: 50px 0 50px 25px;
	}
}