div.jquery-fenetre
{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  z-index: 10000000;
  display: none;
}

div.jquery-fenetre > div
{
  max-width: 90%;
  max-height: 90vh;
  position: absolute;
  background: none;
  border:0px solid black;
  display: none;
  flex-direction: column;
}

div.jquery-fenetre > div > div.menu-haut
{
  height: 35px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid #ddd;
}

div.jquery-fenetre > div > div.menu-haut > div:nth-child(1) /* Titre fenêtre */
{
  flex:1;
  color:black;
  padding-left:10px;
  font-weight: bold;
}

div.jquery-fenetre > div > div.menu-haut > div:nth-child(2)
{
  width: 50px;
  text-align: right;
  padding-right: 10px;
}

div.jquery-fenetre > div > div.menu-haut > div:nth-child(2) > i /* Croix de fermeture */
{
  padding:3px;
  cursor: pointer;
  color:#999;
}

div.jquery-fenetre > div > div.menu-haut > div:nth-child(2) > i:hover
{
  color:#777;
}

div.jquery-fenetre > div > div.contenu
{
  padding: 5px;
  flex:1;
  background: #fff;
}

div.jquery-fenetre > div > div.menu-bas
{
  width: 100%;
  border-top:1px solid #ddd;
  padding:5px;
  display: flex;
  justify-content:flex-end;
}

div.jquery-fenetre > div > div.menu-bas > div /* Bouton menu bas */
{
  border:1px solid black;
  border-radius: 5px;
  padding:0px 20px;
  text-transform: uppercase;
  cursor:pointer;
}