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

body {
	background-color: #000000;
	background-image: url(Images/fondbleu.png);
	background-repeat: no-repeat;
	background-attachment: absolute;
	background-position: 0px 0px;

}



#logo {
	position: absolute;
	left: 10px;
	top: 10px;
}


#logo_hype_container{
	position: absolute;
	left: 10px;
	top: 10px;
}

#barMenuH {
	position: absolute;
	left: 160px;
	top: 60px;
	z-index:2;
}

    
 #barreh_hype_container {
 	position: absolute;  
	left: 153px;
	top: 52px;
	z-index:-1; 
 }   

 /* =======================================================================================================================================  MenuH */

.menu {
	margin:0; 
    padding:0;
    list-style:none;    
    font-family:arial;
    text-align:center;
    line-height:60px; 
}
 
.accueil {
	  position: absolute;
		left: 405px;
		top: 10px;
       
 	    /* image de fond par defaut */
        background:url(Images/accueil.png) no-repeat center center;    
         
        /* dimensions de l'objet du menu  */
        width:120px;                            
        height:70px;
         
                 
    }
 
.accueil a {
        /* z-index position 1er plan ariere plan... */
        z-index:20;             
         
        /* display as block and set the height according to the height of the menu to make the whole LI clickable   */
        display:block;  
        height:70px;
        position:relative;
        color:#777;
    }
 
.accueil .hover {
        /* quand la souris est sur l'image */
        background:url(Images/accueilover.png) no-repeat center center;       
 
        position:absolute;  
         
        width:120px;    
        height:70px;
        left:0; 
        top:0;  
         
        /* display under the Anchor tag */
        z-index:0;      
         
        /* par defaut cette image est cachée  */
        display:none;   
    }   
 
.accueilselected {
        /* image quand l'objet est selectioné   */
        	  position: absolute;
		left: 405px;
		top: 10px;
        background:url(Images/accueilover.png) no-repeat center center;  
             width:120px;    
        height:70px; 
        
    }
    
    
 
.location {       
    position: absolute;
	left: 520px;
	top: 5px;
    background:url(Images/location.png) no-repeat center center;        
    width:120px;                            
    height:70px;      
    }
 
.location a {
    z-index:20;             
    display:block;  
    height:70px;
    position:relative;
    color:#777;
    }
 
.location .hover {
    background:url(Images/locationover.png) no-repeat center center;       
    position:absolute;       
    width:120px;    
    height:70px;
    left:0; 
    top:0;       
    z-index:0;      
    display:none;   
    }   
 
.locationselected {
	    position: absolute;
	left: 520px;
	top: 5px;
    background:url(Images/locationover.png) no-repeat center center;
        width:120px;                            
    height:70px;    
    }
    
.vente {
	       
    position: absolute;
	left: 638px;
	top: 21px;
    background:url(Images/vente.png) no-repeat center center;        
    width:91px;                            
    height:41px;
          
    }
 
.vente a {
    z-index:20;             
    display:block;  
    height:41px;
    position:relative;
    color:#777;
    }
 
.vente .hover {
    background:url(Images/venteover.png) no-repeat center center;       
    position:absolute;       
    width:91px;    
    height:41px;
    left:0; 
    top:0;       
    z-index:0;      
    display:none;   
    }   
 
.venteselected {
	position: absolute;
	left: 638px;
	top: 21px;
    background:url(Images/venteover.png) no-repeat center center;   
       width:91px;                            
    height:41px;
    }
    
    
.reference {
        
    position: absolute;
	left: 726px;
	top: 22px;
    background:url(Images/references.png) no-repeat center center;        
    width:148px;                            
    height:46px;
          
    }
 
.reference a {
    z-index:20;             
    display:block;  
    height:46px;
    position:relative;
    color:#777;
    }
 
.reference .hover {
    background:url(Images/referencesover.png) no-repeat center center;       
    position:absolute;       
    width:148px;    
    height:46px;
    left:0; 
    top:0;       
    z-index:0;      
    display:none;   
    }   
 
.referenceselected {
	    position: absolute;
	left: 726px;
	top: 22px;
    background:url(Images/referencesover.png) no-repeat center center;   
        width:148px;                            
    height:46px;
    }
    
    
