h1, .address {
  text-align:center;
}

h1 {
  margin-top:30px;
  font-family:"museo-slab", sans-serif;
  font-size:3em;
  margin-bottom: 0px;
}

p {
  margin-top: 50px;
  margin-bottom: 0px;
  font-family: "museo-slab", sans-serif;
}

*{        
  padding:0;
  margin:0;
  list-style-type:none;
}
body{
  background:url('/images/foil.png');
}
.map {
  margin-top:10px;
}

#slider{
  background:url('resources/background.png');
  width:960px;
  height:370px;
  margin:20px auto;
  position:relative;
}
#mask{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.fleche{
  position:absolute;
  top:145px;
  cursor:pointer;
}
#fleche_gauche{
  left:-17px;
}
#fleche_droite{
  right: -17px;
}
#image_container{
  position:absolute;
  width:400%;
  height:100%;
  /* La transition sur tout les navigateurs */
     /* Chrome */ 
    -webkit-transition-property:all;
    -webkit-transition-duration:1s;

     /* Firefox */ 
    -moz-transition-property:all;
    -moz-transition-duration:1s;
    
     /* Opera */ 
    transition-property:all;
    transition-duration:1s;

}

/* Les différentes positions du slider */
.image1 #image_container{
  left:0;
}
.image2 #image_container{
  left:-100%;
}
.image3 #image_container{
  left:-200%;
}
.image4 #image_container{
  left:-300%;
}

/* Les images */
#image_container li{
  float:left;
}

/* L'encart Bleu */
#encart{
  position:absolute;
  top:-15px;
  left:200px;
  background:url('resources/text.png');
  width:328px;
  height:396px;
}

#bouton{
  position:relative;
  width:244px;
  height:55px;
  margin: 300px 0px 0px 40px;
  cursor:pointer;
}

/* Les points de navigation */
#dots{
  position:absolute;
  width:130px;
  height:15px;
  left:425px;
  bottom:-25px;
}


/* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
.image1 #dots li.button1, .image2 #dots li.button2, .image3 #dots li.button3, .image4 #dots li.button4{
  background: url('/images/selected-dot.png');
  cursor:normal;
}

/* Un eyecandy */
#glass{
  position:absolute;
  top:0px;
  left:0px;
}