/*
http://astrosurf.fr/rouxph
*/

html, body {
	margin:0;
	background-color:black;
}

#en_tete {
	background-color: black;
	height: 100px;
	width:100%;
	background-position:center;
	background-image: url(star_title.gif); 
	background-repeat: no-repeat;
}
/*ensuite le contenu du site*/
/*d'abord effet pour les liens*/

.email
{
    width: 100px;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: yellow; /* Les liens seront en jaune au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: red; /* Le lien sera écrit en rouge quand on pointera dessus */
}


/*le menu à gauche */
#menu {
	float:left;
	left:0;
	width: 15%;
	height: 100%;
	margin-left:2px;
	margin-top:2px;
	background-color: #626262;
	border: 2px solid black;
	text-align:center;
}




.element_menu ul,h3
{
   background-color: #626262;
   text-align: left;
   margin-bottom: 20px;
}


/*le corps ensuite*/
#corps {
	float:left;
	right:0;
	width:82%;
	min-width:600px;
	margin-left:2px;	
	margin-top:2px;
	text-align:justify;
	background-color: #626262;
}

.imageflottante
{
	float: left;
	margin-left: 10px;
	margin-right: 20px;
    margin-top: 10px;
	margin-bottom: 10px;
	max-width: 50%;
}


/*attentionà la syntaxe <object></object>*/
object{
	width:95%; 
	height:600px;
	margin-left:10px;
	margin-top:10px;
	border: 2px solid black;
	background-color:white;
	}

.album{
	float:left;
	width:95%;
	height:600px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border: 0px solid black;
	background-color: #626262;
}

#pied_de_page{
	float:left;
	width:98%;
	height: 50px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	background-color: #626262;
}