/*
body{width : 800px; margin-left: auto; margin-right: auto; font-family:"times new roman","franklin gothic demi cond" , arial,serif ;}
img .droit{float:left;}
img .gauche{clear:left}margin-left:5px;
#grande{margin:auto;position : relative; left : 20px; top: 0px;}
#navigation {color:black;position : absolute ;left:50px; top :530px; font: italic 1.5em serif ;}
.en_cours{font: italic 1.8em "arial black", serif ;}
h5{font: italic 0.7em "arial black", serif ;}
div#galerie_vign{width: 1000px ; height :100px; position:relative; top:50px;left:50px;}
img {border:none}
#menu{color : black ;width: 200px ; height :400px; position:absolute; top:50px;left : 100px; font-size :1.3em; }
#menu a{text-decoration : none; color : black ;}
img{margin:5px;}
#content_droit{position:absolute;right:10px;top:20px;width:100px;height:700px; }

dl dt 
*/
#header { width:1300px;margin-left:200px;margin-right:auto;height:50px;}
#photo{position:relative; top: 0px;left : 400px;width:800px;height:600px; }
#content{position:absolute;left:10px;top:120px;width:250px;}height:200px;
#principale { }
#titre {position : relative ;left: 60px;  top :520px;font-style: italic;font-size: 1.2em  ;color:blue;}
a{text-decoration : none; color : black ;}
.nom_album{position : absolute ;left: 60px;  top :380px;font-style: italic;font-size: 1.2em  ;color:blue;}

  <!-- *******width :1200px;margin-left: auto; 
	margin-right: auto;   -->


body{
	background-color:black;
	color:yellow; } 
/*
#img header{ 
	width:120px;
	margin-left:auto;
	margin-right:auto;
}height:150px;
*/
#photo{
	width:500px;
	height:800px; 
}
#titre {
	position : relative ;
	left: 60px;  
	top :0px;
	font-style: italic;
	font-size: 1.2em  ;
	color:yellow;
}
a{
	text-decoration : none; 
	color : yellow ;
}
.nom_album{
	position : absolute ;
	left: 60px;  
	top :380px;
	font-style: italic;
	font-size: 1.2em  ;
	color:blue;
}
.gauche{
	float:left;
}
.droit{
	float:clear;
}
a img{
	margin:5px;
	border:0px;
	padding-right:5px ;
}
#principale {
	position: absolute;
	left: 300px;
	margin-left:200px;
	margin-top:20px; 
	width:700px;
}
#fleche{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	color:yellow;
}

.vignette{
	position:absolute;
	left :30px;
	top:220px;
	width:200px;
	height: 600px;
}

#grande {
	width: 100%;
	height: ;}