html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% Arial;
	background:#FFFBF7;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:821px;
	margin:0px auto;
	}
#container1{
	width:821px;
	background:url(../images/charte/bg-container.jpg) repeat-y left top;
	float:right;
	clear:both;
	}
#container2{
	width:821px;
	background:url(../images/charte/photo-left.jpg) no-repeat 11px bottom;
	float:left;
	clear:both;
	}
#header{
	width:821px;
	height:253px;
	}
#left-col{
	width:184px;
	float:left;
	}
	#espace{
		width:184px;
		height:154px;
		background:url(../images/charte/bg-espace.jpg) no-repeat left top;
    padding-top:50px;
    float: left;
		}
.contact-link {
		color:#FF8D00;
		font:normal 13px Arial;
		text-align:justify;
		}
		.contact-link:link, .contact-link:visited{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#FF8D00;
				}
		.contact-link:hover, .contact-link:active{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#3567AA;
				}
 #contact-link1 {
		color:#3567AA;
		font:normal 13px Arial;
		text-align:justify;
		}
		#contact-link:link1, #contact-link1:visited{
				font:normal 13px Arial;
				text-decoration:underline;
				color:#3567AA;
				}
		#contact-link1:hover, #contact-link1:active{
				font:normal 13px Arial;
				text-decoration:underline;
				color:#FF8D00;
				}
 .contact-link2 {
		color:#3567AA;
		font:normal 11px Arial;
		text-align:justify;
		}
		.contact-link2:link, .contact-link2:visited{
				font:bold 11px Arial;
				text-decoration:underline;
				color:#3567AA;
				}
		.contact-link2:hover, .contact-link2:active{
				font:bold 11px Arial;
				text-decoration:underline;
				color:#FF8D00;
				}
#right-col{
	width:637px;
	float:right;
	background:url(../images/charte/bg-title.jpg) no-repeat left top;
	}
	#right-col p{
		color:#000000;
		font:normal 12px Arial;
		text-align:justify;
		margin:0px;
		line-height:18px;
    padding:0px 10px 5px 10px;
		}

h1{
    font:bold 12px Arial;
    color: #A72E8D;
    text-align:justify;
    line-height: 25px;
    padding:0px 10px 0px 10px;
}
h2{
    font:bold 12px Arial;
    color:#1C7AAC;
    text-align:justify;
    line-height: 25px;
    padding:0px 10px 0px 10px;
}
h3{
    font:bold 12px Arial;
    color:#1C7AAC;
    text-align:justify;
    line-height:18px;
    padding:0px 10px 0px 10px;
    text-align: center;
}
h4{
    font:bold 16px Arial;
    color:#F7B612;    
    text-align: center;
    line-height: 18px;
    margin-top:0px;
    padding-left:5px;
    padding-right: 5px;
}
h5{
    font:bold 12px Arial;
    color: #1C7AAC;
    text-align:justify;
  	margin:0px;
}
h6{
    font:bold 12px Arial;
    color: #A72E8D;
    text-align:justify;
    line-height: 18px;
	  margin-top:0px;
	  margin-bottom:0px;
}
#page-dynamic{
		width:600px;
		padding:20px 0px 20px 0px;
    margin: 25px 10px 15px 10px;
    border: 1px solid #A62D8E;
		}
#page-title{
	padding-top:2px;
	padding-left:15px;
}
    #page-title div {
      font:bold 14px Arial;
      color:#ffffff;
      padding-left:5px;
      padding-right:5px;
    		}

		#page-title div span{
			font:bold 14px Arial;
			color:#ffffff;
			padding-left:1px;
			padding-right:1px;
		}
#page-index{
	width:626px;
	background:#A62D8E url(../images/charte/bg-index.jpg) no-repeat 15px 15px;
  float: left;
	}
 .subtitle{
 padding-left:40px;
 padding-top:55px;
 }
.subtitle1{
 padding-left:40px;
 padding-top:21px;
 clear: both;
 }
.bg-text{
	background-color:#EBD0E7;
	}
.bg-text1{
	background-color:#E2B7DB;
	margin:0px;
	padding-top:5px;
	padding-bottom:10px;
	}	
