@charset "utf-8";
/* CSS Document */

HTML{
    font-size: 100%;    
}
body {
	margin:0px;
	border:0px;
	padding:0px;
	background-color:#000;
	
	background-image: url(../userfiles/images/home_page/mf/home_logo_bandeauHI_fr.png);
	background-size: 100%;
 	background-repeat:no-repeat; 
	top:0px;
	overflow:hidden;
}
a {
	color:#CCC;
	text-decoration: none;
}
a:hover {
	color: #600;
	text-decoration: none;
}
a:visited {
	color:#CCC;
	text-decoration: none;
}



@font-face {
  font-family: 'Mario_EllBlack';	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: rgba(5,0,0,1);
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: rgba(200,200,200,0.47);

  src: url('../fonts/ElleNovaC-Black.eot');
  src: url('../fonts/ElleNovaC-Black.woff2') format('woff2'),
       url('../fonts/ElleNovaC-Black.woff') format('woff'),
       url('../fonts/ElleNovaC-Black.ttf') format('truetype'),
       url('../fonts/ElleNovaC-Black.svg#ElleNovaC-Black') format('svg'),
       url('../fonts/ElleNovaC-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mario_EllExtraBold';
  src: url('../fonts/ElleNovaC-ExtraBold.eot');
  src: url('../fonts/ElleNovaC-ExtraBold.woff2') format('woff2'),
       url('../fonts/ElleNovaC-ExtraBold.woff') format('woff'),
       url('../fonts/ElleNovaC-ExtraBold.ttf') format('truetype'),
       url('../fonts/ElleNovaC-ExtraBold.svg#ElleNovaC-ExtraBold') format('svg'),
       url('../fonts/ElleNovaC-ExtraBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mario_EllCMed';
  src: url('../fonts/ElleNovaC-Medium.eot');
  src: url('../fonts/ElleNovaC-Medium.woff2') format('woff2'),
       url('../fonts/ElleNovaC-Medium.woff') format('woff'),
       url('../fonts/ElleNovaC-Medium.ttf') format('truetype'),
       url('../fonts/ElleNovaC-Medium.svg#ElleNovaC-Medium') format('svg'),
       url('../fonts/ElleNovaC-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mario_ElOptimSemiBold';
  src: url('../fonts/OptimusPrincepsSemiBold.eot');
  src: url('../fonts/OptimusPrincepsSemiBold.woff2') format('woff2'),
       url('../fonts/OptimusPrincepsSemiBold.woff') format('woff'),
       url('../fonts/OptimusPrincepsSemiBold.ttf') format('truetype'),
       url('../fonts/OptimusPrincepsSemiBold.svg#OptimusPrincepsSemiBold') format('svg'),
       url('../fonts/OptimusPrincepsSemiBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mario_ElOptim';
  src: url('../fonts/OptimusPrinceps.eot');
  src: url('../fonts/OptimusPrinceps.woff2') format('woff2'),
       url('../fonts/OptimusPrinceps.woff') format('woff'),
       url('../fonts/OptimusPrinceps.ttf') format('truetype'),
       url('../fonts/OptimusPrinceps.svg#OptimusPrinceps') format('svg'),
       url('../fonts/OptimusPrinceps.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

#Font_ELLEblack {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
}
#Font_ELLEbold {
	font-family: "Mario_EllExtraBold","ElleNovaC-ExtraBold.ttf","ElleNovaC-ExtraBold","Arial Black","Helvetica","Arial","sans-serif";
}
#Font_ELLEmedium {
	font-family: "Mario_EllCMed","ElleNovaC-Medium.ttf","ElleNovaC-Medium","Arial Black","Arial Black","Helvetica","Arial","sans-serif";
}
#Font_OPTIbold {
	font-family: "Mario_ElOptimSemiBold","OptimusPrincepsSemiBold.ttf","OptimusPrincepsSemiBold","Georgia","Times New Roman","Times","serif";
}
#Font_OPTI {
	font-family: "Mario_ElOptim","OptimusPrinceps.ttf","OptimusPrinceps","Georgia","Times New Roman","Times","serif";
}



#cache_Petitdx {
	margin:0px;
	border:0px;
	padding:0px;
	left: 30%;
	top:0px;
}
#cache_PetitdxTXT {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	font-size:18px;
	font-size: 2.2vw;
	text-align: right; 
	line-height: 100%
}
#EspaceHaut {
	position:absolute;
	z-index:101;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 0;
	padding-top: 13%;
}
#MenuPrincipale {
	position:absolute;
	width:25%;
	height:80%;
	overflow:hidden;
	z-index:54;
	left: 0px;
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#C00;
	font-size: 2.5vw;
	text-align: right;
	
	line-height: 100%
	float:left;
}
#MenuPrincipale a {
	text-decoration:none;
    font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	font-size: 60%;
	color:#C00;
	line-height: 100%
}
#MenuPrincipale a:hover{
    font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#F00;
	font-size:65%;
	text-decoration:none;
	line-height: 100%
}
#TextePage {
	position:absolute;
	font: normal Georgia, serif;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	width:70%;
	height:65%;
	background-color:#000;
	float:right;
	z-index:100;
	line-height: 100%;
	text-align:justify;
	left: 28%;
	font-size: 1vw;

	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	-o-text-overflow: ellipsis;
	background: rgba(0,0,0,0);
	line-height: 130%;
	padding-right:20px;
 }
