body
{
background:black;
}
.page0
    {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:0px;
    left:0px;
    width:900px;
    height:160px;
    border-radius:10px;
    background-color:gray;
    padding:10px 10px 10px 10px;
   }

.page
{
position:relative;
width:820px;
height:70px;
top:5px;
margin-left:auto;
margin-right:auto;
background-color:#000eff;
border-radius:11px;
border-style:solid;
border-width:1px;
}

.charger
{
position:relative;
width:820px;
height:25px;
top:25px;
margin-left:auto;
margin-right:auto;
}
.bpload
{font-size:25px;cursor:pointer;border-radius:10px;width:250px}
.bpload:hover{background: #00ff00}
.nver
{
position:absolute;
top:14px; 
left:450px;
width:150px;
height:42px;
transform:scale(0.25) rotate(-0deg) ;
z-index:0;
visibility:hidden;	
}
.v5289 {font-size:23px;}
.version
{
position:absolute;
top:0px; 
left:290px;
width:150px;
height:42px;
font-family:sans-serif;	
font-size:13px;	
font-weight:bold;
color:rgb(255 255 0 / 1);
background-color:#556b2f00;
}
.ct
{
	font-size:15px;
}
.pch
{
position:relative;
width:980px;
height:1450px;
top:-40px;
margin-left:auto;
margin-right:auto;
background-color:#e0ea9200;
border-radius:15px;
}

.titre1
{
position:relative;
top:18px;
left:-290px;
margin-left:auto;
margin-right:auto;    
width:280px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
font-style:italic;
color:rgb(255 255 255);
background-color:#f5f5dc00;
}

.titre2
{
position:relative;
top:20px;
margin-left:auto;
margin-right:auto;
left:355px;     
width:100px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
font-style:italic;
color:#ffffff;
background-color:#fff8dc00;
}


.formul 
{
height:130px;
top:2px;

}

.avis {
top:4px;
left:0px;
height:190px;
width:820px;
}

.formul, .avis
{
position:relative;	
margin-left:auto;
margin-right:auto;
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
-webkit-box-shadow: 10px 10px 4px #666666;
-moz-box-shadow: 10px 10px 4px #666666;
box-shadow:10px 10px 4px #464343;
background-color: #dfdfdf;
border: solid red 0px;
text-decoration: none;
}


.ins_ok
{
position:relative;
top:0px;
width:300px;
height:320px;

}
.titre3 /* Charger */
{
position:relative;
top:40px;
margin-left:auto;
margin-right:auto;    
width:300px;
height:20px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
/*background-color:#CDDC39;  */
}
.titre3a /* Charger */
{
position:relative;	
left:320px;
top:-25px;
width:30px;
/*background-color:#CDDC39;  */
}

.titre4
{
width:600px;
height:280px;
padding:5px;
position:relative;
top:40px;
margin-left:auto;
margin-right:auto;    
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#090909; 
background-color:#CDDC39;  
border-radius:8px; 
}


.pb
{
position:relative;
margin:auto;
padding: 5px;
top:-50px;
left:-70px;	
width:920px;
height:1240px;
background: #acacac;
font-family: Arial;
font-size:20px;
color: #000000;
border-radius:7px;
text-align:center;
}

.pbt
{
position:relative;
margin:auto;
padding: 5px;
font-size:25px;
top:-5px;
width:220px;
height:25px;
font-family: Arial;
color: #090909;
text-align:center;
	
}
.erreur1
{
font-size:20px;	
position:relative;
margin:auto;
padding: 5px;
top:140px;
width:900px;
height:335px;
background: #f4fcd4;
font-family: Arial;
color: #000000;
border-radius:7px;
text-align:center;
}
.erreur1_a {font-size:20px;}
.erreur2
{
position:relative;
margin-left:auto;
margin-right:auto;
top:-350px;
width:900px;
height:130px;
background: #f4fcd4;
font-family: Arial;
color: #000000;
padding: 5px;
border-radius:7px;
text-align:center;
}

.err75
{
position:relative;
margin:auto;
padding:5px;
top:9px;
height7000px;
width:900px;
border-radius:7px;
border:0px solid;
color:#0f0f0f;
border-color:#000000; 
text-align:center;
background-color:rgb(244 252 212);
box-shadow: 5px 5px 6px #3e3c3c;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:22px;	
transform:rotate(-0deg);
 z-index:2;
} 

.i75:hover {transform:scale(2)}
.compatibilite
{background:#e5fa8f;width:850px;padding:5px;border-radius:8px;}
.e1t, .e2t, .e3t
{
font-weight:bold;
font-size:25px;	
color:rgba(255, 0, 0, 1);
}
.err1
{
position:relative;
width:600px;
height:22px;
padding:8px;
    
top:-5px;
margin-left:auto;
margin-right:auto; 
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
color:rgba(255, 0, 0, 1); 
  
}

.evolutions
{
position:relative;
top:10px;
margin-left:auto;
margin-right:auto; 
width:900px;
height:2300px;
text-align:left;
background-color:#f8feb9;
padding:10px;
border-radius:8px;
-webkit-box-shadow: 10px 10px 4px #666666;
-moz-box-shadow: 10px 10px 4px #666666;
box-shadow:10px 10px 4px #464343;
}
.evol-1
{
position:relative;
top:05px;
margin-left:auto;
margin-right:auto; 
width:800px;
text-align:center;
background-color:#cbcbcb;
padding:10px;
border-radius:8px;
-webkit-box-shadow: 10px 10px 4px #666666;
-moz-box-shadow: 10px 10px 4px #666666;
box-shadow:10px 10px 4px #464343;
}

.Style30 
{
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: large; 
color: #0000FF; 
}

.Style34 
{
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
font-size: large; 
color: #050505; 
}

.Style40a , .Style40b
{
font-size: 13px; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #000000;
}

.Style41 
{
font-size: 12px; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #090909;
}
.Style32 
{
font-size: 14px; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #090909f5;
}
.Style15 
{
font-size: 15px; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #09090969;
}
.Style32 
{
font-size: 15px; 
font-family: Geneva, Arial, Helvetica, sans-serif; 
color: #09090969;
}



.xxtrois
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    font-family: Geneva, Arial, Helvetica, sans-serif; 
    font-size:20px;
    font-weight:bold;
    color:black;
}

.ident
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top:5px;
    font-family: Geneva, Arial, Helvetica, sans-serif; 
    font-size:18px;
    font-weight:bold;
    color:black;
}



  
.boite_titre {
    position:absolute;
    margin-left:auto;
    margin-right:auto;
	top:165px;
	width:58%;
 /* background-color: #e6cf0a8a;*/
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 6px #666666;
  -moz-box-shadow: 3px 3px 6px #666666;
  box-shadow: 3px 3px 6px #666666;
  font-family: Arial;
  color: #170617;
  font-size: 20px;
  padding: 4px;
 /* border: solid #0e0e0e 1px;*/
  text-decoration: none;
}

