body{
background-image:url("/resources/wallpaperX.jpg");
background-color:black;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
background-attachment:fixed;
font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
margin-bottom:100px;
}
input{
color:#FEFEFE;
background-color:#1A1A40;
font-size:13px;
border:1px solid #0090FF;
border-radius:3px;
text-align:center;
cursor:pointer;
}
input:hover{
-webkit-box-shadow:0px 0px 5px 2px #5C8BEE;
   -moz-box-shadow:0px 0px 5px 2px #5C8BEE;
        box-shadow:0px 0px 5px 2px #5C8BEE;
}
select{
color:#FEFEFE;
background-color:#1A1A40;
font-size:13px;
width:140px;
border:1px solid #0090FF;
border-radius:3px;
text-align:center;
cursor:pointer;
}
select:hover{
-webkit-box-shadow:0px 0px 5px 2px #5C8BEE;
   -moz-box-shadow:0px 0px 5px 2px #5C8BEE;
        box-shadow:0px 0px 5px 2px #5C8BEE;
}
textarea{
color:#FEFEFE;
background-color:#1A1A40;
font-size:13px;
border:1px solid #0090FF;
cursor:pointer;
}
textarea:hover{
-webkit-box-shadow:0px 0px 5px 2px #5C8BEE;
   -moz-box-shadow:0px 0px 5px 2px #5C8BEE;
        box-shadow:0px 0px 5px 2px #5C8BEE;
}
.head{
position:relative;
margin:auto;
padding:5px;
width:1010px;
background-color:rgba(8,9,11,0.9);
color:#FFFFFF;
border:1px solid #0090FF;
/*box-shadow*/
-webkit-box-shadow:0px 0px 8px 3px #5C8BEE;
   -moz-box-shadow:0px 0px 8px 3px #5C8BEE;
        box-shadow:0px 0px 8px 3px #5C8BEE;
text-align:center;
border-radius:0px 10px 10px 10px;
}
.formulaire{
position:relative;
top:10px;
height:270px;
padding:5px;
background-color:rgba(8,9,11,0.9);
color:#FFFFFF;
border-bottom:1px solid #0090FF;
border-right:1px solid #0090FF;
}
.cgu{
position:relative;
margin:auto;
padding:5px;
width:800px;
background-color:rgba(8,9,11,0.9);
color:#FFFFFF;
border:1px solid #0090FF;
/*box-shadow*/
-webkit-box-shadow:0px 0px 8px 3px #5C8BEE;
   -moz-box-shadow:0px 0px 8px 3px #5C8BEE;
        box-shadow:0px 0px 8px 3px #5C8BEE;
border-radius:10px;
}
.titre1{
font-size:16px;
color:#D0FEF8;
font-weight:bold;
text-shadow:2px 1px 1px #5C8BEE;
text-align:center;
}
a{
color:#5882FA;
}
th.info{
position:relative;
text-decoration:none;
color:#00FFFF;
}
th.info span{
display:none;
}
th.info:hover{
background:none;
z-index:10;
cursor:help;
}
th.info:hover span{
display:inline;
position:absolute;
top:-11px;
left:350px;
}
.bulle{
position:relative;
Z-index:9;
background-color:rgba(8,9,11,0.9);
border:1px solid #0090FF;
/*box-shadow*/
-webkit-box-shadow:0px 0px 4px 1px #5C8BEE;
   -moz-box-shadow:0px 0px 4px 1px #5C8BEE;
        box-shadow:0px 0px 4px 1px #5C8BEE;
padding:5px;
width:238px;
text-align:left;
}
.race{
color:red;
}
.alerte{
color:red;
text-align:center;
font-weight:bold;
}
.vert{
color:#01FE01;
}
.rouge{
color:#FE0101;
}
.jaune{
color:#FEF601;
}


