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

/* html */
* {
	margin:0;
	padding:0;
}
html,body {
	/*background:url(images/back.jpg) repeat;*/
}
body {
	min-width:720px;
}
/* globale */
#global {
	position:relative;
	/*top:50px;*/
	width:520px;
	height:360px;
	margin:0 auto;
	text-align:center;
	background:url(images/back.png) no-repeat;
	
}
h1 {
	padding: 2px 0  5px 0;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:1em;
	color:#eeeeee;
	/*text-shadow:1px 1px 1px #111111;*/
}

h1.tit1 {
	position: relative;
	top:10px;
	left: -60px;
	padding:5px 0 0px 0;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:1em;
	color:#eeeeee;
	/*text-shadow:1px 1px 1px #111111;*/
}



/* galerie */
#galerie {
	width:338px;
	height:280px;
	
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#contenu {
	width:338px;
	padding:4px;
	left: -58px;
	margin:10px auto;
	text-align:center;
	overflow:hidden;
	position:relative;
	background-color:#000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

#status2{
	position:absolute;
	top:632px;
	left:600px;
	z-index: 50;
}

div.sucre {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:338px;
	height:280px;
}
div.sucre p {
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:0.8em;
	color:#eeeeee;
	margin:0 auto;
	padding-bottom:5px;
}
div.sucre img {
	width:100%;
}
/* fleches */
div.fleche {
	margin-top:-174px;
	height:13px;
	width:10px;
	font-family:sans-serif;
	font-size:0.5em;
	color:#888;
	cursor:pointer;
	text-align:center;
	background-image:url(images/fleche-btn.png);
}
#left {
	float:left;
	background-position:0 0;
}
#right {
	float:right;
	background-position:10px 0;
}
#left:hover {
	background-position:0 13px;
}
#right:hover {
	background-position:10px 13px;
}
/* etoiles navigation */
ul {
	list-style:none;
}

ul#thumbs {
	position: relative;
	width:67%;
	left: 30px;
	top: -5px;
}
ul#thumbs li {
	display:inline-block;
	height:15px;
	width:15px;
	background-image:url(images/bouton-btn.png);
	background-position:0 0;
	cursor:pointer;
	margin:0 5px 0 0;
}
ul#thumbs li:hover,ul#thumbs li:active {
	background-position:0 -15px;
}
.survol,.survol:hover {
	background-position:0 -30px;
}