.maj
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
	top:-20px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:10px;
	text-align:center;
}

.Style6 {font-family: arial; font-size: 20px;color:blue; }
.Style42 {
	font-size:24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#ffffff;
}
.Style46{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; }
.Style60 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: large; color: #0037ff; }

.bp, .bplog
{
position:relative;
border-radius:5px;	
background-color:#eaebec;
}

.bp, .bplog
{
top:15px;
width:190px;
font-size:20px;
}

.bplog
{
top:-15px;
width:324px;
left:-4px;
}

.bp:hover, .bplog:hover
{
background-color:#04f70e;
font-weight:bold;
}
.login
{
position:relative;
top:-15px;
margin:auto;
height:75px;
width:450px;
padding:6px;
border-radius:10px;
border:1x solid;
border-color:#000000; 
text-align:left;
background-color:#c9d70ed9;
box-shadow: 5px 5px 6px #3e3c3c;
}
.Stylelog
{
position:relative;
left:60px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:18px;	
color:#6d0c05;

}

.oubli
{
position:relative;	
top:2px;	
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;	
color:#0e0d0d;
}

.nbp
{
	border-color:black;
	border-style:solid;
	border-radius:7px;
	border-color:#f4f4f6;
	background-color:#a7a7a7;
	border-width:1px;
	font-size:13px;
}
.nbp:hover
{
background-color:rgba(0, 255, 0, 1);	
font-weight:bold;
/*transform:rotate(-1deg) scaleY(1.85);*/
transform:scaleY(1.85);
}
a:link, a:visited, a:hover, a:active  
{
	color: rgb(16, 16, 16);
	text-decoration: none;
}

