/* 
	+--------------------------------------------------------------------------+
		2002-2008 PMB Services / www.sigb.net pmb@sigb.net et contributeurs
	+--------------------------------------------------------------------------+
			$Id: reci2.css,v 1.15.2.6 2011-09-06 14:34:00 trenon Exp $
*/

/******************************************************************************
*******************************************************************************
*			Charte graphique du Réseau RECI
*		 --------------------------------------
*		Largeur extensible de 1024 à 1920 (et supérieur)
*		Menu de lien horizontal disponible (obligatoire)
*		Bloc de connexion disposé en haut à droite (javascript nécessaire)
*		Compatibilité
*			-> firefox 3 (3.6 linux & 3.0 windows) 
*			-> firefox 2
*			-> firefox 1.5
*			-> safari 4
*			-> internet explorer 6 (légèrement dégradé)
*			-> internet explorer 7 (légèrement dégradé)
*			-> internet explorer 8  
/******************************************************************************
******************************************************************************/


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                         ATTRIBUTS GENERAUX                                 */
/*                                                                            */
/*  attributs generaux de la page                                             */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

body { 
	font-family : Tahoma, Kalimati, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
img{
	border:none;
}
#pmbopac{
	width:90%;
	margin:0 auto;
	text-align:center;
	background:#fff;
	/*background:#fff url('images/fond_degrade.jpg') repeat-x;*/
	background:#fff url('images/fond_degrade2.jpg') repeat-x;
}


input .bouton .boutonrechercher {
		background:white;
		border:1px solid #ccc;
}
	
textarea {
		background:white;
		border:1px solid #ccc;
		color:#222;
}
	
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            ID FIXES                                        */
/*                                                                            */
/*  feuilles de styles appliquees a des id fixes                              */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

/*************************
	Iframe panier
*************************/
iframe#iframe_resume_panier {
	width:100%;
	height:35px;
	border:none;
	position:relative;
	left:-10px;
}

/****************************************************
		Regles principales du contenu de page
*****************************************************/
	
	#main {
		text-align:left;
		z-index:0;
		overflow:hidden;
		background-color:white;
		margin-bottom:15px;

		top:0px;
		
		width:100%;
	}
	#main_hors_footer {
		padding:190px 0 0 0;
		margin-left:220px;
		padding-right:25px;
		
		min-height:650px;
		height:auto!important;
		height:650px;
		background:transparent url('images/frise.png') 0px 147px repeat-x;
	}
    #main  #search_crl {
    	clear:both;
    }      
	#main h3 { 
		font-size:13px;
		color:#cf319b;
	}
	#main_hors_footer .bouton,
	#main_hors_footer .boutonrechercher {
		border:1px solid #ccc;
	}
	
	
	#categories h3,
	#location h3,
	#rss h3,
	#etageres h3,
	#last_entries h3,
	#navigator strong{
		font-weight:bold;
		font-variant:small-caps;
		font-size:16px;
		height:30px;
		line-height:1.4em;
		background:transparent url('images/h3_fond.png') no-repeat;
		font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-weight: bold;
		color:white;
		margin-top:15px;
		margin-bottom:4px;
	}
	
	#categories h3 span,
	#location h3 span,
	#rss h3 span,
	#etageres h3 span,
	#last_entries h3 span{
		display:block;
		margin-left:10px;
		background-color:#696797;
		height:25px;
	}
	
	#location h3 span,
	#etageres h3 span {
		width: 700px;
	}
	
	#last_entries h3, #etagere-container h3{
		left:0px;	
		position:static;
		margin-top:10px;
	}
	
.div_clr {clear:both;}  


