/* CSS Document */

body {
	color:#000000;
}

table.migBaseContainer td.contentCell {
	height:600px; /* Permet le bon affichage de l'image de fond (celle sur le fond blanc, pas celle propre à la balise BODY) */
	min-height:600px;
}


#entContenu {
	height:109px;
	width:597px;
	margin:0 3px 0 2px;
	background-position:right;
	background-repeat:no-repeat;
}

	#entContenu div.slogan {
		height:56px;
	}
	
	#entContenu div.titre {
		height:53px;
	}
	
	@media print {
	
		#entContenu {
			height:auto;
		}
	
			#entContenu div.slogan {
				display:none;
			}
	
	}


#footer {
	margin-top:20px;
	padding:21px 0 0 189px;
	height:25px;
	background:url(/pls/portal/docs/page/biblio_fr/media/images/bg_copyright.gif) bottom no-repeat;
	color:#999999;
	font-size:10px;
}



/* Système d'onglet */

div.ongletsSurListesCont {
	padding-top:5px;
	width:556px;
	overflow:hidden; /* Pour IE */
	background:url(/pls/portal/docs/page/biblio_fr/media/images/spacer_noir.gif) 40px 27px repeat-x;
}

	ul.ongletsSurListes {
		width:556px;
		margin:0;
		padding:0;
		overflow:hidden;
		height:24px;
		list-style:none;
		/* Une image est loadée en background de cet élément via javascript */
		background-repeat:no-repeat;
		background-position:left top;
	}
	
		ul.ongletsSurListes li {
			display:block;
			margin:4px 0 0 0;
			height:20px;
			padding:0;
			list-style-type:none;
			overflow:hidden;
			float:left;
			/* background-color:#0099FF; */
		}
		
			ul.ongletsSurListes li a {
				margin:0 3px 0 0;
				float:left;
				padding:18px 0 0 0;
				height:18px; /* for IE5 - Win only */
				cursor:pointer;
				overflow:hidden;
			}
			
			ul.ongletsSurListes li a:hover {
				background-position:left -20px;
			}

	#ongletsSurListesCont table {
		display:none;
		margin:0 0 1px 0;
		border-bottom:#333333 solid 1px;
		width:100%;
		font-size:10px;
		line-height:14px;
		clear:both; /* Essentiel pour netscape 7 mais ça créé un espace désagréable dans Netscape 7 et Opera...
		Pourrait faire mieux avec un browser sniffer et petit tour de magie en javascript... */
	}
	
	
		/* Le niveau suivant a été ajouté pour le classement des bibliothèques par arrondissement dans la section catalogue... */
		/* Pourrait servir à d'autres sauces en autant que le layout de ce 2eniveau de tableau soit sur 2 colonnes > obliger de spécifier une largeur en pixel dans la feuille de styles */
		
		#ongletsSurListesCont table tr td table {
			width:534px;
			display:block;
			border-bottom:none;
		}
		
			#ongletsSurListesCont table tr td table tr td {
				width:267px;
				padding:0;
				border-bottom:none;
			}
	
		#ongletsSurListesCont table tr.accesEtImpression {
			display:none;
		}
		
			#ongletsSurListesCont table tr p {
				margin:0 0 6px 0;
			}
			
			#ongletsSurListesCont table tr.forceWidth td {
				padding:0;
				height:1px;
				font-size:1px;
				line-height:0px;
				border:none;
			}
			
				#ongletsSurListesCont table tr.forceWidth td img {
					width:556px;
					height:1px;
				}
		
		#ongletsSurListesCont table tr.altColor0 {
			background-color:#e6e6e6;
		}
		
		#ongletsSurListesCont table tr.altColor1 {
			background-color:#f5f5f5;
		}
	
			#ongletsSurListesCont table tr th {
				border-bottom:#ffffff solid 1px;
				vertical-align:text-top;
				padding:9px 5px 8px 11px;
				text-align:left;
				/* background-color:#993300; */ /* Spécifier dans les feuilles de styles spécifiques aux sections */
				color:#FFFFFF;
			}
			
			#ongletsSurListesCont table tr td {
				border-bottom:#ffffff solid 1px;
				vertical-align:text-top;
				padding:9px 5px 8px 11px;
			}
			
		@media print {
		
			#ongletsSurListesCont table {
				border-top:#333333 solid 1px;
			}
			
			#ongletsSurListesCont table tr.accesEtImpression {
				display:block;
			}
			
				#ongletsSurListesCont table tr th {
					color:#000000;
					background-color:#FFFFFF;
					font-weight:bold;
				}
				
					#ongletsSurListesCont table tr th h4 {
						margin:5px 0 0 0;
						font-size:12px;
					}
		
		}

/*Mettre H1 hidden dans les images HD*/	
	
table.titrePrincipal {
	margin:0;
}

	table.titrePrincipal td {
		padding:23px 23px 0 23px;
	}
	
	table.titrePrincipal td.tabLogoImg img {
		float:right;
	}

table.titrePrincipal h1 {
	display:none;
}

table.titrePrincipal img {
	display:block;
}
			
@media print {
				
	table.titrePrincipal h1 {
		display:block;
	}
	
	table.titrePrincipal img {
		display:none;
	}
		
}
	
