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

span         { color: #FFFF66; }

.texte_fushia_rennes {   color: #C92562}

#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;
}   
     

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

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

#presentation_animation_mariage_rennes   {  position: absolute; width: 100px; height: 100px; z-index: 3; left: 475px; top: 57px  }

#animation_mariage_rennes_danseur  {  position: absolute; width: 100px; height: 100px; z-index: 1; left:550px; top: 348px; margin:0px auto;  }

#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:justify; line-height:200%; font-family:Arial; font-size:12px; width:335px; padding-left:65px; color:#727272  }

h2 { font-family: Arial; font-size: 12px; color: #C92562; padding-left: 62px; font-weight:bold }

h1 { font-family: Arial; font-size: 13px; text-align: left; padding-bottom:15px; padding-top:60px; padding-left: 62px; color:#C92562;  }a            { font-family: arial; font-size: 12px; color: #FF00FF }
a:hover      { font-family: arial; font-size: 12px; color: #808080 }

p#barre_animation_rennes {   text-align: center; position: relative; left: 117px; }

#benoit_animation_discomets_rennes  {  position: absolute; z-index: 4; left: 490px; top: 652px; margin:0px auto; }

#sono_animation_discomets_rennes   {  position: absolute; z-index: 1; left: 444px; top: 1510px; margin:0px auto; }

#arabesque_animation_discomets_rennes  { position: absolute; width: 100px; height: 100px; z-index: 1; left: 527px; top: 1850px; margin:0px auto;  }

#notes_animation_karaoke_rennes   { position: absolute; width: 100px; height: 100px; z-index: 1; left:490px; top:1130px; margin:0px auto; }

#fleche_animation_sonorisation_rennes  { position: absolute; z-index: 5; left:690px; top:2250px; margin:0px auto; }

img  {  border: 0px;  }