html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	}
body {
	background-color: #9AC9FA;
	margin: 0px;
	width: 100%;
	}
p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	padding: 0px;
	margin: 0px;
}
#container{
	background: url(../images/charte/bg_container.jpg) left top repeat-y;
	width: 802px;
	padding: 0px;
	margin: 0px auto;
	}
#header{
	width: 802px;
	height: 312px;
	}
#middle{
	background: url(../images/charte/bg_middle.gif) left top repeat-y;
	margin: 0px;
	padding: 0px;
	display: table;
	width: 802px;
	}
#content{
	margin: 0px;
	padding: 0px;
	display: table;
	float: left;
	width: 540px;
	background:#E5F1FC url(../images/charte/bg-page-dynamic.jpg) repeat-y left top;
	}
#left_col{
	width: 245px;
	float: left;
	}
#adresse{
	width: 245px;
	float: left;
	height: 180px;
	padding-top: 12px;
	background: url(../images/charte/bg_adresse.jpg) left top no-repeat;
	}
.text_adresse p{
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.53em;
	color: #FFFFFF;
	text-align: center;
	}
#adresse a:link, #adresse a:visited{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style: normal;
	line-height: 2.7em;
	font-weight:bold;
	text-decoration:none;
	}
#adresse a:hover, #adresse a:active{
	color:#C0DEF8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style: normal;
	line-height: 2.7em;
	font-weight:bold;
	text-decoration: underline;
	}
#horaires{
	padding-top: 33px;
	width: 245px;
	height: 140px;
	float: left;
	background: url(../images/charte/bg_horaires.jpg) left top no-repeat;
	}
#mdm{
	width: 245px;
	height: 198px;
	float: left;
	background: url(../images/charte/bg_mdm.jpg) left top no-repeat;
	}
#plan{
	width: 245px;
	height: 110px;
	float: left;
	padding-top: 50px;
	background: url(../images/charte/bg_plan.jpg) left top no-repeat;
	}
.link_plan:link, .link_plan:visited{
	color: #2323A5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding-left: 27px;
	line-height: 3.6em;
	font-weight:bold;
	text-decoration:none;
	}
.link_plan:hover, .link_plan:active{
	color:#288DC9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 3.6em;
	font-weight:bold;
	text-decoration: underline;
	}
#base{
	width: 245px;
	padding-top: 20px;
	float: left;
	}
#footer{
	width:802px;
	float:left;
	background-image: url(../images/charte/bg_footer.jpg);
	}
#digital{
	float:left;
	width:245px;
	text-align: center;
	}
#footer_link{
	float:left;
	width:557px;
	padding-top:0px;
	text-align: center;
	}
.link_footer:link, .link_footer:visited{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 0.8em;
	font-weight:bold;
	text-decoration:none;
	padding-right: 65px;
	}
.link_footer:hover, .link_footer:active{
	color:#C1CFC4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 0.8em;
	font-weight:bold;
	text-decoration: underline;
	padding-right: 65px;
	}
.link_mentions:link, .link_mentions:visited{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 0.8em;
	font-weight:bold;
	text-decoration:none;
	padding-right: 65px;
	}
.link_mentions:hover, .link_mentions:active{
	color:#C1CFC4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 0.8em;
	font-weight:bold;
	text-decoration: underline;
	padding-right: 65px;
	}
.text_footer p{
	color:#C1CFC4;
	font-family:Verdana;
	text-align: center;
	font-size:0.9em;
	line-height: 0.9em;
	}
#fermer a:link, #fermer a:visited{
	color:#fff;
	font-family:Verdana;
	font-size:1em;
	line-height:2.5em;
	font-weight:bold;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	color:#fff;
	font-family:Verdana;
	font-size:1em;
	line-height:2.5em;
	font-weight:bold;
	text-decoration:underline;
	}
/* ------------page-------------------------*/
h1{
	font-family: Tahoma;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #062591;
	font-weight: bold;
	text-align: center;
	}
.text p{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	color: #062591;
	line-height: 1.4em;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	}
.text-strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2980D1;
	font-weight: bold;
	}
.list li{
	background: url(../images/charte/pouce.gif) left no-repeat;
 	font-size: 1em;
	font-family: Verdana;
	text-align:left;
	line-height: 1.6em;
	padding-left: 20px;
	list-style-type: none;
	}
.merci:link, .merci:visited{
	color: #4789C2;
	font-family: Verdana;
	font-size: 1em;
	}
.merci:hover, .merci:active{
	color: #0C3A62;
	font-family: Verdana;
	font-size: 1em;
	font-weight:bold;
	}
.text_map p{
	float:none;
	font-family: Verdana;
	font-size: 0.87em;
	color: #D3613C;
	font-weight: bold;
	letter-spacing: 0.001em;
	line-height: 1.6em;
	text-align: center;
	margin-left: 400px;
	}
#page-dynamic{
	width:548px;
	padding-bottom:10px;
	background:url(../images/charte/bg_content.gif) no-repeat left top;
	}
#page-dynamic p{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	color: #062591;
	line-height: 1.4em;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	}
	h1.subtitle {
		clear:both;
		width: 518px;
		padding:10px 5px;
		background-color:#D1E7FA; 
		margin-left:10px;
		margin-top:10px;
	}
	.image-right{
		float:right;
		padding-left:5px;
		width:161px;
		height:145px;
		padding-right:10px;
		cursor:pointer;
		}
	.image-left{
		float:left;
		padding-right:5px;
		padding-left:10px;
		width:161px;
		height:145px;
		cursor:pointer;
		}
	ul.list1{
		padding:5px 0px;
		margin-top:5px;
		margin-left:15px;
	  }
	ul.list1 li{
		list-style-type:none;
		background:url(../images/charte/icon-list.jpg) no-repeat left 5px;
		padding-left:15px;
		margin-top:2px;
		color: #062591;
		font-family: "Trebuchet MS";
		font-size:13px;
		}
	.line{
		margin:5px 0px;
		clear:both;
		}
	.line1{
		margin:5px 0px 5px 1px;
		clear:both;
		}
#merci #merci-link:link, #merci #merci-link:visited{
	color:#096D46;
	text-decoration:none;
	font:bold 12px Tahoma;
	}
#merci #merci-link:hover, #merci #merci-link:active{
	color:#529981;
	text-decoration:underline;
	font:bold 12px Tahoma;
	}