.InfoFaction1{
position:absolute;
top:40px;
right:60px;
background-color:black;
font-size:18px;
font-weight:bolder;
}
.InfoFaction1 td{
vertical-align:top;
text-shadow:2px 1px 1px #5C8BEE;
border:1px solid #0090FF;
}
.InfoFaction1tdH:hover{
background: rgba(149,163,222,1);
background: -moz-linear-gradient(left, rgba(149,163,222,1) 0%, rgba(70,66,166,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(149,163,222,1)), color-stop(100%, rgba(70,66,166,1)));
background: -webkit-linear-gradient(left, rgba(149,163,222,1) 0%, rgba(70,66,166,1) 100%);
background: -o-linear-gradient(left, rgba(149,163,222,1) 0%, rgba(70,66,166,1) 100%);
background: -ms-linear-gradient(left, rgba(149,163,222,1) 0%, rgba(70,66,166,1) 100%);
background: linear-gradient(to right, rgba(149,163,222,1) 0%, rgba(70,66,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a3de', endColorstr='#4642a6', GradientType=1 );
}
.InfoFaction1tdO:hover{
background: rgba(255,241,89,1);
background: -moz-linear-gradient(left, rgba(255,241,89,1) 0%, rgba(196,158,4,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,241,89,1)), color-stop(100%, rgba(196,158,4,1)));
background: -webkit-linear-gradient(left, rgba(255,241,89,1) 0%, rgba(196,158,4,1) 100%);
background: -o-linear-gradient(left, rgba(255,241,89,1) 0%, rgba(196,158,4,1) 100%);
background: -ms-linear-gradient(left, rgba(255,241,89,1) 0%, rgba(196,158,4,1) 100%);
background: linear-gradient(to right, rgba(255,241,89,1) 0%, rgba(196,158,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff159', endColorstr='#c49e04', GradientType=1 );
}
.InfoFaction1tdX:hover{
background: rgba(169,3,41,1);
background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(77,0,18,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169,3,41,1)), color-stop(100%, rgba(77,0,18,1)));
background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(77,0,18,1) 100%);
background: -o-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(77,0,18,1) 100%);
background: -ms-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(77,0,18,1) 100%);
background: linear-gradient(to right, rgba(169,3,41,1) 0%, rgba(77,0,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#4d0012', GradientType=1 );
}
.InfoFaction2{
position:relative;
margin:auto;
margin-top:10px;
padding-left:10px;
background-color:black;
width:1000px;
height:400px;
border:1px solid #0090FF;
overflow:hidden;
border-radius:10px;
}
#Info_faction2{
position:absolute;
margin:auto;
width:3000px;
height:400px;
transition: margin-left 0.4s ease;
}
#Info_faction2 td{
padding:15px;
font-size:12px;
vertical-align:top;
width:1000px;
}
.FactionStory{
position:relative;
width:650px;
float:left;
text-align:left;
padding-right:5px;
border-right:1px solid #0090FF;
}
.FactionSpe{
position:absolute;
margin-left:675px;
width:300px;
text-align:left;
padding-left:5px;
border-left:1px solid #0090FF;
}
.TitreFaction{
font-size:14px;
font-weight:bolder;
text-shadow:2px 1px 1px #5C8BEE;
}
.TitreResume{
font-size:14px;
text-decoration:underline;
color:red;
}
.FactionTableImg td{
width:240px;
text-align:center;
}
.ChangeRace{
position:relative;
margin:auto;
margin-top:50px;
padding:10px;
width:1100px;
background-image:linear-gradient(right bottom, rgba(9,7,10,0.95) 26%, rgba(19,27,38,0.95) 68%);
background-image:-o-linear-gradient(right bottom, rgba(9,7,10,0.95) 26%, rgba(19,27,38,0.95) 68%);
background-image:-moz-linear-gradient(right bottom, rgba(9,7,10,0.95) 26%, rgba(19,27,38,0.95) 68%);
background-image:-webkit-linear-gradient(right bottom, rgba(9,7,10,0.95) 26%, rgba(19,27,38,0.95) 68%);
background-image:-ms-linear-gradient(right bottom, rgba(9,7,10,0.95) 26%, rgba(19,27,38,0.95) 68%);
border:1px solid #53B8EB;
border-radius:8px;
/*box-shadow*/
-webkit-box-shadow:0px 0px 8px 2px #5C8BEE;
   -moz-box-shadow:0px 0px 8px 2px #5C8BEE;
        box-shadow:0px 0px 8px 2px #5C8BEE;
}