html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font: normal 62.5% arial;
	background: url(../images/charte/body_bg.jpg) repeat left top;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container{
	margin:0px auto;
	width:1000px;
	height:500px;
	}
#container1{
	color:#605E53; 
	background:url(../images/charte/bg_container1.jpg) repeat-y left top;
	width:839px;
	margin:auto;
	}
#header{
	width:839px;
	height:305px;
	}
/* ---left menu---*/
#left_col{
	float:left;
	width:586px;
	height:100%;
	}	
.page_title{
		height:49px;
		}
		.presentation{
			background:url(../images/charte/title_presentation.jpg) no-repeat right top;
			}
		.contact{
			background:url(../images/charte/title_contact.jpg) no-repeat left top;
			}
		.merci{
			background: url(../images/charte/title_merci.jpg) no-repeat left top;
			}
		
		.groupe{
			background: url(../images/charte/title_groupe.jpg) no-repeat left top;
		}
		
		.secteur{
			background: url(../images/charte/title_secteur.jpg) no-repeat left top;
		}
		
		.journal{
			background: url(../images/charte/title_journal.jpg) no-repeat left top;
		}
		
		.merci{
			background: url(../images/charte/title_merci.jpg) no-repeat left top;
		}
		
	#page_dynamic{
		width: 541px;
		margin-left: 38px;
		display: table;
		
		}
	#page_dynamic p{
		font:1.2em arial;
		}
.photo_left{
	margin-right: 5px;
}		
.photo_right{
	margin-left: 5px;
}
		
/*---text---*/

.text_map p{
	float:none;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 13px;
	margin-left: 30px;
	text-align: center !important;
}

.map_link:link, .map_link:visited{
		font-family: Arial;
		font-size: 11px;
		color:#EAA548;
		line-height:13px;
		text-decoration:none;
}

.map_link:hover, .map_link:active{
		font-family: Arial;
		font-size: 11px;
		line-height:13px;
    color:#FFCC87;
		text-decoration: underline;
}
		
#page_dynamic .text{
	font-family: Arial;
	font-size: 1.2em;
	text-align: justify;
	line-height: 18px;
}
#page_dynamic .text_strong{
	font-family: Arial;
	font-size: 1.2em;
	text-align: justify;
	line-height: 18px;
	font-weight: bold;
	color: #01895E;
}
.popup_link:link, .popup_link:visited{
		font:normal 1.2em Arial;
		color:#3A8B6E;
		text-decoration:none;
		font-weight: bold;
			}
	.popup_link:hover, .popup_link:active{
		font:normal 1.2em Arial;
		color:#3CA07F;
		text-decoration:underline;
		font-weight: bold;
			}
			
.list li{
	font:normal 1.1em Arial;
	line-height: 20px;
	text-indent:10px;
	list-style-type:none;
}

.list1 li{
	background: url(../images/charte/pouce.jpg) left top no-repeat;
	font:normal 1.2em Arial;
	padding-left: 20px;
	margin-left: 40px;
	line-height: 18px;
	list-style-type:none;
}
		
/*---right content---*/
#right_col{
	float:left;
	width:253px;
	color:#33302C;
	}	
	#mdm{
		background:url(../images/charte/bg_mdm.jpg) no-repeat left top;
		width:223px;
		height:178px;
		}
	#adresse{
		color:#402315;
		text-align:center;
		width:253px;
		height:234px;
		background:url(../images/charte/bg_adresse.jpg) no-repeat left top;
			}
	#adresse div{
		padding-top:60px;
		padding-left:0px;
	}
	#adresse p{
		color:#fff;
		font-size:1.3em;
	}
	#adresse span{
		font-weight:bold;
		}
	
	#map{
		margin-top:10px;
		width:223px;
		height:147px;
		}
	#diaporama{
		width:223px;
		height:125px;
		margin-top:10px;
		margin-left:4px;
		}