/*******************************************
	Messages et banniere d'introduction 
*******************************************/
#intro_message{
		background:transparent url('images/bandeau.png');
		background-repeat: no-repeat;
		height:190px;
		width: 90%;
		position:absolute;
		top:0px;
		left:5%;
	}      
	#intro_message .p1{
		position:absolute;
		top:126px;
		font-size:13px;
		font-weight:bold;
		text-align:left;
		padding-left:100px;
		padding-top:0px!important;
		padding-top:3px;
	}
		#intro_message .lien_accueil {
			position:absolute;
			z-index:100;
			top:-120px;
			left:0px;
			width:630px;
			height:140px;
		}
	/*****************************
	 * Conteneur menu horizontal
	*****************************/
	#intro_message .p2{
		font-size:13px;
		color:white;
		position:absolute;
		left:20px;
		top:139px;
		width:100%;
		z-index:200;
	}
		#intro_message .p2 #main_title{
			position:absolute;
			top:-110px;
			left:0px;
			margin-left:23%;
			margin-left:240px\9;
			width:40%;
			width:350px\9;
			text-transform:uppercase;
			font-size:1.6em;
			font-size:1.3em\9;
			color:#cf319b;
			font-weight:normal;
			font-family:"Comic sans ms",TSCu_Comic,Verdana,sans;
			background:transparent url('images/guillemet_gauche.png') no-repeat;
			text-indent:10px;
		}
			#intro_message .p2 #main_title span.gd{
				background:transparent url('images/guillemet_droit.png') no-repeat 100% 0%;
			}
		#intro_message .p2 ul{
			display:table;
			list-style-type:none;
			margin:0;
			width:800px;
			height:40px;
			padding-left:6px;
		}
		#intro_message .p2 li{
			float:left;
			display:inline-block;
			list-style-type: none;
			padding:0;
			margin:9px 0 0 0;
			background:#cf319b;
		}
		#intro_message .p2 li.fin_menu_horizontal{
			background:transparent url(images/fin_menu_horizontal.png) no-repeat;
			width:30px;
			height:40px;
			padding:0;
			margin:0;
			position:relative;
			top:-1px;
		}
		#intro_message .p2 a{
			color:white;
			text-transform:uppercase;
			font-size:12px;
			height:17px;
			float:left;
			font-weight: bold;
			text-decoration: none;
			padding: 4px 8px 0 8px;
			margin: 0 10px;
			display: block;
			border:none;
			
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
		#intro_message .p2 a:hover{
			color: #444;
			background-color:#dddfdf;
		}
/*************************************
 * Informations d'introduction
*************************************/
#intro{
	position:absolute;
	top:185px;
	left:5%;
}
#intro_bibli {}
	#intro_bibli h3{display:none;}
	#intro_bibli .p1 h3{display:block;}
	#intro_bibli .p1{
		font-size:11px;
		text-align:left;
		z-index:100;
		margin-left:5px;
		width:195px;
		background:#efefef;
		padding-bottom:6px;
	}
		#intro_bibli .p1 p{
			text-indent:15px;
			font-size:12px;
			padding: 0px 10px;
		}
		
		#intro_bibli a:hover{
			color : #cf319b;
		}
	/* /!\voir styles sur les h3 au niveau des styles de #bandeau */
	