.load0
{
position:relative;
margin-left:auto;
margin-right:auto;
top:0px;
width:700px;
height:18px;

padding:2px;

  font-family: Arial;
  font-weight:bold;
  color: #170617;
  text-align:center;
  font-size: 25px;
  text-decoration: none;
}


.load1
{
position:relative;
margin-left:auto;
margin-right:auto;
top:10px;
width:550px;
height:84px;

  font-family: Arial;
  font-weight:bold;
  color: #170617;
  text-align:center;
  font-size: 17px;

  background-color:rgb(0, 255, 0);
  border-radius: 10px;

  border: solid #121de6 0px;
  text-decoration: none;
  	box-shadow: 5px 7px 6px #0a0a0a;
}

.install_t
{
position:relative;
top:0px;
width:800px;
height:15px;
font-family: Arial;
color: #f4fcd4;
font-size: 23px;
padding: 10px;
}

.install
{
position:relative;
margin-left:auto;
margin-right:auto;
top:20px;
width:800px;
height:455px;

font-family: Arial;
color: #170617;
font-size: 13px;
padding: 10px;
}
.driver
{
position:relative;
margin-left:auto;
margin-right:auto;	
top:-0px;
width:650px;
height:300px;
background: #f2f2f2;
font-family: Arial;
color: #000000;
padding: 10px;
border-radius:7px;
}
.intdrv
{
position:relative;
margin-left:auto;
margin-right:auto;	
width:640px;
height:180px;
background: #f1f1f1;
font-family: Arial;
color: #000000;
padding: 10px;
border-radius:7px;
}
.d3
{
position:relative;
left:70px;	
color:rgba(255, 0, 0, 1);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
width:700px;
background:#f4fcd4;
border-radius:5px;

}

.d3 {-webkit-animation: dil_c 3s linear infinite;}
@-webkit-keyframes dil_c 
    {
    from{-webkit-transform: scale(1);}
    to{-webkit-transform: scale(1.1);}
    }
   
.e75
{ 
position:absolute;
top:-100px; 
left:50px;
width:600px;
height:480px;
text-align:center;
background:#676868; 
border-radius:5px;
padding:3px; 
transform:scale(0) rotate(-40deg);
transition:all .24s;
opacity:1;
color:#efefef;
}
a:hover .e75, a:focus .e75
{ 
top:-350px;
transform:scale(1) rotate(0deg);
opacity:1;
}
.txarea
{
position:relative;
top:9px;
max-width:505px;
min-width:505px;
min-height:45px;
border-radius:5px;
color:#000dff;
background-color:rgba(255, 255, 255, 0.79);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:13px;	
	visibility:hidden;
}
.in_call, .in_dp, .in_mail, .in_pseudo, .in_cle
{
border-radius:5px;
color:rgba(0, 0, 255, 1);
background-color:rgb(250, 247, 229);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:18px;	
text-align:center;
}
.in_call
{
position:relative;
left:-48px;
height:18px;
width:100px;
}


.in_dp
{
position:relative;
left:-40px;
height:18px;
width:30px;
}

.in_mail
{
position:relative;
top:5px;
left:-20px;
height:18px;
width:255px;
}
.in_pseudo
{
position:relative;
top:-8px;
height:18px;
width:155px;
}
.in_cle
{
position:relative;
top:2px;
height:18px;
width:155px;
}

