body
{

cursor:auto;
width: 1000px;
margin: auto; /*pour centrer la page */
margin-top: 20px; /*pour eviter de coller avec le haut de la fenetre du navigateur */
margin-bottom: 20px; /*idem pour le bas du navigateur  */
background-color: black; /*le fond de la page sera noir  */
color :white; /*le texte de la page sera blanc  */
}

#en_tete  /*haut de page */
{
 margin-left:150px;
 
 width: 990px;
 height: 154px;
 background-color: white;
 margin-bottom:10px;
 }
 
 #menu
 {
 
 width:191px;
 height: 300px;
 background-color: black;
 color: white;
 position:absolute;
 top:230px;
 left:136px;
} 

#corps
{


margin-left:200px;
margin-bottom:20px;
padding:5px;
background-color:black;
border:0px solid white;
position:absolute;
top:230px;
width:790px;
left:140px;
}

#corps2
{

padding:4px;
background-color:black;
border:0px solid white;
position:absolute;
top:260px;
width:635px;
left:426px;
}


#corps5
{

padding:4px;
background-color:black;
border:0px solid white;
position:absolute;
top:215px;
width:635px;
left:426px;
}



#pied
{
background-color:black;
position:absolute;
text-decoration:underline;
top:800px;
width:170px;
right:730px;
text-align: center ;
}

#signature9
{
background-color:black;
position:absolute;
top:970px;
left:137px;
}

#signature10
{
background-color:black;
position:absolute;
top:910px;
left:130px;
}

#signature11
{
background-color:black;
position:absolute;
top:930px;
left:130px;
}

#signature12
{
background-color:black;
position:absolute;
top:945px;
left:130px;
}


#signature13
{
background-color:black;
position:absolute;
top:990px;
left:130px;
}









#pied3
{
background-color:black;
position:absolute;
text-decoration:underline;
top:960px;
width:170px;
right:950px;
text-align: center ;
}

#objet
{
position:absolute;
top:500px;
left:132px;
}

#objet1
{
position:absolute;
top:550px;
left:132px;
}

#objet2
{
position:absolute;
top:350px;
left:0px;
}








.signature
{
font-family:Comic Sans MS,serif;
font-size:28px;
color:#C6DB42;
text-decoration:underline;
position:absolute;
top:224px;
left:430px;
}

a
{
font-family:Batang,Arial,Verdana,serif;
font-size:medium;

}

p
{ 
text-align: justify;
}

.signature2
{margin-left:60px;
font-family:Comic Sans MS,serif;
font-size:46px;
color:#C6DB42;
position:absolute;
top:177px;

}


.signature3
{text-align:10px;
font-family:"Arial Black"Arial,Verdana,serif;
font-size:large;
color:#E7E996;
}


.signature4
{color:#C6DB42;
font-family:Comic Sans MS,serif;
}


.signature5
{color:#C6DB42 ;
 font-size:33px;
 font-family:Verdana;
 text-decoration:underline;
 font-family:Comic Sans MS,serif;
}


.signature6
{color:#C6DB42;
 font-size:23px;
 font-family:Comic Sans MS,serif;
 
}


.signature7
{color:#C6DB42 ;
 font-size:30px;
  font-family:Comic Sans MS,serif;
 text-decoration:underline;
 position:absolute;
 left:430px;
 top:212px;


 }
 
 .signature8
{text-align:left;
font-family:Comic Sans MS,serif;
font-size:28px;
color:#C6DB42;
text-decoration:underline;
}
 
 
 
 
 
 
 
 .photopresentation
{margin-left:90px;
position:absolute;
top:283px;

}


.photodj
{position:absolute;
top:107px;
left:95px;
}

.sunsetlogo
{ position:absolute;
  top:28px;
left:130px;
  
}


.sunsethead1
{position:absolute;
top:45px;
left:432px;

}

.sunsethead2
{position:absolute;
top:45px;
left:646px;

}

.sunsethead3
{position:absolute;
top:45px;
left:880px;

}



.texte1
{
margin-left:0px;
font-size:23px;
text-align: justify;

}

.texte2
{
position:absolute;

font-size:14px;
text-align: justify;
}

#texte3
{
color:#C6DB42;
font-family:Comic Sans MS,serif;
font-size:30px;
position:absolute;
left:430px;
top:215px; 
}


#texte4
{
color:#E7E996;
font-size:20px;
position:absolute;
width:300px;
top:307px;
left:434px;
border: 0px dotted #E7E996
}


#texte5
{
color:#E7E996;
font-size:20px;
position:absolute;
width:250px;
top:307px;
left:826px;
border: 0px double #E7E996
}

#corps4
{
position:absolute;
margin-left:305px;
border:1px solid #E7E996;
top:212px;
width:634px;
}





#corps3
{

padding:300px;
background-color:black;
border:1px solid #C6DB42;
position:absolute;
top:230px;
width:43px;
left:420px;
}





ul.liste, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */

.liste {width :162px ; /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none} /* suppression des boutons CSS devant les items de la liste */

.liste li a {border-left:1.5em solid #E7E996 ; /* crée un gros carré gris à gauche des liens non survolés */
background-color: black; /* couleur de fond des liens non survolés */
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
color:white; /* la police des liens non survolés est noire */
text-decoration:none ; /* on suprime le soulignement des liens */
height:1.5em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste li a:hover { /* style des liens lors du survol */
background-color:white; /* le fond du lien passe au blanc */
color:black; /* le texte passe au blanc */
border-left-color:white} /* crée un gros carré rouge à gauche des liens survolés */
 
 /* gallery image */
 
 div#galerie
{
	
	background: black ;
	border: 1px solid #E7E996 ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
	position:absolute;
    top:110px;
    margin-left:3px; /* decalage marge gauche */
	width:610px ; /* largeur de la gallery image */
}

/*
div#galerie_mini
{
	margin: 4 ;
	padding: 0 ;
	
		
}
*/

/*
div#galerie_mini 
{   display:block;
  color: #E7E996 
  
}
*/


div#galerie_mini  a img  
{
	margin: 2px 1px ;
	border:1px solid #E7E996;/* largeur de la gallery image---- ( origine =solid #dcb ) */
	
}



/*dl#photo
{
	clear: both ;
	margin: 0 auto ;
}
*/


dl#photo dt
{
	text-align: center ;
	
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #C6DB42 ;/*couleur du titre de la grande photo */
}

dl#photo dd
{
	margin: 15 ; /*hauteur position pour la grande photo */
}

dl#photo img
{
	border: 1px solid #E7E996 ;  /* couleur de la bordure de la grande photo de la gallery*/
}