html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 12px arial;
	background-color:#312880;
	color:#000000;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:100%;
	background:url(../images/charte/background.jpg) repeat left top;
	margin:0px auto;
	}
#container1{
	width:801px;
	background:url(../images/charte/background-middle.gif) repeat-y center top;
	margin:0px auto;
	}
#header{
	width:801px;
	height:228px;
	margin:auto;
}
#middle{
	display:table;
	width:801px;
	height:100%;
}
#middle_content{
	margin:auto;
	width:100%;
}
#left_col{
	width:158px;
	float:left;
}
#right_col{
	width:643px;
	float:left;
}
/*-------left-col--------*/
#telephone{
	background-image:url(../images/charte/telephone.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:44px;
}
#insert{
	background-color:#d7d7d9;	
	width:134px;
	height:120px;
	margin-left:11px;
	margin-bottom:10px;
	margin-top:10px;
	}
#frmAutentification{
	width:120px;
	margin-left:1px;
	margin-bottom:1px;
	margin-top:1px;
	background-color:#d7d7d9;
	border:1px solid white;
	padding:5px;
	}
#img{
	background-image:url(../images/charte/left-img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:158px;
	height:259px;
}
#adresse{
	background:url(../images/charte/background-adresse.jpg) no-repeat left top;
	font-size:12px;
	width:158px;
	height:223px;
}
#adresse_content{
	padding:53px 0px 0px 0px;
	line-height:20px;
	text-align:center;
}
.link_page:link, .link_page:visited{
	font-weight:bold;
	font-size:13px;
	color:#C00700;
	text-decoration:none;
}
.link_page:hover, .link_page:active{
	font-weight:bold;
	font-size:13px;
	color:#F5DA50;
	text-decoration:underline;
}
/*------end-left-col---------*/
/*------right-col-----------*/
#page_dynamic{
	width:564px;
	float:left;
	padding-left:36px;
}
.page_content{
	font-size:13px;
	line-height:18px;
	text-align:justify;
	width:564px;
	float:left;
}
.paragraph{
	background-image:url(../images/presentation/paragraph.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:564px;
	height:164px;
}
.paragraph1{	
	background-image:url(../images/presentation/paragraph1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:298px;
	height:72px;
	text-align:center;
}
.paragraph2{
	background-image:url(../images/services/paragraph.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:564px;
	height:180px;
}
.paragraph3{
	background-image:url(../images/services/paragraph1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:380px;
	height:160px;
}
.box_top{
	background-image:url(../images/services/box-top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:600px;
	height:30px;
}
.box_middle{
	background-image:url(../images/services/box-middle.gif);
	background-position:left top;
	background-repeat:repeat-y;
	width:600px;
}
.box_bottom{
	background-image:url(../images/services/box-bottom.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:600px;
	height:5px;
}
.connecter{
	background:url(../images/compte/connecter.jpg) no-repeat left top;
	cursor:pointer;
	width:105px;
	height:20px;
	border:none;
	margin:0 auto;
}
.connecterover{
	background:url(../images/compte/connecter-over.jpg) no-repeat left top;
	cursor:pointer;
	width:105px;
	height:20px;
	border:none;
	margin:0 auto;
}
.color_box{
	background-color:#D7D7D7;
	border:1px solid #B5B5B5;
}
.contact:link, .contact:visited{
	font-weight:bold;
	color:#EFCC0F;
	text-decoration:none;
}
.contact:hover, .contact:active{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
}
.contact1:link, .contact1:visited{
	font-weight:bold;
	color:#0F056B;
	text-decoration:none;
}
.contact1:hover, .contact1:active{
	font-weight:bold;
	color:#EFCC0F;
	text-decoration:underline;
}
.lien:link, .lien:visited{
	font-weight:bold;
	color:#FF0012;
	text-decoration:none;
}
.lien:hover, .lien:active{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.color_b{
	color:#0F056B;
}
.under{
	text-decoration:underline;
}
.h2{
	color:#000000;
}
.photo_thumb_left{
	float:left;
}
.titles{
	background-color:#d7d7d9;
	border:1px solid #333333;
	line-height:20px;
	margin:10px 0 0 3px;
	width:180px;
	height:40px;
}
.photo_thumb_right{
	float:right;
}
ul.list{
	margin-top:10px;
}
.list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 25px;
}
.index_contact:link, .index_contact:visited{
	font-size:16px;
	font-weight:bold;
	color:#C50000;
	text-decoration:none;
}
.index_contact:hover, .index_contact:active{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.detail:link, .detail:visited{
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	text-decoration:none;
}
.detail:hover, .detail:active{
	font-size:11px;
	line-height:16px;
  color:#FFCE14;
	text-decoration:underline;
}
.page:link, .page:visited{
	font-size:12px;
	color:#A90317;
	line-height:16px;
	text-decoration:none;
}
.page:hover, .page:active{
	font-size:12px;
	line-height:16px;
  color:#000000;
	text-decoration:underline;
}
/*---------end-right-col---------*/
/*---------footer-------------*/
#footer{
	width:801px;
	height:79px;
	background-image:url(../images/charte/background-footer.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	bottom:0px;
	font-size:11px;
	clear:both;
}
.text_footer1{
	color:#D3D1E4;
	font-size:11px;
	float:left; 
}
.link_footer:link, .link_footer:visited{
	color:#4B4390;
	font-size:12px;
	text-decoration:none;
}
.link_footer:hover, .link_footer:active{
	color:#EFCC0F;
	font-size:12px;
	text-decoration:underline;
}
.copyright:link, .copyright:visited{
	font-size:11px;
	color:#BFA32B;
	text-decoration:none;
	letter-spacing:0;
}
.copyright:hover, .copyright:active{
	font-size:11px;
	color:#D3D1E4;
	text-decoration:underline;
	letter-spacing:0;
}
/*---------end-footer---------*/