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

#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; 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:#800000;
}
               
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: left; text-decoration:underline }

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

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


#bulles_discomets_animation_rennes   {  position: absolute; width: 317px; height: 123px; z-index: 1; left:483px; top:71px; background-image:url('images/animation-discomets-bulles.GIF')  }


p            { text-align: center; line-height:200%; font-family:arial; font-size:12px; color:#727272 }

h1           { font-family: Arial; font-size: 13px; text-align: center; padding-bottom:15px; padding-top:50px; color:#C92562; text-decoration : none ;  }

img {  border: 0px; }
a            { font-family: arial; font-size: 12px; color: #C92562; }
a:hover      { font-family: arial; font-size: 12px; color: #727272; }