/* CSS Document */


/*********************************	
*      l'ensemble de la page      *
**********************************/
body
	{
		/*background:#666666;*/
		background-image:url("../images/light_linen.png");
		margin: auto; /* Pour centrer notre page */
   		margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   		margin-bottom: 5px;    /* Idem pour le bas du navigateur */
		font-family:Verdana;
		background-attachment:fixed;
		width: 1000px; 
	}
/**********************	
*      L'en-tête      *
***********************/

#en_tete
{

   
   background-image:url("../images/Biblioweb_bandeau.png");
   height: 120px;
   background-repeat:repeat-x;
   margin-top:0px;
   
  }
 
	 #en_tete p
	 {
		margin-top:15px;
		position:fixed;
			/*top: -30px ;  /* pb avec IE   trouver ou reduire de 30 la position générale du menu*/ 
		z-index: 250;
		left:400px;
		top:0px;
		padding-bottom:5px;
		font-style: italic;
		font-weight: bold;
		font-size: 30px;
		font-family: arial, sans-serif;

	 }
 



/********************************************************
*   permet le positionnement fixe                       *
*	et cache le corps lorsqu'il remonte sous le menu)   *
*********************************************************/
.topmenu
{
	margin-top:0px;
	position:fixed;
		/*top: -30px ;  /* pb avec IE   trouver ou reduire de 30 la position générale du menu*/ 
		z-index: 200;
	/*background-color: 666666;*/
	
	background-image:url("../images/light_linen.png");
	height:120px;
	width:2000px;
	left:0;
	top:0px;
	padding-bottom:5px;
}


/*************************************

*************************************/
#titre
{
	float:left;
	color:black;
	font-size:22px;
	font-weight: bolder;
	text-align:center;
	width: 600px;
	margin-top:40px;
	height:40px;
}	
.barredewey
{
background-color:#000000;
margin-left:595;
margin-right:345;
}
/**************************************************
*  box recherche                                  *
**************************************************/	
#bloc_recherche
{
	background-repeat: no-repeat;
	float:right;
	border:solid #404040;
	margin:0px;
	padding:10px;
	padding-bottom:10;
	border-width:thin;
	background-color:#F4D168;
	width:320px;
	font-size : 12px;	

}
#corps #bloc_recherche {
}


/*************************************************
Logo de l'utilisateur

*************************************************/
	#logo{
	position:absolute;
	top: 130;
	left: 2%;
	right: auto;
	bottom:auto;
	width:15%;
	height:17%;
	position:fixed;
}


#logo img{
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	width:100;
	height:100;
	opacity: 0.95;
	
}
	
	
	