/*******************************************
	Affichage des elements de recherche
*******************************************/
	
	#search,
	#onglets_list{
	    margin:40px 0 10px 0;
	    padding:5px;
	    border:1px solid #ccc;
	}
	#search .notice-child{
		border:none;
		padding-top:10px;
	}
	#search .notice-child input{
		border:none;
	}
	#search ul.search_tabs,
	#onglets_list ul.list_tabs{
	    height:24px;
	    padding:0;

		
		margin-top:-30px;
		margin-left:-6px;
	    list-style:none;
		font-size:13px;
	}

	#search ul.search_tabs li,
	#onglets_list ul.list_tabs li{
		float:left;
		display:block;
		padding:0;
		height:24px;
	}
	#search ul.search_tabs li:first-child,
	#search ul.search_tabs li:first-child a,
	#onglets_list ul.list_tabs li:first-child,
	#onglets_list ul.list_tabs li:first-child a{
		-moz-border-radius-topleft:6px;
		-webkit-border-top-left-radius:6px;
		border-top-left-radius:6px;
	}
	#search ul.search_tabs li:last-child,
	#search ul.search_tabs li:last-child a,
	#onglets_list ul.list_tabs li:last-child,
	#onglets_list ul.list_tabs li:last-child a{
		-moz-border-radius-topright:6px;
		-webkit-border-top-right-radius:6px;
		border-top-right-radius:6px;
	}
	#search ul.search_tabs li a,
	#onglets_list ul.list_tabs li a{
		display:table;
		float:left;
		text-decoration:none;
		font-weight:normal;
		color:#5F5F5F;
		padding-top:4px;
		padding-left:10px;
		padding-right:10px;
		background-color:#dddfdf;
		height:20px;
	}
    #search ul.search_tabs li a:hover,
    #onglets_list ul.list_tabs li a:hover{
    	color: #fff;
		background-color: #888;
    }
	#search ul.search_tabs li#current,
	#onglets_list ul.list_tabs li#current{
		float:left;
		color:white;
		font-weight:bold;
		background-color:#696797;
		padding-top:4px;
		padding-left:10px;
		padding-right:10px;
		height:20px;
	}
	
	#search ul.search_tabs li#current a,
	#onglets_list ul.list_tabs li#current a {
		color:white;
		font-weight:bold;
		background:none;
		padding:0;
	}
	
	#search form{
		margin-top:8px;
	}
	#search select{
		font-size:13px;
		border:1px solid #cac7d4;
	}
	
	/* Aerons les champs */
	#search .row .text_query{margin-top:10px;}
	#search #simple_search_zone{
		margin-top:10px;
		margin-left:3px;
	}
		
	
	#search .text_query,
	#search .bouton,
	#search .boutonrechercher,
	#search .ext_search_txt {
		background:white;
		border:1px solid #cac7d4;
		color:#222;
	}
	
	#search .text_query:hover,
	#search .bouton:hover,
	#search .boutonrechercher:hover,
	#search .ext_search_txt:hover {
		border:1px solid #777;
	}
	#search .ext_search_txt{
		width:220px;
	}
	#search .search_submit input{
		border-color:#cac7d4;
		margin-top:15px;
		width:100px;
	}
		#search .search_submit input:hover{
			border-color:#777;
			cursor:pointer;
		}
		
	.search_sous_critere select{
		width:200px;
	}
	.search_dico{
		position:relative;
		top:-3px;
		left:3px;
	}
	.search_critere{
		width:150px;
		display:block;
	}
	#search .text_query{
		padding:1px 0;
	}
		#search .bouton{
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:1px solid #ddd;
		border-bottom:2px solid #bbb;
		background:#eee;
	}
		#search .bouton:hover{
			border:1px solid #ccc;
			position:relative;
			top:1px;
		}	
	#search .boutonrechercher{
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:1px solid #bbb;
		border-bottom:2px solid #999;
		background:#eee;
	}
		#search .boutonrechercher:hover{
			border:1px solid #aaa;
			position:relative;
			top:1px;
		}	
	#search #zsimplesImg{
		position:relative;
		top:1px;
	} 
	#aut_see {
		border:1px solid #cccccc;
    	padding:5px;
    	background:#eeeeee;
    	margin-bottom:10px;
	}
	#att{text-align:left;}
	
	
/****************************************
	Menu de navigation intra-Opac
****************************************/

	#navigator {
		display:block;
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:1px dashed #ccc;
	}
	#navigator strong {
		display:block;
		float:left;
		width:100%;
		overflow:hidden;
		text-indent:10px;
	}

	#navigator table {
		border-collapse:collapse;
		display:inline;
	}

	#navigator td {
		text-align:center;
		font-size:10px;
		font-weight:italic;
		padding-top:2px;
	}
	#navigator td a {
		text-decoration:none;
		padding-right:10px;
		font-size:12px;
		color:#6d648b;
	}
	#navigator td a:hover {
		text-decoration:underline;
		color:#6d648b;	
	}




/******************************************* 
		Affichage des categories 
*******************************************/

div.row_categ {
	display:block;
	clear:left;
}

#categories {
	background:transparent url('images/fondbleu.png') repeat-xr;
	margin-bottom:30px;
}

#categories-container {
	display:block;
	padding:8px;
	border:1px solid #ccc;
	min-height:110px;
	background:white;
	margin-top:4px;
}

div.category {	
	color:white;
	width:20%;
	padding:0 7%;
	float:left;
	border-left:1px solid #eee;
}
div.category:first-child{
	border:none;
	padding-left:2%;
}		
#categories a {
	color:#ffffff;
	text-decoration:none;
}
#categories a:hover {
	color:#ffffff;
	text-decoration:underline;
}		

#categories-container h2 {
	font-size:13px;
	color:white;
}		
#categories-container h2 {
	font-size:12px;
	padding-bottom:2px;
	padding-left:20px;
	color:#333;
	background-image: url('images/folder.png');
	background-repeat:no-repeat;

}

