div.slide#home { background:black no-repeat; overflow:hidden;}

div.slide#home video { position:absolute; width:100%; height:auto;}

/* BOUTONS ANIMES */
div.slide#home div.big_btn { position:absolute; cursor:pointer; top:50%; margin-top:-186px;}
div.slide#home div.big_btn.video { width:323px; height:283px; left:-30%;
transition:left 1s ease,right 1s ease !important;
-moz-transition:left 1s ease,right 1s ease !important;
-webkit-transition:left 1s ease,right 1s ease !important;}
div.slide#home div.big_btn.confiance { width:340px; height:283px; right:-30%;
transition:left 1s ease,right 1s ease !important;
-moz-transition:left 1s ease,right 1s ease !important;
-webkit-transition:left 1s ease,right 1s ease !important;}

	div.slide#home div.big_btn div.idle { transition:all .5s ease-in-out, height .05s ease, width .05s ease; top:0; left:0;}
	div.slide#home div.big_btn.video div.idle { width:100%; height:100%; background:url('../../img/home/video/idle.png') no-repeat;}
	div.slide#home div.big_btn.confiance div.idle { width:100%; height:100%; background:url('../../img/home/confiance/idle.png') no-repeat;}
	/* VERSION EN */
	div.slide#home div.big_btn.video.en div.idle { width:100%; height:100%; background:url('../../img/home/video/idle_en.png') no-repeat;}
	div.slide#home div.big_btn.confiance.en div.idle { width:100%; height:100%; background:url('../../img/home/confiance/idle_en.png') no-repeat;}
	/* ---------- */
	.no-touch div.slide#home div.big_btn:hover div.idle { height:0px; transform: scale(0.1) translate(0px,110px); -ms-transform: scale(0.1) translate(0px,110px); -webkit-transform: scale(0.1) translate(0px,110px);}
	
	div.slide#home div.big_btn div.hover { display:block; visibility:hidden; position:absolute; top:-6px; left:-18px; width:100%; height:100%;}
	.no-touch div.slide#home div.big_btn:hover div.hover { visibility:visible;}
	
		div.slide#home div.big_btn div.hover div.element { position:absolute; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
		
		div.slide#home div.big_btn div.hover div.element.bloc_sup { z-index:10;}
		.no-touch div.slide#home div.big_btn:hover div.hover div.element.bloc_sup { transform: translate(0px,100px); -ms-transform: translate(0px,100px); -webkit-transform: translate(0px,100px);}
		div.slide#home div.big_btn.video div.hover div.element.bloc_sup { width:100%; height:100%; background:url('../../img/home/video/bloc_sup.png') no-repeat;}
		div.slide#home div.big_btn.confiance div.hover div.element.bloc_sup { width:100%; height:100%; background:url('../../img/home/confiance/bloc_sup.png') no-repeat;}
		/* VERSION EN */
		div.slide#home div.big_btn.video.en div.hover div.element.bloc_sup { width:100%; height:100%; background:url('../../img/home/video/bloc_sup_en.png') no-repeat;}
		div.slide#home div.big_btn.confiance.en div.hover div.element.bloc_sup { width:100%; height:100%; background:url('../../img/home/confiance/bloc_sup_en.png') no-repeat;}
		/* ---------- */
		
		div.slide#home div.big_btn div.hover div.element.bloc_man { z-index:8; left:0; top:36px; transition:margin .5s ease-in-out; -webkit-transition:margin .5s ease-in-out; margin-top:0;}
		.no-touch div.slide#home div.big_btn:hover div.hover div.element.bloc_man { margin-top:-50px;}
		div.slide#home div.big_btn.video div.hover div.element.bloc_man { left:0; width:335px; height:230px; top:-25px; background:url('../../img/home/video/bloc_man.png') no-repeat;}
		div.slide#home div.big_btn.confiance div.hover div.element.bloc_man { left:-15px; width:335px; height:230px; top:-25px; background:url('../../img/home/confiance/bloc_man.png') no-repeat;}
		
		div.slide#home div.big_btn div.hover div.element.bloc_fond  { top:0; left:39px; z-index:6;}
		.no-touch div.slide#home div.big_btn:hover div.hover div.element.bloc_fond  {}
		div.slide#home div.big_btn.video div.hover div.element.bloc_fond  { left:37px; width:323px; height:283px; background:url('../../img/home/video/bloc_fond.png') no-repeat;}
		div.slide#home div.big_btn.confiance div.hover div.element.bloc_fond { width:340px; height:283px; background:url('../../img/home/confiance/bloc_fond.png') no-repeat;}
		
		div.slide#home div.big_btn div.hover div.element.bloc_exa { top:50px; left:150px; width:83px; height:99px; background:url('../../img/home/video/bloc_exa.png') no-repeat;}
		div.slide#home div.big_btn.video div.element.bloc_exa { top:40px; left:150px;}
		.no-touch div.slide#home div.big_btn.video:hover div.hover div.element.bloc_exa { transform: translate(-155px,-.0px); -ms-transform: translate(-155px,-30px); -webkit-transform: translate(-155px,-30px); -moz-transform: translate(-155px,-20px);}
		.no-touch div.slide#home div.big_btn.confiance:hover div.hover div.element.bloc_exa { transform: translate(70px,-20px); -ms-transform: translate(70px,-20px); -webkit-transform: translate(70px,-20px); -moz-transform: translate(70px,-20px);}
		
