html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;

}

body {
	background: url(../images/charte/bg_body.jpg) left top repeat-x #EEEEEE;
	margin: 0px;
	padding: 0px;
}

p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	padding: 0px;
	margin: 0px;
}

#container{
	width: 796px;
	padding: 0px;
	margin: 0px auto;
}

#header{
	width: 796px;
	float: left;
}

#middle{
	background: url(../images/charte/bg_middle.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	display: table;
	float: left;
	width: 796px;
}

#content{
	background: url(../images/charte/bg_content.jpg) left top repeat-y;
	margin: 0px;
	padding: 0px;
	width:796px;
	float: left;
}

#left_col{
	width: 217px;
	float: left;
}

#menu{
	width: 217px;
	height: 136px;
	float: left;
}

#adresse{
	width: 217px;
	height: 131px;
	float: left;
	background-image: url(../images/charte/bg_adresse.jpg);
}

#text_adresse{
	padding:15px 0px 0px 16px;
	font-family: Trebuchet MS;
	font-size: 1em;
	color: #0C3A62;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	font-weight: bold;
	text-align: left;
}

.link_mail:link, .link_mail:visited{
	color:#0C3A62;
	font-family:Verdana;
	font-size:1em;
	line-height:3.6em;
	font-weight:bold;
	text-decoration:none;
}

.link_mail:hover, .link_mail:active{
	color:#3371A7;
	font-family:Verdana;
	font-size:1em;
	line-height:3.6em;
	font-weight:bold;
	text-decoration:none;
}

#plan{
	width: 217px;
	height: 172px;
	float: left;
	background-image: url(../images/charte/bg_plan.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#partners{
	width: 217px;
	height: 248px;
	float: left;
}

#right_col{
	background: url(../images/charte/bg_right.gif) left top repeat-x;
	width: 579px;
	float: left;
}

#footer{
	width:796px;
	float:left;
	display: block;
	margin: auto;
	background-image: url(../images/charte/bg_footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#digital{
	float:left;
	width:217px;
	padding-top: 4px;
}

#footer_link{
	float:left;
	width:579px;
	padding-top:10px;
	text-align: center;
}

.link_footer:link, .link_footer:visited{
	color:#6B6B6B;
	font-family:Verdana;
	font-size:0.9em;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
}

.link_footer:hover, .link_footer:active{
	color:#C0C0C0;
	font-family:Verdana;
	font-size:0.9em;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
}

.text_footer{
	color:#2C2A28;
	font-family:Verdana;
	text-align: center;
	font-size:0.9em;
	line-height:1em;
}

.fermer_popup:link, .fermer_popup:visited{
	color:#0C3A62;
	font-family:Verdana;
	font-size:1em;
	line-height:2.5em;
	font-weight:bold;
	text-decoration:none;
}

.fermer_popup:hover, .fermer_popup:active{
	color:#3371A7;
	font-family:Verdana;
	font-size:1em;
	line-height:2.5em;
	font-weight:bold;
	text-decoration:none;
}


/* ------------page-------------------------*/
#page_contenu{
	background: url(../images/charte/bg_page_contenu.jpg) right top repeat-y;
	width:579px;
	float: left;
}

#page_title{
	width: 579px;
	float: left;
}

#text1{
	background: url(../images/charte/bg_text_1.jpg) left center repeat-y;
	width: 567px;
	float: left;
	font-family: Verdana;
	font-size: 1em;
	color: #4789C2;
	line-height: 1.7em;
	text-align: justify;
	margin-bottom: 30px;
}

#text2{
	background: url(../images/charte/bg_text_2.jpg) left center repeat-y;
	width: 567px;
	float: left;
	font-family: Verdana;
	font-size: 1em;
	color: #4789C2;
	line-height: 1.7em;
	text-align: justify;
	margin-bottom: 30px;
}

#text3{
	background: url(../images/charte/bg_text_3.jpg) left center repeat-y;
	width: 567px;
	float: left;
	font-family: Verdana;
	font-size: 1em;
	color: #4789C2;
	line-height: 1.7em;
	text-align: justify;
	margin-bottom: 30px;
}

.photo_left{
	margin-right: 5px;
}

.photo_right{
	margin-left: 5px;
}

.list li{
	background: url(../images/charte/pouce.gif) left no-repeat;
 	font-size: 1em;
	font-family: Verdana;
	text-align:left;
	line-height: 1.6em;
	padding-left: 20px;
	list-style-type: none;
}

.merci:link, .merci:visited{
	color: #4789C2;
	font-family: Verdana;
	font-size: 1em;
}
.merci:hover, .merci:active{
	color: #0C3A62;
	font-family: Verdana;
	font-size: 1em;
	font-weight:bold;
}

.text_map p{
	float:none;
	font-family: Verdana;
	font-size: 0.87em;
	color: #D3613C;
	font-weight: bold;
	letter-spacing: 0.001em;
	line-height: 1.6em;
	text-align: center;
	margin-left: 400px;
}


/*---mentions legales---*/

#mentions_legales{
	font-size:62.5%;
	background:#CAC8C9 url(../images/mentions_legales/mentions_legales_bg.jpg) no-repeat left top;
	}
#mentions_legales #name{
	color:#395D00;
	font: bold 2.4em Tahoma;
	margin-top:128px;
	text-align:center;
	}
#mentions_legales #site_adresse{
	padding-top:10px;
	text-align:center;
	}
	#mentions_legales  p{
		color:#581739;
		font-size:1.3em;
		}
#mentions_legales a:link, #mentions_legales a:visited{
	color:#395D00;
	}
#mentions_legales a:hover, #mentions_legales a:active{
	color:#738A4E; 
 	}
#mentions_legales .label{
	color:#000;
	font-size:0.84em;
	}
#mentions_legales #box1{
	float:left;
	width:287px;
	height:124px;
	background: url(../images/mentions_legales/mentions_legales_box1.jpg) no-repeat left top;
	}
	#mentions_legales #box1 p{
		margin:15px 0px 0px 25px;
		line-height:1.8em;
		}
#mentions_legales #box2{
	margin-bottom:40px;
	float:left;
	margin-left:10px;
	width:287px;
	height:124px;
	background: url(../images/mentions_legales/mentions_legales_box2.jpg) no-repeat left top;
	}
	#mentions_legales #box2 p{
		margin:15px 0px 0px 20px;
		line-height:1.3em;
		}
#mentions_legales #droits{
	text-align:justify;
	}
#mentions_legales #droits p {
	padding-left:20px;
	padding-right:20px;
	font-size:1.1em;
	color:#000;
	}
#mentions_legales #droits p span{
	color:#496A14;
	font-weight:bold;
	}
#mentions_legales #fermer a:link, #mentions_legales #fermer a:visited{
	border: 1px solid #B6B6B4;
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#5A2842;
	
	}
#mentions_legales #fermer a:hover, #mentions_legales #fermer a:active{
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#8A6277;
	
	}

	
.mentions:link, .mentions:visited{
	color:#6B6B6B;
	font-family:Verdana;
	font-size:0.9em;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
}

.mentions:hover, .mentions:active{
	color:#C0C0C0;
	font-family:Verdana;
	font-size:0.9em;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
}

/*--------------------------------*/