/* +--------------------------------------------------------------------------+
// © 2002-2004 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: gris_et_couleurs.css,v 1.9 2005/07/30 06:11:34 touraine37 Exp $
*/

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                         ATTRIBUTS GENERAUX                                 */
/*                                                                            */
/*  attributs gÈnÈraux de la page                                             */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

BODY  	{ 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#777777;
	background:black;
	}

/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            ID FIXES                                        */
/*                                                                            */
/*  feuilles de styles appliquÈes ‡ des id fixes                              */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

/* #container : partie d'affichage principale ‡ droite de l'Ècran */
#container 	{
		position: absolute;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		height: 99%;
		width: 99%;
		margin:0px;
		padding:0px;
		left:10px;
		top:10px;
		background: url('festival2010.jpg') top left no-repeat;
		}
	
#intro {
	padding:2px;
	width:16%;
	padding-bottom:10px;
	padding-left:5px;
	
}
#intro_pmb {}

	#intro_pmb h1{
	}
	#intro_pmb h2 {		
	}
	#intro_pmb h3 {	
		
	}

#intro_message {}

	#intro_message .p1,		
	#intro_message .p2 {}
		
#intro_bibli {
	margin-bottom:10px;
	text-align:justify;
	}

	#intro_bibli h3 {
	font-size:18px;
	margin:0px;
	padding:0px;
	padding-top:400px;
	}
	
	#intro_bibli h3.span 
	{}
	
	#intro_bibli .p1,
	#intro_bibli .p2
	{}
	#intro_bibli .p2
	{ }
		
#main 
	{
	display: block;
	position:absolute;
	top:0px;
	left:19%;
	width:81%;
	padding-top:0;
}

	#main h3 { 
	}

	#main h3 span { }

	#main ul.search_tabs{
		margin:0px;
		padding:0px;
    	list-style:none;
    	clear:right;
    	height:24px;
		background:black;
    }

	#main ul.search_tabs li{
		float:left;
		padding:3px 6px 0px 6px;
    border:0px solid black;  
    margin-right:4px;
		margin-bottom:5px;
    height:19px;
    border-bottom:none;  
		background:#666666;
		color:black;
		}

	#main ul.search_tabs li a{
		text-decoration:none;
		font-weight:normal;
		color:black;
		}
          
	#main ul.search_tabs li#current{
	  	float:left;
	  	padding:3px 6px 0px 6px;
	  	background:#999999;
      border:1px solid #666666;  
      border-bottom:1px solid black;
      border-left:0px;
	  	margin-bottom:4px;
      height:19px;
     }
          
    #main  #search_crl {
			padding:3px;
    	clear:both;
    	border-top:none;
    	margin-top:-1px;
    	}      




/* informations ‡ ajouter pour afficher les cat»gories */

.row_categ {
 clear: both;
}

#categories {
	/*display: block;*/
	margin:0px;
	padding:0px;
	height:100%;
	background:black;
	}

#categories H1  
	{ }
#categories h3 {
/*	margin:0px;
	margin-top:10px;
	padding-left:5px;
	font-size:20px;
	font-weight:bold;
	color:#000000;*/
	}	

#categories-container A {
	color:#c60;
	text-decoration:none;
	background:black;
}

#categories-container {
	display:block;
	border:none;
	margin:0px;
	margin-top:15px;
	padding:0px;
	height:100%;
	padding-left:10px;
	padding-bottom:40px;
	background:black;
}

/* Hack pour un fonctionnement normal sous IE
   Pour rÈserver un attribut uniquement ‡ IE, il suffit de spÈcifier la classe ou l'id de maniËre absolue ( * HTML ... )
*/
* HTML #categories-container {
	padding-bottom:5px;
}

#categories-container A:hover {
	color:#999999;
	text-decoration:underline;
}

.category 	{	
		background:black;
		float:left;
		width:30%;
		color:black;
		padding:2px;
		}
		
	.category H2 {
		font-size:13px;
		padding-bottom :0px;
		margin:0px;
		color:black;
		}
		
	.category H2 IMG {
		padding-top:3px;
		}
	.category A {
		color:black;
		}
	.category h2 A {
		color:black;
		}
	.category UL {margin:2px;}

	.category LI  {
	display: inline;
	}

	.category LI A {
	text-decoration:none;
	}
	
	.category LI A:hover {
	text-decoration:underline;
	}

	.category LI:after  {
	content: " - "; 
	}

/* 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 */

.last_entries { clear:both; }

.etageres { clear:both; }

#bandeau
	{ position:absolute;
	 clear:both;
	 left:5px;
	 top:300px;
	 width:16%;
	 background: black;
	 padding:2px;
	 margin:0px;
		}

	#bandeau A 
		{}

	#bandeau DIV {
	height:100%;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	}
	
	#bandeau FORM {
	margin: 0px 0px 0px 0px ;
	 }

	#bandeau H3 {
	margin: 0px 0px 0px 0px ;
	font-weight:bold;
	font-size:11px;
	color:white;
	}

	#bandeau P.centered {
	margin: 0px 0px 0px 0px ;
	text-align:left;
	}

	#bandeau SPAN {
	font-size:9px;
	color:white;
	}
		
	#bandeau H3 SPAN {
	font-size:11px;
	color:white;
	}
	#bandeau LI 
	{}

