/* extensions/fonctions/edit/css.css */
.fx_edit_popup_fond {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow:hidden;
	background: #000;
	background: rgba( 0 , 0 , 0 , 0.3 );
	z-index: 100;
	cursor:pointer;
}

.fx_edit_popup{
	position: fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
	max-width: 90%;
	max-height: 90%;
	min-width:500px;
	background: #fff;
	overflow-x:hidden;
	overflow-y:auto;
	color: #000;
	border: 3px solid #000;
	border-radius: 10px;
	z-index: 101;
	padding:30px;
}

.fx_edit_popup.fx_edit_popup_plein_ecran{
	top:50%;
	left: 50%;
	right:auto;
  transform:translate(-50%,-50%);
	height:95%;
	width:95%;
}

.fx_edit_popup.fx_edit_popup_plein_ecran img{
	max-height:100%;
	max-width:100%;
}

.fx_edit_popup.fx_edit_popup_plein_ecran iframe{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:100%;
}

.fx_edit_fermer{
	position:fixed;
	top:8px;
  left:50%;
  transform:translateX(-50%);
  border-radius:10px;
	cursor:pointer;
	line-height:3ex;
	text-align:center;
	border:1px solid #000;
	background:#fff;
	padding:0 1.5ex;
	z-index:102;
}

.fx_edit_hide{
	display:none;
}

.edit_patience_popup , .edit_patience_popup:after{
	position:absolute;
	top:50%;
	left:50%;
  border-radius:50%;
}

.edit_patience_popup{
	width:30px;
	height:30px;
	background:#fff;
	background:rgba(255,255,255,0.8);
	z-index:998;
  transform:translate(-50%,-50%);
  animation:animation_edit_patience_popup 3000ms infinite linear;
}

.edit_patience_popup:after{
	content:" ";
	top:0%;
	left:0%;
	bottom:20%;
	right:20%;
	border-top:5px solid #195193;
	border-right:5px solid #195193;
	border-bottom:5px solid #195193;
	border-left:5px solid transparent;
  animation:animation_edit_patience_popup_after 1250ms infinite linear;
	z-index:999;
}

@keyframes animation_edit_patience_popup{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
  }
}

@keyframes animation_edit_patience_popup_after{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

@media screen and (max-width:700px) {
	
	.fx_edit_popup{
		min-width:auto;
		width:90%;
	}
	
}