body
{
	margin: 0 0 ;
	padding: 0 ;
	font:0.8em "Arial", serif;
	background:#000;
	color:#FFF;
}


div.contenu {
	width:100%;
	min-height : 100vh;
	float:left;
	text-align : center;
	background:#000;
}

div.contenu a {
	margin:0px auto 0 auto;
	text-align : center;
}


div.titrebdd {
	margin-top : 64px;
	margin-left : 362px;
	width:416px;
	height:62px;
	background:url(images/listecibleFR.png) top no-repeat;

}

div.titrebdd_en {
	margin-top : 64px;
	margin-left : 362px;
	width:416px;
	height:62px;
	background:url(images/listecibleFR.png) top no-repeat;

}

div.titre_psyche {
	margin-top : 30px;
	margin-left : 362px;
	width:300px;
	height:28px;
	background:url(images/titre_psyche.png) top no-repeat;
}

div.titre_jouvence {
	margin-top : 30px;
	margin-left : 362px;
	width:300px;
	height:28px;
	background:url(images/titre_psyche.png) top no-repeat;
}

/*============================*/
/*     Liste des photos      */
/*==========================*/


div.liste ul {
	list-style-type : none;
	margin:50px 0 0 0;
}

ul#liste li {
	float:left;
	border-left:10px solid #000;
	border-bottom:10px solid #000;
	text-align:center;
}

ul#liste li a{
	display:block;
	text-indent:-5000px; 
}

li#liste_batwoman a { width : 456px ; height : 318px ; background:url(images/psyche.jpg) no-repeat #def; }
/* li#liste_batwoman a:hover { width : 456px ; height : 318px ; background:url(images/psyche.jpg) no-repeat 0px -40px #def; } */
li#liste_robin a { width : 319px ; height : 456px ; background:url(images/jouvence.jpg) no-repeat #def; }
/* li#liste_robin a:hover { width : 319px ; height : 456px ; background:url(images/jouvence.jpg) no-repeat 0px -40px #def; } */


div.liste_en ul {
	list-style-type : none;
	margin:50px 0 0 0;
}

ul#liste_en li {
	float:left;
	border-left:10px solid #000;
	border-bottom:10px solid #000;
	text-align:center;
}

ul#liste_en li a{
	display:block;
	text-indent:-5000px; 
}

li#liste_en_batwoman a { width : 456px ; height : 318px ; background:url(images/psyche.jpg) no-repeat #def; }
/* li#liste_batwoman a:hover { width : 456px ; height : 318px ; background:url(images/psyche.jpg) no-repeat 0px -40px #def; } */
li#liste_en_robin a { width : 319px ; height : 456px ; background:url(images/jouvence.jpg) no-repeat #def; }
/* li#liste_robin a:hover { width : 319px ; height : 456px ; background:url(images/jouvence.jpg) no-repeat 0px -40px #def; } */


/*=========================*/
/*      corps de page      */
/*=========================*/

div.centre {
	width : 500px;
	margin:50px auto 0px auto;
	color: #000;
	text-align : center;
}

div.centre p {
	margin:0px auto 0 auto;
	text-align : center;
}

div.centre a {
	margin:0px auto 0 auto;
	text-align : center;
}

/*===============================*/
/*      corps de page cachéé    */
/*=============================*/

div.texte_haut {
	width : 1000px;
	height : 13px;
	margin : 50px auto 0 auto;
	background:url(images/texte_haut.png) top no-repeat;
}	

div.texte_bas {
	width : 1000px;
	height : 15px;
	margin : 0px auto 0 auto;
	background:url(images/texte_bas.png) top no-repeat;
}

div.texte_milieu {
	width : 1000px;
	margin : 0px auto 0 auto;
	background:url(images/texte_milieu.png) repeat-y;
	color : #000;
}

div.texte_milieu p {
	text-align : center;
}

/*================================*/
/*      menus de navigation      */
/*==============================*/

/*      menus de gauche      */

div.menuG {
	margin-top : 0px;
	width:362px;
	height:1397px;
	float:left;
	background:url(images/fondmenuG.png) top no-repeat;
}

div.menuG ul {
	list-style-type : none;
	margin:0;
	padding:0;
	
}

ul#menuG li a{
	display:block;
	margin-top : 1291px;
	margin-left : 1px;
	width:362px;
	height:106px;
	background-color : #000;
	text-indent:-5000px;
}

li#deconnexionG a {background:url(images/deconnexionG.png) no-repeat #def; }
/*li#deconnexionG a:hover { background:url(images/deconnexionG.png) no-repeat 0px -40px #def; } */

/*      menus de droite      */

div.menuD {
	margin-top : 0px;
	width:281px;
	height:1397px;
	float:right;
	background:url(images/fondmenuD.png) top no-repeat;
}

div.menuD_milieu {
	margin-top : 1291px;
	min-height: 100vh;
	background:url(images/fondmenuDlong.png) repeat-y;
}

div.menuD ul {
	list-style-type : none;
	margin:0;
	padding:0;
}

ul#menuD li a{
	display:block;
	margin-top : 1291px;
	margin-left : 3px;
	height:106px;
	background-color : #000;
	text-indent:-5000px; 
}

li#deconnexionD a { background:url(images/deconnexionD.png) no-repeat #def; }
/*li#deconnexionG a:hover { background:url(images/deconnexionD.png) no-repeat 0px -40px #def; } */


/*      menus de page caché     */

div.menuCache ul {
	list-style-type : none;
	padding:0;
	margin:0;
	width : 1000px ;
	margin : 22px auto 0 auto;
}

ul#menuCache li {
	float:left;
	text-indent:-5000px;
	background-color : #000;
}

ul#menuCache li a{
	display:block;
	background-color : #000;
}

li#compo_on a { margin-left : 5px; width : 160px ; height : 28px ; background:url(images/compo_on.png) no-repeat #def; }
li#compo_off a { margin-left : 5px; width : 160px ; height : 24px ; margin-top : 4px; background:url(images/compo_off.png) no-repeat #def; }
li#rebus_on a { width : 160px ; height : 28px ; background:url(images/rebus_on.png) no-repeat #def; }
li#rebus_off a { width : 160px ; height : 24px ; margin-top : 4px ; background:url(images/rebus_off.png) no-repeat #def; }
li#brouillon { width : 160px ; height : 24px ; margin-top : 4px ; background:url(images/brouillon_off.png) no-repeat #def; }
li#retour a { margin-left:350px; width : 160px ; height : 22px ; margin-top : 6px; background:url(images/retour_off.png) no-repeat #def; }