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

body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	
}
img {
	border:none;
}

/* ------------------------------------------- debut du slide --------------------------------------------------- */	

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#ccc;
	overflow:hidden;
}

	#mask {
		width:500%;
		height:100%;
		background-color:#eee;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background:#715035 url(img/fete-remparts-murailleRepeatX.jpg) top left repeat-x;
	}
	
	
	.content {
		width:400px;
		height:300px;
		top:20%;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
	}
	
	.content-acc {  
    width:100%;  
    height:100%;  
    top:0;  
    margin:0 auto;
	background:transparent url(img/fete-remparts-fond-acc.jpg) top left no-repeat;
    position:relative;  
} 


.content-prog {  
    width:100%;  
    height:100%;  
    top:0;  
    margin:0 auto;  
    background:transparent url(img/fete-remparts-fond-prog.jpg) top left no-repeat;  
    position:relative;  
} 

.content-gal {  
    width:100%;  
    height:100%;  
    top:0;  
    margin:0 auto;  
    background:transparent url(img/fete-remparts-fond-gal.jpg) top left no-repeat;  
    position:relative;  
} 

.content-hist {  
    width:100%;  
    height:100%;  
    top:0;  
    margin:0 auto;  
    background:transparent url(img/fete-remparts-fond-hist.jpg) top left no-repeat;  
    position:relative;  
}

.content-infos {  
    width:100%;  
    height:100%;  
    top:0;  
    margin:0 auto;  
    background:transparent url(img/fete-remparts-fond-info.jpg) top right no-repeat;  
    position:relative;  
} 
	
	
/* ------------------------------------------- fin du slide --------------------------------------------------- */