a:link, a:visited, a:active  {color: white;text-decoration:none;padding:5px;}
a:hover                      {color: white;text-decoration:none;padding:5px;color:white}

.poste  {position:absolute;z-index:99;opacity:1}
.images {position:absolute;top:65px;left:160px;z-index:-02;opacity:1}
.i_msi
{
  position: absolute;
  left: -25px;
  top: -15px;
   width: 620px;
  height: 64px;
}
.fond
{
  opacity:1;
  transition:2.5s;
}
.bg
{
   position: absolute;
  left: 515px;
  top: 38px;
  width:95px;
  height:33px;
  background: linear-gradient(to right, #272727, #161616);
  border-radius:5px;
  visibility:hidden;
  z-index: 1111111111
}
.lfd{
  position: absolute;
  left: 2px;
  top: 4px;
  width: 84px;
  height: 4px;
 background:#888784;
  border-radius:5px;
 }

.lh
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 3px;
 background:#00ff00;
border-radius:5px; 
}

.lh_v
{
  position: absolute;
  left: 2px;
  top: 10px;
  width: 85px;
  height: 16px;
 background:#262626;
  color:cyan;
  font-family:arial;
font-size:14px; 
  font-weight: bold;
  border-radius:5px;
}
.lb
{
  position: absolute;
  left: 0px;
  top: -8px;
   width: 1000px;
  height: 1px;
 background:red;
visibility:hidden;
}
.fdn /* Image de fond quand zoou out */
{
  position: relative;
  left: -00px;
  top:0px;
  margin-left:auto;
  margin-right:auto;
  transform:scale(1);
  visibility:hidden;
}

.sldr
  {
  position: relative;
  left: -360px;
  top: -320px;
  margin-left:auto;
  margin-right:auto;    
  width: 1000px;
  height: 450px;
  transform:scale(1.5);
  }

.qsl0 /* Laissez aller ... */ 
{
  position:relative;
  left:150px;
  top:-245px;
  width: 1060px;
  height: 51px;
  transform:scale(0.8);
  border-style:solid;
  border-color:blue;
  border-radius:20px;  
  border-width:1px;
    box-shadow: 3px 3px 3px gray;
}
.vtr
{
   position:absolute;
  left:960px;
  top:8px;
  width: auto;
  height: 40px;
  transform:rotate(-10deg); 
  color:white;
  font-family:Sriracha;
  font-size:20px;
/*
  border-style:solid;
  border-color:yellow
*/
}
/* Image pouce en haut */
.pch
  {
  position: relative;
  left: -480px;
  top:-50px;
  width: 45px;
  height: 45px;
 }

.crt /* Votre carte QSL ... */
{
  position: relative;
  left: 170px;
  top:200px;
  width:600px;
  height: 40px;
  font-family:Gochi Hand;
  padding:3px;
  font-size:20px;
  font-style:italic;
  color:#00ff00;
  border-radius:5px;
  background:#222222;
  box-shadow: 3px 3px 3px gray;
}
.msg_crt
{
position: relative;
left: -50px;
top:-41px;
width:150px;
height: 18px;  
background: black;
border-radius:8px; 
visibility:hidden;  
font-family:Commissioner;
font-size:12px;  
}
.debut
{
position: relative;
left: -180px;
top:-3px;
width:80px;
height: 20px;  
}
.avec
{
position: relative;
left: 60px;
top:-24px;
width:50px;
height: 20px; 

}
.avec:hover .msg_crt {visibility:visible}
.suite
{
position: relative;
left: 122px;
top:-67px;
width:290px;
height: 20px;  
}

.hp_on, .hp_of, .hp_ps, .hp_rp /* Boutons HP */
{
  position: relative;
  left: 20px;
  width: 23px;
  height: 40px;  
  transform:scale(0.55);
  cursor:pointer;
  z-index:1000;
 
}
.hp_on {top:-213px;left:175px;}  /* Bouton HP on */
.hp_of {top:-252px;left:195px;visibility:hidden}  /* Bouton HP off */
.hp_ps {top:-292px;left:165px;visibility:hidden}  /* Bouton HP pause */
.hp_rp {top:-332px;left:165px;visibility:hidden}  /* Bouton HP pause */