.bg-title{
	background-color:#DCECF5;
	width:580px;
	height:28px;
	}
.background-list{
  width: 326px;
  height: 27px;
  background-color: #B1409A;
  margin: 6px 0px 1px 0px;
  padding-top: 5px;
  padding-left:25px;
  float:left;
}
.background-list1{
  width: 326px;
  height: 27px;
  background-color: #B34C9F;
  margin: 0px 0px 1px 0px;
  padding-top: 5px;
  padding-left:25px;
  float: left;
}
.background-list2{
  width: 326px;
  height: 27px;
  background-color: #B1409A;
  margin: 0px 0px 1px 0px;
  padding-top: 5px;
  padding-left:25px;
  float:left;
}
.background-text{
	padding-left:14px; 
	float:left;
	}
.background-list3{
  width: 550px;
  height: 27px;
  background-color: #B1409A;
  margin: 6px 0px 1px 0px;
  padding-top: 5px;
  padding-left:25px;
  float:left;
}
	.background-list3a{
		width:250px;
		float:left;
		}
      .background-list3a p {
        text-align:center;
        font-size:12px;
        font-weight:bold;
        color:#ffffff;
  		}
	.background-list3b{
		float:left; 
		width:250px; 
		padding-left:20px;
		}
  .background-list3c{
		width:510px;
		float:left;
		}
.background-list4{
  width: 563px;
  background-color: #E2B8D5;
  padding-top: 5px;
  padding-left:12px;
  padding-bottom:10px;
  float: left;
}
	.background-list4a{
		width:270px; 
		float:left;
		}
	.background-list4b{
		width:270px; 
		float:left;
		padding-right:10px;
		}
	.background-list4c{
		width:270px;
		float:left;
		padding-left:10px;
		border-left:1px solid #A62D8E;
		}
	.background-list4d{
		width:540px;
		text-align:center;
		}
  .background-list4e{
		width:270px;
		float:left;
		padding-right:10px;
		border-right:1px solid #A62D8E;
		}
.background-list5{
		width:590px;
		background-color: #DCECF3;
    padding: 5px;
		}
.text-list{
  font: bold 12px Arial;
  color:#A72E8D;
}
#text-adresse0{
  background-color:#E2B8D5;
  padding:10px 10px 10px 40px;
  width:320px;
  margin-top:20px;
  float:left;
  border:2px solid #A62D8E;
}
#text-adresse{
  width:130px;
  float:left;
  }
  #text-adresse p {
    font:bold 12px Arial;
    color:#A62D8E;
    }
#text-adresse1{
  width:170px;
  float:left;
  }
  #text-adresse1 p {
    font:normal 12px Arial;
    color:#000000;
    padding-left:30px;
    }
#text-adresse-line{
  border-right:1px solid #A62D8E;
  float:left;
  height:100px;
  width:10px;
}
ul.list{
	 		margin:0px 0px;
			list-style:none;
		 	}
		ul.list li{
			color:#ffffff;
			font:normal 13px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/bullet1.jpg) no-repeat left 2px;
			padding-left:17px;
			line-height:13px;
			}
ul.list1{
	 		margin:0px 17px;
			list-style:none;
      		margin-bottom:10px;
		 	}
		ul.list1 li{
			color:#000000;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
			padding-left:10px;
			line-height:18px;
			}
      ul.list1 li span{
			color:#A62D8E;
			font:bold 12px Arial;
			line-height:18px;
			}
ul.list2{
	 		margin:0px 0px;
			list-style:none;
      		padding-right:10px;
     		border-right:1px solid #A62D8E;
		 	}
		ul.list2 li{
			color:#000000;
			font:normal 13px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/bullet3.jpg) no-repeat left 4px;
			padding-left:17px;
			line-height:18px;
			}
ul.list3{
	 		margin:0px 5px;
			list-style:none;
      padding-right:10px;
		 	}
		ul.list3 li{
			color:#000000;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list1.gif) no-repeat left 5px;
			padding-left:10px;
			line-height:18px;
			}