#TextePageMenu {
	position:absolute;
	font: normal Georgia, serif;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	width:40%;
	height:85%;
	top:2%;
	float:left;
	z-index:100;
	line-height: 100%;
	text-align:left;
	left: 28%;
	font-size: 1vw;
 }
#AffichePageMenu {
	position:absolute;
	font: normal Georgia, serif;
	width:30%;
	height:90%;
	right: 10px;
	float:right;
	z-index:101;
	line-height: 100%;
	text-align:left;
	font-size: 1vw;
	top:2%;
	border: none;
 }
.videoConteneur {
	position:absolute;
	width:70%;
	height:0;
	padding-bottom: 32%;
	left: 28%;
	float:right;
	overflow:hidden;
	z-index:150;
}
#StopVideo {
	position:absolute;
	left:10px;
}
#AfficheVideo {
	position:absolute;
	left:50px;
}.videoAccueil {
	position:absolute; /* relative */
	width:98%;
	height:0;
	padding-bottom: 40.85%;
	left: 10px;
	float:right;
	overflow:hidden;
	z-index:150;
	top:40px;
}
.videoAccueil.r169 {
	padding-bottom: 56.25;
	background-color:#FF0;
}
.videoAccueil iframe, .videoAccueil embed, .videoAccueil object {
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0;
}
.mario {
	position:absolute;
	width: 100%;
	height: 95%;
	z-index:-2;
	bottom:0px;
}
.fondPage {
	position:absolute;
	width: 100%;
	bottom:0px;
	right:0px;
}
.Showreel_Button {
	position:absolute;
	width:auto;
	height: 16px;
	left: 0;
	top:0;
	float:right;
	padding: 10px 10px 10px;
	text-align:center;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
	padding: 10px 20px;
	/*border: 1px solid #999999;*/
	border: none;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	font: normal 16px/normal Georgia, "Times New Roman", Times, serif;
	color: rgba(255,255,255,0.9);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: -webkit-linear-gradient(-90deg, rgba(127,2,2,1) 0, rgba(255,0,0,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(127,2,2,1) 0, rgba(255,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(127,2,2,1) 0, rgba(255,0,0,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.2) ;
	box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.2) ;
	text-shadow: 2px 2px 0 rgba(40,40,40,1) ;
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	z-index:500;
}
/*.Showreel_Button:hover {
	color: rgba(152,0,0,1);
	background: -webkit-linear-gradient(-90deg, rgba(255,0,0,1) 0, rgba(255,182,0,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(255,0,0,1) 0, rgba(255,182,0,1) 100%);
	background: linear-gradient(180deg, rgba(255,0,0,1) 0, rgba(255,182,0,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
}*/
.Showreel_Button:hover {
	color: rgba(79,2,2,1);
	background: -webkit-linear-gradient(-90deg, rgba(90,90,90,1) 0, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(90,90,90,1) 0, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(90,90,90,1) 0, rgba(255,255,255,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	text-shadow: 2px 2px 0 rgba(255,255,255,0.65) , -1px -1px 0 rgba(255,255,255,0.66) ;
	}

.Showreel_Button:active {
	color: rgba(40,40,40,0.7);
	background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.61) 0, rgba(90,90,90,0.34) 100%);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.61) 0, rgba(90,90,90,0.34) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.61) 0, rgba(90,90,90,0.34) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(100,100,100,0.2) ;
	border:thin;
	border-color:rgba(100,100,100,0.2);
	box-shadow: 2px 2px 2px 0 rgba(100,100,100,0.2) ;
	text-shadow: 0 0 0 rgba(15,73,168,0.66) ;
}
.MenuActif {
	color:#FBB;
	font-size:65%;
}

