* {
margin: 0px;
padding: 0px;
}

span {   font-family: Arial; font-size: 13px; color: #666666; text-align: center; 
               text-decoration: underline; font-weight: bold}


#bas_sono_animation_discomets_rennes { width: 835px; position: relative; height: 52px; text-align: left;margin:0px auto; 
               background-image: 
               url('images/bas-discomets-rennes.gif'); z-index:1 }
#centre_sono_animation_discomets_rennes { position: relative; width: 835px;height:600px; text-align: left;margin:0px auto; background-image: 
               url('images/centre-discomets-rennes.gif'); z-index:1 }
               
body         { text-align: center; background-color: #000000; background-image:url('images/etoiles.jpg') }

#haut_sono_discomets_rennes { position: relative; width: 835px; height: 306px; margin:0px auto; background-image: 
               url('haut-discomets-rennes.gif'); top:0px; text-align:left; z-index:1 }
               
ul#menu 
{
position:absolute;
left:60px;
top:270px;
	margin: 0px ;
	padding: 0 ;
	list-style-type: none ; 
}

ul#menu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 149px ;
	line-height: 36px ;
	color: #ffffff ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #ffffff ; font-family:Arial; font-size:0.7em; font-weight:bold
}

ul#menu li a:hover
{
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 -36px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #727272 ; font-family:Arial; font-size:0.7em; color:#000000;
}
               
ul#menu2
{
position:absolute;
left:220px;
top:270px;
	margin: 0px ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu2 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 149px ;
	line-height: 36px ;
	color: #FFFFFF ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #ffffff ; font-family:Arial; font-size:0.7em; font-weight:bold
}

ul#menu2 li a:hover
{
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 -36px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #727272 ; font-family:Arial; font-size:0.7em; color:#800000;
}       

ul#menu3
{
position:absolute;
left:465px;
top:270px;
	margin: 0px ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu3 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu3 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 149px ;
	line-height: 36px ;
	color: #FFFFFF ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #ffffff ; font-family:Arial; font-size:0.7em; font-weight:bold
}

ul#menu3 li a:hover
{
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 -36px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #727272 ; font-family:Arial; font-size:0.7em; color:#800000;
}   

ul#menu4
{
position:absolute;
left:626px;
top:270px;
	margin: 0px ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu4 li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu4 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 149px ;
	line-height: 36px ;
	color: #FFFFFF ;
	text-indent: 20px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #ffffff ; font-family:Arial; font-size:0.7em; font-weight:bold
}

ul#menu4 li a:hover
{
	background: url('images/boutons-discomets-rennes.gif') no-repeat 0 -36px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #727272 ; font-family:Arial; font-size:0.7em; color:#800000;
}   
     
h1           { font-family: Arial; font-size: 15px; text-align: center; color:#727272; padding-top:20px }

#lecteur_animation_discomet_rennes  {  position: absolute; width: 100px; height: 13px; z-index: 1; left: 608px; top:27px  }


h2           { font-family: arial; font-size: 12px; color: #727272; text-align: center; 
               padding-top: 20px; padding-bottom:50px }
a            { font-family: arial; font-size: 12px; color: #FF00FF; text-decoration:none; }
a:hover      { font-family: Arial; font-size: 12px; color: #727272; text-decoration:none; font-style:oblique }

p            { text-align: center; padding-bottom:15px;padding-top:15px; }

img  {    border: 0px solid #666666;}

#accueil_animation_sonorisation_rennes  {  position: absolute;  z-index: 1; margin:0px auto; left:356px; top:4px ; }