ul.list4{
	 		margin:0px 0px;
			list-style:none;
      padding-right:10px;
			padding-top:0px;
		 	}
		ul.list4 li{
			color:#000000;
			font:normal 12px Arial;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/bullet3.jpg) no-repeat left 4px;
			padding-left:17px;
			line-height:18px;
			}
ul.list5{
	 		margin:0px 60px;
			list-style:none;
      margin-bottom:10px;
		 	}
		ul.list5 li{
			color:#000000;
			font:normal 12px Arial;
			text-align:justify;
			background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
			padding-left:10px;
			line-height:18px;
			}
ul.list6{
	 		margin:0px 0px 0px 16px;
			list-style:none;
      margin-bottom:10px;
      letter-spacing: -0.7px;
      width: 165px;
		 	}
		ul.list6 li{
			color:#9B107F;
			font:bold 12px Verdana;
			margin-top:3px;
			background: url(../images/charte/icon-link.jpg) no-repeat left 5px;
			padding-left:15px;
			line-height:25px;
      letter-spacing: -0.5px;
			}
      ul.list6 li span{
			font:bold 14px Verdana;
			line-height:18px;
			}
       ul.list6 li a:link, ul.list6 li a:visited{
  			color:#ffffff;
  			font:bold 14px Verdana;
        text-decoration:none;
  			line-height:18px;
         letter-spacing: -0.5px;
			}
      ul.list6 li a:hover, ul.list6 li a:active{
  			color:#9B107F;
  			font:bold 14px Verdana;
  			line-height:18px;
        letter-spacing: -0.5px;
        text-decoration:underline;
			}
#mdm{
  width: 188px;
  height: 145px;
  padding-left: 21px;
  padding-top: 150px;
  padding-bottom: 5px;
  float:left;
  background:url(../images/charte/bg-mdm.jpg) no-repeat 20px 145px;
	clear: both;
}

.page-link {
		color:#ffffff;
		font:normal 12px Arial;
		text-align:justify;
		font-style:oblique;
		}
		.page-link:link, .page-link:visited{
				font:normal 12px Arial;
				text-decoration:none;
				color:#ffffff;
				}
		.page-link:hover, .page-link:active{
				font:normal 12px Arial;
				text-decoration:underline;
				color:#FAD065;
				}

.title-link {
		color:#ffffff;
		font:bold 16px Arial;
		text-align:justify;
		line-height:23px;
		}
		.title-link:link, .title-link:visited{
				font:bold 16px Arial;
				text-decoration:none;
				color:#ffffff;
				line-height:23px;
				}
		.title-link:hover, .title-link:active{
				font:bold 16px Arial;
				text-decoration:underline;
				color:#FAD065;
				line-height:23px;
				}	
.title-link1 {
		color:#ffffff;
		font:bold 14px Arial;
		text-align:justify;
		}
		.title-link1:link, .title-link1:visited{
				font:bold 14px Arial;
				text-decoration:none;
				color:#ffffff;
				}
		.title-link1:hover, .title-link1:active{
				font:bold 14px Arial;
				text-decoration:underline;
				color:#FAD065;
				}						
.page-link1 {
		color:#1C7AAC;
		font:normal 11px Arial;
		text-align:justify;
    padding-right:5px;
		}
		.page-link1:link, .page-link1:visited{
				font:normal 11px Arial;
				text-decoration:underline;
				color:#1C7AAC;
				}
		.page-link1:hover, .page-link1:active{
				font:normal 11px Arial;
				text-decoration:underline;
				color:#F2AB1C;
				}
.page-link2 {
		color:#1C7AAC;
		font:normal 12px Arial;
		text-align:justify;
    padding-right:5px;
		}
		.page-link2:link, .page-link2:visited{
				font:normal 12px Arial;
				text-decoration:underline;
				color:#1C7AAC;
				}
		.page-link2:hover, .page-link2:active{
				font:normal 12px Arial;
				text-decoration:underline;
				color:#F2AB1C;
				}
.pages-link {
		color:#1C7AAC;
		font:bold 12px Arial;
		text-align:justify;
		font-style:oblique;
		}
		.pages-link:link, .pages-link:visited{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#1C7AAC;
				}
		.pages-link:hover, .pages-link:active{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#F2AB1C;
				}
