body{
	background: url(images/bg.gif) top center;
	margin: 0 auto;
	padding: 0px;
	color: #4b6f85;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	line-height:18px;
}
body.pop{background: #FAFAFA;}
	body.pop table tr.titre td{
		color: #e6eef2;
		font: bold 10pt Georgia, "Times New Roman", Times, serif;
		padding: 10px 0px;
		background: #84afc0;
		border-bottom: 1px solid #3f7489;
	}
	body.pop table tr.end td{
		background: #84afc0;
		border-top: 1px solid #3f7489;
		color: #e6eef2;
		padding: 10px 0px 20px 0px;
		font-weight: bold;
	}
	body.pop img.circ{border: 1px solid #3f7489;}

a{color: #0d3c4f; text-decoration: underline;}
a:hover{color: #4b6f85; text-decoration: none;}

img{border: none;}
form{margin: 0px;}

#divtop{background: url(images/bg-top.gif) top center repeat-x;}
#shadow{background: url(images/bg-shadow.gif) top center repeat-y;}
#head{background: url(images/bg-head.jpg) top center no-repeat;}
/*#francais #head{background: url(images/fr/bg-head.jpg) top center no-repeat;}
#english #head{background: url(images/en/bg-head.jpg) top center no-repeat;}*/
#main{
	margin: 0 auto;
	padding: 0px;
	width: 776px;
	height: 339px;
} 	html>body #main{height: auto; min-height: 339px;}

#tools{
	padding: 25px 15px 0px 62px;
}
#seo{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	color: #eef4f9;
	float: right;
	text-align: right;
	font-weight: normal;
}
#switch{
	margin: 0px;
	padding: 0px 0px 0px 40px;
	font-size: 10pt;
	color: #FFFFFF;
	float: left;
}
	#switch a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#switch a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	
#header{
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	color: #d56700;
	font-size: 9pt;
	letter-spacing: 0px;
	line-height: 18px;
	word-spacing: 3px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
	#header img{
		float: left;
		margin: 20px 22px 49px 51px;
	}
	/*#header span{
		float: left;
		display: block;
		margin: 40px 0px 0px 20px;
	} ---> ancien site */
	#header div{
		padding-top:40px;
		display: block;
	}
	#header span{
		color: #fff;
		font: bold 11px Arial, Helvetica Neue, Helvetica, sans-serif;
		padding: 108px 0px 0px 68px;
		margin: 0px;
		display: block;
	}	

/************ MENU PRINCIPAL *************/
#menu{
	/*margin: 0px;
	padding: 49px 0px 0px 38px; ---> ancien site */
	padding: 0px 0px 0px 38px;
	margin: 0px;
	text-align: left;
}
#nav, #nav li ul{
	padding: 0;
 	margin: 0;
 	list-style: none;
	font-size: 9px;
	letter-spacing: 0px;
	font-weight: bold;
}

#nav li{
	float: left;
 	position: relative;
}

#nav li b{
	float: left;
	display: block;
	font-size: 9px;
	background: url(images/bg-sep.gif) top left no-repeat;
	width: 5px;
	height: 32px;
	overflow: hidden;
} #nav li.end b{width: 1px;}

/************* 1er Niveau *************/
#nav li a{
 	display: block;
 	float: left;
 	background: url(images/bg-menu.gif) top left repeat-x;
 	color: #FFFFFF;
 	text-decoration: none;
 	height: 32px;
}
#nav li.start a{
	background: url(images/bg-menu-left.gif) top left no-repeat;
}
#nav li a:hover{
 	background: url(images/bg-menu-o.gif) top left repeat-x;
 	color: #523000;
}
#nav li.start a:hover{
	background: url(images/bg-menu-left-o.gif) top left no-repeat;
}
#nav li a span{
 	padding: 10px 5px 0px 5px;
 	display: block;
 	cursor: pointer;
}

/************* 2eme Niveau *************/
#nav li ul{
	position: absolute; 
  	top: 29px;
 	left: -999em;
 	width: 200px;
	background: #e8f0f3 url(images/bg-smenu.gif) bottom left repeat-x;
	border: 1px solid #244f6f;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: normal;
}
#nav li ul a, #nav li.start ul a{background: none;}
#nav li ul a:hover, #nav li.start ul a:hover{background: #c08d1d;}

