@charset "utf-8";
/* CSS Document */
.mescadreslivres p.titrecadre{
font-size: 1.5em;
padding: 20px;
background-color: rgba(0,0,0,0.00);
text-align: center;
	border-style: none;
}
.mescadreslivres  {
	 padding: 20px;
	margin: 20px;
}
.container-neon-vert .neon-vert-statique strong {
  color: rgba(69, 166, 130, 1.00);
  font-weight:900;
  font-size: 1em;
 text-decoration: underline;
}

.livre-references .neon-bleu-statique strong {
  color: rgba(37, 113, 165, 1.00);
  font-weight:900;
  font-size: 1em;
 text-decoration: underline;
}
.livre-references .neon-gris-statique strong {
  color: rgba(147,147,147,1.00);
  font-weight:900;
  font-size: 1em;
 text-decoration: underline;
}


.neon-bleu-statique .livre-references{
	border-color: rgba(37, 113, 165, 1.00);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	padding:20px;
}

.neon-gris-statique .livre-references{
	border-color: rgba(147,147,147,1.00);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	padding:20px;
}


div.container-neon-orange {
  background-color: #222222;
  /*background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0 / 15px 15px;*/
  border-radius: 20px;
	border-color: rgba(211, 84, 0, 1.00);
	border-style: solid;
	border-width: 6px;
	margin:2px;
}

div.container-neon-bleu {
  /*background-color: #000000;
  background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0 / 15px 15px;*/
  border-radius: 20px;
	border-color: rgba(100, 207, 245, 1.00);
	border-style: none;
	border-width: 8px;
	padding: 20px;
}
div.container-neon-bleu {
  /*background-color: #000000;
  background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0 / 15px 15px;*/
  border-radius: 20px;
	border-color: rgba(100, 207, 245, 1.00);
	border-style: none;
	border-width: 8px;
	padding: 20px;
}
div.container-neon-gris {

  /*background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 10%, #222222 0%, #222222 50%) 0 / 15px 15px;*/

}
.neon-bleu-dynamique,  .neon-bleu-statique,.neon-orange-statique, .neon-orange-dynamique, .neon-vert-statique, .neon-vert-dynamique {
/*  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;*/
}
.neon-bleu-dynamique {
  color: rgba(37, 113, 165, 1.00);
  font-family: Audiowide;
  font-weight: 400;
  font-size: 1.3em;
}
.neon-gris-dynamique {
  font-family: Audiowide;
  font-weight: 400;
  font-size: 1.3em;
}

.neon-bleu-statique {
  color: rgba(37, 113, 165, 1.00);
  font-weight: 400;
  font-size: 0.8em;
}

.neon-orange-dynamique {
  color: rgba(211, 84, 0, 1.00);
  font-family: Audiowide;
  font-weight: 400;
  font-size: 1.5em;
}

.neon-orange-statique {
  color: rgba(211, 84, 0, 1.00);
  font-family: Audiowide;
  font-weight: 400;
  font-size: 1.6em;

}
.neon-vert-dynamique {
  color: rgba(169, 219, 186, 1.00);
  font-family: Audiowide;
  font-weight: 400;
  font-size: 1.5em;
}

.neon-vert-statique {
  color: rgba(169, 219, 186, 1.00);
  font-family: Audiowide;
  font-weight: 400;
  font-size: 0.9em;
}
@-webkit-keyframes neonb {
  
@keyframes neon-sequence-bleu {
  from {
    text-shadow: 0 0 10px deepskyblue, 0 0 20px deepskyblue, 0 0 30px deepskyblue, 0 0 40px deepskyblue, 0 0 70px deepskyblue 0 0 80px deepskyblue, 0 0 100px deepskyblue, 0 0 150px deepskyblue;
  }
  to {
    text-shadow: 0 0 5px deepskyblue, 0 0 10px deepskyblue, 0 0 15px deepskyblue, 0 0 20px deepskyblue, 0 0 35px deepskyblue, 0 0 40px deepskyblue, 0 0 50px deepskyblue, 0 0 75px deepskyblue;
  }
}

@keyframes neon-sequence-orange {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px rgba(211, 84, 0, 1.00), 0 0 70px rgba(211, 84, 0, 1.00), 0 0 80px rgba(211, 84, 0, 1.00), 0 0 100px rgba(211, 84, 0, 1.00), 0 0 150px rgba(211, 84, 0, 1.00);
  }
  to {
   text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px rgba(255,110,14,1.00), 0 0 35px rgba(255,110,14,1.00), 0 0 40px rgba(255,110,14,1.00), 0 0 50px rgba(255,110,14,1.00), 0 0 75px rgba(255,110,14,1.00);
  }
}
@keyframes neon-sequence-vert {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px rgba(169, 219, 186, 1.00), 0 0 70px rgba(169, 219, 186, 1.00), 0 0 80px rgba(169, 219, 186, 1.00), 0 0 100px rgba(169, 219, 186, 1.00), 0 0 150px rgba(169, 219, 186, 1.00);
  }
  to {
	   text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px rgba(69, 166,130, 1.00), 0 0 35px rgba(69, 166,130, 1.00), 0 0 40px rgba(69, 166,130, 1.00), 0 0 50px rgba(69, 166,130, 1.00), 0 0 75px rgba(69, 166,130, 1.00);
    
  }
}

@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}
@keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}
@keyframes neon4 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;
  }
}
@keyframes neon5 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;
  }
}
@keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}