@import url("mail-styles.css");

/*** \/\/\/\/\/\/\/ default html/body styles \/\/\/\/\/\/\/ ***/
html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Verdana;
	background-color:#242424;
  background-image: url(../images/charte/repeat-x.jpg);
  background-position: left top;
  background-repeat: repeat-x;
	}
#container1{
  background-image: url(../images/charte/background-top.jpg);
  background-position: center top;
  background-repeat: no-repeat;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
/*** /\/\/\/\/\/\/\/\ ***/
#container{
	width:786px;
	margin:0px auto;
  background-image: url(../images/charte/background-top.jpg);
  background-position: center top;
  background-repeat: no-repeat;
	height:100%;
	}
#header {
  margin:0 auto;
	width:786px;
	height:312px;

	}
#contenu {
	width:786px;
 	display:table;
  background: url(../images/charte/repeat-y.jpg) repeat-y left top;
	}
#contenu p{
  color:#0D81B4;
	font:normal 1.2em Verdana;
	text-align:justify;
	line-height:20px;
	}
#page-dynamic{
  float:left;
  margin: 0 auto;
  width:710px;
  padding-left:37px;
	}
#page-title{
  width:710px;
  height:51px;
  background-image:url(../images/charte/bg-title.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  float:left;
  display:table;
  }
#title{
  float:right;
  }
h1{
  width:710px;
  margin-top:10px;
  line-height:30px;
  padding-left:10px;
  background: url(../images/charte/bg-h1.jpg) left bottom no-repeat;
  color:#ddd010;
  font-family: Verdana;
  font-size: 18px;
  font-weight: lighter;
  float:left;
  }
#contenu p{
  color:#FFFFFF;
  font:normal 13px Verdana;
  text-align:justify;
  padding-left:18px;
  padding-bottom:10px;
  line-height:1.4em;
  width:500px;
  float:left;
  }
.line{
  float:left;
  padding-top:10px;
  }
.line1{
  float:left;
  padding-top:8px;
  }
#mdm{
  background: url(../images/charte/bg-mdm.jpg) left top no-repeat;
  height:94px;
  width:313px;
  margin:15px auto;
  border: solid 1px #3a88de;
  display:table;
  }
.realisations{
	color:#FFFFFF;
  font:bold 13px Verdana;
	text-decoration:none;
	}
.realisations:link, .realisations:visited{
	color:#FFFFFF;
  font:bold 13px Verdana;
	text-decoration:none;
  border:none;
	}
.realisations:hover, .realisations:active{
	color:#FFFFFF;
  font:bold 13px Verdana;
	text-decoration:underline;
  border:none;
	}
#mdm p{
  width:200px;
  float:left;
  padding-right:10px;
  padding-left:10px;
  padding-top:30px;
  color:#1869c3;
  font-family:Verdana;
  font-size:11px;
  line-height:1em;
  }
.detailes{
  width:220px;
  color:#2976ca;
  font-family:Verdana;
  font-size:11px;
  line-height:1em;
  text-align:right;
  float:left;
  }
.detailes:link, .detailes:visited{
  width:220px;
  color:#2976ca;
  font-family:Verdana;
  font-size:11px;
  line-height:1em;
  text-align:right;
  text-decoration:none;
  float:left;
	}
.detailes:hover, .detailes:active{
  width:220px;
  color:#63C1EC;
  font-family:Verdana;
  font-size:11px;
  line-height:1em;
  text-align:right;
  text-decoration:underline;
  float:left;
	}
#footer {
  padding-top:15px;
	width:786px;
	height:66px;
	background:url(../images/charte/footer.jpg) no-repeat left bottom;
  color:#FFFFFF;
	}
#footer-adresse{
	padding-top:5px;
	padding-left:110px;
	}
#footer-adresse span{
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
  }
#nav-footer{
	padding-top:2px;
	padding-left:175px;
	}
#nav-footer div{
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	color:#ffffff;
	}
#nav-footer span{
	font-family:Verdana;
	font-size:11px;
	font-style:normal;
	color:#ffffff;
	}
#nav-footer a:link, #nav-footer a:visited{
	font:bold 11px Verdana;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
  border:none;
	}
#nav-footer a:hover, #nav-footer a:active{
	font:bold 11px Verdana;
	color:#63C1EC;
	text-decoration:underline;
	text-align:center;
  border:none;
	}
#footer-droits {
	font-family:Verdana;
	font-size:10px;
	font-style:normal;
	color:#FFFFFF;
	clear:both;
	width:532px;
	text-align:center;
	padding-left:135px;
	padding-top:4px;
	}
#footer-droits span{
	font-family:Verdana;
	font-size:10px;
	font-style:normal;
	color:#ffffff;
	padding-left:12px;
	padding-right:12px;
	}
#footer-droits #digital-age:link, #footer-droits #digital-age:visited{
	color:#FFFFFF;
	font:normal 10px Verdana;
	text-decoration:none;
  border:none;
	}
#footer-droits #digital-age:hover, #footer-droits #digital-age:active{
	color:#63C1EC;
	font:normal 10px Verdana;
	text-decoration:none;
  border:none;
	}
#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
	color:#FFFFFF;
	font:bold 10px Verdana;
	text-decoration:none;
  border:none;
	}
#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
	color:#63C1EC;
	font:bold 10px Verdana;
	text-decoration:underline;
  border:none;
	}