#nav li ul li{
	position: relative;
 	float: none;
 	display: block;
	border-bottom: 1px dashed #b5cfd8;
}
#nav li ul li.end{
	border: none;
}
#nav li ul li a{
 	height: auto;
	display: block;
 	float: none;
	text-decoration: none;
 	width: 200px;
	color: #244d6d;
}
#nav li ul li a:hover{
 	color: #FFFFFF;
}
#nav li ul li a span{padding: 8px 15px;}

/************* 3eme Niveau *************/
#nav li ul li ul {
   	position: absolute; 
   	top: 0px;
 	left: -999em;
 	margin-left: 200px;
 	width: 200px;
}
#nav li ul li ul li a {
 	background: #CCCCFF;
}
#nav li ul li ul li a:hover, #nav li ul li ul li a.selected {
 	background: #000099;
	color: #FFFFFF;
}

/************* Affichage des sous menus *************/
#nav li:hover ul li ul, #nav li:hover ul li ul li ul, #nav li.sfhover ul li ul, #nav li.sfhover ul li ul li ul {
 	left: -999em;
}

#nav li:hover ul, #nav li ul li:hover ul, #nav li ul li ul li:hover ul, #nav li.sfhover ul, #nav li ul li.sfhover ul, #nav li ul li ul li.sfhover ul { /* lists nested under hovered list items */
 	left: -11px;
	z-index: 100;
}
/************ MENU PRINCIPAL FIN *************/

/************ MENU ALTERNATIF *************/
#altnav, #altnav li, #altnav ul, #altnav div {
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#altnav li {
	padding: 0px 5px;
	line-height: 18px;
}
#altnav li b {
	display: none;
}
#altnav a{
	white-space: nowrap;
	text-decoration: underline;
}
#altnav a:hover{
	text-decoration: none;
}
/************ MENU ALTERNATIF FIN *************/

#plan{
	text-align: right;
	font-weight: bold;
	margin: 0px;
	padding: 22px 20px 9px 0px;
	font-size: 8pt;
	clear: left;
	letter-spacing: -1px;
}
	#plan small{
		font-size: 9pt;
	}
	#plan a{
		color: #29536c;
		text-decoration: none;
	}
	#plan a:hover{
		color: #d56700;
		text-decoration: none;
	}
.photo2, .photo3, .photo4, .photo5, .photo6{
	border: 1px solid #95AAAD; 
	margin-right: 19px;
	}
.photo3, .photo5, .photo6, photo4{
		float: left;
		margin: 13px 12px 8px 20px;
	}
