/****************************************************
#######################################################
-------------------------------------------------
####      			AFMT - Version 2     		   ####
-------------------------------------------------####
 Copyright = diabloedesign.com- 2017             ####
 Date      = Août 2017                           ####
 Author    = olivier angevin                     ####
 Websites  = http://www.diabloedesign.com        ####                                                 
#######################################################
****************************************************/
@charset "UTF-8";
@font-face {
font-family: 'lucida_sansregular';
src: url('../fonts/lsans-webfont.eot');
src: url('../fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'),	 
url('../fonts/lsans-webfont.woff2') format('woff2'),	
url('../fonts/lsans-webfont.woff') format('woff'),	 
url('../fonts/lsans-webfont.ttf') format('truetype'),	 
url('../fonts/lsans-webfont.svg#lucida_sansregular') format('svg');
font-weight: normal;font-style: normal;
}
html {height: 100%;}
body{margin:0;padding:0;background-color:#0d1a8a;font-size:16px;color:#fff;font-family:arial,tahoma , sans-serif;outline: none;height:100%;overflow-x: hidden;}
/*texte*/
p {font-size: 100%;}
h1{font-family: lucida_sansregular, arial,tahoma , sans-serif;font-size: 150%;color:#d51921;
background:url("../images/icone-titre.png") no-repeat 0 0 transparent;padding-left:40px;margin:0;
margin-top:10px;line-height:40px;height:40px;}
h2{font-family: lucida_sansregular, arial,tahoma , sans-serif;font-size: 130%;color:#d51921;}
h3 {font-family: lucida_sansregular, arial,tahoma , sans-serif;font-size: 120%;color:#fff;}
h4, h5, h6 {font-size: 100%;}
a{outline:none;}
a:visited, a:link{color:#000000;text-decoration:underline;}
a:hover{color:#d51921;text-decoration:underline;}img{margin:0px;border:0px;}
label.invalid{color:#C90000;}
.invalid{border-color:#C90000;}
.nav{width:100%;margin-left:-100%;float:left;min-height:100%;background:#191919;display:none;}
#container{width:100%;min-height:100%;height:100%;}
#logo{width:100%;margin:0 auto;padding-top:5px;padding-bottom:5px;text-align:center;border-bottom:4px solid #d51921;}
input, select, textarea{border:1px solid #000;padding:8px;#background:#FFF; width:80%;}
/*****CONTENU********/
#content, .btn-retour{
position:relative;
width:100%;
text-align:center;
}
button{
display:block;
width:80%;
margin:0 auto;
border:0;
line-height:40px;
text-align:center;
background:#d51921;
color:#fff;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
}
.btn-valider, .btn-resultat{
background:green;
}
.titre{
background:#d51921;
line-height:40px;
text-transform:uppercase;
}
a.menu{
position: absolute;
top: -2px;
left: 2px;
}
.menus{
position: relative;
max-height:0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
overflow:hidden;
}
.menus a, .menus button{
display:block;
margin:0 auto;
margin-bottom:10px;
border:1px solid #FFF;
width:200px;
line-height:30px;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
background:transparent;
}
.open{
padding-top:10px;
max-height:200px;
border-bottom:1px solid #FFF;
}
#qr-scanner{
width:300px;
height:300px;
background:url('../images/btn-qrcode.png') no-repeat center center;
margin:0 auto;
cursor:pointer;
}
.infoslicence, .competiteur, .combat{
margin:20px;
background:#FFF;
color:#000;
border:1px solid #d51921;
padding:10px;
}
.competiteur{
margin:10px;
}
button.btn-selection{
background:#0d1a8a;
}
.infoslicence .numero{
font-size:200%;
margin-top:0px;
margin-bottom:10px;
}
.infoslicence .categorie{
font-weight:bold;
}
.infoslicence .docok{
color:green;
}
.infoslicence .docpasok{
color:red;
}
.combat{
text-transform:uppercase;
}
.combat .combatnum{
font-size:200%;
}
.combat .categorie{
font-size:80%;
}
.combat .rouge{
background:red;
padding:10px;
}
.combat .bleu{
background:blue;
padding:10px;
}
.combat .resultat{
padding:10px;
}
.btn-retour a{
display:block;
width:100%;
line-height:40px;
text-align:center;
background:#d51921;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
.copyright {
padding-top:10px;
padding-bottom:10px;
position:relative;clear: both;width:100%;color:#FFFFFF;font-size:12px;text-align:center;
}
.copyright a{color:#FFF;text-decoration:none;}

.waiting{
background-color:rgba(0, 0, 0, 0.8);
position:fixed;
display:none;
width:100%;
height:100%;
z-index:1050;
top:0;
left:0;
}
.wait_text{
position: absolute;
color: #FFF;
text-align: center;
width: 100%;
top: 30%;
}
.image_loading{
position:fixed;
top:50%;
left:50%;
margin:-72px 0px 0px -72px;
background-color:#FFF;
width:144px;
height:32px;
z-index:9999;
}
/**end file***/