.contact {        
    position: absolute;
	left: 870px;
	top: 29px;
    background:url(Images/contact.png) no-repeat center center;        
    width:110px;                            
    height:46px;
          
    }
 
.contact a {
    z-index:20;             
    display:block;  
    height:46px;
    position:relative;
    color:#777;
    }
 
.contact .hover {
    background:url(Images/contactover.png) no-repeat center center;       
    position:absolute;       
    width:110px;    
    height:46px;
    left:0; 
    top:0;       
    z-index:0;      
    display:none;   
    }   
 
.contactselected {
	position: absolute;
	left: 870px;
	top: 29px;
    background:url(Images/contactover.png) no-repeat center center;   
    width:110px;                            
    height:46px;
    }
    
.novascene {        
    position: absolute;
	left: 979px;
	top: 37px;
    background:url(Images/novascene2.png) no-repeat center center;        
    width:180px;                            
   
          
    }
 
.novascene a {
    z-index:20;             
    display:block;  
    height:50px;
    position:relative;
    color:#777;
    }
 
.novascene .hover {
    background:url(Images/novascene2over.png) no-repeat center center;       
    position:absolute;       
    width:180px;    
    height:50px;
    left:0; 
    top:0;       
    z-index:0;      
    display:none;   
    }   
 


 
 /* ======================================================================================================================================== Menu V */
    
 
#MenuV {
	position: absolute;
	left: 38px;
	top: 113px;
	border: none; 
}    


 
 #menuloc_hype_container {
 	
 	position: absolute;
	left: 35px;
	top: 113px;
  
 	
 }
 
 
 #menuloc_hype_container .sonohover {
    background:url(Images/sonoover.png) no-repeat center center;       
    position:absolute;       
    left: 53px;
	top: 95px;       
    z-index:-1;
    width:142px; 
    height:23px;
    
    display:none;     

    }  
    
     .sonohover {
    background:url(Images/sonoover.png) no-repeat center center;          
    position:absolute;       
    left: 87px;
	top: 208px;       
    z-index:0;
    width:142px; 
    height:23px;
    
    display:none; 
    }  

    
    
     
#sonoselect {
    background:url(Images/sonoover.png) no-repeat center center;       
    position:absolute;       
    left: 88px;
	top: 208px;       
    z-index:0;
    width:142px; 
    height:23px;
 

       


    }  
    
    
#menuloc_hype_container .eclerhover {
    background:url(Images/eclerover.png) no-repeat center center;       
    position:absolute;       
 	left: 5px;
	top: -33px;     
    z-index:-1;
    width:242px; 
    height:376px;
    
    display:none;     

    }
    

       
 
.eclerhover {
    background:url(Images/eclerover.png) no-repeat center center;       
    position:absolute;       
    left: 110px;
	top: 254px;     
    z-index:0;                          
    width:103px; 
    height:29px;
  
    display:none; 
       

    }
    
       
    
