@charset "UTF-8";
/* CSS Document */

.sliderindex{
	margin-left:15px;
	}
      #slider{
        background:url('resources/background.png');
        width:930px;
        height:360px;
		margin-top:20px;
		margin-bottom:10px;
        position:relative;
		float:left;
      }
      #mask{
        width:100%;
        height:100%;
        position:absolute;
        overflow:hidden;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      .fleche{
        position:absolute;
        top:145px;
        cursor:pointer;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      #fleche_gauche{
        left:-17px;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      #fleche_droite{
        right: -17px;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      #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;
	padding:0;
	margin:0;
	list-style-type:none;
	left: -2px;
	top: 4px;
      }
      
      /* Les différentes positions du slider */
      .image1 #image_container{
        left:0;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      .image2 #image_container{
        left:-100%;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      .image3 #image_container{
        left:-200%;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      .image4 #image_container{
        left:-300%;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      
      /* Les images */
      #image_container li{
        float:left;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      
      /* L'encart Bleu */
      #encart{
        position:absolute;
        top:-15px;
        left:200px;
        background:url('resources/text.png');
        width:328px;
        height:396px;
		padding:0;
        margin:0;
        list-style-type:none;
      }
      
      #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;
		padding:0;
        margin:0;
        list-style-type:none;

      }


      /* Un eyecandy */
      #glass{
        position:absolute;
        top:0px;
        left:0px;
		padding:0;
        margin:0;
        list-style-type:none;

      }