body{
color:white;
background-color:black;
background-image:url(img/LP.jpg);
font-family: "Arial, Helvetica, sans-serif";
font-size: 16pt;
color: Gold;
}

a:visited
{ /* Quand le visiteur a déjà vu la page concernée */
	color: #FFCC66;
	font-style: italic;
}


a:focus
{/* Quand le visiteur sélectionne le lien */
   color: #FFCC66;
}


a:hover
{/* Quand le visiteur pointe sur le lien */
   text-decoration: underline;
   color: white
}


a
{/* Lien normal */
   text-decoration: none;
   color: yellow;
}


.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Gold;
	padding: 3px;
	font-family: comics,Verdana, Arial;
	font-size: 10px;
	background-color: gray;
	top:500px;
}

/* Message qui apparait derriere le curseur*/
.MessageCurseur {position:absolute;  font-size:8pt; font-family:Arial Black,Comic Sans MS; font-weight:bold; color:#FF0000;}

/* Tableau des shows à venir______________________________________________________________________________________________________ */
#showsleen
{
	border: 0px ; /* Bordure du tableau double et bleue */
	margin: auto; /* Centrer horizontalement le tableau */
	border-collapse: collapse; /* éviter d'avoir un quadrillage double */
	font-size: 10pt;
	text-align:center;
	background-color: gray;
	bordercolor:gold;
	
}

#showsleen caption
{/* Le titre */
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 10pt;
	color: Gold;
	background-color: "#6699cc";
	
}

#showsleen th
{ /* Les cellules titre colonnes */
	border: 0px ;
	color: white;
	font-size: 8pt;
	font-family: "Arial, Helvetica, sans-serif";
	font-weight: bold;
	background-color: "#6699cc";
	color:black;
}



#showsleen td
{/* une cellule */
	border: 1px solid gold;
	cellspacing:3pt;
	cellpadding:3pt;
	font-family: "Arial, Helvetica, sans-serif";
	
	text-align:center;

background-image: url(img/Vague.gif);

	}
/* ______________________________________________________________________________________________________ */
div {

	margin-color: black; 
	color: gold;
}

div#logo {
	position : absolute;
	top : 5px;
	left : 1px;
	
	}

div#email {
	position : absolute;
	top : 5px;
	right : 20px;
	
	}


div#Ciel {
	background-image:url(img/CielNuit.jpg);
	backgroundPosition: -1000px;
	position: absolute; 
	top: 0px;
	left:420px;
	height:500px;
	width :800px; 


}

div#Arbre {
	background-image:url(img/ArbreEtPrairie.gif);
	position: absolute; 
	top: 300px;
	left:420px; 
	height:470px;
	width :800px;
}
div#Eclair {
	position: absolute; 
	top: 10px;
	left:970px; 
	
}

div#presentation {
	position: absolute; 
	top: 50px;
	left:500px; 
	width:600px;
	}

div#contenu {
	position: absolute; 
	top: 50px;
	left:440px; 
	}
div#bloc_news
{	
	position: absolute; 
	top: 155px;
	left:5px; 
	width:410px;
	color: #FFF8DC;

	background-color:black;
	background-image: url(img/sand-dark.gif);
	background-repeat: repeat; 
}

div#menu_gauche
{	
	position: absolute; 
	top: 200px;
	left:5px; 
	width:410px;
	color: #FFF8DC;

	background-color:black;
	background-image: url(img/sand-dark.gif);
	background-repeat: repeat; 
}

div#ecoute {
	text-align : center; 
	position: absolute; 
	top: 500px;
	left:25px;
	width:340px; 

	background-color:#4B4B4B;
	

	}


div#informationstechniques {
	text-align : center; 
	position: absolute; 
	top: 690px;
	left:20px; 
	width:350px;
	height:30px;
	background-color:black;
	background-image: url(img/Vague.gif);
	background-repeat: repeat; 

	
	}


div#photos {
	text-align : center; 
	position: absolute; 
	top: 730px;
	left:20px; 
	width:350px;
	height:30px;
	background-color:black;
	background-image: url(img/Vague.gif);
	background-repeat: repeat; 

	
	}

div#livredor {
	text-align : center; 
	position: absolute; 
	top: 770px;
	left:20px; 
	width:350px;
	height:30px;
	background-color:black;
	background-image: url(img/Vague.gif);
	background-repeat: repeat; 

	
	}

div#compteur {
	text-align : center; 
	position: absolute; 
	top: 810px;
	left:20px; 
	width:350px;
	height:30px;
	background-color:black;
	background-image: url(img/Vague.gif);
	background-repeat: repeat; 
	}

div#bas {
	position: absolute; 
	top: 443px;
	left:420px; 

	}


div#AlbumPhoto {
	
	position: absolute; 
	top: 145px;
	left:0px; 
	width:1200px; 
	height:600px; 
	clear: both ;
	margin: 0 auto ;



	}
div#AlbumPhoto img {	
	position: absolute; 


	
}