#image_container {
        padding:0;
        margin:0;
        list-style-type:none;
      }
      #slider{
        width:600px;
        height:550px;
        margin:0px auto 0px auto;
        position:relative;
      }
      #mask{
        width:100%;
        height:100%;
        position:absolute;
        overflow:hidden;
      }
      .bandeau{
        background-color: #EFEFEF;
        border-radius:5px;
        position:absolute;
        height:97px;
        width:600px;
        text-align:center;
      }
      .texte{
        width:600px;
        height:82px;
        display:inline-block;
        vertical-align:middle;
        font: 15px Verdana;
        font-weight:bold;
        margin-top:20px;
      }
      .fleche{
        position:absolute;
        top:207px;
        cursor:pointer;
      }
      #fleche_gauche{
        left:-36px;
      }
      #fleche_droite{
        right: -36px;
      }
      #image_container{
        position:relative;
        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 images */
      #image_container li{
        float:left;
      }
      
      /* Les points de navigation */
      #dots{
        clear:both;
        position:relative;
        margin-top:-92px;
        height:11px;
        list-style-type:none;
      }