@charset "utf-8";
/* CSS Document */

body {background-color:#FFF;
width:100%;
height:100%;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:12px;
}
#header {
	width:982px;
	height:247px;
	margin:0 auto 0 auto;
}
#da { font-size:60px;
padding:0;
margin:0 0 0 55px;
color:#CCC;
width:260px;
}
.video {margin:20px auto 20px auto;
width:480px;
padding:0;
}
#cave { font-size:60px;
padding:0;
margin:0 0 0 55px;
color:#CCC;
width:260px;
}
.bord_grand {background-image:url(img/css/bord_grand.jpg);
background-repeat:no-repeat;
width:850px;
height:4px;
position:relative;
margin: 0 0 0 10px;
}

	#menu {width:982px;
	height:52px;
	padding:0;
	margin:0;
	}
		#menu a {float:left;
		margin:0;
		padding:0;}
	#haut {width:982px;
	height:195px;
	position:relative;
	}
		#baniere {background-repeat:no-repeat;
		width:523px;
		height:195px;
		margin:0;
		float:left
		}
		#logo {background-image:url(img/css/logo_da_cave.jpg);
		background-repeat:no-repeat;
		width:321px;
		height:195px;
		margin:0 0 0 84px;
		float:left}
	
		#bord_gauche_menu {
			background-image:url(img/css/menu_bord_gauche.jpg);
			width:40px;
			height:52px;
			margin:0;
			float:left;
		}
		#inter_1 {background-image:url(img/css/menu_intersection_1.jpg);
		background-repeat:no-repeat;
		margin:0;
		padding:0;
		width:25px;
		height:52px;
		float:left;
		}
		#inter_2 {background-image:url(img/css/menu_intersection_2.jpg);
		float:left;
		width:27px;
		height:52px;
		margin:0;
		padding:0;
		}
		#inter_3 {background-image:url(img/css/menu_intersection_3.jpg);
		float:left;
		width:26px;
		height:52px;
		margin:0;
		padding:0;
		}
		#inter_4 {background-image:url(img/css/menu_intersection_4.jpg);
		float:left;
		width:35px;
		height:52px;
		margin:0;
		padding:0;
		}
		#bord_droite_menu { background-image:url(img/css/menu_bord_droit.jpg);
			width:219px;
			height:52px;
			margin:0;
			padding:0;
			float:left;
		}
#main {
	width:981px;
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
	border:0px solid;
}
	#bord_gauche {width : 51px;
	height : 100%;
	background-image:url(img/css/contenu_bord_gauche.jpg);
	background-repeat : repeat-y;
	margin:0;
	padding:0;
	border:0px solid;
	}
	#bord_droit {width : 51px;
	height : 100%;
	background-image:url(img/css/contenu_bord_droit.jpg);
	background-repeat : repeat-y;
	margin:0;
	padding:0;
	border:0px solid;
	}
	#contenu {width:779px;
	height:100%;
	background-repeat:repeat;
	background-image:url(img/css/background.jpg);
	padding:0;
	position:relative;
	margin:0;
	border:0px solid;
	}
	tr {margin:0;
	padding:0;
	width:981px;
	}
		.menu {width:850px;
		height:90px;
		position:relative;
		margin:10px 0 10px 28px;
		}
		.menu a {margin:0 40px 0 0;
		padding:0;
		float:left;
		}
			
		.texte { margin:10px 0 10px 28px;
		width:850px;
		}
			.texte h1 {font-size:18px;
			margin:10px 0 10px 0;
			width:800px;
			}
			.texte p {margin:0 0 10px 0;
			text-align:justify;
			width:810px;
			}
			.texte h2 {font-size:14px;
			margin:10px 0 10px 0;
			width:800px;
			}
			.texte a {color:#FFF;
			width:850px;
			}
		#texte {height:100px;
		width: 540px;
		float:left;
		margin:10px 0 0 28px;
		position:relative;
		}
		#encadre {height:210px;
		width: 261px;
		float:left;
		margin:0 0 50px 30px;
		position:relative;
		}
		#encadre a {color:#FFF;
		}
	
		#encadre h1 {text-align:center;
		font-size:24px;
		margin:0;
		padding:0;
		}
		#encadre h2 {text-align:center;
		font-size:18px;
		margin:0;
		padding:0;
		}
		#encadre h3 {text-align:center;
		font-size:12px;
		margin:0;
		padding:0;
		}
		#encadre p {text-align:left;
		font-size:12px;
		margin:10px 0 0 34px;
		padding:0;
		width:100px;
		float:left}
		.liens img {
		font-size:12px;
		margin:0 0 7px 0;
		padding:0;
		float:right}
		.liens {
			width:84px;
			float:right;
			margin:10px 35px 0 0;
		}
		.bord {
		width:261px;
		height:3px;
		position:relative;
		background-image:url(img/css/bord_1.jpg);
		margin:10px 0 10px 0;
		}
		.spacer {clear:both;
		}
		.images {width:850px;
		margin:10px 0 0 28px;
		padding:0;
		}
		.images img {float:left;
		margin:0 20px 10px 0;
		}
		
#footer {
	background-image:url(img/css/footer.jpg);
	background-repeat:no-repeat;
	width:982px;
	height:44px;
	margin:0 auto 0 auto;
	padding:0;
}
.bas {margin:0;
text-align:center;
font-size:9px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }