/*------ CORNER MARQUES ------*/

#home_marketing, #home_marketing div
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#brand-corner {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
#brand-corner img {
	max-width: 100%;
	display: block;
	margin: auto;
}
#header-corner {
	padding: 10px 0 20px 0;
	}
#header-corner img {
	max-width: 100%;
	display: block;
	margin: auto;
	}


#brand-corner .lign-corner-text {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 3%;
}

#sban { display: none; }
#cache {display:none;}

#home_marketing {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#home_marketing img {
	max-width: 100%;
	display: block;
	margin: auto;
}

#home_marketing .homeBloc {
	overflow:hidden;
}
#home_marketing .hover {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 88%;
	background: rgba(0,0,0,0.5);
	transform: translateY(-100.5%);
	transition-duration: 600ms;
	vertical-align: middle;
}
#home_marketing .hover a {
	display: block;
	margin: 30% auto;
	padding: 2%;
	width: 80%;
	border: 1px solid #fff;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 1.5em;
	text-decoration: none;
	vertical-align: middle;
}
/*hover mobile*/

#home_marketing .homeBloc .homeSubject {
	margin: 10px;
}

#bloc1 { background-color: #fff; margin-left:0px; }
#bloc2 { background-color: #fff; margin-right:2%;}
#bloc3 { background-color: #fff; margin-left:0px; }

#bloc1 .hover { padding-top: 15%; }
#bloc2 .hover { padding-top: 15%; }
#bloc3 .hover { padding-top: 15%; }

@media screen and (max-width: 640px) {
	#home_marketing .lign-corner-text {
	 margin: 0 10px 0 10px;
	}

	#home_marketing .hover, #home_marketing .hover a {
		display: none;
	}
}