@charset "utf-8";

#conteneur{
    display:block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width:950px;
      height: 100%;   

       
        background:url(arrier.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Logo {
float: left;


  margin-right: auto;
 
	width:950px;
	height:700px;
	background:url('flayer.jpg');
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */
    background-repeat: no-repeat;
}
    
#Acceuil {

    float:left;

margin-top: 185px;
  margin-right: auto;
 
	width:240px;
	height:85px;
	background:url(acceuil.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Separateur {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}

#Presentation {
float: left;
margin-left: -32px;
margin-top: 185px;
  margin-right: auto;
 
	width:180px;
	height:41px;
	background:url(present.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Separateur2 {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Produits {
float: left;
margin-left: -32px;
margin-top: 185px;
  margin-right: auto;
 
	width:180px;
	height:41px;
	background:url(produits.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Separateur2 {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}

#Separateur3 {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Services {
float: left;
margin-left: -32px;
margin-top: 185px;
  margin-right: auto;
 
	width:180px;
	height:41px;
	background:url(services.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Separateur4 {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Devis {
float: left;
margin-left: -32px;
margin-top: 185px;
  margin-right: auto;
 
	width:180px;
	height:41px;
	background:url('promotion.png');
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}

#Separateur5 {
float: left;
margin-left: -45px;
margin-top: 185px;
  margin-right: auto;
 
	width:50px;
	height:41px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#separateur50 {
float: left;

margin-top: 5px;
  
 
	width:950px;
	height:5px;
	background:url(separateur.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Contact {
float: left;
margin-left: -114px;
margin-top: 184px;
  margin-right: auto;
 
	width:207px;
	height:42px;
	background:url(contact.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Separateur1 {
float: left;
margin-left: 2px;
margin-top:-40px;
  margin-right: auto;
 
	width:950px;
	height:47px;
	background:url(Separateur1.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}

#image1 {
 
float: left;
margin-top:-42px;

  margin-right: auto;
 
	width:950px;
	height:380px;
	
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#FinseparateurImage {
 
float: left;
margin-top:-84px;

  margin-right: auto;
 
	width:950px;
	height:45px;
	background:url(FinseparateurImage.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
#Marques {
 
float: left;
margin-top:-38px;

  margin-right: auto;
 
	width:950px;
	height:45px;
	background:url(marques.png);
	background-size:100% auto; /* ADAPTATION de l'image au conteneur */

  
}
body {
    background: linear-gradient(#f3db9b, #ccff95);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

 .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 09 css */
        
        .jssort09-600-45 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 600px;
            height: 45px;
        }
        
        .jssort09-600-45 .t {
            font-family: verdana;
            font-weight: normal;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            color:#fff;
            line-height: 45px;
            font-size: 20px;
            padding-left: 10px;
        }
        h1{
           font-family: verdana;
            font-weight: normal;
           font-style:  italic;
            text-indent: 2em;
           
            color: red;
            
            font-size: 20px;
       
        }
        p{
            font-family: arial;
            text-indent: 2em;
            margin-left:5px;
        }
          h2{
           font-family: verdana;
            font-weight: normal;
           font-style:  italic;
            text-indent: 2em;
           
            color: red;
            
            font-size: 15px;
       
        }