/* Boutons zoom */
.lpm, .lpp
{
  position: relative;
  left: 20px;
  width: 130px;
  height: 70px;  
  transform:scale(0.55);
  cursor:pointer;
  z-index:100000;
}
.lpm {  top:-78px;left:262px;} /* Bouton zoom moins */
.lpp {  top:-32px;left:165px;visibility:hidden} /* Bouton zoom plus */

/* Messages boutons zoom et HP */
.lpm_c, .lpp_c, .hpon_c, .hpof_c, .hpof_p, .hpof_rp 
{
  position: relative;
  left: 0px;
  width: 80px;
  height: 20px;  
  background: #0d333e;
  color:cyan;
  font-family:Commissioner;
  font-size:14px;
  transform:scale(1.8);
  border-radius:5px;
 visibility:hidden;
}

.lpm:hover   .lpm_c  {visibility:visible;top:-96px}            /* Message bouton zoom moins */
.lpp:hover   .lpp_c  {visibility:visible;top:-112px}           /* Message bouton zoom plus */
.hp_of:hover .hpof_c {visibility:visible;top:-95px;left:-20px} /* Message bouton HP OFF */
.hp_on:hover .hpon_c {visibility:visible;top:-95px;left:-26px} /* Message bouton HP ON  */
.hp_ps:hover .hpof_p {visibility:visible;top:-95px;left:-2px}  /* Message bouton HP Pause  */
.hp_rp:hover .hpof_rp {visibility:visible;top:-95px;left:-2px} /* Message bouton HP Pause  */


/* Pave mes infos */
.c_msi, .c_msi_1
  {
  position: absolute;
  top:46px;
  height:15px;
  color:cyan;
  font-family:Commissioner;
  font-size:9px;  
}

/* F5AIB */
.c_msi_1 {left: 210px;width:58px;}

/* Ouvrir QOL */
.c_msi {left: 279px;width:65px;;cursor:pointer;}


/* PDF */
.c_msi_2 , .c_msi_2b
{
  position: absolute;
  top:43px;
  left: 368px;
  width:20px;
  cursor:pointer;
}
.c_msi_2 {left: 370px;}
.c_msi_2b {left: 390px;}

/* Messages */
.cqol, .cpdf, .cpdf_b
{
  position: absolute;
  top:-36px;
  height: 18px;  
  background:#0d333e;
  color:cyan;
  font-family:Commissioner;
  font-size:13px;
  visibility:hidden;
  border-radius:4px;  
}
.cqol   {left: -50px;  width: 140px;}
.cpdf   {left: -118px; width: 280px; top:-33px;}
.cpdf_b {left: -138px; width: 280px; top:-33px;}


.c_msi:hover .cqol {visibility:visible}
.c_msi_2:hover .cpdf{visibility: visible}
.c_msi_2b:hover .cpdf_b{visibility: visible}

