html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 12px Arial;
  background-color: #fcedb5;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}

#container{
	width:797px;
	margin:0px auto;
  background: url(../images/charte/repeat-y.jpg) repeat-y left top;
  display:table;
	}
#container1{
margin:0 auto;
width:796px;
float:left;
}

#header{
	width:796px;
	height:297px;
  background-image: url(../images/charte/header.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #fcedb5;
  }

#left-col{
  width:201px;
  float:left;
}
#diaporama-gauche{
  width:201px;
  height:178px;
  background-image: url(../images/charte/diaporama-gauche.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float:left;
}
#right-col{
	width:576px;
  text-align:justify;
  padding-left:11px;
  padding-right:7px;
  float:left;
	}
#mdm{
  background: url(../images/charte/bg-mdm.jpg) right top no-repeat;
  height:158px;
  width:201px;
  float:left;
  }
#adresse{
  background-image: url(../images/charte/bg-adresse.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  width:201px;
  height:181px;
  text-align: center;
  float:left;
 	}
.text-adresse{
 color:#0f7c0f;
 line-height:18px;
}

#qualifications{
  background-image: url(../images/charte/bg-qualifications.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  width:201px;
  height:161px;
  float:left;
}
#plan{
  background-image: url(../images/charte/bg-plan.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  width:201px;
  float:left;
}
#footer{
  margin:0 auto;
	width:798px;
	height:55px;
	background-color: #fcedb5;
  font: normal 11px Arial;
  display:table;
  }
#digital-age{
  padding-left:31px;
  float:left
}
#nav-footer{
  width:610px;
  float:left;
  text-align:right;
  color:#0f7c0f;
  font:normal 12px Arial;
  padding-bottom:5px;
  padding-top:1px;
}

#nav-footer span{
padding-left:5px;
padding-right:5px;
}
#nav-footer a:link, #nav-footer a:visited{
	font:normal 12px Arial;
	text-decoration:none;
	color:#0f7c0f;
	text-align:center;
	}
#nav-footer a:hover, #nav-footer a:active{
	font:normal 12px Arial;
	color:#85b200;
	text-decoration:underline;
	text-align:center;
	}
#footer-droits{
  width:610px;
  float:left;
  text-align:right;
  color:#0f7c0f;
  }

#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
	color:#0f7c0f;
	font:bold 11px Arial;
	text-decoration:none;
	}
#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
	color:#85b200;
	font:bold 11px Arial;
	text-decoration:underline;
	}
#page-dynamic{
  width:575px;
  float:left;
  color:#075907;
}

#page-dynamic p{
  line-height:1.5em;
  font-size:12px;
  font-family: Arial;
  padding-bottom:4px;
}

#page-dynamic h5{
  width:450px;
  padding-left:15px;
  margin-top:5px;
  margin-bottom:5px;
  font-size:14px;
  font-family:Arial;
  float:left;
}
#page-dynamic h4{
  width:450px;
  padding-left:14px;
  margin-left:25px;
  font-size:12px;
  font-family:Arial;
  background-image: url(../images/charte/flame-bullet.jpg);
  background-position: left;
  background-repeat: no-repeat;
  display:table;
}

.middle{
  float:left;
  width:272px;
  padding-right:6px;
  padding-left:4px;
}
.double-list{
  width:264px;
  padding-right:10px;
  padding-top:5px;
}
#page-title{
  width:574px;
  float:left;
  padding-bottom:10px;
}
.lined{
  width:574px;
  float:left;
  }
.line{
  float:left;
  padding-bottom:10px;
}




ul.list{
      float:left;
      background-color:#fff4d3;
	 		list-style:none;
      padding-top:1px;
      padding-bottom:2px;
      margin-left:5px;
     	}
		ul.list li{
      padding-left:15px;
      padding-top:3px;
      padding-right:4px;
      margin-left:26px;
      background:url(../images/charte/bullet.jpg) left 4px no-repeat;
			color:#075907;
			font:normal 12px Arial;
      text-align: justify;
			}

ul.list1{
      float:right;
      background-color:#fff4d3;
	 		list-style:none;
      padding-top:1px;
      padding-bottom:2px;
      padding-left:10px;
      padding-right:10px;
     	}
		ul.list1 li{
      padding-left:15px;
      padding-top:3px;
      padding-right:4px;
      margin-left:8px;
      background:url(../images/charte/bullet.jpg) left 4px no-repeat;
			color:#075907;
			font:normal 12px Arial;
      text-align: justify;
			}

ul.list2{
      float:left;
	 		list-style:none;
      padding-top:1px;
      padding-bottom:2px;
      margin-left:5px
     	}
		ul.list2 li{
      padding-left:15px;
      padding-top:3px;
      padding-right:4px;
      margin-left:26px;
      background:url(../images/charte/bullet.jpg) left 4px no-repeat;
			font:normal 12px Arial;
      text-align: justify;
			}
      ul.list-realisations{
      width:570px;
      float:left;
      background-color:#fff4d3;
	 		list-style:none;
      padding-top:1px;
      padding-bottom:2px;
      margin-left:5px;
     	}
	ul.list-realisations li{
      display:inline;
      padding-left:15px;
      padding-top:3px;
      padding-right:4px;
      margin-left:26px;
      background:url(../images/charte/bullet.jpg) left 4px no-repeat;
			color:#075907;
			font:normal 12px Arial;
      text-align: justify;
			}

#partenaires{
  background-image:url(../images/charte/partenaires.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width:566px;
  height:265px;
  float:left;
  clear:both;
}
#partenaires1{
  float:left;
  width:277px;
  margin-top:53px;
}
#partenaires2{
  float:left;
  width:282px;
  margin-top:57px;
}

.jump-to:link, .jump-to:visited{
  color:#c14e3c;
  font-size:12px;
  font-family:Arial;
  text-decoration: underline;
  width:282px;
  }
.jump-to:hover, .jump-to:active{
  color:#c14e3c;
  font-size:12px;
  font-family:Arial;
  text-decoration: none;
  width:282px;

}

#partenaires a:link,#partenaires a:visited{
  color:#c14e3c;
  font-size:12px;
  font-family:Arial;
  text-decoration: underline;
  padding-left:30px;
  width:282px;
  line-height:22px;
}
#partenaires a:hover,#partenaires a:active{
  color:#c14e3c;
  font-size:12px;
  font-family:Arial;
  text-decoration: none;
  padding-left:30px;
  width:282px;
  line-height:22px;
}
.align1{
  float:left;
  width:277px;
}
.align2{
  float:left;
  width:282px;
}
.big-left{
  float:left;
  width:560px;
}
.big-left1{
  float:left;
  width:550px;
}
.big-left h5{
  color:#824b36;
  font-size:16px;
  margin-bottom:0px;
  padding-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  float:left;
}
.big-left h6{
  margin:0px;
  padding:0px;
  font-size:12px;
  width:400px;
  font-family:Arial;
  background-image: url(../images/charte/flame-bullet.jpg);
  background-position: left;
  background-repeat: no-repeat;
  float:left;
}

.medium-right{
  width:160px;
  float:right;
}
.list-top{
  float:left;
  width:120px;
  padding-top:10px;
  padding-bottom:3px;
  padding-left:15px;
}
.button1{
	background-color: #fcd577;
	color: #824b36;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #824b36;
	width: 75px;
	height: 20px;
  margin-left:3px;
  margin-right: 3px;
}
.buttonover1{
	background-color: #824b36;
	color: #fcd577;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #fcd577;
	width: 75px;
	height: 20px;
	cursor: pointer;
  margin-left:3px;
  margin-right: 3px;
}