/*--------------------------------------------------------------------------------------------------------------Général--------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: FontCel;
    src: url('RexliaBK.ttf');
}

body{
	margin:0px;
	color:#eaf6ff;
	font-size:12px;
	font-family: FontCel, verdana, sans-serif;
	background:#0c1012;
	overflow:hidden;
	cursor: url("CursPointer.png"), pointer;
}

a{
	color:eaf6ff;
	text-decoration:none;
	cursor: url("CursHand.png"), pointer;
}
a:link {
	color: #eaf6ff;
	text-decoration: none;
}
a:visited {
	color: #eaf6ff;
	text-decoration: none;
}
a:hover {
	color: #eaf6ff;
	text-decoration: none;
}
a:active {
	color: #eaf6ff;
	border-style:none;
	text-decoration: none;
}
img{
	border-style:none;
}

input{
	cursor: url("CursHand.png"), pointer;
}

.StyleWhite {color: #FFFFFF;}
.StyleRed {color: #FF0000;}
.StyleBlue {color: #0099FF;}
.StyleGreen {color: #d9cf98;text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);font-family: FontCel, verdana, sans-serif;}
.StyleOrange {color: #FF6600;}
.StyleGrey {color: #808080;}

.Titre{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-left: -265px;
	margin-top: -260px;	
}

#OutInscr{
	position:fixed;
	width:100%;
	height:100%;
	background:url('Back.jpg') center;
}

.OCR{
	font-family: FontCel, verdana, sans-serif !important;
}

.CadreBInscr{
	position:fixed;
	top:80px;
	left:50%;
	margin-left:-200px;
	width:400px;
	height:40px;
}

.BackOver{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url('Cross.png') repeat center;
	z-index:0;
	opacity:0.15;
}

.BoutonInscr0,.BoutonInscr1{
	position:absolute;
	left:50%;
	margin-left:-114px;
	background:url('Inscription0.png');
	width:228px;
	height:40px;
}
.BoutonInscr1{
	background:url('Inscription1.png');
	animation: InscrBouton 4s ease-in infinite;
}
@keyframes InscrBouton { 0% {opacity:0;}	75% {opacity:0;}	76% {opacity:1;} 100% {opacity:0;} }

.BoutonInscrFlecheA01,.BoutonInscrFlecheA02,.BoutonInscrFlecheA03,.BoutonInscrFlecheA11,.BoutonInscrFlecheA12,.BoutonInscrFlecheA13{
	position:absolute;
	left:0px;
	background:url('FlecheA0.png');
	width:35px;
	height:40px;
}
.BoutonInscrFlecheA02,.BoutonInscrFlecheA12{
	left:30px;
}
.BoutonInscrFlecheA03,.BoutonInscrFlecheA13{
	left:60px;
}
.BoutonInscrFlecheA11,.BoutonInscrFlecheA12,.BoutonInscrFlecheA13{
	background:url('FlecheA1.png');
}

.BoutonInscrFlecheA11{
	animation: InscrFlecheA1 4s ease-in infinite;
}
.BoutonInscrFlecheA12{
	animation: InscrFlecheA2 4s ease-in infinite;
}
.BoutonInscrFlecheA13{
	animation: InscrFlecheA3 4s ease-in infinite;
}
@keyframes InscrFlecheA1 { 0% {opacity:0;margin-left:0px;}	1% {opacity:1;margin-left:15px;}		25% {opacity:0;margin-left:0px;}	100% {opacity:0;margin-left:0px;} }
@keyframes InscrFlecheA2 { 0% {opacity:0;margin-left:0px;}	25% {opacity:0;margin-left:0px;}	26% {opacity:1;margin-left:15px;}	50% {opacity:0;margin-left:0px;} 100% {opacity:0;margin-left:0px;} }
@keyframes InscrFlecheA3 { 0% {opacity:0;margin-left:0px;}	50% {opacity:0;margin-left:0px;}	51% {opacity:1;margin-left:15px;}	75% {opacity:0;margin-left:0px;} 100% {opacity:0;margin-left:0px;} }

.BoutonInscrFlecheB01,.BoutonInscrFlecheB02,.BoutonInscrFlecheB03,.BoutonInscrFlecheB11,.BoutonInscrFlecheB12,.BoutonInscrFlecheB13{
	position:absolute;
	right:0px;
	background:url('FlecheB0.png');
	width:35px;
	height:40px;
}
.BoutonInscrFlecheB02,.BoutonInscrFlecheB12{
	right:30px;
}
.BoutonInscrFlecheB03,.BoutonInscrFlecheB13{
	right:60px;
}
.BoutonInscrFlecheB11,.BoutonInscrFlecheB12,.BoutonInscrFlecheB13{
	background:url('FlecheB1.png');
}

.BoutonInscrFlecheB11{
	animation: InscrFlecheB1 4s ease-in infinite;
}
.BoutonInscrFlecheB12{
	animation: InscrFlecheB2 4s ease-in infinite;
}
.BoutonInscrFlecheB13{
	animation: InscrFlecheB3 4s ease-in infinite;
}
@keyframes InscrFlecheB1 { 0% {opacity:0;margin-right:0px;}	1% {opacity:1;margin-right:15px;}		25% {opacity:0;margin-right:0px;}	100% {opacity:0;margin-right:0px;} }
@keyframes InscrFlecheB2 { 0% {opacity:0;margin-right:0px;}	25% {opacity:0;margin-right:0px;}	26% {opacity:1;margin-right:15px;}	50% {opacity:0;margin-right:0px;} 100% {opacity:0;margin-right:0px;} }
@keyframes InscrFlecheB3 { 0% {opacity:0;margin-right:0px;}	50% {opacity:0;margin-right:0px;}	51% {opacity:1;margin-right:15px;}	75% {opacity:0;margin-right:0px;} 100% {opacity:0;margin-right:0px;} }

.BoutonTop{
	display:inline-block;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#eaf6ff;
	text-shadow:0px 0px 1px #0c1012,0px 0px 2px #0c1012;
	margin-left: 40px;
}
.BoutonTop:hover{
	color: #d9cf98;
	text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);
}
.BoutonTop img{
	position:relative;
	top:13px;
	width:50px;
	left:25px;
}

#CountDown{
	position:absolute;
	bottom:120px;
	left:50%;
	margin-left:-116px;
	width:232px;
	height:52px;
	color:#940000;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 0px 1px #3d0000;
	background:url('CountDown.png') center;
}

.Partenaire{
	position:fixed;
	bottom:-120px;
	right:5px;
	width:382px;
	height:102px;
	
	transition: bottom 0.8s 2s ease-in-out;
}

.Pixel{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url('Pixel.png') center repeat;
}

.Top{
	position:fixed;
	top:0px;
	left:0px;
	height:40px;
	width:100%;
	background:rgba(18,34,51,0.85);
	border-bottom:1px solid #37393c;
}

.Bot{
	position:fixed;
	bottom:0px;
	left:0px;
	height:20px;
	padding-top:8px;
	width:100%;
	background:rgba(18,34,51,0.85);
	border-top:1px solid #37393c;
	padding-left: 20px;
}

.Menu{
	position:fixed;
	top:41px;
	left:50%;
	margin-left:-300px;
	width:600px;
	height:42px;
	border-bottom:1px solid #37393c;
	background:rgba(18,34,51,0.85);
}
.MenuLeft, .MenuRight{
	position:absolute;
	top:0px;
	width:125px;
	height:42px;
}
.MenuLeft{
	left:-125px;
	background:url('MenuLeft.png');
}
.MenuRight{
	right:-125px;
	background:url('MenuRight.png');
}

.MenuLeftL1,.MenuLeftL2,.MenuLeftL3,.MenuRightL1,.MenuRightL2,.MenuRightL3{
	position:absolute;
	top:0px;
	width:125px;
	height:42px;
	transition:left 0.4s ease-in,right 0.4s ease-in;
}

.MenuLeftL1,.MenuLeftL2,.MenuLeftL3{
	right:0px;
}
.MenuRightL1,.MenuRightL2,.MenuRightL3{
	left:0px;
}

.MenuLeftL1{
	background:url('MenuLeftL1.png');
	transition:right 0.4s ease-in;
}
.MenuLeftL2{
	background:url('MenuLeftL2.png');
	transition:right 0.4s 0.2s ease-in;
}
.MenuLeftL3{
	background:url('MenuLeftL3.png');
	transition:right 0.4s 0.4s ease-in;
}
.MenuRightL1{
	background:url('MenuRightL1.png');
	transition:left 0.4s ease-in;
}
.MenuRightL2{
	background:url('MenuRightL2.png');
	transition:left 0.4s 0.2s ease-in;
}
.MenuRightL3{
	background:url('MenuRightL3.png');
	transition:left 0.4s 0.4s ease-in;
}

.Menu:hover .MenuLeftL1,.Menu:hover .MenuLeftL2,.Menu:hover .MenuLeftL3{
	right:25px;
}
.Menu:hover .MenuRightL1,.Menu:hover .MenuRightL2,.Menu:hover .MenuRightL3{
	left:25px;
}

.BlocLien{
	position:absolute;
	top:0px;
	left:-20px;
	width:640px;
}
.MenuBouton{
	display:inline-block;
	width:90px;
	height:18px;
	font-size:14px;
	text-align:center;
	margin-top:5px;
	/* margin-left:2px; */
	/* margin-right:2px; */
	font-weight:bold;
		
	padding: 5px;
	border: 1px solid #37393c;
	border-radius: 3px;
	background: url('BlocT.png');
	box-shadow: inset 0px 0px 45px rgba(0, 186, 255, 0.4);
		
	transition:border 0.4s linear,box-shadow 0.4s linear;
}
.MenuBouton:hover{
	border:1px solid #d9cf98;
	box-shadow: inset 0px 0px 45px rgba(255, 118, 17, 0.72),0px 0px 10px rgba(255, 118, 17, 0.72);
}

