html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% arial;
	background-color:#909090;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	width:984px;
	background:url(../images/charte/background-top.jpg) no-repeat left top;
	margin:0px auto;
	}
#container1{
	width:810px;
	background:url(../images/charte/background-middle.jpg) repeat-y center top;
	margin:0px auto;
	}
#header{
	width:810px;
	height:261px;
}
#middle{
	background-image:url(../images/charte/img-left-col.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:table;
	width:810px;
	height:100%;
}
#middle_content{
	margin:auto;
	width:100%;
}
#left_col{
	width:241px;
	float:left;
}
#right_col{
	width:569px;
	float:left;
}
#right_col p{
	color:#292E33;
	font:normal 1.3em arial;
	text-align:justify;
	margin:5px 0px;
}
/*-------left-col--------*/
#menu{
	width:241px;
	height:275px;
}
#img{
	background-image:url(../images/charte/left-img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:241px;
	height:134px;
}
#adresse1{
	background:url(../images/charte/background-adresse1.jpg) no-repeat left top;
	font-family:arial;
	font-size:12px;
	color:#000000;
	width:254px;
	height:197px;
}
#adresse2{
	background:url(../images/charte/background-adresse2.jpg) no-repeat left top;
	font-family:arial;
	font-size:12px;
	color:#000000;
	width:254px;	
	width:254px;
	height:193px;
}
#contact_link:link, #contact_link:visited{
	color:#C50000;
} 
#contact_link:hover, #contact_link:active{
	color:#000000;
	text-decoration:none;
} 
#plan{
	background-image:url(../images/charte/background-plan.jpg) no-repeat left top;
	height:254px;
	width:37px;
}
#plan p{
	padding-left:17px;
}
.link_page:link, .link_page:visited{
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
.link_page:hover, .link_page:active{
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	color:#1464B6;
	text-decoration:underline;
}
/*------end-left-col---------*/
/*------right-col-----------*/
#page_dynamic{
	width:569px;
	float:left;
}
.page_content{
	font-family:arial;
	font-size:13px;
	line-height:20px;
	text-align:justify;
	width:530px;
	color:#000000;
	float:left;
}
.paragraph1{
	background-image:url(../images/charte/bg-right-top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:569px;
	height:78px;
}
.paragraph2{
	background-image:url(../images/presentation/paragraph-01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:528px;
	height:158px;
}
.paragraph3{
	background-image:url(../images/charte/paragraph-03.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:528px;
	height:192px;
}
#text{
	width:350px;
	padding-top:22px;
	padding-left:18px;
}
#text h1{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	height:38px;
	color:#C50000;
	margin:0px 0px 0px 0px;
}
.photo_thumb_left{
	float:left;
}
.photo_thumb_right{
	float:right;
	padding-right:23px;
}
.photo_thumb_right1{
	float:right;
	padding-right:8px;
}
ul.list{
	list-style-type:outside;
	margin-top:10px;
}
.list li{
	list-style-type:none;
	background-image:url(../images/presentation/pointer.jpg);
	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-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#C50000;
	text-decoration:none;
}
.index_contact:hover, .index_contact:active{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
.box_top{
	background-image:url(../images/charte/box-top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:200px;
	height:25px;
	font-size:12px;
	font-weight:bold;
}
.box{
	background-image:url(../images/charte/box.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:200px;
	height:200px;
}
.realisations{
	background-image:url(../images/nos-realisations/box.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:200px;
	height:200px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.detail:link, .detail:visited{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	text-decoration:none;
}
.detail:hover, .detail:active{
	font-family:arial;
	font-size:11px;
	line-height:16px;
  color:#FFCE14;
	text-decoration:underline;
}
.page:link, .page:visited{
	font-family:arial;
	font-size:12px;
	color:#A90317;
	line-height:16px;
	text-decoration:none;
}
.page:hover, .page:active{
	font-family:arial;
	font-size:12px;
	line-height:16px;
  color:#000000;
	text-decoration:underline;
}
/*---------end-right-col---------*/
/*---------footer-------------*/
#footer{
	background:url(../images/charte/background-footer.jpg) no-repeat left top;
	height:89px;
	width:810px;
	color:#B0C8E0;
}
#footer_content{
	width:500px;
}
#digital{
	float:left;
	width:254px;
	height:63px;
}
#digital p{
	padding-left:13px;
	padding-top:22px;
}
.footer_link:link, .footer_link:visited{
	font-family:arial;
	font-size:13px;
	color:#B0C8E0;
	text-decoration:none;
	letter-spacing:0;
}
.footer_link:hover, .footer_link:active{
	font-family:arial;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:underline;
	letter-spacing:0;
}
.copyright{
	color:#CECECE;
	font-size:10px;
}
.copyright1:link, .copyright1:visited{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0;
}
.copyright1:hover, .copyright1:active{
	font-family:arial;
	font-size:11px;
	color:#CECECE;
	font-weight:bold;
	text-decoration:underline;
	letter-spacing:0;
}
/*---------end-footer---------*/