#categories-container h2 img {display:none;}
#categories-container h2 a {color:#333;}
#categories-container h2 a:hover {color:#333;}
#categories-container ul {margin:2px;padding:0;}
#categories-container li  {display: inline;}
#categories-container li a {text-decoration:none;color:#777;}
#categories-container li a:hover {text-decoration:underline;color:#555;}
#categories-container li:after  {content: " - "; }

#categories ul.search_tabs {
	height:20px;
    padding:0;
	margin:0;
    list-style:none;
	font-size:13px;
}
#categories ul.search_tabs li{
	float:left;
	height:100%;
	display:block;
}	
#categories ul.search_tabs li a{
	display:table;
	float:left;
	text-decoration:none;
	font-weight:normal;
	color:#5F5F5F;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	background-color:#dddfdf;
	height:100%;
	-moz-border-radius-top:2px;
	-moz-border-radius-topright:2px;
}
#categories ul.search_tabs li a:hover{
	color: #ffffff;
	background-color: #888888;
}
#categories ul.search_tabs li#current{
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	padding-top:4px;
	float:left;
	color:white;
	font-weight:bold;
	background-color:#696797;
	padding-left:10px;
	padding-right:10px;
}         	


/*
		Colonnes d'affichage des recherches 
		par auteurs, editeurs, collections,
		sous-collections et categories 
*/
.categ_colonne {
	width:33%;
	float:left;
}


/*
				Reset des largeurs de #categories 
	apres un float:left; l'element bloc suivant doit avoir l'attribut 
	clear:both selectionne pour eviter un bug d'affichage 
*/
#last_entries { 
	clear:both;
	/*margin-left:18%;*/
}



/**********************************
		Affichage du bandeau
**********************************/
#bandeau { 
	background-color:#efefef;
	padding:0px;
	padding-bottom:15px;
	color:#333;
	margin-left:5px;
	position:absolute;
	width:195px;
	top:600px;
	left:5%;
	border-bottom:1px solid #ddd;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#bandeau form{
	margin: 0;
 }
#bandeau h3,
#intro_bibli .p1 h3{
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
	padding:4px 10px 3px 10px;
	text-align:left;
	color:white;
	background:#696797 url('images/angle_gauche.png') no-repeat;
	height:14px;
	border-bottom:1px solid #686085;
}
#accueil h3,
#accueil p{
	display:none;
}

#accueil #lang_select h3{
	display:block;
}
#accueil *{margin:0;padding:0;}

/********************************
	Blocs de connexion
********************************/
#bandeau #connexion{
	display:none;
	position:absolute;
	margin:0;
	width:247px;
	padding:0;
	float:left;
	clear:both;
	text-align:left;
}
#bandeau #connexion h3{
	margin:0 0 5px 0;
}

#bandeau #adresse{
	/* à la demande du client ce bloc est masqué */
	display:none; 
} 
#connexion label,
#meteo small{
	display:block;
	text-align:left;
	font-size:12px;
	color:#4f4965;
	font-weight:bold;
}
#connexion label:before,
#meteo small:before{content: "» "; }
#connexion form{
	text-align:left;
	padding-left:5px;
	padding-top:3px;
}
#connexion form .login{
	width:200px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ddd;
	border-top:2px solid #ccc;
	padding-left:3px;
	position:relative;
	top:-9px;
}
#connexion form .password{
	margin-top:3px;
	width:170px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ddd;
	border-top:2px solid #ccc;
	padding-left:3px;
	position:relative;
	top:-9px;
}
#connexion form .bouton{
	cursor:pointer;
	margin-top:3px;
	width:30px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ddd;
	border-bottom:2px solid #ccc;
	background:#eee;
	padding-left:3px;
	position:relative;
	top:-9px;
}
	#connexion .bouton:hover{
		border:1px solid #ccc;
		position:relative;
		top:-8px;
	}
	#connexion a{
		color:#6d648b;
		border-bottom:1px dashed #6d648b;
		text-decoration:none;
	}
	#connexion a:hover{
		color:#6d648b;
		border-bottom:1px solid #6d648b;
		text-decoration:none;
	}
/********************************/


#bandeau p.centered {
	text-align:center;
}


/*************************
		Etageres 
*************************/

#etageres { 
	clear:both;	
}

