/* Titre "showcase" */
h1#showcase a{
	display:block;
	width: 159px;
	height: 27px;
	margin: 0 0 30px 0;
	float: left;
	background-image: url(/images/titre_showcase.gif);
	background-repeat: no-repeat;
}
h1#showcase a:hover{
	background-image: url(/images/titre_showcase_roll.gif);
}

/* Masques et références communs à toutes les pages */
#masque{
	width: 645px;
	height: 250px;
	float: left;
	clear: left;
	overflow: hidden;
}
#refs{
	height: 250px;
	margin: 0;
	padding: 0;
	clear: left;
}
#refs a{
	color: #fff;
	text-decoration: none;
}
#refs a:hover{
	color: #9c3;
}
#refs .reference{
	float: left;
	width: 340px;
	height: 100px;
	margin: 0;
	list-style: none;
	cursor: pointer;
}
#refs .reference:hover .image{
	background-color: #9c3;
}
#refs .reference:hover h2 a{
	color: #9c3;
}
#refs .reference:hover li{
	color: #9c3;
}
#refs .image{
	width: 120px;
	height: 80px;
	padding: 5px;
	background-color: #ccc;
	float: left;
}
#refs .reference h2 a{	
	color: #ccc;
}
#refs .reference h2{
	float: left;
	clear: none;
	width: 160px;
	font-size: 16px;
	padding: 0 0 0 10px;
	margin: 0;
	color: #ccc;
}
#refs .reference ul{
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 12px;
	color: #ccc;
	width: 170px;
	height: 80px;
	overflow: hidden;
}
#refs .reference ul li{
	list-style: none;
	margin-left: 10px;
	width: 170px;
}
#refs .reference p{
	float: left;
	padding-left: 10px;
	margin: 0;
	width: 160px;
	font-size: 12px;
	color: #ccc;
}

/*Masque et références spécifiques à la page "Showcase" */
#showcase #masque{
	margin-left: 20px;
}
#showcase #refs .reference .image{
	background-color: #555;
}
#showcase #refs .reference h2 a,
#showcase #refs .reference li,
#showcase #refs .reference p{
	color: #555;
}
#showcase #refs .reference:hover .image{
	background-color: #9c3;
}
#showcase #refs .reference:hover h2 a,
#showcase #refs .reference:hover li{
	color: #9c3;
}
#showcase #refs .cree span,
#showcase #refs .modifie span{
	display:block;
	width:33px;
	height:34px;
	position: absolute;
	z-index:2;
	margin:-17px 0 0 10px;
}
#showcase #refs .cree span{
	background: url(/images/references/pastille_new.png) no-repeat;
}
#showcase #refs .modifie span{
	background: url(/images/references/pastille_update.png) no-repeat;
}
#showcase #masque{
	width: 935px;
	height: 500px;
	float: left;
	clear: left;
	overflow: hidden;
}
#showcase #refs{
	width: 935px;
	height: 500px;
}
#showcase #refs .reference{
	float: left;
	width: 320px;
	height: 100px;
	margin-bottom: 15px;
}
/* navigation */
.fleche{
	width: 49px;
	height: 49px;
	display: block;
	cursor: pointer;
}
#accueil .fleche{
	z-index:3;
	position: absolute;
}
.fleche span{
	display: none;
}
.prev{
	margin-left: 851px;
	margin-right: 5px;
	background-image: url(/images/fleche_gauche.gif);
}
.next{
	margin-left: 905px;
	background-image: url(/images/fleche_droite.gif);
}
.prev:hover{
	background-image: url(/images/fleche_gauche_roll.gif);
}
.next:hover{
	background-image: url(/images/fleche_droite_roll.gif);
}

/* Navigation spécifique à la page "Showcase" */
#showcase .fleche{
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}
#showcase .prev{
	margin-left: 370px;
	background-image: url(/images/fleche_gauche_showcase.gif);
}
#showcase .next{
	margin-left: 0;
	background-image: url(/images/fleche_droite_showcase.gif);
}
#showcase .prev:hover{
	background-image: url(/images/fleche_gauche_showcase_roll.gif);
}
#showcase .next:hover{
	background-image: url(/images/fleche_droite_showcase_roll.gif);
}
#nbpages{
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 5px;
}
#nbpages span{
	font-size: 18px;
}

/* catégories */
#categories{
	text-align: center;
	margin: -50px 0 50px 0;
}
#categories li{
	display: inline;
	list-style: none;
	margin-right: 20px;
	font-size: 14px;
}