html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: url(../images/charte/bg1.gif) left top;
}
.mdm{
		font-family: Verdana;
		font-size:1em;
		margin: 50px 0px 0px 20px;
		color:#FFFFFF;
		text-align:justify;
		width: 185px;
		height:125px;
}
#mdm-popup{
	height: 100%;
	display: table;
	width:500px;
	margin: auto;
}
.mdm-link:link, .mdm-link:visited{
		color:#BCCFFC;
		text-decoration: underline;
		font-size: 1em;
		font-family:Arial;
		font-size: 1em;
	}
	.mdm-link:hover, .mdm-link:active{
		color:#FFFFFF;
		text-decoration: underline;
		font-family:Arial;
		font-size: 1em;
	}

#mdm-top{
	width:500px;
	height:129px;
	float: left;
}
#mdm-content{
	width:500px;
	height:365px;
	float: left;
	background-color: #3452A7;
}
.mdm-text{
	font-family:Arial;
	padding-top: 6px;
	padding-right: 6px;
	margin: 5px 2px 0px 12px;
	font-size:1.1em;
	text-align:justify;
	color:#FFFFFF;
	overflow:auto;
	width:478px;
	height:350px;

}

#mdm-footer{
	float: left;
	background: url(../images/charte/mdm-bottom.gif) left top no-repeat;
	width:500px;
	height:36px;
}
#fermer{
		padding-top:4px;
}

.fermer-popup:link, .fermer-popup:visited{
	color: #062276;
	font-family: Arial;
	font-size:1.1em;
	line-height:1.8em;
	font-weight:bold;
	text-decoration:none;
}

.fermer-popup:hover, .fermer-popup:active{
	color: #FFFFFF;
	font-family: Arial;
	font-size:1.1em;
	line-height:1.8em;
	font-weight:bold;
	text-decoration:none;
}