@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;
	  }
 

	 
	 
	 
#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;}


    #image1 {
		
		 z-index: 0;   bottom:0px;
		 
	
						background:transparent url(../img/portugal2/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/portugal2/titre.png) 50% 0 no-repeat;
				   background-size:cover;
	min-height: 100%;
	min-width:100%;
		position: absolute;
	
	   opacity:1;
	
	;}
	
	
	 #witebar {
		
		 z-index: 500;   bottom:0px;
		 background:#EEE;
	
	width : 100%;
	height:7px;
		position: absolute;
	
	   opacity:1;
	
	;}