.etagere {
	padding:5px;
	padding-top:0px;
	border:1px solid #ccc;
}

.etagere .notice-child{
	border-left:none;
	border-bottom:2px solid #444;
	padding-bottom:20px;
		
} 
#etagere-titre h1 {
	display:table;
	height:15px;
	overflow:hidden;
	padding:0 7px 0 5px;
	float:left;
	position:relative;
	left:-6px;
	margin-top:-1px;
	font-size:13px;
	font-weight:bold;
	padding-right:10px;
	background:#cf319b;
	-moz-border-radius-bottomright:10px;
}
#etagere-titre h1 a {
	color:white;
	text-decoration:none;
}

#etagere-comment h2 {
	font-style:italic;
	font-size:11px;
	color:#4c4755;
	padding-top:2px;
	margin-top:4px;
}

#etagere-notice-list {
	clear:both;
	padding:10px;
}

.notice-etagere-title-reduit {
	display:block;
}
#location {
	clear:both;
	margin-bottom:30px;
}
	#location table{
		border:1px solid #ccc;
		padding:15px;
	}
	#location-container a img{
		/* ici on peut definir des bordures*/
	}

/*******************
	Flux rss
*******************/
#rss{
	margin-top:20px;
}

/*******************
	Inscription
*******************/
#websubscribe h1 {
	background:white url('images/fond_rouge.jpg');
	border:none;
	padding:2px 10px 0 5px;
	display:block;
    height:17px;
	color:#444;
	font-size:12px;
	font-weight:normal;	
	margin-top:20px;
}
#websubscribe h1 span { 
	background-image:url('images/puce_rouge.jpg');
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
	color:white;
	font-weight:bold;
}

#websubscribe .erreur {
	color: #FF0000 ;
	font-size:14px;
}


/*******************
	Pied de page
*******************/
#footer {
	clear:both;
	padding:10px 0 0 0;
	height:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align:center;
	margin-top:30px;
	background-color:#ddd;
	width:100%;
	color:#222;
	-moz-border-radius:2px;
	border-radius:2px;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	border-radius-bottom-left:9px;
	border-radius-bottom-right:9px;
	border:1px solid #ccc;
	border-bottom:2px solid #cf319b;
}
	
#footer a {
	color:#49435d;
	margin:0 10px;
	text-decoration:none;
	border-bottom:1px dashed #49435d;	
}
#footer a:hover {
	border-bottom:1px solid #49435d;
}
#footer img{
	position:relative;
	top:3px;
}
.lien_pmb_footer{
	display:none;
}

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            BALISES HTML                                    */
/*                                                                            */
/*  feuilles de styles appliquees a des balises sans classes ni id specifies  */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

a{
	color:#222;
}

a:hover{}

hr{
	border:none;
	border-top:1px dashed #bbb;
}

.zoom{
	border: solid 2px #555555;
	background-color: #FFFFFF;
	color: #000000;
	position: absolute;
	visibility:hidden;
	z-index: 2000;
}

.listedescription {
	border: solid 2px #555555;
	background-color: #fff;
	color: #000000;
	position: absolute;
	visibility:hidden;
	z-index: 2000;
}

/*------------------------------------
/*	tableaux
/------------------------------------*/

th {text-align:left;}

td.visible-centered{ }

tr.even {background: #E0E0E0;}
tr.surbrillance {background: #EECCCC;}
tr.odd{ }

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            CLASSES GENERIQUES                              */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/


/* divers pour les affichages simples de texte   */
/*-----------------------------------------------*/

.row { clear: both; }

.right,
.right-50,
.right-15,
.right-85 {
	float: right;
}

.right-50 {	width: 50%; }

.right-15 {	width: 15%; }

.right-85 {	width: 85%; }


.right-clear-right,
.right-50-clear-right{
	float: right;
	clear: right;
}

.left-clear-left,
.left-50-clear-left{
	float: left;
	clear: left;
}

.left,
.left-50,
.left-15{
	float: left;
}

.left-50 {	width: 50%;}

.left-15 {	width: 15%;}

.left-85 {	width: 85%;}

.spacer {
	clear: both;
	visibility: hidden;
	display: none;
	margin-bottom: -10px;
	margin-top: -10px;
}

.p1 {}
	
.text_query {}

.fond-mere {}

.fond-article {}

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            CLASSES LIEES A L'APPLICATION                   */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

input.bouton, input.boutonrechercher{}

input.numero_page{}


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                       ONGLETS DE L'AFFICHAGE PUBLIC/ISBD                   */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

ul#onglets_isbd_public {
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #aaaaaa;
    margin: 0;
    padding-left:2px;
}

ul#onglets_isbd_public li {
    float: left;
    height: 21px;
    margin: 3px 2px 0 2px;
   
    background-color: #8B89C8;
    overflow:hidden;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:3px;
    border-radius-top-left:6px;
    border-radius-top-right:3px;
}