#global {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width: 40%; /* largeur obligatoire pour être centré */
	color:#C00;
	text-align:center;
	z-index: -100;
	float: right;
}
#global H1 {
	font-size: 1vw;
}
#global p {
	font-size: 0.7vw;
}

/* TITRE */

.TitreFilm {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	font-size: 2.5vw;
	color: #FFFFFF;
	line-height:80%;
	text-decoration: none;
}

.TitreFilm2 {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color: #CC0000;
	font-size: 1.5vw;
	letter-spacing: 0em;
	text-decoration: none;
	line-height: 100%;
}
.TitreFilm3 {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#C00;
	font-size: 1.7vw;
	text-decoration: none;
	line-height: 100%;
	text-transform: uppercase;
}
.intraTitre3 {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#FFF;
	font-size: 0.8vw;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.TitreFilm3 a {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#C00;
	font-size: 1.7vw;
	text-decoration: none;
	line-height: 100%;
	letter-spacing:
	text-transform: uppercase;
}
.TitreFilm3 a:hover{
	color:#FFF;
	letter-spacing: 0.1em;
}
.TitreFilm4 {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#C00;
	font-size: 0.9vw;
	text-decoration: none;
	line-height: 100%;
}


.Titre {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color: #FFFFFF;
	line-height: 100%;
}
.TitrePage {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#C00;
	font-size: 1.5vw;
	letter-spacing: 0em;
	text-align:center;
	line-height: 100%;
}
.TitrePageFilm {
	font-family: "Mario_EllBlack","ElleNovaC-Black.ttf","ElleNovaC-Black","Arial Black","Helvetica","Arial","sans-serif";
	color:#FFFFFF;
	font-size: 1.5vw;
	letter-spacing: 0.1em;
	text-align:left;
	line-height: 100%;
	padding-left:15%;
}
#TextAnnee {
	color: #CC0001;
}
.rougeTitre {
	color: #F00;
	font-size: 1.2vw;
	padding-left: 5%;
}
.jauneTitre {
	color: #AA0;
	font-size: 1vw;
	padding-left: 5%;
}
.jauneverTitre {
	color: #0A0;
	font-size: 1vw;
	padding-left: 5%;
}
.scripts {
	background-color:rgba(150,150,150,15%);
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
}

#ex1 {
	position:absolute;
	height:90%;
	width:90%;
	right: 10%;
	top: 3px;
	float:right;
	overflow: hidden;
	style="background-color:transparent;
	border:none;
	z-index:-1;
}
#AFFICHETTEmenu {
	position:absolute;
	width:90%;
	height:90%;
	z-index:102;
	right: 10%;
	top: 3px;
	float:right;
	overflow: hidden;
	background-color:rgba(0,0,0,80%);
	border: 1px solid #FFF;
}
#TexteAffiche {
	width:94%;
	text-align:justify;
	overflow: hidden;
	padding-left:3%;
	z-index:102;
	padding-right:3%;
	font-size:0.8vw;
	line-height:120%;
	color:#CCC
}