html,body,#leftAutograph,#rightAutograph { height:100%; }
body { background:url(../img/background.jpg) no-repeat bottom center; background-size:cover;}
/*#rightAutograph { background:url(../img/rightAuto.png) no-repeat right bottom; }
#leftAutograph { background:url(../img/leftAuto.png) no-repeat left bottom; }*/
* { margin:0px; padding:0px; }
@font-face {
    font-family: 'androgyne';
    src: url('androgyne_tb.eot');
    src: url('androgyne_tb.eot?#iefix') format('embedded-opentype'),
         url('androgyne_tb.woff2') format('woff2'),
         url('androgyne_tb.woff') format('woff'),
         url('androgyne_tb.ttf') format('truetype'),
         url('androgyne_tb.svg#androgyneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img { max-width:100%; }
#text, #mobileText { font:27px androgyne; color:#fff; }
#mobileText { font-size:32px; color:#353535; }
#text p, #mobileText p { margin:20px 45px 20px 20px; }
#mobileText p { margin:0px 45px 20px 20px; }
.gauche, .droite { display:inline-block; margin-top:30px; }
.gauche { vertical-align:top; width:20%; margin-left:1.5%; }
.droite { height:100%; margin-top:0px; }
#videoWrap { padding:5px; position:absolute; width:50%; top:50%; right:25%; margin-left:-50%; -webkit-border-radius: 5px; background-color:#fff; -moz-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform: translate(0, -50%); 
-moz-border-radius: 5px;
border-radius: 5px; }

#mobileText { display:none; }
/*video { display:none; }*/
video { max-width:100%; }
#videoContainer1, #mobSign { display:none; }
@media only screen and (min-width: 300px) and (max-width: 1024px)
{
	html,body,#leftAutograph,#rightAutograph { height:auto!important; }
	body { background:url(../img/bg_mob.jpg) no-repeat top center #dadada; background-size:cover; }
	.gauche { padding-top:30px; }
	.gauche, .droite, #mobileText { width:92.5%; margin:auto; display:block; position:static; }
	#videoWrap { position:static; width:80%; height:auto; margin:20% auto 15% auto;   -webkit-transform: translate(0, 0); }
	#text { display:none; }
	#mobileText { display:block; padding-top:20px; }
	#leftAutograph, #rightAutograph { background:none; }
	#videoContainer1 { display:none; }
	#mobSign { display:block; }
	
}
@media only screen and (min-width: 600px) and (max-width: 1024px)
{
	#videoWrap { margin:28% auto 15% auto; }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait)
{
	html, body { height:auto!important; }
	.logo { margin-bottom:20%; }
	.gauche, .droite, #mobileText { width:92.5%; margin:auto; display:block; }
	#videoWrap { margin:32% auto 15% auto; }
	#text { display:none; }
	#mobileText { display:block; }
	#leftAutograph, #rightAutograph { background:none; }
}