#eclerselect {
    background:url(Images/eclerover.png) no-repeat center center;       
    position:absolute;       
    left: 109px;
	top: 254px;     
    z-index:0;                          
    width:103px; 
    height:29px;
  
   
       

    }  
    
    

    
     #menuloc_hype_container .fxhover {
     background:url(Images/fxover.png) no-repeat center center;       
  	position:absolute;       
 	left: 4px;
	top: 186px;      
    z-index:-1;                       
    width: 165px; 
    height:30px;
    display:none;     

    }  
    
    .fxhover {
    background:url(Images/fxover.png) no-repeat center center;       
    position:absolute;       
	left: 38px;
	top: 299px;       
    z-index:0;                          
    width: 165px; 
    height:30px;
    display:none;     

    }  
    
    #fxselect {
      background:url(Images/fxover.png) no-repeat center center;       
    position:absolute;       
	left: 38px;
	top: 299px;      
    z-index:0;                          
    width:165px; 
    height:30px;
     
    

    }  

    
     #menuloc_hype_container .videohover {
    background:url(Images/videoover.png) no-repeat center center;       
    position:absolute;       
	left: 85px;
	top: 225px;      
    z-index:-1;                        
    width:68px; 
    height:23px;
      
    display:none;     

    }  
    
    .videohover {
    background:url(Images/videoover.png) no-repeat center center;       
    position:absolute;       
	left: 119px;
	top: 338px;       
    z-index:0;                          
    width:68px; 
    height:23px;
      
    display:none;     

    }  
    
      #videoselect {
    background:url(Images/videoover.png) no-repeat center center;       
    position:absolute;       
	left: 120px;
	top: 338px;      
    z-index:0;                          
    width:68px; 
    height:23px;
      

      }     


     #menuloc_hype_container .struchover {
    background:url(Images/strucover.png) no-repeat center center;       
    position:absolute;       
	left: 36px;
	top: 262px;   
    z-index:-1;                         
    width:106px; 
    height:23px;
      
    display:none;    

    }  
    
    .struchover {
    background:url(Images/strucover.png) no-repeat center center;       
    position:absolute;       
	left: 70px;
	top: 375px;        
    z-index:0;                          
    width:106px; 
    height:23px;
      
    display:none;     

    }
    
    
    #strucselect {
    background:url(Images/strucover.png) no-repeat center center;       
    position:absolute;       
	left: 70px;
	top: 375px;        
    z-index:0;                          
    width:106px; 
    height:23px;
      

      }
    
     #menuloc_hype_container .elechover {
    background:url(Images/elecover.png) no-repeat center center;       
    position:absolute;       
	left: 15px;
	top: 301px;      
    z-index:-1;                         
    width:114px; 
    height:23px;
      
    display:none;     

    }  
	.elechover {
    background:url(Images/elecover.png) no-repeat center center;       
    position:absolute;       
	left: 49px;
	top: 414px;          
    z-index:0;                          
    width:114px; 
    height:23px;
      
    display:none;     

    }  
    
    
    #elecselect {
    background:url(Images/elecover.png) no-repeat center center;       
    position:absolute;       
	left: 49px;
	top: 414px;        
    z-index:0;                          
    width:114px; 
    height:23px;
      
    
    }
    
     #menuloc_hype_container .bouthover {
    background:url(Images/boutover.png) no-repeat center center;       
    position:absolute;       
	left: 33px;
	top: 341px;       
    z-index:-1;                       
    width:103px; 
    height:29px; 
    display:none;     

    }  
     
     .bouthover {
    background:url(Images/boutover.png) no-repeat center center;       
    position:absolute;       
	left: 67px;
	top: 454px;    
    z-index:0;                          
    width:103px; 
    height:29px; 
    display:none;     

    }  
    
     #boutselect {
    background:url(Images/boutover.png) no-repeat center center;       
    position:absolute;       
	left: 67px;
	top: 454px;      
    z-index:0;                          
    width:103px; 
    height:29px; 
      
    
    }
     

 

 
 
 
 /* ================================================================================================================================ Sous catégorie */
 #sousCat {
 	
 
 	font-family: Arial;
	
  }	
  
  
#sousCatC1 {

 	position: absolute;
	left: 415px;
	top: 110px;
	  z-index:3;
  }	
  
#sousCatC1 a {
  		text-decoration: none;
  		 	color: #cccccc;
}


#sousCatC2 {
 	
 	position: absolute;
	left: 665px;
	top: 110px;
	 z-index:3;
  }	
  
  #sousCatC2 a {
  		text-decoration: none;
  		 	color: #cccccc;
}

#sousCatC3 {
 	
 	position: absolute;
	left: 915px;
	top: 110px;
	 z-index:3;
  }	 
  
  #sousCatC3 a {
  		text-decoration: none;
  		 	color: #cccccc;
}
  
  
  
.Sscateg1SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:107px;       
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}


.Sscateg2SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:125px;       
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}


.Sscateg3SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:144px;       
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}


.Sscateg4SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:380px; 
   	top:163px;       
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}


.Sscateg5SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:180px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg6SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:107px;       
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg7SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:127px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg8SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:147px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg9SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:167px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg10SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:180px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg11SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:107px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg12SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:127px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg13SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:147px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg14SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:167px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}

.Sscateg15SelectInvi {
	
	  background:url(Images/flecheinv.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:180px;      
    z-index:0;
    width:30px;                            
    height:26px;  
    display:none;  
	
	
}


  
.Sscateg1Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:107px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 

.Sscateg2Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:127px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}