ul#onglets_isbd_public li.isbd_public_active {
    background-color: #ddd;
}

ul#onglets_isbd_public a {
    float: left;
    display: block;
    height: 13px;
    padding:4px 6px;
    
    color: #222;
    text-decoration: none;
    cursor: default;
    
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:3px;
    border-radius-top-left:6px;
    border-radius-top-right:3px;
}

ul#onglets_isbd_public li.isbd_public_inactive a:hover {
    background: #777;
    color:white;
    cursor: pointer;
}


ul#onglets_isbd_public li.onglet_tags,
ul#onglets_isbd_public li.onglet_tags a {
    border: none;
	background:none;
    cursor: pointer ;
	text-decoration:underline;
	}

/* Colonnes */
.colonne2 {
  float: left;
  width: 50%;
}

.colonne_suite {
  float: left;
}

.bg-grey {
  background-color: #ddd;
  padding-right:3px;
  min-width:150px;
}

.td_resume {
	font-weight: bold;
	color: #444444;
}


.liste_bulletins {
    padding-left: 3px;
    padding-right: 3px;
    	}  
.notice-heada {
    font-family: verdana, helvetica, arial, geneva, sans-serif;
	text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.notice-parent {
    font-family: verdana, helvetica, arial, geneva, sans-serif;
    color: #000000;
    margin-left: 0px;
    font-size: 8pt;
    text-decoration: none
}

.img_plus,
#search #zsimplesImg{
	background-color: #8b89c8;
}
.notice-child {
    font-family: arial, helvetica, geneva, sans-serif;
    margin-left: 25px;
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #c0c0c0;
    border-right-style: none;
    border-top-style: none;
}

.notice-child .exemplaires{

}
.notice-child .exemplaires th {
	background:#bbb;
}
.notice-child .exemplaires td {
	background:#eee;border:none;
}

.heada {
    font-family: verdana, helvetica, arial, geneva, sans-serif;
	text-decoration: none;
    font-weight: bold;
}
.parent {
    font-family: verdana, helvetica, arial, geneva, sans-serif;
    color: #000000;
    margin-left: 0px;
    text-decoration: none
}
.child {
    font-family: arial, helvetica, geneva, sans-serif;
   margin-left: 25px;
    width: 98%;
    padding-left: 4px;
    padding-right: 4px;
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #c0c0c0;
    border-right-style: none;
    border-top-style: none;
}


/***********************
	 Bannettes 
***********************/
#bannette {
	background:#EEEEFF; 
	border:#cccccc 1px solid;
}

#bannette-titre h1 {
	margin:0px;
	padding:5px;
	font-size:13px;
	font-weight:bold;
}
#bannette-titre h1 a {
	color:#000000;
}

#bannette-titre a {
}

#bannette-comment h2 {
	width:97%;
	text-align:right;
	font-style:italic;
	font-size:16px;
	color:#ffffff;
	margin:0px;
	padding:0px;
	margin-top:-3px;
	padding-bottom:5px;
}

#bannette-notice-list {
	padding-left:5px;

}

#bannette-notice-list A {
}
#bannette-notice-list A:hover {
}

.alerte {
	color: red;
	font-size:14px;
	}

.echelle_avis {
	background-color: #eeeeee;
	padding: 7px;
	margin: 3px;
	border:1px solid #BBBBCC;
}

#titre-popup {
		margin-top:5px;
		padding-top: 5px;
		padding-bottom: 5px;
		background:#CCCCEE;
		border:1px solid #BBBBCC;
		color: #fee064;
	}

.etiq_champ {
	/*font-weight:bold;  intitules des notices en gras*/
	}
.etiq_champ_resume {
	font-weight:bold;
	}
