* {
	margin: 	0;
	padding: 	0;
}

:focus {
	outline: none;
}

/* General styles ------------------------- */



.showcase a.controls {
	position: absolute;
	width: 54px;
	height: 50px;
	background-color: #2097FA;
	text-decoration: none;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;	
	border: 2px solid #FFF;	
	}

.showcase a.previous {
	padding-bottom: 4px;
}
/* TAILLE IMAGE  */
.showcase ul li {
	width: 200px;
	height:150px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}
/* POURCENT AFF IMAGE */	
.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}


/* Vertical showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#vertical {	
position:absolute;
top:100px;
height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#vertical a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#vertical a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#vertical a.controls:hover {
	border-color: #2097FA;
}

.showcase#vertical ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}

/* verticalcollege showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#verticalcollege {	
position:absolute;
top:100px;
left:250px;
height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#verticalcollege a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#verticalcollege a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#verticalcollege a.controls:hover {
	border-color: #2097FA;
}

.showcase#verticalcollege ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}




/* verticalelisabeth showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#verticalelisabeth {	
position:absolute;
top:100px;

height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#verticalelisabeth a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#verticalelisabeth a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#verticalelisabeth a.controls:hover {
	border-color: #2097FA;
}

.showcase#verticalelisabeth ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}



/* verticalnotredame showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#verticalnotredame {	
position:absolute;
top:100px;

height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#verticalnotredame a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#verticalnotredame a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#verticalnotredame a.controls:hover {
	border-color: #2097FA;
}

.showcase#verticalnotredame ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}



/* verticalcfc showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#verticalcfc {	
position:absolute;
top:100px;

height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#verticalcfc a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#verticalcfc a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#verticalcfc a.controls:hover {
	border-color: #2097FA;
}

.showcase#verticalcfc ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}


/* verticalfoy showcase ------------------------- */
/* DIMENSION DIV */	
.showcase#verticalfoy {	
position:absolute;
top:100px;

height:350px;
text-align:left;
border: 0px solid #FFFFFF;
overflow:hidden;

}	
	
.showcase#verticalfoy a.controls {
	left: 50%;
	margin-left:0px;
}

.showcase#verticalfoy a.next {
	bottom: 0;
	padding-top: 4px;
}


.showcase#verticalfoy a.controls:hover {
	border-color: #2097FA;
}

.showcase#verticalfoy ul {

/* LARGEUR ANIMATION */		
	
	width: 200px;
/* HAUTEUR ANIMATION */	
	height: 300px;	
	top: 0px;

}

