/*------ CORNER MARQUES ------*/
#home_marketing, #home_marketing div,
#brand-corner-video,
#brand-corner-video div  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#brand-corner-video {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#brand-corner-video .video-content {
	max-width: 780px;
	max-height: 480px;
	margin: 50px auto auto auto;
	text-align: center;
	background-color: #FFFFFF;
}
#brand-corner-video .video-content-close { 
	width: 100%;
	margin: auto;
	padding: 1%;
	cursor: pointer;
	text-align: right;
	font-size: 20px;
	font-family: "OpenSansRegular", sans-serif;
}
#brand-corner-video .video-screen { 
	max-width: 720px;
	max-height: 404px;	
}
#home_marketing { 
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
#home_marketing 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;
	}
	
/*.slider_intro { 
    display:none;
}
.slider_title { 
    display:none;
}}*/

.slider_text a{ 
   color:#000;
   text-transform:uppercase;
}
.slider_text2 a{ 
   color:#fff;
   text-transform:uppercase;
}

.slider_btn a{ 
	font-size: 20px;
    text-transform: uppercase;
	color:#000;
    width: 150px;
    margin: 5px auto;
}
#home_marketing #slider-controls #prevBtn,
#home_marketing #slider-controls #nextBtn {
	position: absolute;
	display: inline-block;
	top: 0;
	height: auto;
	width: auto;
	left: 0;
	margin: 0;
	padding: 0;
}
#home_marketing #slider-controls #nextBtn { left: 97%; }
#home_marketing #slider-controls i { 
	display: block;
    font-size: 30px;
    position: relative;
    top: 22px;
}
/*
#home_marketing #slider-controls #prevBtn i { left: -8px; }
#home_marketing #slider-controls #nextBtn i { right: 7px; }
*/




#home_marketing a.corner-link:link,
#home_marketing a.corner-link:active,
#home_marketing a.corner-link:visited {
	display: inline-block;
	background:#000;
	width: 100%;
	padding: 3% 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-family: "OpenSansRegular", sans-serif;
	color: #fff;
}
#home_marketing a.corner-link:hover {
	background:rgba(0,0,0,0.30);
	transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-webkit-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
}

#sban { display: none; }
.homeSubject {
	margin-bottom:30px;
}
#home_marketing .anim {
	position: absolute;
	top: 0;
	left: 0;
}
#home_marketing .bloc_anim {
	position: relative;
    width: 100%;
    margin: auto;
}
#home_marketing .homeBloc { 
	overflow:hidden;
}

/*hover bloc image style 1*/
#home_marketing .hover { 
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=75);
}
#home_marketing .hover:hover  { 
    opacity:1;
    background:rgba(0,0,0,0.40);
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
}
#home_marketing .hover a {
	display: block;
	margin: 5% auto;
	padding: 2%;
	width: 65%;
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
	text-transform:uppercase;
	vertical-align: middle; 
}
/*hover bloc image style 2
#home_marketing .hover { 
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 86.5%;
	opacity: 0.0;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=75);
}
#home_marketing .hover:hover  { 
    opacity:1;
    background:rgba(0,0,0,0.40);
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
}
#home_marketing .hover a {
	display: block;
	margin:5% auto;
	padding: 2%;
	width: 75%;
	border: 1px solid #fff;
	color: #fff;
	background: rgba(0,0,0,0.2);
	font-size: 1.5em;
	text-decoration: none;
	vertical-align: middle; 
}*/
/*hover mobile*/
#home_marketing .hover-mobile { display: none; }
#home_marketing .hover-mobile a {
	display: block;
	margin: 1% auto;
	margin-bottom:10%;
	padding: 2%;
	width: 65%;
	color: #fff;
	border: solid 1px #000;
	font-size: 1.2em;
	text-decoration: none;
	vertical-align: middle; 
}
.homeBloc i {
    display: inline-block;
    font-size: 20px;
    margin: 3px!important;
    vertical-align: text-bottom;
}
#bloc1 { background-color: #fff; margin-left:0px; } 
#bloc2 { background-color: #fff; margin-right:2%;}
#bloc3 { background-color: #fff; margin-left:0px; }
#bloc4 { background-color: #fff; margin-right:0px;} 
#bloc5 { background-color: #fff; margin-left:0px;}
#bloc6 { background-color: #fff; margin-right:0px;}
#bloc7 { background-color: #fff; margin-left:0px;}
#bloc8 { background-color: #fff; margin-right:0px;}
#bloc9 { background-color: #fff; margin-left:0px;}
#bloc10 { background-color: #fff; margin-right:0px;}

