/* https://nouslesdevs.com/css/popup/ */
#modal{
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}
#modal.open{
	display: block;
}

#modal .mask{
	background: black;
	opacity: 0.8;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#modal .containerpopup{
	position: relative;
	background: #222;
	color: white;
	border-radius: 6px;
	/* background: white; */
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 300px;
	height: auto;
	min-height: 50px;
	max-height: 600px;
	overflow-wrap: break-word;
}

#modal .containerpopup .message{
	padding: 5% 15% 5% 5%;
}

#modal .containerpopup a.close{
	position: absolute;
	right: 5%;
	top:5%;
	color: rgb(247, 243, 243);
	font-size: 12px;
  font-family: "Font Awesome 5 Free";
}
#modal .containerpopup a.close:hover{		
	color: black;
}


.popupaidemenu {
  color: #fff ;
  cursor: help ;
}

.popupaideunique {
  color: rgb(0, 0, 0) ;
  cursor: help ;
}
.popupaideselect {
  color: rgb(0, 0, 0) ;
  cursor: help ;
}


#messageephemere{
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}

#messageephemere.open{
	display: block;
}


#messageephemere .containerpopup{
  font-size: 16;
  font-weight: 600;
  opacity: 0.7;
	position: relative;
	background: white;
  border-radius: 0fr;
	color: rgb(252, 6, 6);
	border-radius: 6px;
	/* background: white; */
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 300px;
	height: auto;
	min-height: 50px;
	max-height: 600px;
	overflow-wrap: break-word;
}

#messageephemere .containerpopup .message{
	padding: 5% 15% 5% 5%;
}