#texteSurBgLargeCont {
	padding:23px;
	width:556px;
	height:200px;
	padding-bottom:385px; /*  */
	background-position:2px bottom;
	background-repeat:no-repeat;
	/* background-image spécifié à même code html pour favoriser réutilisation en évitant d'alourdir les feuilles de styles */
}


/* DÉBUT * Collectrice - Bloc avec liens vers grandes sections */

	div.coll_lienVersSectionCont {
		padding:0 7px 7px 7px;
		line-height:16px;
		clear:both;
	}
	
		/* layout 2 colonnes */
		div.coll_lienVersSectionCont div {
			width:290px;
		}
		
		div.coll_lienVersSectionCont p {
			margin:2px 0 7px 0;
			width:100%;
		}
		
		div.coll_lienVersSectionCont table {
			background-repeat:no-repeat;
			/* border-top:1px solid #000000; */
		}
			
			div.coll_lienVersSectionCont table td {
				padding:48px 16px 16px 18px;
			}
			
				div.coll_lienVersSectionCont table td img {
					float:left;
					border:1px solid #CCCCCC;
					margin:4px 10px 0 0;
				}
				
				div.coll_lienVersSectionCont img.lien {
					float:right;
					margin:2px 0 0 0;
					border:none;
				}
	
		.coll_lienVersSectionCont div.gauche {
			float:left;
		}
		
		div.coll_lienVersSectionCont div.droite {
			float:right;
		}
		
			/* "div" n'est pas spécifié entre table et h2 - Permet de faire diparaitre le h2 en mode 1 colonne également (pas de div à ce niveau, car le but des divs est de créer les 2 colonnes.) */
			div.coll_lienVersSectionCont table h2 {
				display:none;
			}
			
		@media print {
		
			div.coll_lienVersSectionCont div {
				width:100%;
			}
			
			.coll_lienVersSectionCont div.gauche {
				float:none;
			}
			
			div.coll_lienVersSectionCont div.droite {
				float:none;
			}
			
			div.coll_lienVersSectionCont div.gauche table {
				background-image:none;
			}
			
			div.coll_lienVersSectionCont div table h2 {
				display:block;
			}
		
		}
	
/* FIN *** Collectrice - Bloc avec liens vers grandes sections */

h1 {
	font-size: 14px;
	color: #000;	
}

h2 {
	font-size: 12px;
	color: #000;
}

h3 {
	font-size: 11px;
	color: #666;	
}


/* Tableau pour contenu ouvrant dans l'apprentissage en ligne */
/* Serait préférable de rendre le bloc suivant "générique", il va probablement servir dans d'autres sections... On pourrait personaliser les couleurs dans les CSS locaux la rpésente feuille de styles */

ul.listeContenuOuvrant li table.listeEnTableau, table.listeEnTableau {
		margin:5px 0 10px 0;
		border-bottom:#333 solid 1px;
		border-top:#333 solid 1px;
		width:100%;
		font-size:10px;
		line-height:14px;
		clear:both; /* Essentiel pour netscape 7 mais ça créé un espace désagréable dans Netscape 7 et Opera...
		Pourrait faire mieux avec un browser sniffer et petit tour de magie en javascript... */
	}
	
	ul.listeContenuOuvrant li table.listeEnTableau tr.accesEtImpression, table.listeEnTableau tr.accesEtImpression {
		display:none;
	}
		
		ul.listeContenuOuvrant li table.listeEnTableau tr p, table.listeEnTableau tr p {
			margin:0 0 6px 0;
		}
		
		ul.listeContenuOuvrant li table.listeEnTableau tr.altColor0, table.listeEnTableau tr.altColor0 {
			background-color:#e6e6e6;
		}
		
		ul.listeContenuOuvrant li table.listeEnTableau tr.altColor1, table.listeEnTableau tr.altColor1 {
			background-color:#f5f5f5;
		}
	
			ul.listeContenuOuvrant li table.listeEnTableau th, table.listeEnTableau th {
				border-top:#fff solid 1px;
				border-right:none;
				border-bottom:#fff solid 1px;
				vertical-align:text-top;
				padding:9px 5px 8px 11px;
				text-align:left;
				background-color:#993300; /* Pour perso */
				color:#FFF;
			}
			
			ul.listeContenuOuvrant li table.listeEnTableau td, table.listeEnTableau td {
				border-bottom:#fff solid 1px;
				border-right:none;
				vertical-align:text-top;
				padding:9px 5px 8px 11px;
			}
			
			ul.listeContenuOuvrant li table.listeEnTableau td a, table.listeEnTableau td a {
				font-weight:bold;
				color:#333;
			}
				
				ul.listeContenuOuvrant li table.listeEnTableau td a:visited, table.listeEnTableau td a:visited {
					color:#333;
				}
				
				ul.listeContenuOuvrant li table.listeEnTableau td a:hover, table.listeEnTableau td a:hover {
					color:#666;
				}
			
		@media print {
		
			ul.listeContenuOuvrant li table.listeEnTableau, table.listeEnTableau {
				border-top:#333 solid 1px;
			}
			
				ul.listeContenuOuvrant li table.listeEnTableau th, table.listeEnTableau th {
					color:#000;
					background-color:#FFF;
					font-weight:bold;
				}
				
					ul.listeContenuOuvrant li table.listeEnTableau th h4, table.listeEnTableau th h4 {
						margin:5px 0 0 0;
						font-size:12px;
					}
		
		}