@CHARSET "ISO-8859-1";

*{
	margin:0;
	padding:0;
}

body{
	background-color:#463f32; 
}

#global{
	display:block;
	width:1000px;
	margin: auto;
	background:transparent url(images/fond_gauche.jpg) repeat-y left top; 
}

.clear{
	display:block;
	clear:both;	
}

#lr{
	display:block;
	float:left;
	width:1000px;
	background:#b3ada0 url(images/fond_gauche.jpg) repeat-y left top; 
}

#global #visuel2{
	display:block;
	clear:both;
	width:610px;
	height:610px;
	margin:0px 0 0 0;
	position:relative;
	z-index:1;
}

#global #visuel1{
	display:block;
	clear:both;
	width:610px;
	height:610px;
	margin:-610px 0 0 0;
	position:relative;
	z-index:2;
}


/************************************ LEFT ****************************************/

#left{
	display:block;
	float:left;
	width:350px;
}

	#left .logo{
		border:0;
	}

	#left #menus{
		display:block;
		float:left;
		width:350px;
	}

	#left #delimiteur_menus{
		display:block;
		float:left;
		width:350px;
		padding:0 0 2px 0;
		overflow-x:hidden;
	}

	#left #conteneur_menus{
		display:block;
		float:left;
		width:700px;
	}

		#left #menus li{
			list-style-type:none;
			padding:0 0 0 0;
		}

		#left #menus ul.actif{display:block;}

		#left #menus #menu1{
			display:block;
			float:left;
			width:175px;
			background-color:#928977;
			padding:0px 0 30px 0px;
		}

			#left #menus #menu1 li a{
				display:block;
				width:162px;
				height:27px;
				padding:5px 0 0 13px;
				border-top:1px solid #b3ada0;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:bold;
				color:#ffffff;
				text-decoration:none;
			}
			#left #menus #menu1 li a:hover, #left #menus #menu1 li a.actif{color:#463f32;background-color:#ffffff;}

		#left #menus #menu2{
			display:block;
			float:left;
			width:175px;
			background-color:#88bce2;
			padding:0px 0 0px 0px;
		}

			#left #menus #menu2 li strong{
				display:block;
				padding:10px 0 8px 13px;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:bold;
				color:#ffffff;
			}

			#left #menus #menu2 li a{
				display:block;
				padding:3px 0 0 13px;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:normal;
				color:#463f32;
				text-decoration:none;
			}
			#left #menus #menu2 li a:hover, #left #menus #menu2 li a.actif{color:#ffffff;}

			#left #menus #menu2 a.retour, #left #menus #menu3 a.retour{
				display:block;
				padding:0px 0px 0 113px;
				margin:10px 0 -1px 0px;
				width:62px;
				height:22px;
				background:transparent url(images/retour_menu2.jpg) no-repeat right bottom; 
				visibility:hidden;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:normal;
				color:#ffffff;
				text-decoration:none;
				text-align:left;
			}

		#left #menus #menu3{
			display:block;
			float:left;
			width:175px;
			background-color:#ffffff;
			padding:0px 0 0px 0px;
		}

			#left #menus #menu3 li strong{
				display:block;
				padding:10px 0 8px 13px;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:bold;
				color:#88bce2;
			}

			#left #menus #menu3 li a{
				display:block;
				padding:3px 0 0 13px;
				
				font-family:"Times New Roman";
				font-size:14px;
				font-weight:normal;
				color:#463f32;
				text-decoration:none;
			}
			#left #menus #menu3 li a:hover, #left #menus #menu3 li a.actif{color:#88bce2;}

			#left #menus #menu3 a.retour{
				background:transparent url(images/retour_menu3.jpg) no-repeat right bottom; 
				color:#88bce2;
			}

		#left #menus #menu4{
			display:block;
			float:left;
			width:175px;
			padding:0px 0 0px 0px;
		}
		
		#left #menus #menu4 .diapo{
			display:block;
			float:left;
			width:175px;
			margin:0px 0 0px 10px;
		}

			#left #menus #menu4 .vignettes{
				display:block;
				float:left;
				width:169px;
				height:336px;
				overflow:hidden;
				padding:0px 0 0px 0px;
			}
			
				#left #menus #menu4 .slide{
					display:block;
					clear:both;
					float:left;
					cursor:pointer;
					border:0;
				}
			
				#left #menus #menu4 .slider{
					display:block;
					float:left;
					width:169px;
				}
				

				#left #menus #menu4 .vignettes .vignette{
					display:block;
					float:left;
					width:72px;
					height:72px;
					cursor:pointer;
					overflow:hidden;
					border:1px solid #ffffff;
					margin:5px 5px 5px 5px;
					text-align:center;
				}

					#left #menus #menu4 .vignettes .vignette img{
						height:72px;
						border:0;
					}


/************************************ CONTENT ****************************************/

