body {
	color: #5c331d;
	background-color: #ec5c16;
	background-image:url(img/background.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

div.main {
	width: 960px;
}

div#albumname {
	position: relative;
	font-family: "Times New Roman";
	font-weight: bold;
	font-variant: small-caps;
	font-size: 32px;
	top: 10px;
}

div#infos {
	position: absolute;
	font-family: "Times New Roman";
	right: 0px;
	top: 0px;
}

div#lastupdate {
	position: absolute;
	font-family: "Times New Roman";
	font-weight: bold;
	font-style:italic;
	right: 5px;
	bottom: 0px;
}
 
div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	z-index: 10;
	border : none;
}
 
img.b {
	position: absolute;
	border : none;
}

img.veille {
	left: 167px;
	top: 0;
}

img.alex {
	left: 50px;
	top: 165px;
}

img.gwendo {
	left: 120px;
	top: 305px;
}

img.mairie {
	left: 245px;
	top: 460px;
}

img.eglise {
	left: 400px;
	top: 490px;
}

img.vin {
	left: 555px;
	top: 460px;
}

img.caillac {
	left: 630px;
	top: 355px;
}

img.lendemain {
	left: 680px;
	top: 165px;
}

img.surlendemain {
	left: 580px;
	top: 0px;
}

div.photoform {
	position: relative;
	left: 25px;
	top: 50px;
}

a.info {
    position:relative; 
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 18px;
	color: #5c331d;
	background-color: #ec5c16;
    z-index:24;
    text-decoration:none;
	border : none;
}

a.info:hover {
	z-index:25; 
}

a.info span {
	display: none
}

a.info:hover span {
	display:block; 
	position:absolute;
    top:2em; 
	right:2em; 
	width:15em;
    border:1px solid #000000;
    background-color:#5c331d; 
	color:#ec5c16;
	font-size: 14px;
    text-align: justify;
    font-weight:bold;
    padding:2px;
}