<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>STARS UPON MY LAB - Index</title>
<meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
 <meta name="TITLE" content="STARS UPON MY LAB"/>
<meta name="AUTHOR" content="musique,enregistrement,arrangements,remise au propre,composition,studio,home studio,kimo,the long escape"/>
<meta name="SUBJECT" content="musique,enregistrement,arrangements,remise au propre,composition,studio,home studio,kimo,the long escape"/>
<meta name="KEYWORDS" content="musique,enregistrement,arrangements,remise au propre,composition,travaux,découverte,studio,home studio,kimo,the long escape,arkans,evapocalypsse,inspirations,mixage,rock,metal,blues,jazz,acoustique,soul,electro,photos,vidéos,"/>
<meta name="REVISIT-AFTER" content="7 DAYS"/>
<meta name="LANGUAGE" content="FR"/>
<meta name="COPYRIGHT" content="STARS UPON MY LAB"/>
<meta name="ROBOTS" content="All"/>
<script type='text/javascript' src='./js/jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='./js/menu.js'></script>


<style type="text/css">

   body {
    font-family: lucida grande,Verdana, Arial, Geneva,
          SunSans-Regular, sans-serif;
    color: #ddd;
    background-color:#333333;
    width:100%;
    margin: inherit;
     }
     
#header{
width:auto;
height:310px;
background-color:#FFFFFF;
}

.logo {
position:relative;
top:20px;
text-align:center;
margin-left: auto; 
margin-right: auto; 
width:429px;
height:100px;
padding:10px;
background-image:url(images/logo_suml_2009.png);
background-repeat:no-repeat;
}

.sslogo {
position:relative;
top:0px;
text-align:center;
margin-left: auto; 
margin-right: auto; 
width:429px;
height:100px;
padding:10px;

}

.cadremenu {
position:relative;
top:10px;
text-align:left;
margin-left: auto; 
margin-right: auto; 
width:auto;
height:25px;
padding:10px;
background-color:#A2B5BF;
-moz-box-shadow: 0px 3px 10px #555;
-webkit-box-shadow: 0px 3px 10px #555;
}

.menu {
position:relative;
top:0px;
left:165px;
text-align:left;
margin-left: auto; 
margin-right: auto; 
width:900px;
height:20px;
background-color:transparent;
color:#fff;

}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 15px;

color:#fff;
text-decoration:none;
background-color:#A2B5BF;
}

#nav a:hover{
background-color:#fff;
color:#333;
-moz-box-shadow: 0px 3px 10px #555;
-webkit-box-shadow: 0px 3px 10px #555;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:9em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

.contenu {
position:relative;
top:35px;
text-align:left;
margin-left: auto; 
margin-right: auto; 
width:800px;
height:100%;
padding:10px;
background-color:transparent;
font-size: 80%;
}

#footer{
position:relative;
top:612px;
width:auto;
height:170px;
background-color:#FFFFFF;
color: #A2B5BF;
border-top: 10px solid #ddd;
font-size: 70%;
}

a {
		    
		    font-weight: normal;
		    color: #A2B5BF;
		    text-decoration: none;
		    
		    
		    /* Fonctionne déjà sur webkit */
		    -webkit-transition-property: color;
				-webkit-transition-duration: 0.2s;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: color;
				-moz-transition-duration: 0.2s;
				
				/* … et lorsque ce sera standardisé */
				transition-property: color;
				transition-duration: 0.2s;
				
		  }
		  
			a:hover, a:focus {
			    
				color: #ddd;
			}

 	</style>
</head>

<body>

<div id="header">
<div class="logo">
</div>
<div class="sslogo"><h1>Production Musicale. Design Sonore.</h1>
</div>
<div class="cadremenu">
<div class="menu">
<ul id="nav">
    <li><a href="index.html">Accueil</a>
    <ul>
            <li><a href="kimo.html">Kimo</a></li>
            <li><a href="services.html">Services</a></li>
      </ul></li>
    <li><a href="travaux.html">Travaux</a>
    <ul>
            <li><a href="compositions.html">Compositions</a></li>
            <li><a href="remise_au_propre.html">Remise au propre</a></li>
      </ul></li>
    <li><a href="media.html">Média</a>
      <ul>
            <li><a href="photos.htm">Photos</a></li>
            <li><a href="videos.html">Vidéos</a></li>
      </ul>
    </li>
    <li><a href="a_decouvrir.html">À découvrir</a></li>
    <li><a href="guestbook.html">Livre d'or</a></li>
    <li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
<div class="contenu">
<br></br>
<br></br>
<br></br>
<br></br>
<center>Bienvenue sur le site officiel de STARS UPON MY LAB !
<br></br>
<br></br>
<p>Composition,</p>
<p>Arrangements,</p>
<p>Enregistrement,</p>
<p>Remise au propre,</p>
<p>Mixage,</p>
<p>...</p>
<p>Enregistrer vous fait toujours aussi peur ?</p>
<p>N'hésitez plus. Consultez.</p>
</center>
</div>
</div>
<div id="footer">
<br></br>
<center>Copyright © 2010 Stars Upon My Lab - All Rights Reserved</center>
</div>


</body>
</html>