/****************** Popup générique ***************/

/* Fond total de la popup */
.popupBackground{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left:0;
}
/* Grand conteneur popup */
.containerBlockPopup {
  position: relative;
   width: 1567px;
} 
/* Conteneur direct popup */
.successPopup{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 50vh;
  padding: 15px 0;
  border-radius: 5px;
  box-shadow: 0px 0px 15px #c4c4c4a8;
  text-align: center;
  border: 2px solid #0d1c2d;
  background-color: #fff;
}
/* Cas de la popup texte avec icone */
.successPopup > div {
  display: inline-block;
}
.successPopup i {
  font-size: 24px;
  margin-right: 10px;
} 
/* Cas de la popup avec boutons de confirmation */
.confirmationPopup > div {
  display: block;
}
/* Style des boutons */
.genericPopupButton {
  margin: 15px;
  color: #fff;
  background-color: #0d1c2d;
}
/* Les classes rajoutées si une couleur est passée en param */
.greyPopup {
  border: 2px solid #6e7882;
  background-color: #F5F5F5;
}
.greenPopup {
  border: 2px solid #4caf50;
  background-color: #E8EEDC;
}
.orangePopup {
  border: 2px solid #f2994a;
  background-color: #F5E7D9;
}
.redPopup {
  border: 2px solid #f24a4a;
  background-color: #F5E4E4;
}

/****************** Lightbox connexion ***************/

/* Fenêtre (fond) */
.popupOverlayStyleCo {
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Conteneur général de la fenêtre */
.popupOverlayStyle-container {
  background-color: #fefefe;
  margin: 0 auto; /* 15% from the top and centered */
  padding: 60px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  position: relative;
  top: 5%;
}
/* Conteneur du texte et bouton */
.popupOverlayStyle-container .containerContent {
  display: flex;
  justify-content: space-evenly;
}

/* Bouton connexion spécifique popup */
#buttonConnexionPopup {
  border: 1px solid #0d1d2d;
  width: 10vw;
  text-align: center;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

#buttonConnexionPopup a {
  background-size: cover;
  font-family: Barlow Condensed;
  font-size: 1.3em;
  text-decoration: rgb(13, 29, 45);
  color: #0d1d2d;
  text-transform: uppercase;
}

.popupConnexion * {
  display: inline-block;
}

/* Croix de fermeture de la popup */
.crossPopup {
  color: #0D1C2D;
  float: right;
  font-size: 34px;
  font-weight: normal;
  position: relative;
  top: -20px;
  right: 3px;
}

.display-inline{
  display:inline;
}