.text-link{
	margin-bottom:15px;
	}
	.text-link div{
	margin-bottom:15px;
	}
 table{
  	background-color:#D8EBFA;
  	font:normal 12px Arial;
	/*border-top:1px solid #A62D8E;
    border-bottom:1px solid #A62D8E;*/
    border:1px solid #2F69A9;
    margin-left:5px;
	}
  table td{
    border-right:1px solid #D8EBFA;
    font:normal 12px Arial;
    color:#1C7AAC;
    text-align:justify;
    padding:4px;
    background-color:#D8EBFA;
  }
 tr.row1 td{
 	background-color:#3962A9;	
	font:bold 12px Arial;
	color:#ffffff;
 }
 tr.row td{
   border-bottom:1px solid #2373AC;
 }

.table-left {
	  text-align:center;
    background-color:#D8EBFA;
    width:350px;
	}
.table-left1 {
	  text-align:left;
    background-color:#D8EBFA;
    width:350px;
	}
.table-left2 {
	  text-align:left;
    background-color:#D8EBFA;
    width:150px;
	}
.table-right {
	  text-align:center;
    background-color:#ffffff;
    width:40px;
	}
.table-right1 {
	  text-align:center;
    background-color:#ffffff;
    width:54px;
	}
.table-right2 {
	  text-align:center;
    background-color:#ffffff;
    width:30px;
	}
.table-color{
  background-color:#EBD0E6;
}

.text-img{
  border-top:1px solid #A62D8E;
  border-bottom:1px solid #A62D8E;
  height:82px;
  padding:5px 0px 5px 0px;
  margin:0px 5px 0px 5px;
}
.image-right{
		float:right;
		clear:both;
		margin-left:10px;
		padding-right:50px;
		}
.image-right1{
		float:right;
		clear:both;
		margin-left:10px;
    padding-right:40px;
		}
#footer{
	height:40px;
	width:821px;
	background:url(../images/charte/bg-footer.jpg) no-repeat left bottom;
	clear:both;
	margin:0px auto;
		}
		#digital-age{
			padding-left:29px;
			margin-top:7px;
			margin-bottom:5px; 
			float:left;
			}
		#nav-footer{
			float:right;
			color:#662A87;
			padding-top:9px;
			width:515px;
			padding-right:15px; 
			}
		#nav-footer div{
			float:left;
			}
				#nav-footer a:link, #nav-footer a:visited{
					font:normal 10px Arial;
					text-decoration:none;
					color:#A62D8E;
					}
				#nav-footer a:hover, #nav-footer a:active{
					font:normal 10px Arial;
					color:#000000;
					text-decoration:underline;
					}
				#footer-droits {
					color:#A62D8E;
					padding-top:1px;
					font:normal 10px Arial;
					clear:both;
					width:351px;
					text-align:right;
					padding-left:160px;
					}
				#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
					color:#000000;
					font:bold 10px Arial;
					text-decoration:underline;
					}
				#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
					color:#FF8D00;
					text-decoration:underline;
					}
.bullet{
	padding-left:10px;
	padding-right:10px;
	}
#site-adresse{
	padding-top:0px;
	text-align:center;
	}
  #site-adresse p{
    text-align: center;
  }
#box1{
	float:left;
	width:270px;
	height:160px;
	background-color:#EBD0E6;
  border:1px solid #A62D8E;
	}
 #box1 p{
		margin:15px 0px 0px 10px;
    font:normal 12px Arial;
    color:#000000;
		line-height:1.8em;
		}
#box2{
	margin-bottom:5px;
	float:left;
	margin-left:10px;
	width:270px;
	height:160px;
  background-color:#EBD0E6;
  border:1px solid #A62D8E;
	}
  #box2 p{
		margin:10px 0px 0px 15px;
		line-height:1.3em;
		}
.label1{
  font:normal 12px Arial;
  color:#581739;
}

#droits{
	text-align:justify;
	}
  #droits p {
  	padding-left:20px;
  	padding-right:30px;
  	font:normal 12px Arial;
  	color:#000000;
  	}