.photo5{
	margin-left: 0px;
}
.photo6{
	float: right;
	margin-right: 0px;
}
span.photo5{
	float: none;
	margin: 0px;
	padding: 13px 12px 8px 20px;
	border: none;
}
#content{
	margin: 0px;
	padding: 3px 7px 0px 18px;
}
	#content hr{
		margin: 0px 20px 20px 20px;
		height: 1px;
		color: #4b6f85;
		background: #4b6f85;
		border: 1px;
		clear: both;
	}
	
	#content h1{
		margin: 0px;
		padding: 5px 0px 3px 232px;
		font-weight: bold;
		font-size: 19pt;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #e6eef2;
		letter-spacing: -1px;
		background: #84afc0;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		text-align: left;
	}
	
	#content h1.full{padding-left: 19px;}
	
	#content h2{
		text-align: left;
		font-size: 12pt;
		font-weight: bold;
		padding: 30px 40px 10px 20px;
		margin: 0px;
	}
	#content h3{
		text-align: left;
		font-size: 10pt;
		font-weight: bold;
		padding: 20px 40px 10px 20px;
		margin: 0px;
		color: #84602e;
	}
	#content p{
		text-align: justify;
		padding: 10px 40px 10px 20px;
		margin: 0px;
	}
	#content p.haut{
		text-align: right;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0px;
		border-top: 1px dashed #a5b7c2;
		padding: 10px;
	}
	#content p.cite span{
		text-align: left;
		width: 420px;
		font-weight: bold;
		font-style: italic;
		display: block;
		padding-left: 30px;
	}
			
	#content .circulaire #txt {
		width: 500px;
  		background-color: #FFFCE5;
		
		
		}
	
	#content .circulaire #txt p{
		text-align: justify;
		width: 480px;
		padding: 10px 40px 10px 20px;
		margin: 0px;
		font-size:10px;}

	
	#content div.photo{
		float: right;
		margin: 15px 40px 10px 20px;
		display: inline;
	}
		#content div.photo em{
			display: block;
			padding: 3px;
			color: #FFFFFF;
			background: #4b6f85;
			font-size: 10px;
		}
	#content div.o{
		background: #fffef2;
	}
	#content div.box{
		background: #f6f9fa;
		padding: 20px 10px;
		border-right: 1px solid #4b6f85;
		margin: 0px;
	}
		#content div.box h1{
			margin: 0px;
			padding: 25px 10px 5px 10px;
			color: #4b6f85;
			background: none;
			font-size: 15pt;
			border: none;
			border-bottom: 1px dashed #c0ced7;
		}
		#content div.box h2{
			margin: 0px;
			padding: 10px 10px 5px 10px;
			background: #4b6f85;
			color: #FFFFFF;
			font-size: 13pt;
			font-family: Arial, Helvetica, sans-serif;
		}
		#content div.box h3{
			margin: 0px;
			padding: 20px 10px 0px 10px;
			background: none;
			color: #4b6f85;
			font-size: 11pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
		}
		#content div.box p{
			margin: 0px;
			padding: 10px;
		}
		#content div.box table{
			text-align: left;
		}
		#content div.box div{
			float: left;
			width: 258px;
			text-align: left;
		}
			#content div.box div p{
				padding-top: 5px;
			}
			#content div.box div span{
				display: block;
				text-align: center;
				padding: 30px 10px;
			}
	#content ol{
		text-align: left;
		margin-top: 10px;
		margin-bottom: 30px;
		padding-left: 40px;
		margin-left: 40px;
		font-size: 10pt;
	}
		#content ol li{
			padding-bottom: 5px;
			font-weight: bold;
			color: #819aaa;
		}
			#content ol li span{color: #4b6f85;}
	#content ul{
		text-align: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
		#content ul li{
			margin-bottom: 20px;
			padding-right: 0px;
		}
			#content ul li span{
				display: block;
				padding: 5px 0px;
				font-size: 12px;
				
			}
			#content ul li ul{
				padding-top:10px;
			}
	#content ul.alpha{
		list-style: lower-alpha; 
		margin-left: 30px;
		padding-left: 30px;
		margin-right: 40px;
		padding-right: 40px;
		margin-bottom: 10px;
	}
	
		#content div.circulaire{padding: 0px 10px 20px 10px;}
		#content div.circulaire h1{
			background: none;
			border: none;
			border-bottom: 1px solid #d56700;
			text-align: center;
			padding: 25px 0px 10px 0px;
			margin: 0px;
			color: #d56700;
			font: bold 12pt Georgia, "Times New Roman", Times, serif;
		}
		/*#content div.circulaire ul, #content div.circulaire ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
			display: inline;
		}
			#content div.circulaire ul li{
				display: block;
				float: left;
				width: 153px;
				text-align: center;
			}*/
		#content div.circulaire div{
			width: 153px;
			float: left;
			text-align: center;
			margin: 10px 0px;
		}
			
			#content div.circulaire a{
				color: #255170;
				font-size: 11px;
				font-weight: bold;
			}
			#content div.circulaire a:hover{color: #d56700;}
				#content div.circulaire a img{border: 1px solid #255170;}
				#content div.circulaire a:hover img{border: 1px solid #d56700;}
				#content div.circulaire a span{
					display: block;
					cursor: pointer;
					padding: 0px;
					padding: 5px 0px 0px 0px;
				}
				#content div.circulaire a:hover span{
					color: #d56700;
				}
	
#center{
	background: #fffce5;
	width: 326px;
	float: right;
	height: 300px;
	padding: 0px;
	margin: 0px;
} 	html>body #center{height: auto; min-height: 300px;}
	
	#center.full{
		background: #fffce5;
		width: 538px;
		float: right;
	}
	#center div.normal{
		padding: 0px 0px 30px 0px;
	}
	#center div.nopad{
		padding: 0px;
		line-height: 1.2;
	}