.Mid{
	position:fixed;
	top:20px;
	margin-top:-19px;
	left:-420px;
	width:445px;
	height:38px;
	
	transition: left 0.8s ease-in;
	-moz-transition: left 0.8s ease-in;
	-webkit-transition: left 0.8s ease-in;
	-o-transition: left 0.8s ease-in;
}

.Stats{
	font-family: FontCel, verdana, sans-serif;
	position:fixed;
	bottom:35px;
	left:0px;
	width:300px;
	height:auto;
}

.InscrC{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: auto;
	margin-left: -150px;
	margin-top: -120px;
}

#FormLogin{
	position:relative;
	margin-top:2px;
	margin-left:15px;
	margin-bottom:5px;
	border:1px solid #2aae18;
	box-shadow:0px 0px 20px rgba(42,174,24,0.5);
	border-radius:5px;
	padding:5px;
	background:url('BackInscr.png') repeat;
	animation: BackInscr 5s ease-in infinite;
}
@keyframes BackInscr { 0% {background-position:0 -2px;}	100% {background-position:44px -2px;} }

.Input,.InputSel,.InputSub{
	width:100px;
	height:20px;
	color: #2aae18;
	font-weight:bold;
	font-size:14px;
	background:rgba(18,34,51,0.95);
	border:1px solid #2aae18;
	border-radius:3px;
	text-shadow:0px 0px 10px rgba(42,174,24,1);
	margin-left: 2px;
	font-family: FontCel;
	vertical-align: top;
}
.InputSel,.InputSub{
	height: 24px;
	line-height: 20px;
}

