.black_overlay{
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100% !important;
	height:600px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	width:620px;
	background:#FFFFFF;
	z-index:1002;
	text-align:left;
	border-radius: 30px 0 0 0;
	box-shadow:   0px 3px 10px #000;
	border:8px solid #1c8bc9;
	background: url(../img/Alerte/top-prehome.gif) no-repeat scroll  #fff;
	margin-top: -285px;
	margin-left:-310px;
	height: 550px;
	padding-bottom:90px;
}
.modal-header.text-center {
	background: #014248;
}
 
.light_mobile {
	position: relative;
	z-index: 1002;
	top: 0;
	left: 0%;
	width: auto;
	text-align: left;
	border-radius: 30px 0 0 0;
	box-shadow: 0px 3px 10px black;
	max-height: 100%;
	padding: 10px;
	margin: 20px;
	border:8px solid #1c8bc9;
	background: url(../img/Alerte/top-prehome-mobile.gif) no-repeat scroll  #fff;
	height: 100%;
}

.modal-header.text-center.prehomealerte{
	background: #e85321;
	}

.modal-header.text-center.maintenance{
	background: #c6d129;
	}
	
.light_mobile.prehomealerte{
	background: url(../img/Alerte/top-alerte-mobile.gif) no-repeat scroll  #fff;
	border-color: #e85321;
	/*background: #e85321;*/
	}

.light_mobile.maintenance{
	background: url(../img/Alerte/top-maintenance-mobile.gif) no-repeat scroll  #fff;
	border-color: #c6d129;
	/*background: #c6d129;*/
	}
	
.light1{
	height: 460px;
	overflow: auto;
	margin-top: 90px;
}
.light2{padding:10px}

.acces-site,
.acces-site-mobile{
	background-color:#0F64A4;
	border-radius: 5px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	border-bottom:2px solid #01487b;
	border-right:2px solid #01487b;
	}
.acces-site{
	font-size:1.8em;
	padding:10px;
	}
.acces-site-mobile{
	font-size:1.3em;
	padding:5px;
	}

.logo-alert{
	display:block;
	text-align:center;
	margin-top: 30px;}
.logo-alert img{margin-top:20px}

.light1 h1{
color: #647E96;
font-weight: bold;
font-size: 1.8em;
margin: 10px 0 10px 0;
padding: 0;
}
.light1 h2{
color: #647E96;
font-weight: bold;
font-size: 1.4em;
margin: 0;
padding: 0;
}
.light1 p {
    z-index: 200;
    margin: 0;
	font-size: 1.2em;
	font-family: Verdana;
	color: black;
}
.light1 ul, .light1 ol{
	font-size: 1.2em;}
	
.light1{
	margin-top:80px;	
	overflow: auto;
	position:relative;height: 74%;
}	
.light_mobile .light1{
	margin-top:30px;	
	overflow: visible;
	position:relative;height: 74%;
}
.light_mobile .light2{
	padding:5px
}

.block{display:block}

.light2 table{width:auto;}


.light2 hr{width:auto}

#fond{z-index:1;}