/* Image de fond du slider */
.i_fond{background: #0000ff00;}
.img_fond {border-radius:0px;width:470px;height:258px}

/* Bloc bouton et mains */
.bouton
{
  position:absolute;
  top:234px;
  left:759px;
  width:244px;
  height:244px;
  transform:scale(0.85);
  vborder-style:solid;
  z-index: 10000000
}

/* Mains */
.l, .n
{
 position:absolute;
 top:-145px;
 left:50px;
  transform-origin: 40px 170px;
  transform:scale(0.95) rotate(-0deg) 
}

/* Bouton */
.cptr
{
  position:absolute;
  top:5px;
  left:0px;
  width:180px;
  height:180px;
  transform:scale(1.1); 
  border-style:solid;
  border-color:yellow;
   border-width:0px
}

/* Bloc fleches */
.fls
{
  position:absolute;
  top:8px;
  left:6px;
  width:174px;
  height:174px; 
  transform:scale(0.1);
  cursor:pointer;
  border-style:solid;
  border-color:red;
  border-width:0px
}

.fl_d, .fl_g
{
  position:absolute; 
  left:30px;
  width:99px;
  height:33px;
  cursor:pointer;
  border-style:solid;
  border-color:red;
  border-width:0px
}

.fl_d {top:15px;opacity:0.5;}
.fl_g {top:125px;opacity:0.5;}

.fl_d:hover{opacity:1}
.fl_g:hover{opacity:1}

                            
/* Message BP Stop */
.msg_stop{position: absolute;opacity:0;}                              


/* BP Stop */
.bp_stop 
{
  position: absolute;
  z-index: 3;
  left: 648px;
  top: 23px;
  width: 40px;
  height:20px;
  cursor:pointer;
  z-index: 1000000000;
}
/* Bouton Stop */
.bp_s
{
  position: absolute;
  left:-156px;
  top: -0px;
  width:18px;
  height:18px;
}

.bp_s:hover {top: -0px;}

/* message Stop */
.bp_stop:hover .msg_stop
{
  left:-10px;
  top:-13px;
  width:55px;
  height:22px;
  color:cyan;
  font-family:arial;
  font-size:15px;
  border-radius:5px;
  opacity:1;
  background:#0d333e;;
z-index: 990000000000000000000
}

.stop 
{
  position: absolute;
  z-index: 30000000000000000;
  display: block;
  font-size: 45px;
  left: 165px;
  top: 20px;
  color: #150fb9;
  transform: translateY(-50%);
}

/* Pave boutons*/

.fd_btn {transform:scale(0.62)}

.bps
{
  top:343px;
  left:-0px;
  width:580px;
  height:40px;
  position: absolute;
  z-index: 50000;
}


 /* BP Play */
/* Bouton Play  */
.bp_play 
 {
  position: absolute;
  left:645px;
  top: 10px;
   width: 45px;
   height:50px;
   cursor:pointer;
   z-index: 1000000000;
}
.bp_p
	{
   position: absolute;
  left:12px;
  top: 28px;
  width:18px;
  height:18px;
	}
.msg_play 
  {
  left:0px;
  top:0px;
  width:40px;
  height:22px;
  color:cyan;
  font-family:arial;
  font-size:15px;
  border-radius:5px;
  background:#0d333e;
  visibility: hidden;
  }
/* Message play */
.bp_play:hover .msg_play {visibility:visible;z-index: 99}
.stop:hover .stop_c {visibility:visible}



/* pave Numero image */
.numero
 {
  position: absolute;
  top: 29px;
  left: 698px;
  width:55px;
  height:55px;
  z-index:99999999999999999999 
}

/* Message numero image*/
.num_img
{
  position: absolute;
  left: 5px;
  top:-20px;
  width:60px;
  height:20px;
  color: cyan;
  font-size:14px;
  font-family:arial;
  background: #0d333e;;
  border-radius:5px;
  visibility:hidden;
}
.numero:hover .num_img {visibility:visible}

/* Numero image */
.nvue
 {
  position: absolute;
  left: 7px;
  top:11px;
  width:60px;
  height:28px;
  color: cyan;
  font-size:18px;
  font-family:arial;
  font-weight: bold;  
}




/* Specimen */
.spc
{
  position: absolute;
  left: -457px;
  top:521px;
  visibility:hidden;
}

/* Specimen 2 */
.spc_2
{
  position: absolute;
  left: -1257px;
  top:-170px;
  visibility:hidden;
}
.https
{
  position: absolute;
  left: 335px;
  top:-70px; 
  width:450px;
  height:68px;
  color: white;
  font-size:14px;
  font-family:arial;
  nfont-weight: bold; 
  background: red;
  border-radius: 10px;
  padding:5px;
  visibility:hidden;
}
/* Pave https */
.https_bp
{
  position: absolute;
  left: 195px;
  top:40px; 
  width:45px;
  height:30px;
  color: black;
  font-size:14px;
  font-family:arial;
  border-radius: 5px;
  cursor:pointer;
}
.led
{
  position: absolute;
  left: 745px;
  top:220px; 
  width:53px;
  height:25px;
  transform:scale(0.6);
  z-index:111; 
  border-style:solid;
  border-color:red;
  border-width:0px;
  border-radius:10px;
}
.fled
{
  position: absolute;
  left: -27px;
  top:-11px; 
  width:112px;
  height:43px;
  transform:scale(0.5);
  border-radius:14px;
background:#232323;
}

.plus_moins
 {
  position: absolute;
  left: 674px;
  top:250px; 
  height:72px; 
  z-index: 11111;
  border-style:solid;
  border-color:red;
  border-width:0px;
  transform:scale(0.60) ;
visibility:hidden;
}

.plus, .moins
 {
  position: absolute;
  border-style:solid;
  border-color:yellow;
  border-width:0px;
  cursor:pointer; 
}
.plus  {left: 2px;top:0px;}
.moins {left: 2px;top:66px;}

.p1, .m1
 {
  position: absolute;
  top:-4px; 
  left: 12px;
  height:22px; 
  color:cyan;
  font-family:Commissioner;
  font-size:30px;
  font-weight: bold; 
}

.msg_svt ,.msg_prc 
  {
  position: absolute;
  top:-39px;
  left:-80px;
  height:28px; 
  width:240px; 
  color:cyan;
  background:#11323b; 
  font-family:Commissioner;
  font-size:22px;
  font-weight:100; 
  border-radius:8px; 
 visibility:hidden;
  }
.plus:hover .msg_svt {visibility:visible}
.moins:hover .msg_prc {visibility:visible}

.pwr
{
  position: absolute;
  left: 59px;
  top:175px; 
  width:78px;
  height:43px;
  background: #212121;
  transform:scale(0.6);
  cursor:pointer;
z-index:1111
}
.pwm{width:82px;}
.t_power
{
  position: absolute;
  left: 6px;
  top:8px; 
  width:58px;
  color:cyan;
font-family:arial;
  font-size:20px;
 cursor:pointer;
}
.fled1
{
  position: absolute;
  left: -58px;
  top:-8px; 
  width:37px;
  height:50px;
  background: #00a103;
  transform:scale(0.5);
  border-radius:15px 15px 15px 15px;
  border-style:solid;
  border-color:#082f28;
  border-width:6px;
}

.t_power_m
{
  position: absolute;
  left: -17px;
  top:-48px; 
  width:100px;
  height:30px;
  border-radius:8px;
  color:cyan;
  font-family:Commissioner;
  font-size:20px;
  background: #0d333e;
visibility:hidden;
}

.t_power:hover .t_power_m {visibility: visible}

.t_power_a
{
  position: absolute;
  left: 70px;
  top:160px; 
  width:60px;
  height:20px;
  border-radius:4px;
  color:cyan;
  font-family:Commissioner;
  font-size:12px;
  background: #0d333e;
  z-index:1111;
  visibility:hidden;
}

/*
Bandeau haut 
*/
.txt_w
{
  position:absolute;
  top:-340px;
  left:250px;
  width:840px;
  height:100px;
  background:black; 
  border-radius:20px 20px 20px 20px;
  transform:scale(1)
}

.L0, .L1, .L2, .L3, .L4, .L5, .L6, .L7, .L8, .L9
{
  position:relative;
  top:10px;
  height:60px;
  font-size:55px;
  font-family:Orbitron;
  font-weight: bold;
  font-style:italic;
  color:yellow;
  vertical-align:middle;
  line-height: 70px;
  border-radius:10px;
  opacity:0.2;
}
.L0{left:-10px;width:0px;visibility:hidden;}
.L1{left:-340px;top:-50px;}
.L2{left:-290px;top:-110px;}
.L3{left:-240px;top:-170px}
.L4{left:-150px;top:-230px}
.L5{left:-92px;top:-290px;;}
.L6{left:-37px;top:-350px;}
.L7{left:0px;top:-410px;;}
.L8{left:40px;top:-470px;}
.L9{left:90px;top:-530px;}

.Lv
{
  position:absolute;
  top:0px;
  left:560px;
  width:320px;
  height:100px;
  font-family:Matemasie;
  font-size:30px;
  nfont-style:italic;
  color:gray;
  vertical-align:middle;
  line-height: 105px;
}
.lv_t {position:relative;animation: effect 1s linear infinite;}

@keyframes effect 
    {
    0% ,100% {opacity: 1;color:black;}
    50%      {opacity: 1;color:white;}
    
   }