@import url(http://fonts.googleapis.com/css?family=PT+Serif|PT+Sans+Narrow:700|PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic);

#container { position:fixed; 
top: 70px;
left:30px;


 width:50px;
 z-index:8000;
}
.tiles1 {
	position:relative;
	margin:2px;
	display:block; 
	height:30px; 
	width:30px;
	 opacity:0;
	 line-height:40px;
	 background-color:#B9D5D7;
	 
	 z-index:9999;
	 		
	 		background-image: url(../img/flechehaut.png);
			background-repeat:no-repeat;
	background-position: center center;
	text-indent: -900em;
	
	
	 }
	  
	  .tiles1:hover {

	 background-color:#3CC;
	 
	 		
	 	
	  }
 	  .tiles2:hover {

	 background-color:#3CC;
	 
	 		
	 	
	  }
.tiles2 {
	position:relative;
	margin:2px;
	display:block; 
	height:30px; 
	width:30px;
	 opacity:0;
	 line-height:40px;
	 background-color:#B9D5D7;
	 
	 		
	 		background-image: url(../img/flechegauche.png);
			background-repeat:no-repeat;
	background-position: center center;
	text-indent: -900em;
	  }
 


    #image1 {
		
		 z-index: 0;   bottom:0px;
		 
	
						background:transparent url(../img/andalousie/intro.jpg) -50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
		position: absolute;
	
	   opacity:1;
	
	;}   
	
	 #image2 {
		
		 z-index: 0;   bottom:0px;  
		 
	
						background:transparent url(../img/andalousie/titre.png) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
		position: absolute;
	
	   opacity:1;
	
	;}
	 
	 
	 
#ok{
	opacity:0;
}
/* Google Font */




html{
		font-family:'Trade';
    height: 100%;
    overflow-x: hidden;
	margin:Opx;
	padding:0px;
	background:#000;
	text-align: center;
-webkit-font-smoothing: antialiased;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
	text-align: center;
}

.curtains>li{
    -webkit-transform:translateZ(0);
    background: white;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}


   

	
	 #witebar {
		
		 z-index: 500;   bottom:0px;
		 background:#EEE;
	
	width : 100%;
	height:7px;
		position: absolute;
	
	   opacity:1;
	
	;}
	#contacts {
		z-index:9999999999;
		position:absolute;
			width : 50%; /* la taille de ta div en pixels */
	margin-left:25%;
	margin-right:25%;
	text-align:center;
height:40%;
margin-bottom:40%;
margin-top:20%;
opacity:0%;

		
	}
	
	
	.contacttxt {
		
	}
.contacttxt h1{
	position:relative;

  
opacity:1;
    
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0px;
	margin: 0;
	
  text-align: center;

	text-transform: uppercase;
		font-family: 'trade';
	


	
	}
	
	.contacttxt h2{
	position:relative;

  
opacity:1;
    
	font-size: 1.5em;
	line-height: 1;
	letter-spacing: 0px;
	margin: 0;
		top:30px;
  text-align: center;

	text-transform: uppercase;
		font-family: 'trade';
	
	text-align: center;color: rgba(255,255,255,1);
	opacity:1;

	
	}
	
	.contacttxt h1 strong{
		text-align: center;color: rgba(255,255,255,1);
	opacity:1;font-size:7em;
	}
	
	
	
	
	.contacttxt  a {
		top:15px;
		font-family: 'trade';
		position:relative;
	font-size: 1.1em;
		color: rgba(255,255,255,1);
		border: 1px solid #Fff;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:5px;
		padding-right:5px;
		
	}
	
	
	.contacttxt  a:hover {
		color:#000;
		border: 1px solid #Fff;
		background:#FFF;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:5px;
		padding-right:5px;
	}