/* -------- Agence Catapulpe 2010 -------- */
/* -------- slidePulpe v2 jQuery --------- */
/* -------------- style.css -------------- */

/* html */

/* globale */
#global {
	position:relative;
	top:7px;
	width:630px;
	margin:0 auto;
	text-align:center;
}

/* galerie */
#galerie {
	width:550px;
	height:310px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#contenu {
	width:550px;
	padding:4px;
	margin:10px auto;
	text-align:center;
	overflow:hidden;
	position:relative;
	background-color:#eeeeee;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
div.sucre {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:600px;
	height:300px;
}
div.sucre p {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	font-family:arial;
	font-size:1.8em;
	color:#eeeeee;
	margin:0 auto;
	padding-bottom:5px;
}
div.sucre img {
	width:100%;
}
/* fleches */
div.fleche {
	margin-top:-200px;
	height:42px;
	width:32px;
	font-family:sans-serif;
	font-size:1.5em;
	color:#888;
	cursor:pointer;
	text-align:center;
	background-image:url(images/fleche-btn.png);
}
#left {
	float:left;
	background-position:0 -42px;
}
#right {
	float:right;
	background-position:32px -42px;
}
#left:hover {
	background-position:0 0;
}
#right:hover {
	background-position:32px 0;
}
/* etoiles navigation */
ul {
	list-style:none;
}
li {
	display:inline-block;
	height:00x;
	width:15px;
	background-image:url(images/bouton-btn.png);
	background-position:0 0;
	cursor:pointer;
	margin:0 5px 0 0;
}
li:hover,li:active {
	background-position:0 -15px;
}
.survol,.survol:hover {
	background-position:0 -30px;
}