.test:hover:after
{
position:absolute;
left:455px;
top:19px;
font-size:18px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#f3efef;
background-color:#795548;
padding:6px;
border-radius:6px;
content:"N\B0  de d\00E9 pt. ou pr\00E9 fixe pour les \00E9 trangers"
}

.close
{
position:absolute;
left:945px;
top:0px;
font-size:12px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:14px;
color:#ffffff;
background-color:rgb(255 0 0 / 1);
padding:6px;
border-radius:6px;
cursor:pointer;
z-index:1;
}

.test1:hover:before
{
position:absolute;
left:25px;
top:19px;
width:250px;
height:20px;
padding:1px 4px 10px 8px;
font-size:18px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#f3efef;
background-color:#795548;
text-align:center;
border-radius:6px;
content:"Indicatif ou Num\00E9 ro SWL"
}

.test2:hover:before
{
position:absolute;
left:525px;
top:48px;
width:250px;
height:40px;
padding:1px 4px 10px 8px;
font-size:18px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#f3efef;
background-color:#795548;
border-radius:6px;
content:"Adresse mail pour recevoir vos identifiants";
z-index:1;
}

.test3:hover:before
{
position:absolute;
left:-160px;
top:12px;
width:200px;
height:38px;
padding:1px 4px 10px 8px;
font-size:18px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#f3efef;
background-color:#795548;
text-align:center;
border-radius:6px;
content:"Indicatif figurant dans le mail de confirmation"
}

.test4:hover:before
{
position:absolute;
left:399px;
top:23px;
width:190px;
height:58px;
padding:1px 4px 10px 8px;
font-size:18px;
font-weight:700;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#f3efef;
background-color:#795548;
text-align:center;
border-radius:6px;
content:"Cl\00E9  LogAIB figurant dans le mail de confirmation"
}

.style_iv
{visibility:hidden;}
.style_v
{visibility:visible}

.images
{
	position:absolute;
	top:320px;
	left:-1300px;
	transform:scale(0.15);
}
.im1:hover
{
	transform:scale(5);	
	position:relative;
	top:-1000px;
	font-size:25px;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:white;
	background-color:#060606;
}
.im2:hover
{
	transform:scale(5);	
	position:relative;
	top:-1600px;
	font-size:25px;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:white;
	background-color:#080808;	
}
.im3:hover
{
	transform:scale(4);	
	position:relative;
	top:-1400px;	
	font-size:25px;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:white;
	background-color:#090909;
}
.clelog
{
	color:rgba(255, 0, 0, 1);
	font-weight:bold;
	font-size:19px;
}
.adml
{visibility:hidden;}

.P1, .p2, .P3, .P4, .P5 ,.P1z
	{
	position:relative;
	left:-70px;
	width:900px;
	border-radius:10px;
	background-color:rgb(244, 252, 212);
	padding:8px;
	text-align:center;
	box-shadow: 5px 5px 6px #666666;
	font-size:23px;	
	}
.P1z {top:5px;}


/* Formulaire OK */
.sendok
{
	position:relative;
	margin-left:auto;
	margin-right:auto;	
	left:0px;
	top:340px; 
	width:550px;
	height:80px;
	background-color:rgb(223, 255, 0);
	text-align:center;
	border-radius:10px;
	border-style:solid;
	border-width:2px;
	border-color:#cfcdcc;
	padding:5px; 
	transform:scale(0) rotate(-40deg);
	transition:all .8s;
	opacity:1;
  	-webkit-box-shadow: 6px 6px 3px #666666;
  	-moz-box-shadow: 6px 6px 3px #666666;
  	box-shadow: 10px 10px 15px #666666;		
}
	
/* Formulaire pas OK */
.nosend
{
	position:relative;
	margin-left:auto;
	margin-right:auto;	
	left:0px;
	top:0px; 
	width:400px;
	height:145px;
	background-color:rgba(255, 0, 0, 1);
	text-align:center;
	border-radius:10px;
	border-style:solid;
	border-width:2px;
	border-color:#cfcdcc;
	padding:5px; 
	transform:scale(0) rotate(-40deg);
	transition:all .8s;
	opacity:1;
  	-webkit-box-shadow: 6px 6px 3px #666666;
  	-moz-box-shadow: 6px 6px 3px #666666;
  	box-shadow: 10px 10px 15px #666666;		
}

