/* 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:900;
	cursor:pointer;
}

.fx_edit_popup , .fx_edit_erreur{
	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;
	padding:30px;
}

.fx_edit_popup.fx_edit_popup_plein_ecran , .fx_edit_popup.fx_edit_popup_100{
	top:50%;
	left: 50%;
	right:auto;
	transform:translate(-50%,-50%);
	height:90%;
	padding:0;
}

.fx_edit_popup.fx_edit_popup_plein_ecran{
	width:90%;
}

.fx_edit_popup_100{
	width:100%;
	max-width:100%;
}

.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:35px;
	left:50%;
	transform:translate(-50%,-50%);
	border-radius:50%;
	cursor:pointer;
	border: 3px solid #000;
	background:#fff;
	width:50px;
	height:50px;
}

.fx_edit_fermer:hover{
	background:#ddd;
}

.fx_edit_fermer:after , .fx_edit_fermer:before{
	content:" ";
	position:absolute;
	top:50%;
	left:50%;
	border-radius:2px;
	height:3px;
	width:80%;
	background:#000;
}

.fx_edit_fermer:after{
	transform:translate(-50%,-50%) rotate(45deg);
}

.fx_edit_fermer:before{
	transform:translate(-50%,-50%) rotate(-45deg);
}

.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;
}


.fx_edit_popup header h1 , .fx_edit_popup header h2 , .fx_edit_popup header h3{
	line-height:1.2em;
	margin:0.3em 0;
	font-weight:300;
	color:#3a3a3a;
}

.fx_edit_popup header h1{
	font-size:2em;
	text-align:center;
}

.fx_edit_popup header h2{
	font-size:1.6em;
}

.fx_edit_popup header h3{
	font-size:1.3em;
}

.fx_edit_popup{z-index: 901;}
.fx_edit_fermer{z-index:902;}
.fx_edit_popup[data-niv='2']{z-index: 903;}
.fx_edit_fermer[data-niv='2']{z-index:904;}
.fx_edit_popup[data-niv='3']{z-index: 905;}
.fx_edit_fermer[data-niv='3']{z-index:906;}
.fx_edit_popup[data-niv='4']{z-index: 907;}
.fx_edit_fermer[data-niv='4']{z-index:908;}
.fx_edit_popup[data-niv='5']{z-index: 909;}
.fx_edit_fermer[data-niv='5']{z-index:910;}

.fx_edit_popup.fx_edit_image{
	width:90%;
	height:90%;
}

@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%;
	}

}