#extraDiv1 { 
	border-top:#dddddd 0px solid;
	padding-top:0px;
	margin-top:5px;
	width:125px; 
	}
#extraDiv1 A { 
	color:#bbbbbb;
	text-decoration:none;
	font-weight:bold;
	}
	
#extraDiv2 { 
	color:#dddddd;
	width:125px;
	font-size:8px;
	}
	
#extraDiv3 	{ }
#extraDiv4 	{ }
#extraDiv5 	
	{ 	}

#footer {
		clear:both;
		margin-top: 15px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		padding: 5px;
		width: 99%;
		color: transparent;
		voice-family: "\"}\"";
		voice-family:inherit;
		background: black;
		border:#bbbbbb 1px solid;
	}
	
#footer a {
	color:#999999;	}

#footer a:hover {
	color:white;
	text-decoration:underline;	}


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

H3 {
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-top:18px;
	margin-bottom:0px;
}

A 	{
	color:#c60;
	}

A:hover {
	}

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

tr
	{ }

th
	{ }

td.jauge
	{	}

td.visible
	{ }

td.visible-centered
	{ }

tr.even
	{ }

tr.odd
	{ }

table.exemplaires {
	/*border:#000000 1px solid;*/
}

table.exemplaires TH {
	border-bottom:#000000 1px solid;
}
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                            CLASSES GENERIQUES                              */
/*                                                                            */
/*  feuilles de styles appliquÈes ‡ classes de balises                        */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/


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

.row
	{  }

.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.numero_page 
	{ }

iframe#iframe_resume_panier {
	width:100%;
	height:35px;
	border:none;
	}


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                       MODIFICATIONS POUR L'IMRPESSION                      */
/*                                                                            */
/* pour l'impression, masquage de tags                                        */
/*                                                                            */
/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/

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

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

ul#onglets_isbd_public li {
    float: left;
    height: 21px;
    margin: 2px 2px 0 2px;
    border: 1px solid #aaaaaa;
    background-color: #999999;
}

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



#onglets_isbd_public a {
    float: left;
    display: block;
    color: #777777;
    text-decoration: none;
    padding: 4px;
    cursor: default ;
}
#onglets_isbd_public li.isbd_public_inactive a:hover {
    background: #FFF;
    cursor: pointer ;
    }

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

.colonne_suite {
  float: left;
}

.bg-grey {
  background-color: white;
}

/* Etageres */
#etagere {
	background:black;
	border:#cccccc 1px solid;
}

#etagere-titre h1 {
	background:black;
	width:99%;
	margin:0px;
	padding:5px;
	font-size:13px;
	font-weight:bold;
}
#etagere-titre h1 a {
	color:white;
}

#etagere-titre a {
}

#etagere-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;
}

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

}

#etagere-notice-list A {
}
#etagere-notice-list A:hover {
}
/* barre de navigation */
#navigator table {
}

#navigator td {
}

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

.notice-heada {
		text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color:#777777;
}
.notice-parent {
    color: #777777;
    margin-left: 0px;
    font-size: 8pt;
    text-decoration: none;
}
.notice-child {
    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;
}

.notice-child h3 {
		font-size:16px;
}

.heada {
		text-decoration: none;
    font-weight: bold;
}
.parent {
    color: #777777;
    margin-left: 0px;
    text-decoration: none
}
.child {
   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;
}

#search {
	  border-left:1px solid #999999;
	  border-bottom:1px solid #999999;
		background : black;
		margin:0px;
		padding:0px;
		margin-top:10px;
		padding-bottom:0px;
		height:100%;
}

#search .row {
		margin:0;
		padding:0;
}
#search .p1 {
		margin:0px;
		padding:0px;
		padding-bottom:3px;
		padding-left:5px;
		padding-right:5px;
}

#search FORM {
		margin:0px;
		padding:3px;
		padding-left:5px;
		padding-right:5px;
}

	#location {
		clear:both;
	}

#all_footer {
	display:none;
}

#aut_details_container {
	background:black;
	border:#e0e0e0 1px solid;
	padding:5px;
}

#aut_see {
	background:#ffffff;
	border:#e0e0e0 1px solid;
	padding:5px;
	margin-bottom:2px;
}

#aut_see P {
	margin:0px;
	padding:0px;
}

#aut_see H3 {
	color:#003355;	
}

#aut_details_liste {
	padding-top:5px;
}

#aut_details_liste H3 {
	font-size:11px;
}

#aut_details {
	padding-top:10px;
}

#aut_details h3 {
	margin:0;
	padding:2px;
}

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