@charset "utf-8";
/* ------------------------------------ */
/* |           General                | */
/* ------------------------------------ */

html {

}
body {
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;

}

#page{
position:relative;
margin-left:auto;
margin-right:auto;
width:900px;


}


a:focus
{
outline: none;
}

/* ------------------------------------ */
/* |           HAUT DE PAGE           | */
/* ------------------------------------ */

#header {
position:relative;
height:400px;
width:900px;
}

#header h1{
line-height: 0px;
font-size:0px;
text-indent:-5000px;
}

#header h1 a{
position:absolute;
left:66px;
top:0;

background: url(../images/accueil01_03.gif) no-repeat;
height:186px;
width:768px;}

#header h1 a:hover{
background: url(../images/accueil01_03.gif) no-repeat;
}

#header h2{
line-height: 0px;
font-size:0px;
text-indent:-5000px;
}
#header h2 a{
position:absolute;
top:190px;
left:431px;
background: url(../images/accueil01_06.jpg)no-repeat;
height:20px;
width:369px;
}

#header p{
line-height: 0px;
font-size:0px;
text-indent:-5000px;
}
#header p a{
position:absolute;
top:230px;
left:327px;
background: url(../images/pointeuse2.jpg) no-repeat;
height:280px;
width:247px;
}
#header p a:active{
background: url(../images/pointeuse1.jpg) no-repeat;
z-index:5;

}


#heures {
position:absolute;
top:395px;
left:380px;
z-index:2;
width:50px;
height:50px;
}

#minutes {
position:absolute;
top:394px;
left:401px;
z-index:2;
width:50px;
height:50px;
}

#secondes {
position:absolute;
top:391px;;
left:422px;
z-index:2;
width:50px;
height:50px;
}

#heures img {
width: 20%;
}
#minutes img {
width: 20%;
}
#secondes img {
width: 15%;
}




/* ------------------------------------ */
					/* |                MENU              | */
					/* ------------------------------------ */	

					#menu {
					position:relative;
					height:246x;
					width:900px;
					
					}
					
					
					#menu ul{
					list-style-type: none;
					text-align: left;
					margin-left:-30px;
					
					}
					#menu li{
					list-style-type: none;
					text-decoration:none;
					text-indent:-5000px;
					font-size:0px;
					}
					
					.qui {
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left:0px;
					background: url(../images/qui1.gif) no-repeat;
					z-index:5;
					
					/*border: 1px dotted blue;*/ }
					
					
							
					
					a.qui:active {
					position:absolute;
					width : 287px;
					height: 246px;
					top: 0px;
					left:0px;
					background: url(../images/qui2.gif) no-repeat;
					z-index:15;
					
					
					 }
					 
					.qui2 {
					position:absolute;
					width : 287px;
					height: 246px;
					top: 0px;
					left:0px;
					background: url(../images/qui3.gif) no-repeat;
					z-index:20;
					 }
														.who {
											position:absolute;
											width : 213px;
											height: 246px;
											top: 0px;
											left:0px;
											background: url(../images/qui1.gif) no-repeat;
											z-index:5;
											
											/*border: 1px dotted blue;*/ }
											
											
													
											
											a.who:active {
											position:absolute;
											width : 287px;
											height: 246px;
											top: 0px;
											left:0px;
											background: url(../images/qui2.gif) no-repeat;
											z-index:15;
											
											
											 }
											 
											.who2 {
											position:absolute;
											width : 287px;
											height: 246px;
											top: 0px;
											left:0px;
											background: url(../images/qui3.gif) no-repeat;
											z-index:20;
					 }
					 
					 
					
					.realisation {
					position:absolute; 
					width : 213px;
					height: 246px;
					top: 0px;
					left:233px;
					background: url(../images/carton_off.gif) no-repeat;
					
					/*border: 1px dotted blue; */
					}
					
					.realisation2 {
					position:absolute; 
					width : 213px;
					height: 246px;
					top: 0px;
					left:233px;
					background: url(../images/carton_on2.gif) no-repeat;
					
					/*border: 1px dotted blue; */
					}
					
					
					.realisation:hover{
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left: 233px;
					background: url(../images/carton_on.gif) no-repeat;
					z-index:15;
					 }
					
					
					.travail {
					position:absolute;  
					width : 213px;
					height: 246px;
					top: 0px;
					left:466px;
					
					background: url(../images/piscine.gif) no-repeat  ; 
					/*border: 1px dotted blue; */
					}
					.travail2 {
					position:absolute;  
					width : 213px;
					height: 246px;
					top: 0px;
					left:466px;
					
					background: url(../images/requin.gif) no-repeat  ; 
					/*border: 1px dotted blue; */
					}
					a.travail:hover{
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left: 466px;
					background: url(../images/requin2.gif) no-repeat;
					z-index:12;
					}
					
					
					a.travail:active{
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left: 466px;
					background: url(../images/piscine2.gif) no-repeat;
					z-index:12;
					}
					
					.contact {
					position:absolute;  
					width : 213px;
					height: 246px;
					top: 0px;
					left:699px;
					
					background:  url(../images/carte.gif) no-repeat  ; 
					/*border: 1px dotted blue; */
					}
					a.contact:hover{
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left: 699px;
					background: url(../images/carte2.gif) no-repeat;
					z-index:12;
					}
					
						.contact2 {
					position:absolute;  
					width : 213px;
					height: 246px;
					top: 0px;
					left:699px;
					
					background:  url(../images/carte3.gif) no-repeat  ; 
					/*border: 1px dotted blue; */
					}
					
					
				
		
					
					
					
					
					
					
					/* ------------------------------------ */
					/* |                MENU flash        | */
					/* ------------------------------------ */	
				#neon {
					position:absolute;
					width : 213px;
					height: 246px;
					top: 0px;
					left:0px;
					z-index:2;
					}
					
					
					