/*---footer---*/
#footer{
	height:35px;
	width:839px;
	bottom:0px;
	clear:both;
	background:url(../images/charte/footer_bg1.jpg) no-repeat left top;
	margin:auto;
	}
	#nav_footer{
		float:left;
		padding-top:34px;
		padding-left:40px;
		text-align: center;
		color:#0F7453;
		height:100px;
		font-size:1.3em;
		}
		#footer img{
			float:right;
			margin-top:34px;
			margin-right:70px;
			}
	#nav_footer a:link, #nav_footer a:visited{
		font:normal 0.92em arial;
		text-decoration:none;
		color:#3A8C6F;
		}
	#nav_footer a:hover, #nav_footer a:active{
		font:normal 0.92em arial;
		color:#DDCB7E;
		text-decoration:underline;
		}
	#footer_droits{
		font:0.84em  arial;
		margin-top:5px;
		color:#396554;
		}
	#footer_droits #mentions_link:link, #footer_droits #mentions_link:visited{
		text-decoration:underline;
		color:#D78920;
		font-size:1em;
		}
	#footer_droits #mentions_link:hover, #footer_droits #mentions_link:active{
		text-decoration:none;
		color:#D78920;
		font-size:1em;
		}
.contact_link:link, .contact_link:visited{
		font:normal 1.2em arial;
		text-decoration:none;
		color:#FFFFFF;
			}
	.contact_link:hover, .contact_link:active{
			font:normal 1.2em Arial, Helvetica, sans-serif;
			color:#FFAE41;
			text-decoration:none; 
			}

.recherche{
	background-image:url(../images/charte/recherche.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width:107px;
	height:26px;
	border:0;
	cursor:pointer;
	float:right;
}
.rechercheover{
	background-image:url(../images/charte/recherche_over.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:107px;
	height:26px;
	border:0;
	cursor:pointer;
	float:right;
}

.box_title{
	float: left;
	margin-left:5px;
	padding-top:2px;
	background-image:url(images/charte/box_title.jpg);
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
}
.box_contact:link, .box_contact:visited{
	font-family:arial;
	font-size:11px;
	text-decoration:none;
	color:#A92E0F;
}
.box_contact:hover, .box_contact:active{
	font-family:arial;
	font-size:11px;
	text-decoration:none;
	color:#00895D;
}

.box_details:link, .box_details:visited{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	color:#00895D;
	font-weight:bold;
}
.box_details:hover, .box_details:active{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	color:#A92E0F;
	font-weight:bold;
}

.telecharger:link, .telecharger:visited{
	font-family:arial;
	font-size:10px;
	text-decoration:underline;
	color:#00895D;
	font-weight:bold;
}
.telecharger:hover, .telecharger:active{
	font-family:arial;
	font-size:10px;
	text-decoration:underline;
	color:#A92E0F;
	font-weight:bold;
}

.details{
	width:100%;
	clear:both;
}
.box_text{
	font-family:arial;
	font-size:11px;
	color:#605E53;
}
.detail_text{
	font-family:arial;
	font-size:11px;
	color:#605E53;
	background-color:#EEF5F3;
}
.page_link{
	font-family:arial;
	font-size:11px;
	color:#00895D;
}
.link_page:link, .link_page:visited{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	color:#00895D;
}
.link_page:hover, .link_page:active{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	color:#A92E0F;
}
.table_title{
	background-color:blue;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	background-image:url(../images/charte/table_top.jpg);
}
.table_body{
	text-align:center;
	background-color:#E7E9DC;
	height:20px;
}
/*---map---*/	
/*#map_bottom{
	background: url(../images/map/map_bottom.jpg) no-repeat left top;
	width:500px;
	height:111px;
	}
#map_text{
	float:left;
	padding:10px 0px 0px 20px;
	color:#605E53; 
	text-align:left;
	font-size:1.1em;
	width:230px;
	height:153px;
	}
	#map_text img{
		margin-left:-5px;
	}
	#map_text p{
		margin-top:4px;
		}
/*---popup---*/
/*#fermer a:link, #fermer a:visited{
	margin-top:10px;
	height:30px;
	font: bold 1.2em Arial;
	color:#7F3F19;
	text-decoration:none;
	}
#fermer a:hover{
	margin-top:10px;
	height:30px;
	font: bold 1.2em Arial;
	color:#7F3F19;
	text-decoration:underline;
	}
*/
/*---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 #fermer1 a:link, #mentions_legales #fermer1 a:visited{
	border: 1px solid #B6B6B4;
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#5A2842;
	margin-right:20px;
	}
#mentions_legales #fermer1 a:hover, #mentions_legales #fermer1 a:active{
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#8A6277;
	margin-right:20px;
	}
/*--------------------------------*/