/* � 2008 Patrice Chalon */
/* === GENERALITES === */
body { 
  	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size : small;
        margin:0
}
h1 {font-size:15px}
h2 {font-size:14px;}
h3 {
        font-size: 12px;
}
a{ color:#444444;}

.centered {text-align: center;}
#att {}
#container{}

#main {
    padding-top:171px;
    padding-left:180px;
    padding-right:20px;
    background:white url('images/fond_main.png') repeat-x;
}
#iframe_resume_panier{
	position:absolute;
	top:70px;
	left:200px;
	height:20px;
	display:block;
	width:80%;
}
.about_kce{
	position:absolute;
	top:2px;
	right:10px;
}
.about_kce img{
	border:none;
	float:left;
}
.about_kce a{
	padding-left:6px;
	padding-right:6px;
	padding-top:5px;
	height:22px;
	float:left;
	text-decoration:none;
	color: #333333;
	font-weight:bold;
	background:transparent url('images/separator.png') 0 9px no-repeat;
}
.about_kce a:hover{
	text-decoration:underline;
	color:#000099;
}

/* #main_hors_footer {} */


/* === NAVIGATOR === */
#navigator {
	position: absolute;
	left:200px;
	top: 100px;
	width:810px;
	z-index: 1;
	background:#d2def1;
	padding:5px;
}
/* #navigator actions_last_search { } */
/* #navigator actions_history {} */
/* #navigator td {	}*/
/* #navig_categ {} */ 
#navigator a{text-decoration:none;color:#23338f;}
#navigator a:hover{text-decoration:underline;}


/* === SEARCH === */
#search, #onglets_list{
	padding:5px;
	background:white url('images/p_haut.png') repeat-x;
	border:1px solid #e0e0dd;
	margin-top:30px;
}
#search ul.search_tabs,#categories ul.search_tabs, #onglets_list ul.list_tabs{
    list-style:none;
    height:24px;
	position:relative;
	top: -9px!important;
	top: 4px;
	left: -30px!important;
	left: 0px;
}
#search ul.search_tabs li,#categories ul.search_tabs li, #onglets_list ul.list_tabs li{
    float: left;
	padding: 2px 10px 0 20px;
	border-right-style: ridge;
	border-right-width: thin;
	border-top-style: ridge;
	border-top-width: thin; 
	position: relative;
    top: -30px;
  	margin-right: 4px;
  	margin-bottom: 5px; 
	background-color: #C0C0C0;
}
#search ul.search_tabs li#current,#categories ul.search_tabs li#current, #onglets_list ul.list_tabs li#current{font-weight: bold;}
#search ul.search_tabs li a, #categories ul.search_tabs li a, #onglets_list ul.list_tabs li a{text-decoration:none;}
#search ul.search_tabs li a:hover, #categories ul.search_tabs li a:hover, #onglets_list ul.list_tabs li a:hover{text-decoration: underline;}  

/* #search_crl {} */
#search p {
	position:relative; 
	top:-30px!important;
	top:-17px;
	}
/* #search row {} */ 
#search form {
		position: relative;
		top: -25px;
	}
/*	#search select {} */
/* 	#search input {} */
/* #search simple_search_zone {} */


/* === SEARCH RESULTS === */
#search_result {
			padding:5px;
			background:white url('images/p_haut.png') repeat-x;
			border:1px solid #e0e0dd;
}
.navbar {display:block;margin-top:50px;margin-bottom:20px;}


/* === SEARCH RESULTS DETAILS === */
#resultatrech {
				padding:5px;
				background:white url('images/p_haut.png') repeat-x;
				border:1px solid #e0e0dd;
}
#aut_details {
				padding:5px;
				background:white url('images/p_haut.png') repeat-x;
				border:1px solid #e0e0dd;
}


