/* Rendre la barre de navigation accessible malgré les pop-up */
.navbar-fixed-top,
.navbar.fixed-top
{
	z-index:5000;
}

#box-result
{
	width: 40%;
	padding: 25px;
	top: 30%;
	left: 30%;
	position: fixed;
	padding: 25px;
	box-shadow: 1px 1px 12px #555;
	display: none;
	z-index: 3000;
	text-align: center;
}

#disabled-site
{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 20000px;
	z-index: 1999;
	display: none;
}

#disabled-pop-up-1
{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 20000px;
	z-index: 2499;
	display: none;
}

#disabled-pop-up-2
{
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 20000px;
	z-index: 2999;
	display: none;
}

.alert-pop-up
{
	background-color: #DDDDDD;
}

.pop-up
{
	position: fixed;
	padding: 10px 0px 25px 0px;
	border: 1px solid #555;
	box-shadow: 1px 1px 12px #555;
	display: none;
}

.pop-up-header
{
	border-bottom: 1px solid #555;
}

.pop-up-content
{
	padding:20px;
	text-align: center;
}

.pop-up-1
{
	z-index: 2000;
}

.pop-up-2
{
	z-index: 2500;
}

.pop-up-3
{
	z-index: 3000;
}

/* Taille des pop up avec MAJ Responsive, taillée sur échelles de transition bootstrap
Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.pop-up-fs,
	.pop-up-lg,
	.pop-up-md,
	.pop-up-sm,
	.pop-up-xs
	{
		width: 100%;
		top: 0px;
		left: 0%;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.pop-up-fs,
	.pop-up-lg,
	.pop-up-md,
	.pop-up-sm,
	.pop-up-xs
	{
		width: 100%;
		top: 0px;
		left: 0%;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.pop-up-fs
	{
		width: 100%;
		top: 0px;
		left: 0%;
	}
	
	.pop-up-lg
	{
		width: 80%;
		top: 10%;
		left: 10%;
	}

	.pop-up-md
	{
		width: 80%;
		top: 20%;
		left: 10%;
	}

	.pop-up-sm
	{
		width: 60%;
		top: 30%;
		left: 20%;
	}
	
	.pop-up-xs
	{
		width: 60%;
		top: 30%;
		left: 20%;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.pop-up-fs
	{
		width: 100%;
		top: 0px;
		left: 0%;
	}
	
	.pop-up-lg
	{
		width: 80%;
		top: 10%;
		left: 10%;
	}

	.pop-up-md
	{
		width: 70%;
		top: 20%;
		left: 15%;
	}

	.pop-up-sm
	{
		width: 50%;
		top: 30%;
		left: 25%;
	}
	
	.pop-up-xs
	{
		width: 40%;
		top: 35%;
		left: 20%;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.pop-up-fs
	{
		width: 100%;
		top: 0px;
		left: 0%;
	}
	
	.pop-up-lg
	{
		width: 80%;
		top: 10%;
		left: 10%;
	}

	.pop-up-md
	{
		width: 60%;
		top: 20%;
		left: 20%;
	}

	.pop-up-sm
	{
		width: 40%;
		top: 30%;
		left: 30%;
	}
	
	.pop-up-xs
	{
		width: 30%;
		top: 35%;
		left: 35%;
	}
}

.close-pop-up-cross
{
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
}

.close-pop-up-cross-hidden
{
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: -9999px;
	text-align: right;
}