.imageFond {
  background-image: url(../images/fondParticules.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  margin: 0;
  border: 2px solid rgba(255, 255, 255, 0);
}
.entete {
  height: 8em;
  width: 100%;
}
.entete img {
  height: 2.5em;
  margin-top: 2em;
  margin-left: 4.2em;
}
.miniature {
  width: 6em;
  margin-left: 1em;
  margin-right: 1em;
}
.entete h2 {
  font-weight: normal;
  margin-left: 10em;
  font-size: 0.9em;
}
.contenu {
  margin-left: 4em;
  margin-top: 3em;
}
.prochainNum {
  display: flex;
  border: 2px solid #c5000b;
  width: 30em;
  padding: 1em;
  margin-left: 25%;
  margin-right: 25%;
  border-radius: 25px;
  background-color: white;
}
.anciensNumeros {
  width: inherit;
  text-align: center;
  margin: 2em;
  padding: 2em;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 25px;
}
.c2 a {
  font-weight: bold;
  text-decoration: none;
  color: #0084d1;
}
.decal {
  margin-left: 3em;
}
.lienRetour {
  display: flex;
}
.retour {
  margin-left: 1em;
  margin-bottom: 3em;
  align-self: center;
}
.retour a {
  color: #282828;
  font-size: 1.1em;
  text-decoration: none;
}
.rond {
  margin-left: 60%;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #999999;
  margin-bottom: 3em;
}
#parution {
  width: 45%;
}

.c2 {
  width: 100%;
  padding: 2em;
  padding-left: 4em;
  margin-left: 0;
}
/* Zoom sur numéro en cours */

/* Style de la miniature */
#numero_en_cours {
 //border-radius: 5px;
 cursor: zoom-in;
 transition: 0.3s;
 width: 10em;
 margin-left: auto;
}

#numero_en_cours:hover {opacity: 0.7;}

/* Arrière plan du zoom */
.boite_a_zoom {
 display: none;
 position: fixed;
 z-index: 1;
 padding-top: 100px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto; /* Permet de scroller si besoin */
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0,0.9);
}

/* Contenu du zoom */
.contenu_zoom {
 margin: auto;
 display: block;
 width: 80%;
 max-width: 700px;
}


/* Animation du zoom */
.contenu_zoom {
 animation-name: zoom;
 animation-duration: 0.4s;
}

@keyframes zoom {
 from {transform:scale(0)}
 to {transform:scale(1)}
}

/* Fermeture */
.fermer {
 position: absolute;
 top: 15px;
 right: 35px;
 color: #f1f1f1;
 font-size: 40px;
 font-weight: bold;
 transition: 0.4s;
}

.fermer:hover,
.fermer:focus {
 color: #bbb;
 text-decoration: none;
 cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
 .contenu_zoom {
   width: 100%;
 }
}