/* Container des boutons formulaire OK  */
.BPS_sendok
{
	position:relative;
	left:0px;
	top:-15px;	
}

/* Container des boutons formulaire pas OK  */
.BPS_nosend
{
	position:relative;
	left:180px;
	top:100px;	
}

/* Titres des DIV d'alarme  */
.t_sendok, .t_nosend
{
	position:relative;
	top:2px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;	
	font-style:italic;	
}

.t_sendok
{
	color:#0b0b0b;
}

.t_nosend
{
	color:#d2ef08;
}

/* Message formulaire OK   */
.m_sendok
{
	position:relative;
	top:20px;
	left:10px;
	text-align:left;
	color:#080808;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-style:italic;	
}


/* Messages formulaire pas OK   */
.m_nosend
{
	position:relative;
	top:0px;
	left:10px;
	text-align:left;
	color:#ecef80;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-style:italic;	
}

/* Boutons  */
.BP_sendok
{
	left:290px;
	top:39px;
}

.bpnosend
{
	left:40px;
}

.BP_sendok, .bpnosend
{
	position:relative;
	width:30px;
	height:15px;
	background-color:rgb(175, 174, 174);
	border-radius:10px;
	border-style:solid;
	border-width:1px;
	border-color:#cfcdcc;
	padding:0px;
	color:#080808;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-style:italic;			
}
 

.bprpt, .bprpt2
{
	left:-360px;
}

.bprpt1, .bprpt3
{
	left:-250px;
	top:40px;
}

.bprpt, .bprpt1, .bprpt2, .bprpt3
{
	position:relative;
	width:70px;
	height:15px;
	background-color:rgb(175, 174, 174);
	border-radius:10px;
	border-style:solid;
	border-width:1px;
	border-color:#cfcdcc;
	padding:0px;
	color:#080808;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-style:italic;	
} 

.BP_sendok:hover, .bpnosend:hover, .bprpt:hover, .bprpt1:hover, .bprpt2:hover , .bprpt3:hover
{
	background-color:rgba(0, 255, 0, 1);
	font-weight:bold;	
}
.biz
{
position:relative;
top:-400px;
left:320px;
height:180px;
transform:scale(0);

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
overflow:scroll;
opacity:0.23;
} 
.biz:hover
{
background-color:#FFEB3B;	
left:220px;
transform:scale(0.87);
opacity:1;
} 
.errmail
{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:290px;
	left:-145px;
	width:270px;
	height:55px;
	padding:3px;
	background-color:rgba(255, 0, 0, 1);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;	
	text-align:center;
	border-radius:8px;
	transform:rotate(-7deg);
	z-index:999;
}

.errmail1
{
	position:relative;
	top:-1px;
	left:-25px;
	width:30px;
	font-size:25px;
	color:#FFEB3B;
	background-color:rgba(255, 0, 0, 1);
	border-radius:18px;

}
.errmail2
{
	position:relative;
	top:-0px;
	left:0px;	
}
.errmail3
{
	position:relative;
	top:0px;
	left:1px;	
	font-size:14px;
	color:#fdfdfd;
}
.errmail4
{
	position:relative;
	top:0px;
	left:1px;	
	font-size:16px;
	color:#ffe500;
}
.voir
{
position:relative;
top:2px;
left:220px;	
height:15px;
border-radius:4px;
border-style:solid;
border-color:black;
border-width:2px;
width:280px;
background-color:rgb(255 255 0 / 1);
color:rgb(0 0 0);
font-family:arial;
font-size:13px;
text-align:center;
cursor:pointer;
}
.voir:hover
 {
 	background-color:#00ff0a;
 	}

.limite
{
	position:relative;
	top:20px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	width:820px;
	height:15px;
	max-height:250px;
    padding-top:0px;
    padding-bottom:12px;
	border-radius:8px;	
	background-color:#ed0e0e;
	overflow:hidden;
	z-index:1;
}
.limite:hover
    {
	height:250px;
    width:820px;
    left:0px;
    }