#content{
	display:block;
	float:left;
	width:610px;
	padding:0px 0 0 40px;
	background:#b3ada0 url(images/fond_content.jpg) repeat-x left top; 
}

	#content .titles{
		display:block;
		width:600px;
		height:54px;
		padding:12px 10px 0 0;
		text-align:right;
	}

		#content .titles strong{
			font-family:"Times New Roman";
			font-size:24px;
			font-weight:normal;
			color:#ffffff;
			text-decoration:none;
		}

		#content .titles span{
			font-family:"Times New Roman";
			font-size:14px;
			font-weight:normal;
			color:#ffffff;
			text-decoration:none;
		}

	#content .text{
		display:block;
		clear:both;
		padding:12px 10px 10px 0;
		
		font-family:"Times New Roman";
		font-size:14px;
		font-weight:normal;
		color:#463f32;
		text-decoration:none;
		text-align:justify;
	}
	
		#content .text img.portrait{
			float:right;
			margin:0 0 10px 15px;
		}
	
		#content .text a{
			font-family:"Times New Roman";
			font-size:14px;
			font-weight:normal;
			color:#ffffff;
			text-decoration:none;
		}
		
		#content .text textarea, #content .text input[type="text"]{
			width:370px;
			height:20px;
			background-color:#bfbbb1;
			border:1px solid #928977;
			
			font-family:Arial;
			font-size:12px;
			font-weight:normal;
			color:#463f32;
		}
		
		#content .text input[type="submit"]{
			width:88px;
			height:26px;
			background-color:#88bce2;
			border:1px solid #928977;
			cursor:pointer;
			
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
			color:#ffffff;
		}
		#content .text input[type="text"].captcha{width:100px;}
	
		#content .text textarea{
			height:80px;
		}
	
		#content .text span.intitule{
			font-family:Arial;
			font-size:12px;
			font-weight:normal;
			color:#ffffff;
		}
	
		#content .text .infos_contact{
			display:block;
			float:left;
			width:155px;
			height:440px;
			margin:0 0 0 50px;
			padding:10px 10px 0 10px;
			background:transparent url(images/fond_contact.jpg) repeat-x left top; 
		}
	
			#content .text .infos_contact span{
				display:block;
				width:155px;
				border-top:1px solid #928977;
				margin:20px 0 0 0px;
				padding:10px 0px 10px 0px;
				
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#ffffff;
			}
			
			#content .text .infos_contact a{color:#463F32;}
	
		#content .text a.presse{
			display:block;
			float:left;
			width:120px;
			height:120px;
			
			font-family:Arial;
			font-size:14px;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;
			text-align:center;
		}
		#content .text a.presse img{border:0;}

	#content #gd_img{
		float:right;
		max-width:610px;
	}

	#content .infos_oeuvre{
		display:block;
		clear:both;
		float:left;
		width:600px;
		padding:30px 10px 24px 0;
		
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#463f32;
		text-decoration:none;
	}

		#content .infos_oeuvre strong.title{
			display:block;
			float:left;
		}

			#content .infos_oeuvre strong.title span{
				color:#ffffff;
			}

		#content .infos_oeuvre .reserv{
			display:block;
			float:left;
			background:transparent url(images/fleche_d.jpg) no-repeat left 2px; 
			padding:0 0 0 18px; 
			margin:0 0 0 20px;
		
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
			color:#463f32;
			text-decoration:none;
		}
		#content .infos_oeuvre .reserv strong{color:#ffffff;}

		#content .infos_oeuvre #navig_diapo{
			display:block;
			float:right;
			margin:0 20px 0 0px;
		}

			#content .infos_oeuvre #navig_diapo a{
				display:block;
				float:left;
				margin:0 0 0 5px;
			}
			#content .infos_oeuvre #navig_diapo a img{border:0;}
		

/************************************ FOOT ****************************************/


#foot{
	display:block;
	clear:both;
	width:1000px;
	padding:60px 0 0 0;
}

	#foot h1{
		font-family:"Times New Roman";
		font-size:40px;
		font-weight:normal;
		color:#928977;
		white-space:nowrap;
	}

		#foot h1 strong{font-weight:normal;color:#463f32;margin:0 4px 0 0;}
		#foot h1 strong.en{font-size:38px;}

	#foot .menu{
		display:block;
		float:left;
		margin:0 0 0 175px;
	}

		#foot .menu li{display:block;float:left;}

		#foot .menu li a{
			display:block;
			float:left;
			margin:0 0 0 0px;
			padding:0 15px 0 15px;
			border-right:1px solid #4f493c;
			
			font-family:"Times New Roman";
			font-size:12px;
			font-weight:normal;
			color:#928977;
			text-decoration:none;
		}
		
		#foot .menu li a.last{border:0;}
		#foot .menu li a:hover{color:#88bce2;}

	#foot .credits{
		display:block;
		float:left;
		clear:both;
		margin:20px 0 10px 185px;
			
		font-family:"Times New Roman";
		font-size:9px;
		font-weight:normal;
		color:#928977;
		text-decoration:none;
		white-space:nowrap;
	}