.notice-parent .header_title{
	font-weight:bold;
	color:#444;
	padding-left:7px;
}
.notice-child .public_title{
	font-weight:bold;
}

/* couleur des titres dans les notices*/
.notice-child a{
	color:#696797;
}

.expl_cote{
	color:red;
}
.notice-parent table{
	padding:8px 0;
}
a .perio_title, a .bull_title{
	color:#ff6600;
}
blockquote ul{
	list-style-type:none;
}


/***************************************
	surlignage des mots recherches 
***************************************/
.text_search0 {
	background-color: #FFFF51;
	text-decoration: underline;
}

.text_search1 {
	background-color: #66FF66;
	text-decoration: underline;
}

.text_search2 {
	background-color: #99FFFF;
	text-decoration: underline;
}

.text_search3 {
	background-color: #FF99FF;
	text-decoration: underline;
}

.text_search4 {
	background-color: #FCD069;
	text-decoration: underline;
}

.text_search5 {
	background-color: #D7D7D7;
	text-decoration: underline;
}



.subsform {
	width:200px;
}

/*Suggestion Multiple*/

.tab_sug{
	table-layout: fixed;
}

table{
	border-collapse:collapse;
	margin: 10px 0;
	width:100%;
}
.tab_sug th, .tab_sug td{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	overflow:hidden;	
	vertical-align:center;
	text-align: center;
	width : 100%;
}

.tab_sug  input, .tab_sug textarea{
   width:95%;
   height:100%;
}
.tab_sug select{
	width:95%;
}

.erreur_saisie {
	background-color: #ff0000;
}

.categmouseout {
	border: solid 2px #555555;
	background-color: #FFFFFF;
	color: #000000;
	position: absolute;
	visibility:hidden;
	z-index: 2000;
}
.categmouseover {
	border: solid 2px #555555;
	background-color: #FFFFFF;
	color: #000000;
	position: absolute;
	visibility:visible;
	z-index: 2000;
	margin-top: 2px;
}

.listedescription {
	border: solid 2px #555555;
	background-color: #fff;
	color: #000000;
	position: absolute;
	visibility:hidden;
	z-index: 2000;
}

/***********************
 * Carroussel bulletin *
 ***********************/
.carroussel_bulletin{
	text-align : center;
	/*border : 1px solid black;*/
}

.carroussel_bulletin .active{
	border : 1px solid black;
	cursor : pointer;
}

.carroussel_bulletin .current_bull_carroussel{
	border : 1px solid black;
	font-weight : bold;
}

.authorities{
	background : #A8A8A8;
}


/*---------------------------------------------------------------*
 *---------------------------------------------------------------* 
 * 		      Mise en forme de la fiche emprunteur				 *
 *---------------------------------------------------------------*
 *---------------------------------------------------------------*/
  
#empr_onglet {
 	padding:0 10px;
    height: 24px;
    margin-top: 35px;
}

#empr_onglet ul.empr_tabs{
	font-size: 12px;
    height: 20px;
    left: 0 !important;
    list-style: none outside none;
    margin-left: -10px;
    margin-top: -30px;
    padding: 0;
    position: static !important;
    top: 0 !important;
}

#empr_onglet ul.empr_tabs li {
    display: block;
    float: left;
    background-color: #DDDFDF;
}

#empr_onglet ul.empr_tabs li:first-child {
	-moz-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	-webkit-border-radius-topleft: 6px;
}

#empr_onglet ul.empr_tabs li:last-child {
	-moz-border-radius-topright: 6px;
	border-radius-topright: 6px;
	-webkit-border-radius-topright: 6px;
}

#empr_onglet ul.empr_tabs li a{
    color: #5F5F5F;
    display: table;
    float: left;
    font-weight: normal;
    height: 20px;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
}

#empr_onglet ul.empr_tabs li:hover{
	background-color: #A6A6A6;
}

#empr_onglet ul.empr_tabs li a:hover{
   	color: #f2f2f2;
}

#empr_onglet ul.empr_tabs li#current{
    background-color: #696797;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}

#empr_onglet ul.empr_tabs li#current a {
	color:#ffffff;
    background: none;
    font-weight: bold;
    margin-top: -4px;
}

ul.empr_subtabs{
	padding:0;
	list-style:none;
    clear:right;
    padding-top: 13px;
}