.Sscateg3Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:147px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg4Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:167px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg5Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:380px; 
    top:180px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg6Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:107px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg7Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:127px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg8Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:630px;  
    top:147px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg9Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:630px; 
    top:167px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg10Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:630px;  
    top:180px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
} 
.Sscateg11Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:107px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}  
.Sscateg12Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:127px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}  
.Sscateg13Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:147px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}  
.Sscateg14Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:167px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}  
.Sscateg15Select {
	
	  background:url(Images/fleche.png) no-repeat center center;   
	position: absolute;
	left:880px; 
    top:180px;       
    z-index:0;
    width:30px;                            
    height:26px;    
	
	
	
}   

 
 
 
 /* ===================================================================================================================================== Decriptif Court */

 
  .conteneur {
 	position: absolute;
	left: 320px;
	top: 220px;
	color: #FFF;
	z-index: -10;
 }
 
 .descriptifCourt{
 
 	position: absolute;
	left: 413px;
	top: 280px;
	color: #cccccc;
	text-align:left;
 	
 	
 }
 
 .descriptifCourt a{
  	text-decoration: none;
  	color: #cccccc;
  }
 
 
 
#zone {
	
	position: absolute;
	left: 333px;
	top: 250px;
	
	
	
}
 

#effetliste li{

				color: #cccccc;
				padding: 15px;
				margin: 5px;
			}
	
	
#pagesprod {
		position: absolute;
	left: 20px;
	top: 290px;
	
}
			
#pagesprod a {
			color: #005AF7;
		  text-decoration: none;
			}
			
#pagesprod a.wactive{	
				padding: 0 3px;	
 				border: 1px solid gray;	
 				border-color: #005AF7;
 		}

			


td a { 
  display: block; 
  height: 100%; 
  text-decoration: none;
  color: #cccccc;
}

.ligne {                    /*police liste  basique */
	font-size:16px;
	
}
.surligne {
	font-size:17px;         /*police liste  zoom */
		font-weight: bold;
	
}


 /* ======================================================================================================================== photo en transparence */
 
 
.photo {
	position : absolute;
	left: 410px;
	top: -30px;
	z-index: -1;

	
}

.text{
	position :relative;
	z-index: 7;
}

 
.table {
	position :relative;
	z-index: 1;
} 

.table2 {
	position :relative;
	z-index: 2;
} 
.logoMarques{
		position : absolute;
	left: 803px;
	top: 107px;	
	 z-index:3;
	
} 

.logoMarquesPetit{
		position : absolute;
	left: 1003px;
	top: 130px;	
	 z-index:3;

} 

.logoMarques ol,ul {
	list-style:none;	
	} 
 
 /* ======================================================================================================================= fiche détail */
 

 .conteneurvide {
 	position: absolute;
	left: 320px;
	top: 220px;
	color: #FFF;
	z-index: -10;
 }  
  
.photoFicheProduit {
	
	position : absolute;
	left: 890px;
	top: 250px;	
	
}  


.titreProduit {
	
	position : absolute;
	left: 370px;
	top: 230px;
	font-size:36px;         
	font-weight: bold;
	color: #2424DD;
	
}  

.descriptionProduit  {
	
	position : absolute;
	left: 370px;
	top: 285px;
	font-size:16px;        
	color: #cccccc;
	 width:500px;                            
    height:280px;  

	
}
.conditionementProduit  {
	
	position : absolute;
	left: 370px;
	top: 500px;
	font-size:16px;        
	color: #cccccc;
  	
}

.docProduit {
	
	position : absolute;
	left: 920px;
	top: 540px;
	font-size:16px;        
	color: #cccccc;
	
	
}	

.prixProduit {
	
	
	position : absolute;
	left: 370px;
	top: 455px;
	font-size:18px;        
	color: #cccccc;
	
	
}	

 /* ======================================================================================================================= Page accueil */
 
 
.contenuaccueil0 {
	
	font-family: Arial;
	position : absolute;
	left: 410px;
	top: 110px;
	font-size:16px;        
	color: #cccccc;


	
	
}

.contenuaccueil1 {
	font-family:Arial;	
	position : absolute;
	left: 410px;
	top: 110px;
	font-size:16px;       
	color: #cccccc;
	width:840px;

	
	
}

.contenuaccueil2  {
	
	font-family: Arial;
	position : relative;
	left: 0px;
	top: 10px;
	font-size:16px;        
	color: #cccccc;
	width:760px;
	


	
}

