body
{
   float: auto;
   width: 777px;
   padding: 10px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-image: url("images/black_hole2.jpg");
   color:silver;
   background-attachment: fixed;
   background-position: top left;
   font-family:  "Agency FB", verdana, "times new roman", arial;
   font-size: 17px;
}
#musik embed
{
	height: 16px;
	width:777px;
	position:relative;
    left:0;  /*270px */
}
/* L'en-tête */

#en_tete
{
   width: 775px;
   height: 255px;
   margin-bottom: px;
   color:silver;
   text-align:center;
   border: solid 1px silver;
   
}

#en_tete img {border:0px;}
#en_tete .un       { position:relative; top:-25px; right:20px;}
#en_tete .deux   { position:relative; top:-25px; right:13px;}
#en_tete .trois    { position:relative; top:-25px; right:6px;}
#en_tete .quatre { position:relative; top:-25px; right:-1px;}
#en_tete .cinq    { position:relative; top:-25px; right:-8px;}
#en_tete .six      { position:relative; top:-25px; right:-15px;}
#en_tete .sept    { position:relative; top:-25px; right:-22px;}

/* Le corps de la page */

#corps
{
   margin-bottom: 30px;
   padding: 10px; 
   margin-top: -30px;
   background-color: #000000;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   text-align: center;
   border: 1px solid silver;
   border-top: none;
}

td
{
   vertical-align: middle;
   border: 1px solid silver;
}

#corps img
{
   border: black;
    text-align: center;
}

#corps p {text-align: justify; }

#corps h1
{
   color: white;
   text-align: center;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   color: grey;
   text-align: center;
}
.c1{color:#575755 }
.c2{color:#7B7B78  }
.c3{color:#949491 }
.c4{color:#A8A8A4 }
.c5{color:#BCBCB9 }
.c6{color:#CECECB  }
.c7{color:#E6E6E2 }
.cb{color:#ffffff ; text-decoration: none}
.cc{text-decoration: none }

.imp
{
	text-decoration: ;
	font-weight: bold;
	color:white;
	text-indent: 50px;
}
.pm {font-variant:small-caps}
.underline {text-decoration: underline;}

#corps a{color: white}
#corps a:hover { color: silver;}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{

   position:relative;
   left:115px;

}