html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 13px arial;
	color:#FFFFFF;
	background-color:#260107;
	}

p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
		margin:0px auto;
		width:100%;
		}
#container1{
		margin:0px auto;
		width:774px;
		background:url(../images/charte/bg_repeat.jpg) repeat-y left top;
		display:table;
	}
#container2{
  display: block;
}
		#header{
		margin:auto;
		width:774px;
		height:286px;
		}

/* -----------------------------------------------------------------------------------------------------------------------------LEFT COLOUM---------------------------------------------------------------------------------------------------------------------------------------------*/
	#left_col{
		float:left;
		width:211px;
		font-size:10px;
		}
	
	#menu{
		float:left;
		width:211px;
		height:210px;
		}
	
	#actualite{
		background:url(../images/charte/actualite.jpg) no-repeat left top ;
		width:211px;
		height:168px;
		float:left;
		}
	
	#contact{
		background:url(../images/charte/contact.jpg) no-repeat left top ;
		width:211px;
		height:189px;
		float:left;
		}
	#contact img{
		margin-top:10px;
		}
	#contact p{
		color:white;
		text-align:center;
		font-family:arial;
		font-size:12px;
		}
	
	#email{
		border:0px;
		text-align:center;
		}
	
	#horaires{
		background:url(../images/charte/horaires.jpg) no-repeat left top ;
		width:211px;
		float:left;
		height:194px;
		color:#FFFFFF;
		
		}
	#horaires p{
		color:white;
		font-family:arial;
		font-size:12px;
		font-weight:bold;
		}
	.contact_link:link, .contact_link:visited{
			color:#C682A9;
			}
	.contact_link:hover, .contact_link:active{
			color: #333333;
			}
	.contact_link_01:link, .contact_link_01:visited{
			color:#FFFFFF;
			font-size:10px;
			text-decoration:underline;
			}
	.contact_link_01:hover, .contact_link_01:active{
			color: #C682A9;
			font-size:10px;
			}
	.contact_link_02:link, .contact_link_02:visited{
			color:#C682A9;
			text-decoration:none;
			font-weight:bold;
			}
	.contact_link_02:hover, .contact_link_02:active{
			color: #d6d6d6;
			text-decoration:none;
			font-weight:bold;
			}
/*---------------------------------------------------------------------------------------------------------------------------------------------------RIGHT COLUM---------------------------------------------------------------------------------------------------------------------*/
	#right_col{
		float:left;
		width:563px;
		}
	#right_col p{
		padding-top:8px;
		margin-bottom:5px;
		padding-right:16px;
		padding-left:31px;
		font-size:13px;
		color:#d6d6d6;
		font-size:13px;
		font-family:arial;
			}
	.img{
		 cursor:pointer;
		 padding-top:20px;
         margin: 0;
		 }
		.left{
			float:left;		 
			padding-left:31px;
			padding-right:10px;
			}
	
		.right{
			float:right;
			padding-right:16px;
			padding-left:10px;
			}
		
	.box{
		background:url(../images/charte/bg_box.jpg) no-repeat left top;
		width:353px;
		margin-top:42px;
		margin-left:31px;
		}
	
	.box_02{
		background:url(../images/charte/bg_box.jpg) no-repeat left top;
		width:353px;
		margin-top:22px;
		margin-left:31px;
		}
	
	.box_01{
		background:url(../images/charte/bg_box_01.jpg) no-repeat left top;
		width:353px;
		margin-top:10px;
		margin-left:31px;
		height:120px;
		}
	
	.bg_box_02{
		background:url(../images/charte/bg_box_02.jpg) no-repeat left top;
		width:255px;
		height:32px;
		margin-left:250px;
		margin-top:10px;
		}
	
	.line{
		text-align:center;
		clear:both;
        margin: 0;
		padding:10px 0 0 0;
        height:10px;
        width:100%;
        display: block;
		}
	.line img{margin:0; padding: 0; display: block;	 margin: 0 auto;}


	#content{ 
		text-align:justify;
		float:left;
		}
	#page_dynamic{
		text-align:justify;
		font-size:1.2em;
		}
	ul.list{
		float:left;
		width:350px;
		text-align:justify;
		padding-left:31px;
		margin-top:15px;
		color:#d6d6d6;
		font-family:arial;
		}
	ul.list li{
		list-style-type:none;
		background-image: url(../images/charte/bullet.gif);
		background-repeat:no-repeat;
		background-position:left 3px;
		padding-left:15px;
		margin-top:5px;
		}
		

/*--------------------------------------------------------------------------------------------------------------------------------------------FOOTER--------------------------------------------------------------------------------------------------------------------------------------*/

	#footer{
		background:url(../images/charte/bg_footer.jpg) no-repeat left top;
		height:68px;
		width:774px;
		margin:0 auto;
		color:#D5E3C5;
		}
	#nav_footer{
		float:left;
		text-align:right;
		color:#c09970;
		margin-left:150px;
		margin-top:10px;
		font-size:12px;
		font-family:verdana;
		}
	#digital_age{
		padding-left:30px;
		padding-top:7px;
		cursor:pointer; 
		float:left;
		border:0px;
		}
	#nav_footer a:link, #nav_footer a:visited{
		text-decoration:none;
		color:#c09970;
		}
	#nav_footer a:hover, #nav_footer a:active{
		color:#FFFFFF;
		text-decoration:underline;
		}
	#footer_droits{
		text-align:right;
		font:normal 10px  verdana;
		color: #c09970;
		clear:left;
		padding-left:10px;
		margin-top:10px;
		}
	#footer_droits #mentions_link:link, #footer_droits #mentions_link:visited{
			color:#FFFFFF;
			text-decoration:underline;
			}
	#footer_droits #mentions_link:hover, #footer_droits #mentions_link:active{
			color: #c09970;
			text-decoration:none;
			}