.limit_1
{
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 5px 25px ;
	border-radius:6px;	
	font-family:arial;
	font-size:18px;
	font-style:italic;
	color:#ffffff;
	text-align:center;
}
.limit_2
{
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	width:650px;
	height:214px;
	padding:5px;
	border-radius:10px;	
	font-family:arial;
	font-size:14px;
	color:#ffffff;
	text-align:left;
}
/****************************************************/
a:link {	color: #000000;}
a:visited {	color: #040404;}
a:hover {	color: #171616;}
a:active {	color: #000000;}

.auth
{
position:relative;
top:0px;
margin:auto;
width:550px;
height:300px;
background-color:#a3320f;	
border-radius:10px;
}

.auth_log
{
position:relative;
top:90px;
margin:auto;
width:550px;
height:220px;
background-color:#e3e320;
border-radius:10px;
}

.auth_haut
{
position:relative;
top:0px;
left:0px;
height:20px;
background-color:#070707;	
color:#fbf7f7;
padding-left:10px;
padding-top:4px;
font-size:17px;
font-family:sans-serif;
font-style:italic;
border-radius:10px 10px 0 0;
}

.auth_type
{
position:relative;
top:10px;
left:5px;
width:540px;
height:auto;
background-color:rgba(255, 0, 0, 1);	
color:#fefdf8;
font-size:20px;	
font-family:sans-serif;	
font-style:italic;
font-weight:bold;
text-align:center;
border-radius:5px;
}

.auth_tit
{
position:relative;
top:20px;
left:00px;
color:#131212;
padding-left:30px;
font-size:12px;	
font-family:sans-serif;	
}

.auth_plus
{
position:relative;
top:20px;
left:00px;
color:#131212;
padding-left:30px;
font-size:12px;	
font-family:sans-serif;	   
color:#0e0e0e;    
}
.auth_bas
{
position:relative;
top:40px;
left:5px;
width:510px;
height:30px;
background-color:rgba(0, 255, 0, 1);
color:#0a0a0a;
padding-left:30px;
font-size:12px;
font-family:sans-serif;	
border-radius:5px;
}

.auth_old
{
position:relative;
top:-5px;
left:00px;
color:#131212;
font-size:12px;	
font-family:sans-serif;	
color:#2a2b0a;
}

.auth_old1
{
position:relative;
top:25px;
left:00px;
color:#1f2003;
font-size:12px;	
font-family:sans-serif;	
text-align:center;
}


.auth_valid
{
position:relative;
top:50px;
left:200px;
}
.auth_bp
{
border-radius:15px;
font-style:italic;
width:150px;
}
.auth_bp:hover
{
background-color:rgba(0, 255, 0, 1);
font-weight:bold;
cursor:pointer;
}

.mail
{
    text-align:center;
    font-weight:bold;
    font-style:italic;
    color:rgba(0, 0, 255, 1);
}

.auth_close
{
position:absolute;
top:-0px; 
left:523px;
width:20px;
height:22px;
background:#f9f9f9;
border-radius:0px 10px 0 0px;
border-color:black;
border-style:solid;
border-width:1px;
font-family:sans-serif;	
font-size:15px;	
font-weight:900;
padding-left:05px;
cursor:pointer;
}
.auth_close:hover
{background-color:#e3e320;}

.yahoo
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:14px;
	left:360px;
	width:480px;
	height:65px;
	padding:3px;
	background-color:rgb(255 0 0 / 1);
	color:white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;	
	text-align:center;
	border-radius:8px;
	visibility:hidden;
}
.refus
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-15px;
	top:25px;
	width:900px;
	height:30px;
	padding:3px;
	background-color:rgb(13 226 243);
	color:white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;	
	text-align:center;
	border-radius:8px;
}
.mouse {font-size:15px;font-style:italic;cursor:pointer;}

.apercu
    {
	position:relative;
	top:-2555px;
	width:fit-content;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	left:-2px;
    z-index:1;
    visibility:hidden;
    transform:scale(0.80);
    background-color:#ffffff;
    border-radius:10px;
    border-style:solid;
    border-width:5px;
    border-color:#07f71300;
    box-shadow: 15px 15px 3px #3e3c3c;
    }

.reel1
    {
	position:relative;
	top:-640px;
	left:560px;
	width:140px;
	height:22px;
	background-color:#f0f8ff00;
    }
.allbands
{
	position:relative;
	top:-50px;
	left:0px;
	height:360px;	
}
.bpreel1
{
	width:152px;
	height:38px;
	cursor:pointer;
	background-color:#03fef300;
	color:#79554800;
	border:none;
}

.bpreel1:hover 
    {
    background-color:#00ff00;
    border-style:solid;
    border-width:2px;
    border-color:black;
    border-radius:3px;
    color:black;
    font-weight:bold;
    font-size:17px;
    }
    


      
.reel
{
	position:relative;
	left:449px;
	top:-172px;
}

.bpreel
{
	width:122px;
	height:35px;
	cursor:pointer;
	background-color:#fefe0300
	color:#79554800;
	border:none;
	opacity:0.1;
}



.bpreel:hover 
    {
    background-color:#00ff00;
    border-style:solid;
    border-width:2px;
    border-color:black;
    border-radius:3px;
    color:black;
    font-weight:bold;
   	opacity:1;
    }

.qrz
{
	position:relative;
	left:438px;
	top:-234px;
	width:110px;
	height:20px;
	cursor:pointer;
	background-color:#03a9f400;
	color:#0f0f0f00;
	text-align:center;
	border:none;
	opacity:0;
}
.qrz:hover 
{
	opacity:1;
	border-radius:3px;
	background-color:rgb(0 255 0 / 1);
	color:#0f0f0f;
	font-weight:bold;
	font-family:arial;
	}

.cluster
{
	position:relative;
	left:259px;
	top:-214px;
	width:90px;
	height:20px;
	cursor:pointer;
	background-color:#03a9f400;
	color:#0f0f0f00;
	text-align:center;
	border:none;
	opacity:0;
}
.cluster:hover 
{
	opacity:1;
	border-radius:3px;
	background-color:rgb(0 255 0 / 1);
	color:#0f0f0f;
	font-weight:bold;
	font-family:arial;
	}



.spy, .sloc
    {
	position:relative;	
	border-style:solid;
	border-width:7px;
	border-color:#ff1100;
    }
.spy
    {
	top:-266px;
	left:439px;
	width:102px;
	visibility:hidden;
    }
.sloc
    {
	top:-217px;
	left:769px;
	width:70px;
	visibility:hidden;    
    }

.in_loc
    {
	width:62px;
	height:18px;
	background-color:#ffffff;
    } 
.in_py
    {
	width:95px;
	height:18px;
	background-color:#ffffff;
    }
      
.cc1
    {
	position:relative;
	top:-678px;
	left:30px;
    visibility:hidden;
    cursor:pointer;
    } 
.ncc1
    {
	position:relative;
	top:-718px;
	left:29px;
    cursor:pointer;	
    }              	
.cc2
    {
	position:relative;
	top:-677px;
	left:30px;
	visibility:hidden;
    cursor:pointer;	
    } 
.ncc2
    {
	position:relative;
	top:-718px;
	left:29px;
    cursor:pointer;	
    } 
.bpvalid
{
	position:relative;
	top:-315px;
	left:640px;
	width:300px;
	background-color:rgb(255 0 0 / 1);
	color:white;
	padding:4px;
	text-align:center;
	visibility:hidden;
	font-family:arial;
}
.anciennes
{
	position:relative;
	top:-460px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:35px;
	max-height:250px;
    padding-top:0px;
    padding-bottom:12px;
	border-radius:8px;	
	background-color:#FFEB3B;
	overflow:hidden;
	z-index:1;
} 
.bp_anciennes
{
	position:relative;
	top:3px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:32px;
	cursor:pointer;
    font-size:25px;
}       
.svl
{
	background:black;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
}