#bloc1 .hover { padding-top: 40%; }
#bloc2 .hover { padding-top: 40%; }
#bloc3 .hover { padding-top: 40%; }
#bloc4 .hover { padding-top: 22%; }
#bloc5 .hover { padding-top: 33%; }
#bloc6 .hover { padding-top: 33%; }
#bloc7 .hover { padding-top: 33%; }
#bloc8 .hover { padding-top: 33%; }
#bloc9 .hover { padding-top: 33%; }
#bloc10 .hover { padding-top: 33%;}

.bloc_content{
	/*position:absolute;*/
	width:100%;
	padding:20px;
	/*top:83%;*/
	background-color:#000;
	text-align:center;
}

.bloc_content a{
	color:#fff;
}

.bloc_title{
	text-transform:uppercase;
	font: 30px/38px OpenSansRegular, Arial, sans-serif;
	color:#fff;
}
.slider_title{
	text-transform:uppercase;
	font: 58px/65px OpenSansRegular, Arial, sans-serif;
	color:#000;
}
.slider_title2{
	text-transform:uppercase;
	font: 58px/65px OpenSansRegular, Arial, sans-serif;
	color:#fff;
}
.slider_content{
	position:absolute;
	width:100%;
	padding:0 40px 0 40px;
	top:43%;
	text-align:right;
	height:0!important;
}
.slider_content2{
	position:absolute;
	width:100%;
	padding:0 40px 0 40px;
	top:43%;
	text-align:left;
	height:0!important;
}
.bloc_link{
	text-transform:uppercase;
	font: 16px OpenSansCondBold, Arial, sans-serif;
}
.bloc_link i{
	margin:0!important;
}
.slider_text, .slider_text2{
	text-transform:uppercase;
	font: 20px/40px OpenSansCondBold, Arial, sans-serif;
}

#corner-storytelling{
	font-size: 12px;
    font-family: "OpenSansRegular", sans-serif;
    text-align: justify;
    line-height: 18px;
    padding: 0 0 30px 0px;
}

#corner-storytelling-title{
	text-align: center;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight:bold;
}
#cache{
	display:none;
}
.read_more_mm{
	text-align:center;
	padding:8px 0 0 0;
	font-size:12px;
}

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

@media screen and (max-width: 640px) {

	#brand-corner-video .video-content {
		width: 95%;
	}
	#brand-corner-video .video-screen {
		width: 100%;
	}
	.slider_next, .slider_prev {
		display: none;
	}
	.slider_intro { 
		display:block!important;
		padding:0.25em 0;
	}
	.slider_title, .bloc_title { 
		text-align:center!important;
	}
	.slider_text .slider_text2, .bloc_link { 
		text-align:center!important;
	}
	.slider_content, .slider_content2, .slider_content2b {
		top:100%!important;
		margin: 0!important;
		text-align:center!important;
		padding:0!important;
		height:0!important;
	}
	.swipe-wrap > div {
		display:inline-block!important;
		text-align:center!important;
	}
	.slider_btn { 
		display: block;
		width: 100%;
	    font-size: 1.5em;
		margin: auto;
		padding:0px!important;
	}
	.swipe-wrap{
		height:250px;
	}
	.bloc_content{
		position:static;
		border: 1px solid #000;
		margin:10px 0;
		padding:10px;
		background-color:#fff;
	}
	.bloc_title a, .bloc_link a{
		color:#000;
	}
	#home_marketing .homeBloc {
   	 	width: 95%;
    	margin: auto auto 0.5em;
    }
	#home_marketing .hover{ 
		display: none; 
	}
	#home_marketing .hover-mobile { 
		display: block; 
	}
	#home_marketing .hover-mobile a {
    color: #000;
    text-transform:uppercase;
    display: block;
    box-sizing: border-box;
    font-size: 1.3em;
    margin: 0.5em auto;
    padding:0.8em;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
	}
	#corner-storytelling{
		display:none;
	}
	.slider_title, .slider_title2{
		font: 24px OpenSansRegular, Arial, sans-serif;
    	line-height: 32px;
    }
    .slider_text, .slider_text2{
    	font: 12px OpenSansRegular, Arial, sans-serif;
    }
    .slider_text a, .slider_text2 a{
    	color:#000;
    }
    .homeBloc i{
    	font: 12px OpenSansRegular, Arial, sans-serif;
    }
    .bloc_link a {
	    font: 1em OpenSansRegular, Arial, sans-serif;
    }
    .bloc_title{
    	font: 24px OpenSansRegular, Arial, sans-serif;
    }

}



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