* {
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;height:970px; 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: 14px; color: #727272; text-align: center; position:relative; top:70px;  }

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

#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')  }

#formulaire_discomets_animation_rennes  {    width: 600px; position: absolute; left: 117px; top: 130px;}
                               
input#telephone { position: absolute; top: 30px; left:230px; font-family:Arial; font-size:12px; color:#FFFFFF; background-color:#E90080 }
input#email  { position: absolute; top: 30px; font-family:Arial; font-size:12px; color:#FFFFFF; right:50px; background-color:#E90080 }
input#nom    { position: absolute; left: 50px; top:30px; font-family:Arial; font-size:12px; color:#FFFFFF; background-color:#E90080 }

textarea#message { 
position: absolute; 
left: 50px; 
top: 120px; 
height: 97px; 
width: 490px; 
font-family:Arial; 
font-size:12px; 
color:#FFFFFF; 
background-color:#E90080;
scrollbar-face-color: #A58E7E; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #000000
 }

input#effacer { 
position: absolute; 
top: 250px; 
right: 150px; 
font-family: Arial; 
font-size: 12px; 
color: #FFFFFF; 
background-color: #E90080; 
width:70px; 
height:24px 
}

input#bouton { 
position: absolute; 
left: 150px; 
top: 250px; 
font-family: Arial; 
font-size: 12px; 
color: #FFFFFF; 
background-color: #E90080; 
width:70px; 
height:24px
 }

#email_discomets_animation_rennes  {   position: absolute; left: 54px; top: 314px; width: 473px;}

p            { font-family: Arial; font-size: 12px; color: #E90080; text-align: center;  }

img { border: 0px;  }


h2           { font-family: Arial; font-size: 12px; color: #727272; text-align: center }
h3           { font-family: Arial; font-size: 12px; color: #727272; text-align: center }
h4           { font-family: Arial; font-size: 12px; color: #727272; text-align: center }

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