/* Style propre И la page voyage -------------------------------------------------- */

/* Site de Madeleine Sarrouy : madeleine-sarrouy.com

Version : 1.0
Auteur : Didier Fournet
E-mail : dif@agencedif.com
Site : http://www.agencedif.com/

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

/* 								ееееееееееееееееееее							  */

/* Conteneur
--------------------------------------------------------------------------------- */

div#conteneurhaut
{
	width: 474px;
	height: 15px;
	margin-left: -237px;
	background-color: #757A96;
	position: absolute;
	top: 80%;
	left: 50%;
}

div#conteneurhaut a
{
	color: #757A96;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: 2px;
}

div#conteneurhaut a:hover { color: white; }

h1
{
	width: 474px;
	height: 480px;
	background: transparent url(../images/spirale.jpg) no-repeat left top;
	position: absolute;
	top: -500px;
	left: 0;
}

.cachediv
{
	display: none;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

p#emergences
{
	font-size: 2.4em;
	position: absolute;
	top: -200px;
	left: 460px;
}

p#naissance
{
	font-size: 2em;
	position: absolute;
	top: -525px;
	left: 130px;
}

p#face
{
	font-size: 1.6em;
	position: absolute;
	top: -170px;
	left: 40px;
}

p#regard
{
	font-size: 1.2em;
	position: absolute;
	top: -415px;
	left: 180px;
}

div#groupe1, div#groupe2, div#groupe3, div#groupe4
{
	position: absolute;
	top: -530px;
	left: -237px;
}

img#vignette1
{
	position: absolute;
	top:390px;
	left: 250px;
}

img#vignette2
{
	position: absolute;
	top: 270px;
	left: 200px;
}

img#vignette3
{
	position: absolute;
	top: 120px;
	left: 70px;
}

img#vignette4
{
	position: absolute;
	top: -20px;
	left: 230px;
}

img#vignette5
{
	position: absolute;
	top: -100px;
	left: 360px;
}

img#vignette6
{
	position: absolute;
	top: -60px;
	left: 560px;
}

img#vignette7
{
	position: absolute;
	top: 60px;
	left: 700px;
}

img#vignette8
{
	position: absolute;
	top: 220px;
	left: 720px;
}

img#vignette9
{
	position: absolute;
	top: 400px;
	left: 660px;
}

img#vignette10
{
	position: absolute;
	top: 370px;
	left: 400px;
}

p#technique
{
	width: 700px;
	color: white;
	font-size: 1.3em;
	text-align: justify;
}

p#visionneuse
{
	font-size: 1.2em;
	color: white;
}

p#visionneuse a
{
	color: white;
	text-decoration: none;
}

p#visionneuse a:hover { color: #757A96; }
p#cache { display: none; }

/* Fin de Conteneur ------------------------------------------------------------- */

/* lightbox
--------------------------------------------------------------------------------- */

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

#lightbox img
{
	width: auto;
	height: auto;
}

#lightbox a img { border: none; }

#outerImageContainer
{
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #33342D;
	position: relative;
}

#imageContainer { padding: 10px; }

#loading
{
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 40%;
	left: 0%;
}

#hoverNav
{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	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: transparent url(../images/prevlabel.gif) left bottom no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: transparent url(../images/nextlabel.gif) right bottom no-repeat; }

#imageDataContainer
{
	width: 100%;
	margin: 0 auto;
	font-size: 1.2em;
	color: white;
	line-height: 1.4em;
	overflow: hidden;
}

#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: center;
}

#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose
{
	width: 100px;
	height: 22px;
	float: right;
	padding-bottom: 0;
	outline: none;
}

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

/* Fin de Lightbox ------------------------------------------------------------- */