.InscInput{
	min-width:180px;
	max-width:250px;
	height:20px;
	color: #eaf6ff;
	background-color: #222B34;
	font-weight:bold;
	font-size:14px;
	background: url("Input.jpg") repeat center;
	border:1px solid #eaf6ff;
	border-radius:3px;
}
.InscInputB{
	width:200px;
	border: 1px solid rgba(0, 186, 255, 0.5);
	background: rgba(22, 104, 159, 0.2);
	box-shadow: inset 0px 0px 45px rgba(0, 186, 255, 0.4);
	color: white;
	padding: 2px;
	margin: 2px;
	border-radius: 3px;
	transition:border 0.4s ease-in,box-shadow 0.4s ease-in;
	font-family: FontCel, verdana, sans-serif;
}
.InscInputB:hover{
	border:1px solid #d9cf98;
	box-shadow: inset 0px 0px 45px rgba(0, 186, 255, 0.4),0px 0px 10px rgba(255, 118, 17, 0.72);
}

.InscrMid{
	position:absolute;
	top:-53px;
	left:-330px;
	background:url('CadreInsc.png') top left;
	width:310px;
	height:45px;
	padding-left:10px;
	
	transition: left 0.8s 0.2s ease-in;
	-moz-transition: left 0.8s 0.2s ease-in;
	-webkit-transition: left 0.8s 0.2s ease-in;
	-o-transition: left 0.8s 0.2s ease-in;
}