#left{
	width: 212px;
	float: right;
	text-align: left;
}
	#left div.teaserbox{background: url(images/teaser-left-middle.gif) top left repeat-y;}
	#left div.topbox {height: 38px;background: url(images/teaser-left-top.jpg) top left no-repeat;}
	#left div.teaserbox div.innerbox{background: url(images/teaser-left-bottom.jpg) bottom left no-repeat;padding-bottom: 20px;}
		
		#left div.teaserbox h1{
			margin: 0px;
			padding: 0px 0px 0px /*14px*/ 0px;
			background: url(images/teaser-left-middle.gif) top left repeat-y;
			border: none;
		}
		#left div.teaserbox a.pdf{
			display: block;
			width: 166px;
			color: #000000;
			font-size: 9px;
			font-weight: bold;
			background: url(images/pdf-left.gif) top right no-repeat;
			margin-top: 10px;
			word-spacing: -1px;
			text-decoration: none;
		}
		#left div.teaserbox p.pdf{
			display: block;
			width: 140px;
			color: #000000;
			font-size: 9px;
			font-weight: bold;
			margin-top: 10px;
			word-spacing: -1px;
		}
		#left div.teaserbox a:hover.pdf{
			background: url(images/pdf-left-o.gif) top right no-repeat;
			color: #523000;
			text-decoration: none;
		}
			#left div.teaserbox a.pdf span{
				display: block;
				padding: 10px 40px 10px 15px;
				margin: 0px
			}

#right{
	width: 212px;
	float: right;
	text-align: right;
}
	#right div.teaserbox div.miniform{background: url(images/teaser-liste-bg.gif) top right repeat-y;}
		#right div.teaserbox div.miniform div{
			background: url(images/teaser-liste-bg-top.jpg) top right no-repeat; 
			padding: 5px 10px 5px 61px; 
			text-align: center;
			font-size: 10px;
			color: #332b23;
			font-weight: bold;
		}

#content #map{
	font-size: 11pt;
	text-align: left;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #819aaa;
}
	#content #map li{
		margin-left: 20px;
		margin-bottom: 10px;
	}
	#content #map li span{
		display: inline;
		width: auto;
		padding: 0px;
		font-size: 11pt;
	}
		#content #map li ul{
			margin-top: 5px;
			margin-bottom: 5px;
			font-weight: normal;
			padding-bottom: 10px;
		}
		
#content fieldset{
  	margin: 0px/*20px 10px 20px*/;
	padding: 10px 0px;
	background: #fffce5 url(images/bg-fieldset.gif) bottom left repeat-x;
	border: none;
	border-top: 1px solid #977a50;
	border-bottom: 1px solid #977a50;
}	 
#content fieldset.o{background: #fffef2 url(images/bg-fieldset-alt.gif) bottom left repeat-x;}
	#content fieldset a{
		color: #84602e;
		text-decoration: none;
	}
	#content fieldset a:hover{
		color: #8b812d;
		text-decoration: underline;
	}
	#content fieldset legend{
  		padding: 0px 4px 8px 18px;
 		font-weight: bold;
		font-size: 10pt;
		color: #84602e;
		background: #fffce5;
		_margin: 0px -5px;
		/*margin: 0px 20px;*/
	}	html>body #content fieldset legend{padding-left: 20px;}
	#content fieldset.o legend{background: #fffef2;}
	#content fieldset label{
  		display: inline-block;
  		line-height: 15px;
  		vertical-align: top;
		width: 180px;
		padding: 4px 0px;
	}	html>body #content fieldset label{display: -moz-inline-box;}
		html>body #content fieldset label span{display: block; width: 180px;}
	#content fieldset small, #content fieldset label span{text-align: left; color: #796e10;}
	#content fieldset small{display: block; padding: 0px 20px 10px 20px;font-size: 10px; font-weight: bold;}
	#content fieldset ol{
 		margin: 0px;
  		padding: 0px;
	}
		#content fieldset ol li{
  			list-style: none;
  			padding: 5px 20px;
  			margin: 0px;
			color: #796e10;
			font-size: 9pt;
			font-weight: normal;
			border-top: 1px solid #FFFFFF;
			border-bottom: 1px solid #dad392;
		}
		#content fieldset.o ol li{
			border-top: 1px solid #FFFFFF;
			border-bottom: 1px solid #eae3a7;
		}
		#content fieldset ol li.start{border-top: none;}
		#content fieldset ol li.end{border-bottom: none;}
		#content fieldset fieldset{
  			border: none;
  			margin: 0px;
			padding: 0px;
			background: none;
		}
		#content fieldset fieldset.none{background: none;}
			#content fieldset fieldset legend{
  				padding: 5px 0px 10px 0px;
				margin: 0px;
  				font-weight: bold;
				color: #84602e;
				font-size: 9pt;
				background: none;
				_margin: 0 -7px;
			}	html>body #content fieldset fieldset legend{padding-left: 0px;}
			#content fieldset fieldset label{
  				display: block;
				float: left;
  				width: 180px;
			}
			#content fieldset fieldset ol{
				margin: 0px;
  				padding: 0px;
			}
				#content fieldset fieldset ol li{
  					padding: 5px 0px;
				}
					#content fieldset fieldset ol li label{
						display: inline-block;
						float: none;
						width: 180px;
					}	html>body #content fieldset fieldset ol li label{display: -moz-inline-box;}
						html>body #content fieldset fieldset ol li label span{display: block; width: 180px;}
						
		#content fieldset em, #content fieldset fieldset legend em{
			font-weight: bold;
  			font-style: normal;
  			color: #523000;
			padding: 0px 0px 0px 5px;
		}
		#content fieldset small em{
			font-weight: bold;
  			font-style: normal;
  			color: #523000;
			font-size: 12px;
			padding: 0px;
		}
		#content fieldset h3{
			padding: 10px 0px 10px 0px;
		}
		#content fieldset.none{background: #fffce5; border-top: none;}