#page2{
position:relative;
margin-left:auto;
margin-right:auto;
width:900px;
height:100%;
top:0px;


z-index:10;
}		

#logoUsine{
position:relative;
margin-left:auto;
margin-right:auto;
width:370px;
height:280%;
top:0px;


z-index:10;
}					
					
	#logo{
					

					}
					#logo h1{
					line-height: 0px;
					font-size:0px;
					text-indent:-5000px;
					}
					
					#logo h1 a{
					position:absolute;
					left:0px;
					top:0px;				
					background: url(../images/page1_16.gif) no-repeat;
					height:271px;
					width:368px;}	
					
					
					
					#film h2 {
					line-height: 0px;
					font-size:0px;
					text-indent:-5000px;
					}
					
					#film h2 a{
					position:absolute;
					right:0px;
					top:0px;
					
						background: url(../images/film1.gif) no-repeat;
					height:52px;
					width:100px;
					}
					#film h2 a:hover{
					background: url(../images/film2.gif) no-repeat;
					
					}
				
					#uk {
					line-height: 0px;
					font-size:0px;
					text-indent:-5000px;
					}
					
					#uk a{
					position:absolute;
					right:10px;
					top:57px;
					height:81px;
					width:81px;
					background: url(../images/beans1.gif) no-repeat center bottom;
					
					}
					#uk  a:hover{
					
					background: url(../images/beans2.gif) no-repeat center;
					
					}
				


#texte{
position:absolute;
width : 900px;
height:auto;
top:260px;
left:0px

}			
#texte2{
top:14px;
left:380px;
width : 380px;
min-height:280px;
position:relative;
text-align:justify;


}

#texte2 p{

}


	

#quih3 {

text-indent:-5000px;
					width : 420px;
					height: 37px;
					background: url(../images/titre_h3_qui.gif) no-repeat;
					z-index:20;
}

#realisationh3 {
text-indent:-5000px;
					width : 420px;
					height: 37px;
					background: url(../images/titre_h3_realisation.gif) no-repeat;
					z-index:20;
}



#travailh3 {
text-indent:-5000px;
					width : 420px;
					height: 37px;
					background: url(../images/titre_h3_travail.gif) no-repeat;
					z-index:20;
}


#contacth3 {
text-indent:-5000px;
					width : 420px;
					height: 37px;
					background: url(../images/titre_h3_contact.gif) no-repeat;
					z-index:20;
}