/* === CATEGORIES === */
#categories {
	padding:5px;
	background:white url('images/p_haut.png') repeat-x;
	border:1px solid #e0e0dd;
        margin:10px 0;
        margin-top:40px;
}
#categories h2 {
	font-size: medium;
}
#categories a {
	color:black;
	text-decoration:none;
}
#categories a:hover {
	color:#aaa;
	text-decoration:underline;
}
/* #titre_categories {} */
#categories ul.search_tabs {
	list-style:none;
	height:24px;
}
#categories ul.search_tabs li{
    	position:relative;
        top:-60px;
}
#categories ul.search_tabs li a {
	text-decoration:none;
        color:#444;
}
#categories ul.search_tabs li a:hover {
	color:#444;
}	
/* #categories-container {} */
#categories-container h2 {
	font-size:small;
	padding-bottom :0px;
	padding-left:25px;
	background-image: url('images/folder.png');
	background-repeat:no-repeat;
}
#categories-container h2 img {display:none;}
#categories-container li  {display: inline;}
#categories-container li:after  {content: " ; "; }

/* informations � ajouter pour afficher les cat�gories */
/*
div.category {	
	color:white;
	padding:2px;
}

*/


/* === AUTHORITHY SEE === */
#aut_see {
			padding:5px;
			margin-top:-1px;
    	margin-bottom:10px; 
			background-color: silver;
	}
/* #aut_see ul, #aut_details ul{list-style-type:none;padding:10px} */
#aut_see a{
  text-decoration: none;
}
#aut_see a:hover{
text-decoration: underline;
}


/* === NOTICES === */
.notice-parent {
	padding-top: 10px;
}
.notice-heada {
	text-decoration: none;
  font-weight: bold;
	padding-top:5px;
}
.exemplaires {
background-color: InactiveCaptionText;
}


/* === CLR === */
/*.div_clr {} */  	
#last_entries { 
	padding:5px;
        background:white url('images/p_haut.png') repeat-x;
	border:1px solid #e0e0dd;
        margin:10px 0;
} 

/* .etageres { clear:both; } */
/* --- end DIV MAIN HORS FOOTER --- */


/* ===FOOTER === */
#footer {
        padding:5px;
	background:white url('images/p_haut.png') repeat-x;
	border:1px solid #e0e0dd;
	text-align: center;
}
#footer img{position:relative;top:3px;left:-5px;}
/* --- end MAIN --- */


/* === INTRO === */
#intro {
	background-color:silver;
	position:absolute;
    left:0px;
	top:181px;
	width:150px;
    padding:10px;
    padding-top:160px;
}
/* #intro_pmb {} */
/* #intro_message {} */

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

/* === BANDEAU === */
#bandeau {
        position: absolute;
        top: 31px;
        left: 0px;
        width:150px;
} 
#accueil{	
        position: absolute;
        left: 0px;
}
#accueil h3{display:none;}
#accueil img{
    padding-left:15px;
}
#lang_select{
	text-size: 11px;
    position:absolute;
	top: -26px;
	left:10px;
}
#lang_select h3 span{
	display:none;
}
#connexion {
		font-size: 10px;
		position:relative;
        top:150px;
        margin-bottom:40px;
        width:150px;
        padding:5px;
}
#adresse {
	display:none;
}

#iframe {
        position: absolute;
	top: 40px;
	left: 150px;
	width: 800px;
	} 


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

#bannette-titre h1 {
	background: url("liens.png") top left;
	width:99%;
	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;
}

.text_search0 {
	background-color: yellow;
	text-decoration: underline;
}

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

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

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

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

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

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

.etiq_champ {
	font-weight:bold;
	}





/*------------------------------------
/*	tableaux
/------------------------------------*/
 table
	{ }
tr
	{ }
th
	{ text-align: left ;}
td {
	font-size : 11px;	
	}
td.jauge
	{	}
td.visible
	{ }
td.visible-centered
	{ }
tr.odd
	{ }
tr.even {
	background: #E0E0E0;
	}