/**************************************************
Design du menu déroulant

***************************************************/
#menu_box
{
		
		/*background-color: 666666;*/
		margin-top:0px;
		margin-left:120;
		background-image:url("../images/light_linen.png");
		position:fixed;
		/*margin:auto;*/
		top:110;
		height:30px;
		z-index: 300;
		
}

		/* design menu déroulant */ 
		#menu, #menu ul /* Liste */     
		{
				padding : 0; /* pas de marge intérieure */
				margin : 0; /* ni extérieure */
				list-style : none; /* on supprime le style par défaut de la liste */
				line-height : 24px; /* on définit une hauteur pour chaque élément */
				text-align : center; /* on centre le texte qui se trouve dans la liste */
		}
		
		#menu /* Ensemble du menu */
		{
				font-weight:800; /* on met le texte en gras */
				/*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
				font-size : 14px; /* hauteur du texte : 12 pixels */
		}
		
		#menu a /* Contenu des listes */
		{
				display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
				padding : 0; /* aucune marge intérieure */
				background-image:url("../images/menu_off.png"); /* #FFCC00 couleur de fond */        
				color:#000000; /* couleur du texte */
				text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
				width : 200px; /* largeur */
				height:30px;
		}
		
		#menu li /* Elements des listes */      
		{ 
				float : left; 
				/* pour IE qui ne reconnaît pas "transparent" */
				border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu li
		{
				border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		}
		
		#menu li ul /* Sous-listes */
		{ 
				position: absolute; /* Position absolue */
				width: 165px; /* Largeur des sous-listes */
				left: -999em; /* Hop, on envoie loin du champ de vision */
		}
		
		
		#menu li ul li /* Éléments de sous-listes */
		{
				/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
				border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
				
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu li ul li                
		{
				border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		}
		
		#menu li ul ul 
		{
				margin    : -22px 0 0 165px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
				/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
				border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
		html>body #menu li ul ul                
		{
				border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
		}
		
		#menu a:hover /* Lorsque la souris passe sur un des liens */    
		{
				color: white; /* On passe le texte en noir... */
				background-image:url("../images/menu_on.png") ; /* #E6FCEB... et au contraire, le fond en blanc */
		}
		
		
		
		/* interactivité du menu */
		#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
		{
				left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		}
		
		#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
		{
				left: auto; /* Repositionnement normal */
				min-height: 0; /* Corrige un bug sous IE */
		}


/***************************************************************
 fin dessign menu déroulant
 ***************************************************************/




/**********************	*********
*     Le corps de la page       *
*********************************/


#corps
{

	width:990px;
   margin-top: 155px; /* pour ne pas être sous le menu*/
   margin-left: 120; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right:50px;
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   background-color:#ffdf5f; /* Une couleur de fond pour le corps */
  /*background-image: url("images/motif.png");*/
  /* background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
  opacity:1;
}

#corps li
{
	font-size: 14px; /* Allez, soyons fous, grossissons le texte :o;) */
	 color:black;
	 /*font-family:Book Antiqua, arial;*/
	 padding: 5px;
}



/*********************************************************************************
*	 Le pied de page (qui se trouve tout en bas, en général pour les copyrights) *
**********************************************************************************/

#pied_de_page
{
	width:990px;
	margin-top:10px;
	margin-left: 120px;
	height:40px;
   padding: 5px;
   clear: both;

   text-align: center;

   color: #0000FF;
   background-color:#F2F2F2;
   /* background-image: url("images/motif.png");
   background-repeat: repeat-x;  */
   
   border: 2px solid black;
}

#pied_de_page p, #pied_de_page a
{
	   /*text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align: center; /* Ils seront justifiés */
	   font-size:14px; /*Allez, soyons fous, grossissons le texte :o;) */
	   color: #984806;
	   text-decoration:none;
	   display:inline;
 }

#pied_de_page p a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}

/***************************************************************/
	
/*******************************
*            resumé            *
*******************************/

.resume
{

height:200px;
width:580px;
margin-left:400px;
background:#D2D6DB;
overflow:auto;
}	

.resume p:first-line
{
font-weight:bold;
font-size:16px;
text-indent:0px;
}

.resume p
	{
	   text-align: justify; /* Ils seront justifiés */
	   font-size: 14px; /* Allez, soyons fous, grossissons le texte :o;) */
	  /* color:#984806;*/
	   color:black;
	   /*font-family:Book Antiqua, arial;*/
	   padding: 3px;
	   text-indent:0px;
	}
	

/************************************************
*              bloc recherche                   *
************************************************/	
.recherche
{
background-color:#F4D168;


}	

/*******************************************************/
p
	{
	   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
	   text-align: justify; /* Ils seront justifiés */
	   font-size: 14px; /* Allez, soyons fous, grossissons le texte :o;) */
	  /* color:#984806;*/
	  color:black;
	   /*font-family:Book Antiqua, arial;*/
	   padding: 5px;
	}

h1
	{
	color:#404040;
	/*font-family:Lucida Handwriting;*/
	font-size:16px;
	font-weight: bolder;
	text-align:center;
	
	}



h2
	{
	color:#404040;
	/*font-family:Lucida Handwriting;*/
	font-size:14px;
	font-weight: bold;
	text-indent:50px;
	}



.commentaire
	{
	padding: 10px;
	margin-left:150px;
	
	color:#984806;
	text-align:justify;
	
	}

.regle
	{
	padding: 10px;
	margin-left:20px;
	color:#595959;
	text-align:justify;
	margin-right:300px;
	font-size:12px;
	}
.citation
{
	padding: -10px;
	border-left:50px;
	color:#984806;
	text-align:center;
	font-style:italic;
	font-weight:bolder;
	font-size:18px;
}

.spancitation
{
	padding: -10px;
	/*border-left:50px; */
	color:#984806;
	font-style:italic;
	font-weight:bolder;
	font-size:18px;
	
}

.source {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-style: italic;
	color: #666666;
	text-align: right; /* Ils seront centrés */
	margin-right:50px
}

.spansource
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-style: italic;
	color: #666666;
}

.reserver
{
	margin-right:550px;
}

/*************************
*       images           *
*************************/
.images
 {
	background-repeat: no-repeat;
	border:solid #404040 ;
	border-width:thin;
	margin:10px;
	/*width:auto;
	height:auto;*/
}
.imagesdroites {
	background-repeat: no-repeat;
	float: right;
	border:solid #404040;
	margin-right:100px;
	margin-left:5px;
	border-width:thin;
}
.imagesgauche {
	background-repeat: no-repeat;
	float: left;
	border:solid #404040;
	margin: 15px;
	border-width:thin;
	clear:both;
}

.textegauche
{
	width: 325px;
	margin-left:00px;
	float:left;

}

.textegauche p
{
	text-align:left;
	text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
	font-size: 12; /* Allez, soyons fous, grossissons le texte :o;) */
	
}

.reset
{
clear:both;
}


/************************************************
*        			reglette					*
************************************************/

.reglette
{
font-size:12px;
}

.reglette a
{
text-decoration:none;
text-align:center;
color:#0000FF;
font-size:12px;
}

.reglette a:visited
{
color:#0000FF;
}

.reglette a:hover
{
text-decoration:underline;
/*font-size:20px;*/
color:#0000FF;
font-weight:800;
}


.encours
{
display:inline;
}
.encours a
{

text-decoration:underline;
text-align:center;
color:#0000FF;
}

.encours a:visited
{
color:#0000FF;
}

.encours a:hover
{
text-decoration:underline;
/*font-size:20px;*/
color:#0000FF;
font-weight:800;
}
/**********************************************

/* Infobulle */

    .infobulle{
        position: absolute;   
        visibility : hidden;
        border: 1px solid Black;
        padding: 5px;
        font-family: Verdana, Arial;
        font-size: 8px;
        background-color: #FFFFCC;
		width:500px;
    }
	    .infobulle p{
        font-size: 10px;
    }
	
/*******************************************