ul.empr_subtabs li{
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

 ul.empr_subtabs li a {
	background: #696797;
    border: 1px solid #CF319B;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

 ul.empr_subtabs li a:hover {
	background: #CF319B;
}

#fiche-empr,#empr-all, #empr-late, #empr-old, #empr-resa, #empr-dsi, #empr-sugg, #empr-list, #empr-dema {
	margin-top: 50px;
	margin-left: 12px;
} 

#empr-list #onglets_list #div_mylist #list_cadre {
	border: none !important;
}

#empr-list #onglets_list ul.list_tabs li {
	display:inline-block;
	height: 19px;
}

#empr-list #onglets_list ul.list_tabs li a {
	background-color: #DDDFDF;
    color: #5F5F5F;
    float: left;
    font-weight: normal;
    height: 100%;
    padding-left:0.4em;
    padding-right:0.4em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    text-decoration: none;
}

#empr-list #onglets_list ul.list_tabs li a:hover {
	background-color: #A6A6A6;
	color: #f2f2f2;
}

#empr-list #onglets_list ul.list_tabs li#current a {
	background-color: #696797;
	color: #ffffff;
	font-weight: bold;
}

#empr-list #onglets_list ul.list_tabs li#current {
	padding: 0px;
}

#empr-list h3 {
	margin-top: 55px;
}

#empr-resa small form input, #make_sugg-container form table input.bouton, #change-password-container form table input.bouton {
    background: #696797;
    border: 1px solid #CF319B !important;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    padding: 0.2em 0.4em;
    text-decoration: none;
    margin-top: 5px;
}

#empr-resa small form input:hover , #make_sugg-container form table input.bouton:hover, #change-password-container form table input.bouton:hover {
	background-color: #CF319B;
}

#change-password h3 {
	margin-top: 50px;
	margin-left: 10px;
}

#make_sugg-container form table input, #make_sugg-container form table textarea, #make_sugg-container form table select {
	border: 1px solid #CF319B;
}

.vignetteimg {
  max-width: 140px;
  max-height: 200px;
  width: expression(this.width > 140 ? "140px" : true);
  height: expression(this.height > 200 ? "200px" : true);
}

#search_onglet ul.search_tabs {
    padding:0;
	margin:0;
    list-style:none;
}

#search_onglet ul.search_tabs li:first-child {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
}

#search_onglet ul.search_tabs li:last-child {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}

#search_onglet ul.search_tabs li {
	display: inline;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	background-color:#dddfdf;
	margin-left: -4px;
}

#search_onglet ul.search_tabs li a {
	text-decoration:none;
	color:#5F5F5F;
}

#search_onglet ul.search_tabs li:hover {
	background-color: #888888;
}

#search_onglet ul.search_tabs li a:hover {
	color: #ffffff;
}

#search_onglet ul.search_tabs li.current {
	font-weight:bold;
	background-color:#696797;
}

#search_onglet ul.search_tabs li.current a {
	color:#ffffff;
}

#resultatrech_see {
	margin-bottom: 15px;	
}


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                               Liens Sociaux                                */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/


table td div.addthis_toolbox {
	margin-bottom: 10px;
}

a.addthis_button_facebook_like iframe {
	height: 20px !important;
    width: 60px !important;
}

a.addthis_button_tweet iframe {
    width: 105px !important;
}


/* -----------------------------------------------------*/
/*                 Liste périodiques                    */
/* -----------------------------------------------------*/


#perio_a2z {
	margin-top: 20px;
}
 	
#perio_a2z #perio_a2z_search {
	margin-bottom: 5px;
	width: 50%;
}
 
table.a2z_contens {
	margin-top: 10px;
}

table.a2z_contens td {
	vertical-align: top;
}

table.a2z_perio_list {
	width: 220px;
	margin-right: 10px;
}

table.a2z_perio_list tr td {
	border-bottom: 1px solid #aaaaaa;
    padding-bottom: 3px;
    padding-top: 2px;
}

#a2z_perio b .header_title {
	font-size: 16px;
	text-transform: uppercase;
}

#a2z_perio h3 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#a2z_perio .navbar {
	margin-top: 10px;
}

input#a2z_abt_actif {
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
}

#form_search_bull form {
	margin-top: 10px;
}

#form_search_bull form table td {
	vertical-align: middle;
}