.ContenuC{
	position:absolute;
	top:90px;
	left:50%;
	margin:0px 0px 0px 0px;
	width:0px;
	height:0px;
	z-index:80;
	
	display:none;
	transition: width 0.25s 0.25s linear,margin 0.25s 0.25s linear,height 0.25s linear,opacity 0.5s ease-in;
}
.ContenuI{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	
	transition: width 0.25s 0.25s linear,height 0.25s linear;
}

.Close{
	display:block;
	position:absolute;
	top:-25px;
	right:-10px;
	width:25px;
	height:25px;
	background:url('Close.png');
	z-index:60;
}

.cadre2{
	background:rgba(18,34,51,0.85);
}

.cadre2 .corner1,.cadre2 .corner2,.cadre2 .corner3,.cadre2 .corner4{
	position: absolute;
	margin-top:-8px;
    margin-bottom:-8px;
    margin-left:-8px;
    margin-right:-8px;
	width: 8px;
	height: 8px;
	z-index:-1;
}
.cadre2 .corner1{
	left:0px;
	top:0px;
	background:url("CornerA1.png") no-repeat;
}
.cadre2 .corner2{
	top:0px;
	right:0px;
	background:url("CornerA2.png") no-repeat;
}
.cadre2 .corner3{
	right:0px;
	bottom:0px;
	background:url("CornerA3.png") no-repeat;
}
.cadre2 .corner4{
	bottom:0px;
	left:0px;
	background:url("CornerA4.png") no-repeat;
}

.cadre2 .corner1L,.cadre2 .corner2L,.cadre2 .corner3L,.cadre2 .corner4L{
	position: absolute;
	margin:-9px;
	width: 35px;
	height: 35px;
	z-index:-1;
	transition:margin 0.2s ease-in;
}
.cadre2 .corner1L{
	left:0px;
	top:0px;
	background:url("CornerA1L.png") no-repeat;
}
.cadre2 .corner2L{
	top:0px;
	right:0px;
	background:url("CornerA2L.png") no-repeat;
}
.cadre2 .corner3L{
	right:0px;
	bottom:0px;
	background:url("CornerA3L.png") no-repeat;
}
.cadre2 .corner4L{
	bottom:0px;
	left:0px;
	background:url("CornerA4L.png") no-repeat;
}

.cadre2:hover .corner1L,.cadre2:hover .corner2L,.cadre2:hover .corner3L,.cadre2:hover .corner4L{
	margin:-16px;
}

.cadre2 .side1,.cadre2 .side2,.cadre2 .side3,.cadre2 .side4,.cadre2 .sideB1,.cadre2 .sideB2,.cadre2 .sideB3,.cadre2 .sideB4{
	position: absolute;
	z-index:-1;
}
.cadre2 .side1{
	top:-8px;
	width:100%;
	height:8px;
	background:url("SlideA1.png");
}
.cadre2 .side2{
	right:-8px;
	width:8px;
	height:100%;
	background:url("SlideA2.png");
}
.cadre2 .side3{
	bottom:-8px;
	width:100%;
	height:8px;
	background:url("SlideA3.png");
}
.cadre2 .side4{
	left:-8px;
	width:8px;
	height:100%;
	background:url("SlideA4.png");
}