.contenuaccueil3  {
	
	font-family: Arial;
	position : relative;
	left: -20px;
	top: 30px;
	font-size:16px;       
	color: #cccccc;
	width:750px;
	
	

	
}
.contenuaccueil4  {
	
	font-family: Arial;
	position : relative;
	left: -50px;
	top: 50px;
	font-size:16px; 
	color: #cccccc;
	width:750px;
	

	
}

.contenuaccueil5  {
	
	font-family: Arial;
	position : relative;
	left: -150px;
	top: 75px;
	font-size:16px;        
	color: #cccccc;
	width:800px;
	
}

.contenuaccueil5 img {
	 border: 0;
}

.contenuaccueil6  {
	
	font-family: Arial;
	position : relative;
	left: 650px;
	top: 65px;
	font-size:16px;      
	color: #cccccc;
	width:50px;
	

	
}



.news{
	
	font-family: Arial;
	position : absolute;
	left: 50px;
	top: 220px;
	font-size:30px;        
	color: #cccccc;


	

	
}

.contenuaccueil5 a{
	text-decoration:none;
	color: #cccccc;
}


.Ssnews {
	
	
	position : relative;
	left: 0px;
	top: -8px;
	font-size:10px;        

	

	
}

#sav {
	
		position : relative;

	top: 5px;

	

}
 /* ======================================================================================================================= Page Loc */


.contenuloc1  {
	
	font-family: Arial;
	position : absolute;
	left: 400px;
	top: 120px;
	font-size:14Arialpx;        
	color: #cccccc;
	width:850px;
	

	
}

 /* ======================================================================================================================= Page Vente */



.logovente #slideshow  {
	position:absolute;
	top:-80px;
	left:600px;
    height:350px;
}

#slideshow {
	position:absolute;
	top:150px;
	left:350px;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.contenuVente1  {
	
	font-family: Arial;
	position : absolute;
	left: 400px;
	top: 120px;
	font-size:16px;        
	color: #cccccc;
	width:850px;
	

	
}

.contenuVente2  {
	
	font-family: Arial;
	position : absolute;
	left: 395px;
	top: 340px;
	font-size:16px;        
	color: #cccccc;
	width:850px;
	

	
}


.contenuVente3  {
	
	font-family: Arial;
	position : absolute;
	left: 300px;
	top: 430px;
	font-size:16px;        
	color: #cccccc;
	width:900px;
	

	
}

.contenuVente4  {
	
	font-family: Arial;
	position : absolute;
	left: 280px;
	top: 470px;
	font-size:16px;        
	color: #cccccc;
	width:1000px;
	

	
}


.contenuVente5  {
	
	font-family: Arial;
	position : absolute;
	left: 60px;
	top: 560px;
	font-size:16px;        
	color: #cccccc;
	width:1180px;
	

	
}

.logovente {
	
	position : absolute;
	left: 20px;
	top: 190px;
	
}

 /* ======================================================================================================================= Page Ref */

 
#Menuref {
	position: absolute;
	left: 38px;
	top: 113px;
	border: none; 
	z-index:2;
}    

     .artisteshover {
    background:url(Images/artisteshover.png) no-repeat center center;          
    position:absolute;       
    left: 124px;
	top: 173px;       
    z-index:0;
    width:123px; 
    height:46px;
    display:none; 

    } 
    
    #artistesselect {
    background:url(Images/artisteshover.png) no-repeat center center;       
    position:absolute;       
    left: 124px;
	top: 173px;       
    z-index:0;
    width:123px; 
    height:46px;
 
    }  
    
    
     .congreshover {
    background:url(Images/congreshover.png) no-repeat center center;          
    position:absolute;       
    left: 82px;
	top: 221px;       
    z-index:0;
    width:159px; 
    height:75px;
    display:none; 

    } 
    
    #congresselect {
    background:url(Images/congreshover.png) no-repeat center center;       
    position:absolute;       
    left: 82px;
	top: 221px;       
    z-index:0;
    width:159px; 
    height:75px;
 
    }      

     .festhover {
    background:url(Images/festhover.png) no-repeat center center;          
    position:absolute;       
    left: 137px;
	top: 311px;       
    z-index:0;
    width:84px; 
    height:22px;
    display:none; 

    } 
    
    #festselect {
    background:url(Images/festhover.png) no-repeat center center;       
    position:absolute;       
    left: 137px;
	top: 311px;         
    z-index:0;
    width:84px; 
    height:22px;
 
    }  
    
    
     .innohover {
    background:url(Images/innohover.png) no-repeat center center;          
    position:absolute;       
    left: 47px;
	top: 351px;       
    z-index:0;
    width:169px; 
    height:78px;
    display:none; 

    } 
    
    #innoselect {
    background:url(Images/innohover.png) no-repeat center center;       
    position:absolute;       
    left: 47px;
	top: 351px;        
    z-index:0;
    width:169px; 
    height:78px;
 
    }      

     .insthover {
    background:url(Images/insthover.png) no-repeat center center;          
    position:absolute;       
    left: 38px;
	top: 446px;       
    z-index:0;
    width:162px; 
    height:22px;
    display:none; 

    } 
    
    #instselect {
    background:url(Images/insthover.png) no-repeat center center;       
    position:absolute;       
    left: 38px;
	top: 446px;       
    z-index:0;
    width:162px; 
    height:22px;
 
    }      
    
     
    
     
