.popupMessage {
	display: none;
	position: fixed;
	width: 60%;
	padding-bottom: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 30;
	border: 1px solid #000000;
	background-color: white;
  }

.zonephotoMessage{
	position: fixed;
    width: 100%;
    height: 90%;
	top: 8%;
	overflow: hidden;
  }

.zonephotoMessage img{
	width: 100%;
    height: auto;
	object-fit: contain; 
  }


/* /////////////////////// */

  .popupWikipedia {
	display: none;
	position: fixed;
	width: 60%;
	padding-bottom: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #68d515;
	text-align: center;
	z-index: 30;
	border: 1px solid #000000;
  }

  .zonephotoWikipedia{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 5%;
	overflow: auto;
  }

  .zonephotoWikipedia img{
	width: 100%;
    height: auto;
  }

  .zonephotoWikipediaResponsive{
	display: none;
  }

  /* /////////////////////// */

  .barre-grise-popup{
	position: absolute;
	width: 100%;
	padding-bottom: 5%;
	left: -1px;
	top: -1px;
	background-color: #666666;
	z-index: 7;
	border: 1px solid #000000;
  }

  /* /////////////////////// */

  .fermer-popup{
	position: absolute;
	width: 5%;
	padding-bottom: 4%;
	right: 0%;
	top: 1%;
	z-index: 7;
	opacity: 0.5;
  }

  .fermer-popup:hover{
	opacity: 1;
  }

  .fermer-popup:before, .fermer-popup:after {
	position: absolute;
	left: 50%;
	content: ' ';
	height: 100%;
	width: 10%;
	background-color: #ff0000;
  }

  
  .fermer-popup:before {
	transform: rotate(45deg);
  }
  .fermer-popup:after {
	transform: rotate(-45deg);
  }