#footer{
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg-footer.gif) top center no-repeat;
	height: 53px;
	width: 776px;
	text-align: left;
}	html>body #footer{height: auto; min-height: 53px;}

	#footer div{
		text-align: left;
		padding: 34px 0px 50px 40px;
		text-align: 10pt;
		font-weight: bold;
		letter-spacing: -1px;
	}
		#footer div a{
			color: #523000;
			text-decoration: none;
		}
		#footer div a:hover{
			color: #523000;
			text-decoration: underline;
		}
	#footer h5{
		float: right;
		font-size: 10px;
		letter-spacing: normal;
		color: #333333;
		margin: 0px;
		padding: 1px 20px 0px 0px;
	}
		#footer h5 a{color: #0d3c4f;}
		#footer h5 a:hover{color: #0d3c4f;}
		
input, select, textarea{
	border: 1px solid #84602e;
	border-left: 2px solid #84602e;
	background: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	color: #4c310c;
}
select{padding: 3px 2px;}
input:hover, select:hover, textarea:hover, input.fhover, select.fhover, textarea.fhover{
	background: #fff6e9;
}
input.nothing, select.nothing, textarea.nothing{
	background: none;
	border: none;
	padding: 0px;
}

input.btn{
	border-top: 1px solid #423017;
	border-right: 1px solid #423017;
	border-bottom: 1px solid #c2b097;
	border-left: 1px solid #c2b097;
	background: #84602e;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 20px;
	color: #FFFFFF;
	overflow: visible;
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
}
input.disabled{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: #F0F0F0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 20px;
	color: #CCCCCC;
	overflow: visible;
	font-weight: bold;
	cursor: default;
	margin: 0px;
}
input.btn:hover, input.btno{
	border-bottom: 1px solid #674702;
	border-left: 1px solid #674702;
	border-top: 1px solid #e7c782;
	border-right: 1px solid #e7c782;
	background: #cf8f05;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 20px;
	color: #FFFFFF;
	overflow: visible;
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
}
select.intext{
	border: 1px solid #4b6f85;
	background: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	color: #1d4761;
	margin-left: 10px;
}
	#right div.teaserbox div.miniform div input{
		font-size: 9px;
		margin-top: 5px;
		border: 1px solid #423017;
		color: #332b23;
		padding: 2px 3px;
		font-weight: normal;
	}
	#right div.teaserbox div.miniform div input.btn{
		border-top: 1px solid #423017;
		border-right: 1px solid #423017;
		border-bottom: 1px solid #c2b097;
		border-left: 1px solid #c2b097;
		background: #84602e;
		font-size: 9px;
		margin-top: 5px;
		color: #FFFFFF;
		padding: 1px 5px;
		font-weight: bold;
	}
	#right div.teaserbox div.miniform div input.btn:hover, #right div.teaserbox div.miniform div input.btno{
		border-bottom: 1px solid #674702;
		border-left: 1px solid #674702;
		border-top: 1px solid #e7c782;
		border-right: 1px solid #e7c782;
		background: #cf8f05;
		font-size: 9px;
		margin-top: 5px;
		color: #FFFFFF;
		padding: 1px 5px;
		font-weight: bold;
	}
.gras1 {
	font-weight: bold;
	font-size: 10px;
	color: #6699CC;
}
.img1 {
	padding: 1px; 
	background-color: 95AAAD; 
	clear: both;
}

.openHour {
	font-size:11px;
}

table.circulaires td{
	padding: 5px 10px 10px 10px;
}