.logovente2 {
	position:absolute;
	top:-40px;
	left:-160px;
    height:350px;
}

.contenuRef  {
	
	font-family: Arial;
	position : absolute;
	left: 410px;
	top: 120px;
	font-size:16px;        
	color: #cccccc;
		width:750px;

	

	
}

#test1 {
		position : absolute;
	left: 850px;
	top: 150px;
	z-index:-2;
}

.contenuRef1  {
	
	text-align:justify;
	font-family: Arial;
	position : absolute;
	left: 400px;
	top: 420px;
	font-size:16px;        
	color: #cccccc;
		width:800px;

	
}

.contenuRef13  {
	
	text-align:justify;
	font-family: Arial;
	position : absolute;
	left: 390px;
	top:385px;
	font-size:16px;        
	color: #cccccc;
		width:840px;

	
}

#logos {
	
			position : absolute;
	left: 450px;
	top: 150px;
	z-index:3;
	
}

#asm {
		
			position : absolute;
	left: 580px;
	top: 150px;
}

#zenith {
		
	position : absolute;
	left: 500px;
	top: 100px;
}

#artiste {
		
	position : absolute;
	left: 400px;
	top: 100px;
}

#fest {
		
	position : absolute;
	left: 580px;
	top: 100px;
}
 /* ======================================================================================================================= Page Contact */


.contenuContact1  {
		
	font-family: Arial;
	position : absolute;
	left: 450px;
	top: 120px;
	font-size:16px;        
	color: #cccccc;
			
}



#map_canvas {
	position : absolute;
	left: 730px;
	top: 140px;
}

.newsletter {
	text-align:left;
	font-family: Arial;
	font-size:16px;        
	color: #cccccc;
	position : absolute;
	left: 450px;
	top: 340px;
	width:240px;
}

.horaires {
	
	font-family: Arial;
	color: #cccccc;
	position : absolute;
	left: 450px;
	top: 500px;
		font-size:22px; 
	
	
}

.Interloc {
	
	text-align:left;
	font-family: Arial;
	color: #fff;
	position : absolute;
	left: 15px;
	top: 200px;
	font-size:14px; 
	line-height: 1.8;	
	
	
}




 /* ======================================================================================================================= Page zoom etc */


.zoom {
	
	font-size:19px; 
	color: #fff;
	
}

.zoomm {
	
	font-size:22px; 
	color: #fff;

}

.zoom2 {
	
	font-size:17px; 
	color: #fff;
	font-style: italic;

}

.zoom3 {
	font-size:27px; 
	color: #fff;
	font-weight:bold;
	font-style: italic;

}
.zoom4 {
	position:relative;
	top:10px;
	font-size:18px; 
	

}


.tab {
	margin-left: 90px;
	
}

#futuriaminilogo {
	margin-bottom: 10px;

}


 /* ======================================================================================================================= Page news  */

 .newsText {
	
	text-align:center;
	font-family: Arial;
	color: #cccccc;
	position : absolute;
	left: 400px;
	top: 130px;
		font-size:17px; 

	width:800px;
	height:450px;	
	
	
}

.travaux {

	text-align:center;
	font-family: Arial;
	color: #cccccc;
	position : absolute;
	left: 200px;
	top: 130px;
		font-size:17px; 

	width:800px;
	height:450px;		
} 

/*test*/
#s3slider { 
   width: 400px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}