tr.surbrillance {
	background: InactiveCaptionText;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            ID FIXES                                        */
/*  feuilles de styles appliqu�es � des id fixes                              */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/* #pmbopac {} */
/* #container contient  intro, bandeau, main, footer */
/* #container{
	background-color: white;
	left:5%;	
	right:5%;
	top:15px;
}
/* CONTAINER > #intro */
/* #intro= partie principale,  contient intro_pmb, intro_message, intro_bibli*/

/* CONTAINER > #MAIN = diff�rents blocs d'affichage et de recherche, contient  main_hors_footer,footer */
/* #main { }
#main h3 { 
	font-size:medium;
	}
#main h3 span {
	font-size:14px;
	color:#8888aa; 
	}	
/* CONTAINER > #MAIN >#MAIN HORS FOOTER contient Navigator, Search */
/* #main_hors_footer{
	min-height: 600px;
	height: auto !important;
	height: 700px;
	padding-botto�: 50px;
}

/* CONTAINER > #MAIN > SEARCH */

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


#location {
	clear:both;
	}

	
/* informations � ajouter pour afficher les cat�gories */
/* div.row_categ {
 display: block;
 clear: left;
}
        	

/* Mise en page des colonnes d'affichage des recherches 
   par auteurs, �diteurs, collections , sous-collections et cat�gories */
/* .categ_colonne {
	float:left;
}
/* reset des largeurs de #categories */
/* apr�s un float:left; l'�l�ment bloc suivant doit avoir l'attribut clear:both s?lectionn? pour ?viter un bug d'affichage */

/*

#pageHeader 
	{ }
/*---------------------*/
/* BANDEAU = */
/*--------------------*/
/* #bandeau { 
	position:absolute;
	clear:both;
	top:00px;
	right:10px;
	padding:5px;
	text-align:right;
	width:100%;
	display:block;
	float:left;
	margin:2px 15px 0 0;
	}
	#bandeau select{
		background:white;
		border:1px solid #ddd;
		margin-bottom:2px;
		font-size:10px;
	}
	#bandeau input{
		background:white;
		border:1px solid #ddd;
		margin-bottom:2px;
		font-size:10px;
	}
	#bandeau div {
		padding-left:5px;
		padding-right:5px;
	}
		#bandeau h3 {
		font-weight:bold;
		font-size:11px;
		display:none;
	}
	#bandeau p.centered {
		text-align:center;
	}
	#bandeau span {
		font-size:9px;
	}
	#bandeau h3 span {
		font-size:11px;
	}
	#bandeau li {}
	#bandeau label{display:none;}
	#bandeau img {display:none;}
/* ADRESSE */
	
	
	
	/* ------------------------ */
	/* LANG SELECT */
	/* ------------------------ */



/*#rss{
	padding-bottom:80px;
	margin-bottom:20px;
	background:white url('images/chronomontage.png') no-repeat 50% bottom;
}

#notice 
	{  }

	#notice h3
	{ }
		
	#notice span 
	{ }

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            BALISES HTML                                    */
/*                                                                            */
/*  feuilles de styles appliqu�es � des balises sans classes ni id sp�cifi�s  */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

/*A 	{
	color:#444444;
	}

A:hover {
	}

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

/*------------------------------------
/*	tableaux
/------------------------------------*/
/*table
	{ }

tr
	{ }

th
	{ text-align: left ;}

td {
	font-size : 11px;	
	}

td.jauge
	{	}

td.visible
	{ }

td.visible-centered
	{ }

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

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            CLASSES GENERIQUES                              */
/*                                                                            */
/*  feuilles de styles appliqu�es � classes de balises                        */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/


/* 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                   */
/*                                                                            */
/*  feuilles de styles appliqu�es � des balises sans classes ni id sp�cifi�s  */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

