html{background:#222;}
section {background: white;}
.popin_subtitle{width:99%;margin-top:20px;margin-bottom:5px;background-color:#2C3E50;color:white;padding:2px;border-radius:3px;font-weight:600}
.big{margin:auto;font-size:16px; padding:4px;text-align:center;}

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 1000;
}

.popup_block .tab{
	margin-top:15px;
	margin-left:20px;
}

.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 3px solid #dd7f4e;
	float: left;
	font-size: 1.2em;
	position: fixed;
	max-width:80%;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popup_block hr{
	border: 0px solid #999;
	border-top: 1px solid #A9A9A9;
}
img.btn_close {
	float: right;
	margin: -45px -45px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

@media only screen and (max-width: 500px) {
	.popup_block{
		min-width:300px;
		max-height:450px;
		overflow:auto;
	}
	img.btn_close{
		margin: -21px -14px 0 0;
		z-index: 999999999999;
	}
}
@media only screen and (min-width: 1000px) {
	.popup_block{
		max-width:50%;
	  left:12% !important;
	}
}



.popup_block{
	top:0px;
	left:0px;
	width:80%;
	margin:10% !important;
}