body{
	width:737px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:0;
	font-size:10px;
	font-family:"Bodoni MT", Arial, Sans-serif;}
img{border:0;}
p{	
	margin:0;
	padding:0;
	font-family:"Bodoni MT", Arial, Sans-serif;}
a{text-decoration:none;color:black;}
div#global{
	width:735px;

	padding:2px;
	min-height:500px;
	border:1px solid #aeaeae;
	background: url(admin_images/corps/fond_haut2.jpg) repeat-x;
	background-color:#f0f0f0;}
table#langue{
	float:right;
	padding:10px;}
a.info_bulle span.info_bulle{								   
  display:none;
/* Rend invisible tout notre bloc span */} 
a.info_bulle{				
	color: #2F368A;
	text-decoration : none;  
	position: relative;
	/* Indispensable pour le bon positionnement de l'info-bulle */ }   
a.info_bulle:hover {
	border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur */} 
a.info_bulle:hover span.info_bulle{				
	display :  block;    /* Rend visible notre bloc span */
	position:  absolute; /* Sort notre bloc de son conteneur afin de le positionner */ 
	font-size: 12px;	/* On fixe une largeur par défaut */ 
	color: #000;      /* Réinitialisation de la couleur du texte */ 
	text-align: justify;   /* Justification du texte */	 
	cursor: default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */ 
	top: 1.8em;     
	left: 1px;  
	z-index : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
	width:165px;}  
span.header{
	display: block; 
	padding-right:-11px;/* Hauteur correspondant à celle de notre image */
    /* Propriété qui centrera le texte verticalement */
	text-align : center;
	font-size: 15px;
	line-height: 180%;
	background: transparent url('admin_images/corps/infos_bulles/top.png') no-repeat 0 0;
	height:29px;
	font-weight: bold;} 
span.content{
   display: block;
   padding-right:13px;
   background  : transparent url('admin_images/corps/infos_bulles/centre.png') repeat-y;
   padding-left:7px;} 
span.footer{
	display: block;
    height: 22px; 
	background : url('admin_images/corps/infos_bulles/bot.png') no-repeat bottom left; 
	font-size:0; /* Corrige l'espacement inutile sous IE */}  
span.categorie{
	font-weight:bold;
	height:20px;
	font-size:16px;
	color:#444d51;	
	font-family: Arial, Sans-serif;}
span.categorie:hover{
	font-weight:bold;
	height:20px;
	font-size:16px;
	color:#787e81;	
	font-family: Arial, Sans-serif;}	
img.icones{
	display:inline;
	height:20px;
	width:20px;
	margin-right:11px;}
div#menu_accueil{
	margin-top:150px}
div#menu_connexion{
	margin-top:150px;
	margin-left:250px;}	
p#menu_accueil{
	margin-left:29px;
	text-transform: uppercase;
	height:30px;}
div#menu{
	background:#c3c3c3;
	width:152px;
	border:1px solid #aeaeae;
	min-height: 50px;}
span#text_menu{
	position:absolute;
	font-size:13px;
	line-height: 200%;
	padding-left:10px;
	font-family: Arial, Sans-serif;}
a.menu{
	color:#4c4c4c;}	
a.menu:hover{
	color:#717171;}
a.menu:active{
	color:#909090;}	
table#booktable{
	border:1px solid silver;
	margin:30px;
	margin-left:180px;}
img.image_visu{
	border:1px solid gray;
	padding:2px;
	max-width:100px;
	background:silver;}
span.book {
	margin:10px;}
div#book{
	width:580px;
	margin-left:160px;}
	
/*AJOUT POUR LES CONNEXIONS*/


input,select,button { 
	border: #CCCCCC 1px solid; 
	background: #F8F8F8; 
	padding: 1px; 
	margin: 1px;
	color: #000000;
}
input:hover, button:hover { 
	border: #999999 1px solid; 
	background: #CCCCCC; 
}
optgroup  {
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}
option {
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}
.selected {
	color: #0066CC;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

.ttpetit { font-size: xx-small; }
.tpetit  { font-size: x-small; }
.petit   { font-size: small; }
.gros    { font-size: large; }
.tgros   { font-size: x-large; }
.ttgros  { font-size: xx-large; }