/*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: 2px 2px 0 2px;
    border: 1px solid #aaaaaa;
    background-color: #cccccc;
}

ul#onglets_isbd_public li.isbd_public_active {
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

ul#onglets_isbd_public a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
    cursor: default ;
}

ul#onglets_isbd_public li.isbd_public_inactive a:hover {
    background: #FFF;
    cursor: pointer ;
    }

ul#onglets_isbd_public li.onglet_basket,
ul#onglets_isbd_public li.onglet_basket a {
    border: none;
	background:none;
    cursor: pointer ;
	width:25px;
	}

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: #eeeeee;
}

/* Etageres */
/*#etagere {
	background:white url('images/p_bas.png') repeat-x bottom;
	padding-bottom:15px;
	margin-bottom:30px;
	margin-left:30px;
}

#etagere-titre h1 {
	font-size : 13px;
	margin-bottom:15px;
	border-bottom : 1px dotted #999;
	padding:15px 0 4px 15px;
	background:#FFFFFF url(images/papillon1.png) no-repeat -1px 1px;
}
#etagere-titre h1 a {
	color:#333;
	text-decoration:none;
}
#etagere-titre h1 a:hover {
	color:#222;
	text-decoration:underline;
}

#etagere-titre a {
}

#etagere-comment h2 {
	background:white url('images/puce1.png') no-repeat 10px 3px;
	font-size:11px;
	color:#444;
	padding-left:25px;
	padding-bottom:3px;
}

#etagere-notice-list {
	padding-left:5px;
	background:white;
}
#etagere-notice-list a {
	display:block;
}
#etagere-notice-list a:hover {
}
/* barre de navigation */
/*#navigator table {
}

#navigator td {
}

.liste_bulletins {
    padding-left: 3px;
    padding-right: 3px;
    	}  


.img_plus {
	background-color: #ddd;
}
.notice-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;
}


.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;
}
/* -------------------- */ 
/*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 {
	margin-top: 40px;
}

#empr_onglet ul.empr_tabs{
	list-style:none;
	font-size:11px;
	position: absolute;
	margin-top: -17px;
	padding-left: 10px;
}

#empr_onglet ul.empr_tabs li{
	display: inline-block;
	margin-right: 5px;
	float: left;
}

#empr_onglet ul.empr_tabs li a{
    text-decoration: none;
    background-color: #C0C0C0;
    border-right-style: ridge;
    border-right-width: thin;
    border-top-style: ridge;
    border-top-width: thin;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-top: -9px;
}

#empr_onglet ul.empr_tabs li a:hover{
   	text-decoration: underline;
}

#empr_onglet ul.empr_tabs li#current{

}

#empr_onglet ul.empr_tabs li#current a {
	font-weight: bold;
	color: #000000;
	background-color: #C0C0C0;
    border-right-style: ridge;
    border-right-width: thin;
    border-top-style: ridge;
    border-top-width: thin;
    float: left;
    margin-bottom: 5px;
    margin-right: 4px;
    padding: 4px 10px 3px 10px;
    position: relative;
    top: 5px;
    text-decoration: none;
}

#empr_onglet ul.empr_tabs li#current a:hover {
    text-decoration: none;
}

ul.empr_subtabs{
	background: url("images/p_haut.png") repeat-x scroll 0 0 white;
    border: 1px solid #E0E0DD;
    margin-top: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

ul.empr_subtabs li {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	display:inline-block;
	border: 1px solid #E0E0DD;
	padding: 0.2em;
}

ul.empr_subtabs li:hover {
	background-color: #cccccc;
}

 ul.empr_subtabs li a{
	text-decoration:none;
	height:17px;
    color: #000000;
}

#fiche-empr,#empr-all, #empr-late, #empr-old, #empr-resa, #empr-dsi, #empr-sugg, #empr-list, #empr-dema {
} 

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

#empr-list #onglets_list ul.list_tabs {
	top: -5px !important;
	height: 1px;
}

#empr-list #onglets_list ul.list_tabs li {
	display:inline-block;
	top: 0;
}

#empr-list #onglets_list ul.list_tabs li a {
	text-decoration: none;
	padding-left: 0.7em;
	padding-right: 0.7em;
}

#empr-list #onglets_list ul.list_tabs li a:hover {
	text-decoration: underline;
}

#empr-list #onglets_list ul.list_tabs li#current a {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}

#empr-list #onglets_list ul.list_tabs li#current a:hover {
    text-decoration: none;
}

#empr-list #onglets_list {
	margin-top: 15px;
}

#div_mylist {
	border: 1px solid #E0E0DD;
	margin-top: 5px;
	padding: 5px;
}

#list_cadre {
	margin-top: 5px;
}

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