.AffInscr{
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	height:100%;
	overflow:auto;
}
.CadreInscr{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-400px;
	border:1px solid #37393c;
	background:rgba(13, 30, 41, 0.8);
	width:800px;
	height:auto;
	min-height:175px;
	
	padding:8px;
	
	font-size:12px;
	font-family: arial, verdana, sans-serif;
	
	box-shadow:0px 0px 250px #16689f,inset 0px 0px 10px #16689f;
}
#VaisFac{
	width:800px;
	height:300px;
	background:url('Rotation.png') no-repeat center;
	margin-bottom:30px;
}
#DescUni, #DescFac{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #3c495e;
	font-style: italic;
}
#InscrListe{
	position:absolute;
	bottom:5px;
	left:15px;
	width:768px;
	height:15px;
	padding:8px;
	border:1px solid #3c495e;
}
.ListeAv{
	padding-left:8px;
	margin-bottom:-5px;
	display:inline;
	width:8px;
	height:15px;
	margin-left:2px;
	border:1px solid #3c495e;
}

.AffImage{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-280px;
	margin-left:-470px;
	z-index:100;
	width:900px;
	height:auto;
	border:2px solid #2c3545;
	background-color: #222B34;
	padding:20px;
	text-align:center;
	cursor:pointer;
}

.center{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

#ListeScreens,#ListeScreens3D,#ListeVidsB{
	overflow:hidden;
}
#ListeScreens img,#ListeScreens3D img,#ListeVidsB img{
	height:50px;
	border:1px solid #37393c;
	border-radius:3px;
	box-shadow:0px 0px 10px rgba(22, 104, 159, 0.8);
	margin:0px 10px;
}

#ListeVids{
	width:550px;
	height:80px;
	border:1px solid #2e7eb6;
	overflow:hidden;
	text-align:center;
	margin-left:20px;
}
h1{
	font-family: FontCel, verdana, sans-serif;
	font-size:20px;
	color: #9ed998;
	text-shadow: 0 0 10px rgba(52, 212, 37, 0.5), 0 0 5px rgba(52, 212, 37, 0.5);
}

h2{
	font-family: FontCel, verdana, sans-serif;
	font-size:20px;
	color: #23a8d9;
	text-shadow: 0 0 10px rgba(108, 215, 255, 0.5), 0 0 5px rgba(108, 215, 255, 0.5);
	text-decoration: underline;
	background:url('TitreH2.png') left no-repeat;
	background-position:0px -10px;
	padding-left:30px;
}

#AffOK{
	position:fixed;
	top:150px;
	left:50%;
	margin-left:-320px;
	z-index:100;
	width:600px;
	height:auto;
	border:2px solid #2c3545;
	background-color: #222B34;
	padding:20px;
	color:red;
	text-align:center;
}

#CanvasAnim{
	position:relative;
	left:50%;
	margin-left:-400px;
	width:800px;
	height:400px;
	border:1px solid grey;
	border-radius:50px / 200px;
	box-shadow: 0px 0px 15px black,0px 0px 15px black;
}
#AnimT{
	background:#061723;
	text-align:center;
	padding:5px;
	color:white;
	position:relative;
	top:-20px;
	left:50%;
	margin-left:-325px;
	margin-bottom:30px;
	width:650px;
	height:20px;
	border:1px solid grey;
	border-radius:50px / 20px;
	box-shadow: 0px 0px 15px black,0px 0px 15px black;
}

.BlocTexte{
	position:relative;
	margin:2px;
	padding:5px;
	border:1px solid #37393c;
	border-radius:3px;
	background:url('BlocT.png');
	color:#3c97c1;
	font-family: arial, verdana, sans-serif;
	max-height:calc(100% - 20px);
	overflow:auto;
	box-shadow: inset 0px 0px 45px rgba(0, 186, 255, 0.4);
}

.IcoBFac{
	width:90px;
}

.Disabled{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}