div.slide#home.goanim div.big_btn.video { left:7%;}
div.slide#home.goanim div.big_btn.confiance { right:4%;}

/* BOUTON SHOWREEL/PLAY/FRISE */
div.slide#home div.big_btn.showreel { top:45%; margin-top:-104px; left:50%; margin-left:-220px; height:50%; width:441px;}

div.slide#home div.big_btn.showreel div.logo { z-index:6; position:absolute; top:0; left:0; width:441px; height:208px;}
div.slide#home div.big_btn.showreel div.logo img { position:absolute; top:0; left:0; width:100%; height:100%;
transition:top 1.2s ease;
-moz-transition:top 1.2s ease;
-webkit-transition:top 1.2s ease;}
div.slide#home div.big_btn.showreel div.logo img.top { position:absolute; top:50px;}
div.slide#home div.big_btn.showreel div.logo img.bot { z-index:8; left:1px; top:-20px;}

div.slide#home.goanim div.big_btn.showreel div.logo img {width:441px;height:208px;}
div.slide#home.goanim div.big_btn.showreel div.logo img.top { position:absolute; top:0; width:100%; height:100%;}
div.slide#home.goanim div.big_btn.showreel div.logo img.bot { z-index:8; top:-1px;}

div.slide#home div.big_btn.showreel div.play_btn { z-index:6; position:absolute; top:-110px; left:168px; width:100px; height:100px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background-color:white; box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
animation: borderscale 1s ease infinite;
-webkit-animation: borderscale 1s ease infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;}
.no-touch div.slide#home div.big_btn.showreel div.play_btn:hover { box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.5);
animation-play-state:paused;
-webkit-animation-play-state:paused;}
div.slide#home div.big_btn.showreel div.play_btn div.label {
    position: absolute;
    top: 25px;
    left: 45px;
    margin-left: -40px;
    margin-top: -26px;
    width: 91px;
    height: 53px;
}
.no-touch div.slide#home div.big_btn.showreel div.play_btn:hover  div.label { background-position:center top; margin-left:-45px;}

div.slide#home div.big_btn.showreel div.frise { z-index:5; position:absolute; top:0; left:50%; margin-left:-4px; width:4px; height:90%; background:url('../../img/common/frise_point.png') repeat-y;}

div.slide#home div.news_nav {
	position: absolute;
	cursor: pointer;
	bottom: 11%;
	left: 50%;
	margin-left: -67px;
	width: 134px;
	height: 101px;
	background: url('../../img/home/news_sprite.png') center top no-repeat;
	background-image: url(../../img/home/news_sprite.png);
}
.no-touch div.slide#home div.news_nav:hover { background-position:center bottom;}

/* STOP SHOWREEL */
div.showreel_popin { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:black;}
div.slide#home div.showreel_popin iframe { z-index:500; margin-top:45px;}
div.slide#home div.showreel_popin div.close_btn { position:absolute; z-index:1000; top:10px; background:url('../../img/common/close_btn.png') right center no-repeat; height:30px; line-height:33px; left:50%; padding-right:35px; color:white; cursor:pointer; opacity:0.8; transition:all .2s ease; -webkit-transition:all .2s ease;}
.no-touch div.slide#home div.showreel_popin div.close_btn:hover { opacity:1; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); text-shadow:0px 0px 3px rgba(0,0,0,0.5);}
