/* Ville de Montréal */
	
	
	/* Style pour la recherche et la liste des formulaires */
	/*@import "/pls/portal/docs/page/librairie_fr/styles/pes_formulaires.css";*/
	@import "/pls/portal/docs/page/librairie_fr/styles/inc_comm_styles.css";
	@import "/pls/portal/docs/page/librairie_fr/styles/inc_entete.css";/*styles pour le bandeau prt v2.0*/
	
	@import "/pls/portal/docs/page/lib_fr/media/styles/inc/ico_rsx_socio.css";/*styles pour icones réseaux sociaux*/
	
	
	body {
		margin: 0px;
		padding: 0px;
		background-image: url(/pls/portal/docs/page/librairie_fr/images/background_uniforme.gif);
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	
	/* TABLEAUX */
	
	/* Permet d'éviter d'écrire dans la balise table et img border="0" */
	table {
		border: 0px;
	}
	
	.mainTabDev{
		 width: 760px;
		 background-color: #FFFFFF;
			 
	}
	
	.mainTab{
		/* Le pixel de plus sert à la hauteur minimum des pages. voir la table dans les mig  */
		width: 761px; 
		background-color: #FFFFFF;			
	}
	
	/***** FIN TABLEAUX *****/
	
	
	
	/* DIV POUR SIMulER LES BORDURES */
	
	.padding5 {
		padding: 10px 0px 4px 2px;
		margin: 0px 0px 0px 2px;
	}
	
	.padding10 {
		padding: 0px 5px 0px 8px;	
		margin: 0px 5px 0px 8px;
		
		max-width: 380px;
	}
	
	.padding15 {
		padding: 0px 13px 0px 13px;
		margin: 0px 13px 0px 13px;
	}
	
	.paddingContenu {
		padding: 15px;
	}
	
	/***** DIV POUR SIMulER LES BORDURES *****/
	
	
	/* AliGNEMENT DU TEXTE ET DES IMAGES DANS LES CELLulES DE TABLEAUX (TD) */
	
	/* Image et texte centrés horizontalement et verticalement. */
	.middle {
		vertical-align: middle; 
		text-align: center;
	}
	/* Image et texte alignés verticalement vers le haut et à gauche. */
	.top {
		vertical-align: top;
	}
	/* Image et texte alignés verticalement vers le haut et centré horizontalement. */ 
	.topCenter {
		vertical-align: top;
		text-align: center;
	}
	.middleLeft{
		vertical-align: middle;
		text-align: left;
	}
	.middleRight{
		vertical-align: middle;
		text-align: right;
	}	
	
	/***** FIN AliGNEMENT DU TEXTE ET DES IMAGES *****/
		
		
		
	/* IMAGES */
	

	
	/***** FIN IMAGES *****/
	
	img {
		border: 0px;
	}	
	
	img.image { 
		border: 1px solid #CCCCCC;
	}
	img.imageGauche { 
		margin-right: 10px;
		float: left;
		margin-top: 4px;
		margin-bottom: 0px;
		margin-left: 0px;
		border: 1px solid #CCCCCC;
	}
	img.imageDroite { 
		float: right; 
		margin-right: 0px;
		margin-top: 4px;
		margin-bottom: 0px;
		margin-left: 10px;
		border: 1px solid #CCCCCC; 
	}
	
	img.imageGaucheSB { 
		margin-right: 10px;
		float: left;
		margin-top: 4px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	img.imageDroiteSB { 
		float: right;
		margin-right: 0px;
		margin-top: 4px;
		margin-bottom: 0px;
		margin-left: 10px;
	}

	
	/* Pour les liens sur les images pop-up */

	a.imageClic:link img{
		border: 1px #CCC solid;
	}
	a.imageClic:visited img {
		border: 1px #CCC solid;
	}
	a.imageClic:hover img {
		border: 1px #000 solid;
	}
	a.imageClic:active img {
		border: 1px #CCC solid;
	}
		
	
	a.imageGaucheClic {
		float: left;
		margin: 4px 10px 0px 0px;
	}

		a.imageGaucheClic:link img{
			border: 1px #CCC solid;
		}
		a.imageGaucheClic:visited img {
			border: 1px #CCC solid;
		}
		a.imageGaucheClic:hover img {
			border: 1px #000 solid;
		}
		a.imageGaucheClic:active img {
			border: 1px #CCC solid;
		}	
	
	a.imageDroiteClic {
		float: right; 
		margin: 4px 0px 0px 10px;
	}

		a.imageDroiteClic:link img{
			border: 1px #CCC solid;
		}
		a.imageDroiteClic:visited img {
			border: 1px #CCC solid;
		}
		a.imageDroiteClic:hover img {
			border: 1px #000 solid;
		}
		a.imageDroiteClic:active img {
			border: 1px #CCC solid;
		}			
		
	/****** Pour les liens sur les images pop-up *****/
	
	
	

	/* Pour les images avec légende alignées à gauche. */	
	table.imageLegGauche {
		float: left;
		width: 90px;
		margin: 5px 10px 0px 0px;		
	}
	table.imageLegGauche td {
		background-color: #CCCCCC;
		font-size: 10px;
		color: #000000;
		padding: 10px 10px 10px 10px;	
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_ph_leg.jpg) no-repeat 0px 0px;	
		border: 1px solid #CCCCCC;
	}
	table.imageLegGauche td img { 
		display: block;
		border: 1px solid #CCCCCC;	
	}	
	table.imageLegGauche td p { 
		margin: 0px;
		padding: 0px;
	}		
		
	table.imageLegGauche a:link {
		font-size:10px;
		color: #333333;
	}	
	table.imageLegGauche a:visited {
		font-size:10px;
		color: #333333;
	}
	table.imageLegGauche a:hover {
		font-size: 10px;
		color: #666666;
	}
	table.imageLegGauche a:active {
		font-size: 10px;
		color: #333333;
	}

	
	/* Pour les images avec légende alignées à droite. */
	table.imageLegDroite {
		float: right;
		width: 90px;
		margin: 5px 0px 0px 10px;				
	}
	table.imageLegDroite td {
		background-color: #CCCCCC;
		font-size: 10px;
		color: #000000;
		padding: 10px 10px 10px 10px;	
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_ph_leg.jpg) no-repeat 0px 0px;	
		border: 1px solid #CCCCCC;
	}
	table.imageLegDroite td img { 
		display: block;
		border: 1px solid #CCCCCC;	
	}	
	table.imageLegDroite td p { 
		margin: 0px;
		padding: 0px;
	}		
		
		
	table.imageLegDroite a:link {
		font-size:10px;
		color: #333333;
	}	
	table.imageLegDroite a:visited {
		font-size:10px;
		color: #333333;
	}
	table.imageLegDroite a:hover {
		font-size: 10px;
		color: #666666;
	}
	table.imageLegDroite a:active {
		font-size: 10px;
		color: #333333;
	}	
	
	
	/* Pour bouton agrandir 	
	img.btAgrandir {
		float: right;
		border: 0px;
		border-style: none;
	}
	*/

	
	
	
	/* ÉLÉMENTS DE FORMULAIRES */
	
	form.mainForm {
		 margin-top: 0px;     /* Pour enlever les espaces avant et après les formulaires. */
		 margin-bottom: 0px;
	}
	
	
	div.formulaire {
		padding: 10px 0px 10px 5px;
		background:url(/pls/portal/docs/page/librairie_fr/images/bg_form.jpg);
		border: 1px #CCC solid;
		width:100%;
	}
		
		div.formulaire table {
			margin: 0px;
		}	
			div.formulaire table td {
				font-size: 10px;
				color: #333;
				min-height: 5px;
				vertical-align: top;
				padding: 5px;
			}			

				div.formulaire table td p {
					margin: 0px 0px 15px 0px;
					font-size: 10px;
				}	
				
				div.section{
					width: 100%;
					margin: 0px 0px 50px 0px;
					background:url(/pls/portal/docs/page/librairie_fr/images/bg_form.jpg) repeat-y;
					border: 1px #CCC solid;
					padding:5px;
				}
				
					div.section h2{
						margin:0px 0px 30px 0px;
					}
			
					div.section div.formulaire {
						background: #e7e7e7;
						color: #fff;
					}	
				
						div.section div.formulaire table td div.formNumero{
						background: #fff;
						}
				
					div.formulaire table td div.formNumero {
						background: #E7E7E7;
						
						padding: 0px 4px 0px 4px;
						font-weight: bold;				
						text-align: center;
										
						border: 1px #CCC solid;
					}	
					
					div.formulaire table td div.formQuestion {
						color: #666;
						font-size: 10px;
						
						/* font-weight: bold;  >>> Enlever pour les questions de la PES Questionnaires en ligne */
						
						padding: 5px;
						border: 1px solid #CCC;
						background-color: #FFF;
												
						float: left;
				}		
							
				div.formulaire table td span.formObligatoire {
					color: #8C0000;
				}	
				
				div.formulaire table td span.formCommentaire {
					color: #666;
					font-size: 9px;
				}	
				
				div.formulaire table td div.formEtiquette {
					margin: 0px;
					padding: 0px;
					display: inline;
					font-size: 10px;
				}								
					
				div.formulaire table td div.formEtiqInput input {
					margin-top: 8px;
					_margin-top: 0px;						
				}						
				
				div.formulaire table td input {
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #333;									
				}
				
				div.formulaire table td input.formBouton {
					height: 17px;													
				}				
				
				div.formulaire table td select {
					font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size : 10px;
					color : #333;
					height: 17px;
					width: 200px;															
				}
				
				div.formulaire table td textarea {
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #333;	
					width: 200px;															
				}					
				
				div.formulaire table td div.formEtiqInput {
					clear: both;
					padding-bottom: 10px;		
				}
				
					div.formulaire table td div.formEtiqInput div.formInput input {
						float: left;
						margin-bottom: 5px;	
					}
					
					div.formulaire table td div.formEtiqInput div.formEtiquette {
						float: left;
						padding-left: 5px;	
						margin-top: 5px;
						_margin-top: 2px;
																								
					}

					div.formulaire table td table.formTabInfo td { /* Résultats associés à des questionnaires. */
						border-right: #fff solid 1px;
						border-bottom: #fff solid 1px;
					}				
								

	div.smallFormColGauche {
		width: 153px; /* Pour Mozilla à cause du Box Model 
		                 185px - Valeur de gauche (padding:10px et bordure:1px) - 
										 valeur à droite (padding:10px et bordure:1px) */
		_width: 175px; /* Pour IExplorer */
		margin: 5px;
	}

	div.smallFormColDroite {
		width: 143px; /* Pour Mozilla à cause du Box Model 
		                 185px - Valeur de gauche (padding:10px et bordure:1px) - 
										 valeur à droite (padding:10px et bordure:1px) */
		_width: 165px; /* Pour IExplorer */
		margin: 5px;
	}

	div.mediumForm {
		width: 368px; /* Pour Mozilla à cause du Box Model 
		                 400px - Valeur de gauche (padding:10px et bordure:1px) - 
										 valeur à droite (padding:10px et bordure:1px) */
		_width: 390px; /* Pour IExplorer */
	}
	
		div.mediumForm .formChampMedium {
			width: 200px;
		}

	
	div.largeForm {
		width: 523px; /* Pour Mozilla à cause du Box Model 
		                 545px - Valeur de gauche (padding:10px et bordure:1px) - 
										 valeur à droite (padding:10px et bordure:1px) */
		_width: 545px; /* Pour IExplorer */
	}


	div.btBasForm {
		margin: 10px 0 0 0;
		padding: 0;
	}	
	
		/* ne plus utilisé ce style - INUTILE - Plutôt ce qui suit... Cette DIV est inutile */
		div.btBasForm div {
			margin: 0;
			padding: 0;
			/* float: right; */
		}
		
		div.btBasForm img, div.btBasForm input {
			margin:0;
			padding:0 0 0 5px; /* cet attribut n'embarque pas dans IE mais ce n'est pas grave : l'espacement est là par défaut... */
			float:right;
			cursor:pointer;
		}
	
		
	div.btBasMediumForm {
		width:370px;
		_width:390px;
	}		
	
	
	
/* Élément de navigation de type précédent suivant */
	div.navPrecSuiv {
		margin-top: 10px;
		clear: both;
	}
				
		div.navPrecSuiv div.prec {
			float:left;
			background:url(/pls/portal/docs/page/librairie_fr/images/bt_precedent.gif) 0px 5px no-repeat;
			padding: 2px 5px 5px 18px;
		}
		
		div.navPrecSuiv div.suiv {
			float:right;
			background:url(/pls/portal/docs/page/librairie_fr/images/bt_suivant.gif) right 5px no-repeat;
			padding: 2px 17px 5px 5px;
		}

		div.navPrecSuiv a {
			color: #333;
		}		
			div.navPrecSuiv a:link {
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
			}
			div.navPrecSuiv a:visited {			
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
			}
			div.navPrecSuiv a:hover {					
				font-size: 10px;
				color: #666;
				text-decoration: none;
			}
			div.navPrecSuiv a:active {				
				font-size: 10px;
				text-decoration: none;
				font-weight: bold;
			}		

		
		
	/***** Fin Élément de navigation de type précédent suivant *****/
					
	/* Navigation de bas de page avec des numéros de page (pagination) */
	table.nav_recherche {
		margin: 10px 0px 10px 0px;	
	}

	table.nav_recherche td {
		padding: 0px;
		font-size: 10px;
		font-weight: bold;
		color: #666;
	}
	
			table.nav_recherche td a:link{
				font-size: 10px;
				font-weight: normal;
				color: #666;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:visited{
				font-size: 10px;
				font-weight: normal;				
				color: #666;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:hover{
				font-size: 10px;
				font-weight: normal;				
				color: #000;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:active{
				font-size: 10px;
				font-weight: normal;				
				color: #666;
				text-decoration: underline;
				line-height: 15px;
			}	
	
	/***** Fin Navigation de bas de page avec des numéros de page *****/
	
	
	/***** FIN ÉLÉMENTS DE FORMulAIRES *****/	
	
	
	
	/* BOÎTE DE RECHERCHE */
	#recherche{
		height: 17px;
		margin: 0px 5px 0px 5px;
		padding: 12px 0px 12px 10px;
	}
	#recherche input.bouton{
		float: left;
		margin: 0px 0px 0px 5px;
	}
	#recherche input.boiteRech{
		float: left;
		width: 122px;
		height: 16px;
		padding: 0px 0px 0px 5px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #8C0000;
		padding-left: 5px;
		border: thin inset;
	}	
	/***** FIN BOÎTE DE RECHERCHE *****/
	
	#fil_ariane{
		font-size: 10px;
		color: #666;
		margin: 10px 10px 10px 15px;
		width: 375px;
	}
	
		#fil_ariane a:link{
			font-size: 10px;
			color: #666;
			text-decoration:underline;
		}
		
			#fil_ariane a:visited{
				font-size: 10px;
				color: #666;
				text-decoration:underline;
			}
			
			#fil_ariane a:hover{
				font-size: 10px;
				color: #000;
			}
			
			#fil_ariane a:active{
				font-size: 10px;
				color: #666;
			}
	
	/* MENU DE DROITE */

	/* ligne du haut */
	div.menuDroit_ent {
		margin: 1px 6px 0px 6px;
		padding: 0px;
		height: 1px;
	}
		div.menuDroit_ent img {
			width: 1px;
			height: 1px;
		}
	/* Fin ligne du haut */
	
	
	/* Menu droit standard */
	table.menuDroit {
		margin: 0px 5px 0px 5px;	
		width: 165px;
	}
		table.menuDroit td {
			padding: 7px 10px 7px 10px;	
			font-size: 9px;
			color: #333333;			
		}
		
	table.menuDroit_bouton {
		margin: 0px 5px 0px 5px;	
		width: 165px;
	}	
		
	/* Menu droit standard */
	table.menuDroitTest {
		margin: 0px 5px 0px 5px;	
		width: 165px;		
	}
		table.menuDroitTest td {
			padding: 0px 10px 5px 10px;	
			font-size: 9px;
			color: #333333;
		
		}			
	
	/* Menu droit avec liste */
	table.menuDroitListe {
		margin: 0px 5px 0px 5px;	
		width: 165px;
	}	
		table.menuDroitListe td {
			padding: 0px 10px 7px 10px;	
			font-size: 9px;
			color: #333333;			
		}	
		table.menuDroitListe select{
			margin-top: 7px;
			width: 140px;
			font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #333333;
		}
		table.menuDroitListe input{
			margin-top: 7px;
			margin-bottom: 5px;
		}			
			
	
	/* ligne du bas */
	div.menuDroit_bas {
		margin: 0px 6px 0px 6px;
		padding: 0px;
		height: 1px;
	}
		div.menuDroit_bas img {
			width: 1px;
			height: 1px;
		}
	/* Fin ligne du bas */
	
	
	
	/***** FIN MENU DE DROITE - FOND PÂLE *****/

/* - Ce style est utiliser pour l'affichage de la version acrobat minimum 
		   demandé pour chacun des formulaires interactif ou dynamique
		 - Il doit donc être accessible dans tous les pages, ce retrouvant autant 
		   dans le bloc formulaire qu'en centre de page de n'importe quel site internet */		
			 span.version_acrobat{
				 color: #8c0000;
				 font-weight:bold;
				 font-size: 10px;
			 }
	/* - Ce style est utiliser pour l'affichage des numéros de formulaire écrit 
	     pour chacun des formulaires statique, interactif ou dynamique */
			 span.nb_form{
				color: #666666;
			}
			 /****/
	
	
	/* MENU DE GAUCHE */
	
	#menuGauche {
		margin:0px;
		padding:4px 5px 10px 10px;
	}
		
		@media screen {
			#menuGauche ul {
				padding: 0px 0px 1px 0px;
				margin: 0px;
				list-style:none;
			}
			#menuGauche ul li {
				margin:0px;
				padding:4px 0px 5px 10px;
				background:url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 1px 10px;
				/* sans la spécification line-height:17px; suivante et à l'intérieur de tous les états du lien
				on doit utiliser le underscore hack sur background pour éviter un décalage de 1px entre IE et Mozilla */
				line-height:17px;
			}
		}
			
		@media print {
			#menuGauche ul li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif);
			}
		}		
			
		/* Calqué sur eRed11Bold pour reproduire le style original sur ce type de lien */
		/* Mais simplifié pour éviter les répétitions inutiles (du genre font-family...) */
		#menuGauche ul li a:link {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
			/* Les 4 font-size suivants sont devenus essentiels
			après le développement d'un portlet pour la zone de
			contenu... Avant on avait pas besoin de les spécifier...
			mais avec le portlet, la typographie dans le menu
			est devenu trop grosse... (?)
			*/
			font-size:11px;
		}
		
		#menuGauche ul li a:visited {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
			font-size:11px;
		}
		
		#menuGauche ul li a:hover {
			color: #000000;
			text-decoration: underline;
			font-weight:normal;
			line-height:17px;
			font-size:11px;
		}
		
		#menuGauche ul li a:active {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
			font-size:11px;
		}
				
				
				
	#menuGaucheRetour {
		margin:5px 5px 5px 5px;
		padding:5px 5px 5px 5px;
		background-color:#EFEFEF;
		color:#000000;
	}
	
		/* Calqué sur eBlack10Bold pour reproduire le style original sur ce type de lien */
		/* Mais simplifié pour éviter les répétitions inutiles (du genre font-family...) */
		#menuGaucheRetour a:link {
			font-size:10px;
			color: #000000;
			font-weight:bold;
			text-decoration:none;
		}
		
		#menuGaucheRetour a:visited {
			font-size:10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
		
		#menuGaucheRetour a:hover {
			font-size: 10px;
			color: #666666;
			font-weight: bold;
			text-decoration: none;
		}
		
		#menuGaucheRetour a:active {
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
				
	#plan {
		margin:0 0 0 5px;
		padding:0 5px 5px 0;
		background:url(/pls/portal/docs/page/librairie_fr/images/point175.gif) no-repeat top;
		width: 153px; /* Pour Mozilla à cause du Box Model 
		                 185px - Valeur de gauche (padding:10px et bordure:1px) - 
										 valeur à droite (padding:10px et bordure:1px) */
		_width: 175px; /* Pour IExplorer */		
	}
	
		/* Calqué sur ePlan pour reproduire le style original sur ce type de lien */
		/* Mais simplifié pour éviter les répétitions inutiles (du genre font-family...) */
		#plan a:link {
			font-size:9px;
			color: #000;
			font-weight:bold;
			text-decoration:none;
		}
		
		#plan a:visited {
			font-size:9px;
		}
		
		#plan a:hover {
			text-decoration:underline;
		}
	
	/***** FIN MENU DE GAUCHE *****/
	
	
	
	/* TABLEAU POUR LES IMAGES PUBLICITAIRES (COLONNE DE GAUCHE OU DE DROITE) */
	table.tabPub {
		margin: 15px 5px 0px 5px;
		_margin: 15px 0px 0px 0px;
		width: 100%;
	}
		
		table.tabPub td {
			vertical-align: top;
			text-align: center;
		}
	
	/***** FIN TABLEAU POUR LES IMAGES PUBLICITAIRES (COLONNE DE GAUCHE OU DE DROITE) *****/


	/* TABLEAU POUR LES PUBLICATIONS SUR LES COLLECTRICES (COLONNE DE GAUCHE SEULEMENT) */
	table.tabCollPub {
		/* margin: 15px 10px 0px 5px; */
		width: 100%;
		background: url(/pls/portal/docs/page/service_fin_fr/media/images/degrade_tab_fin.jpg);
		BACKGROUND-REPEAT: repeat-x;
		border: 1px solid #efefef;
	}
	
	table.tabPdfColl {
		margin: 5px;
		width: 175px;
	}	
	
	table.tabPdfColl ul.listePlus {<link rel="stylesheet" type="text/css" href="styles.css">
		clear:both;
	}		
		
		table.tabCollPub tr {
			padding: 0px 5px 0px 0px;
		}
	
		table.tabCollPub tr.tr_listeCollPub {
			background: url(/pls/portal/docs/page/librairie_fr/images/bg_tabCollPub03.jpg) no-repeat;
			margin: 0px;
			padding:  0px;
		}	
		
			table.tabCollPub tr.tr_listeCollPub td {
				border-top: #E8E8E8 solid 1px;
				padding: 5px 0px 0px 0px;
			}			
		
		table.tabCollPub td.td_basCollPub {
			background: url(/pls/portal/docs/page/librairie_fr/images/bg_tabCollPub_bas.jpg) no-repeat;
			line-height: 0px;
			font-size: 0px;
			height: 8px;
			padding: 0px;
		}				
		
			table.tabCollPub td {
				vertical-align: top;
				text-align: left;
			}

			table.tabCollPub td.td_imageCollPub {
				background: url(/pls/portal/docs/page/librairie_fr/images/bg_tabCollPub_img.jpg) no-repeat;
				/* margin: 0;
				padding: 5px 0 5px 5px;*/
			}	
			
			table.tabCollPub td.td_unDocCollPub {
				padding: 0px;
			}
	
		table.tabCollPub ul{
			padding: 0px;
			margin:0px 0px 0px 5px;
		}
		
			table.tabCollPub ul li{
				font-size: 9px;
				color: #666666;
				display: block;
			}
			
			table.tabCollPub ul li.pdf{
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon14.gif) no-repeat 0px 2px;
			}				
				
				
				
		
		table.tabCollPub a:link {
			font-size: 9px;
		}
		
		table.tabCollPub a:active {
			font-size: 9px;
		}
		
		table.tabCollPub a:hover {
			font-size: 9px;
		}
		
		table.tabCollPub a:visited {
			font-size: 9px;
		}
	
	/***** FIN TABLEAU POUR LES PUBLICATIONS SUR LES COLLECTRICES (COLONNE DE GAUCHE SEULEMENT) *****/
	
	/* TABLEAU POUR LES PDF (COLONNE DE GAUCHE) */
	table.tabPdf_coll {
		width: 175px;
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_blocPdf.gif) repeat;
		margin: 15px 5px 0px 5px;
		border-bottom: 1px #E7E7E7 solid;
	}
	
		table.tabPdf_coll td {
			padding: 7px 0px 0px 0px;
		}	
	
		table.tabPdf_coll img {
			float: left;
			margin: 3px 0px 10px 2px;
		} 
		
		table.tabPdf_coll p {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			float: right;
			width: 115px;			
			font-size: 9px; 
			color: #999999;
		}
				
		/* Description des liens PDF */
		table.tabPdf_coll a:link {	
			margin-top: 0px;
			display: block;
			float: right;
			width: 115px;
			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		table.tabPdf_coll a:visited {
			display: block;
			margin-top: 0px;			
			float: right;
			width: 115px;
			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		table.tabPdf_coll a:hover {	
			display: block;
			margin-top: 0px;
			float: right;
			width: 115px;
			
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		table.tabPdf_coll a:active {
			display: block;	
			margin-top: 0px;
			float: right;
			width: 115px;
					
			color: #666666;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
	
	
	/***** FIN TABLEAU POUR LES PDF (COLONNE DE GAUCHE) *****/
	
	
	
	
  /* TABLEAU DE DONNÉES */
	
	table.tabDonnees {
		background-color: #E7E7E7;
		border: #E4E4E4 1px solid;
		margin-top: 10px;
	}
	
	table.tabDonnees sup {
		_font-size: 11px;
	}		
	
	table.tabDonnees th {
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		line-height: 18px;
		
		border-top: #CCCCCC 1px solid;	
		border-right: #CCCCCC 1px solid;		
		border-bottom: #CCCCCC 1px solid;	
			
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_td_tab_donnees.jpg) no-repeat;			
		
		text-align: left;
		
		padding: 0px 0px 0px 10px;
		
	}
	
	table.tabDonnees th.middle {
		text-align: center;
	}	
		
	table.tabDonnees tr {
		background: none;
		background-color: #FFFFFF;
	}
	
	table.tabDonnees tr.bg1 { /* Permet de mettre une ligne de tableau de couleur différente. Ne pas utiliser celui-là. */
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_tab_donnees.jpg) no-repeat;		
	}
	
	table.tabDonnees tr.trBg1 { /* Permet de mettre une ligne de tableau de couleur différente */
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_tab_donnees.jpg) no-repeat;		
	}	
	
	table.tabDonnees tr.tabDonnees_bg1 { /* Permet de mettre une ligne de tableau de couleur différente */
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_tab_donnees.jpg) no-repeat;		
	}
	
	table.tabDonnees td {
		padding: 0px 0px 0px 10px;
		vertical-align: top;
		font-size: 10px;
		border-bottom: #CCCCCC 1px solid;	
		border-right: #CCCCCC 1px solid;
	}
		
	table.tabDonnees td.middle {
		vertical-align: top;
		text-align: center;
	}	
			
	table.tabDonnees a:link {	/* Liens par défaut dans le tableau */
		font-size: 10px;
	}
	table.tabDonnees a:visited {	
		font-size: 10px;
	}
	table.tabDonnees a:hover {	
		font-size: 10px;
	}
	table.tabDonnees a:active {	
		font-size: 10px;
	}			

	
	table.tabDonnees td ul { /* Liste non-ordonnée par défaut */
		margin: 0px 0px 0px 0px;
		padding:0px; 	
	}

	
	table.tabDonnees td	ul li {
		line-height: 18px;
		color: #333333;
		font-size: 10px;
		/* Permettre à la liste de se mettre à côté des images. */ 
		height: 1%; /* Pour IE 5 et 6 */
		zoom: 1; /* Pour IE 6 et plus */
	}

  table.tabDonnees td ol { /* Liste ordonnée par défaut */
		margin: 0px 0px 0px 22px;
		_margin: 0px 0px 0px 25px;
		padding: 0px; 	
	}
	table.tabDonnees td	style="DISPLAY: none {
		line-height: 18px;
		color: #333333;
		font-size: 10px;		
	}
	
	/* Pour enlever la largeur par défaut (400px) de cet élément losrqu'utilisé dans tabDonnees */
	table.tabDonnees td ul.listePdf {
		width: auto; 
	}
	
	table.tabDonnees td ul.listePdf {
		width: auto; /* Pour enlever la largeur sur les listes de PDF */
	}
		
	/***** FIN TABLEAU DE DONNÉES *****/

	
	
	/* VOIR AUSSI ET NOS PUBLICATIONS */

  .eRed9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #8C0000;
		line-height: 15px;
	}
	
	.eBlack9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		line-height: 15px;
	}

	.eTitleBlack10Bold{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		line-height: 16px;
	}

	a.eBlack9:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eBlack9:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eBlack9:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eBlack9:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
		
	/***** FIN VOIR AUSSI ET NOS PUBLICATIONS *****/
	
	
	
	/* ARCHIVES */
	.ePortal_greyBG{
		background-color: #E8E8E8;
	}
	select.dropp {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
		font-size : 10px;
		color : #000000;
		width : 145px;
  }
	.eBlack9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		line-height: 15px;
	}	
	/***** FIN ARCHIVES *****/
	
	
	
	/* COMMUNIQUES */
	
	.eRed11Bold{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #8C0000;
    font-weight: bold;
		line-height: 15px;
	}
	
	.eMediumGrey10{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		line-height: 15px;
	}	
	
  a.eDarkGrey9:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #333333;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eDarkGrey9:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #333333;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eDarkGrey9:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eDarkGrey9:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #333333;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	
	a.eMediumGrey10Bold:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eMediumGrey10Bold:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eMediumGrey10Bold:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eMediumGrey10Bold:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}


	table.annonces td{
		color: #666666;
		font-size: 10px;
		line-height: 17px;
	}
	
	table.annonces td strong{
		color: #000000;
		font-weight: bold;
	}
	
	table.annonces td p.titre{
		font-size: 11px;
		color: #8C0000;
    font-weight: bold;
		line-height: 17px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	table.annonces td p.titreListe {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: #666666;
		line-height: normal;
	}
	
	table.annonces td p{
		color: #666666;
		font-size: 11px;
		line-height: 17px;
	}
	
	table.annonces td p.info{
		color: #666666;
		font-weight: bold;
		font-size: 10px;
		line-height: 17px;
	}
	
	table.annonces td ul{
		color: #666666;
		font-size: 11px;
		line-height: 17px;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	
	table.annonces td.ann_pointille{
		background: url(/pls/portal/docs/page/librairie_fr/images/ann_points.gif) repeat-x 2px;
	}
	
	   @media screen { /* Affichage de la liste à l'écran */
			table.annonces td ul li{
				color: #666666;
				font-size: 11px;
				line-height: 17px;
				padding-left: 17px;
				padding-bottom: 10px;
				background: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 7px 6px;
			}
			
			table.annonces td ul li.pdf{
				color: #666666;
				font-size: 11px;
				line-height: 17px;
				padding-left: 17px;
				padding-bottom: 10px;
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon14.gif) no-repeat 0px 2px;
			}
		}
		
		@media print { /* Impression de la liste */
			table.annonces td ul li {
				background-color: #FFFFFF;
				list-style-type: disc; /* Mozilla */
				list-style-image: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif); /* IExplorer */
			}
			
			table.annonces td ul li.pdf {
				background-color: #FFFFFF;
				list-style-type: disc; /* Mozilla */
				list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon14.gif); /* IExplorer */
			}
		}	
	
	table.annonces td a:link{
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	table.annonces td a:visited{
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	table.annonces td a:hover{
		font-size: 10px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	table.annonces td a:active{
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	
	
	/* Communiqués en page d'accueil (ex. : page d'accueil d'arrondissement CDN */
	a.eBlack9ns:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eBlack9ns:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	
	a.eBlack9ns:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eBlack9ns:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	
	/***** FIN COMMUNIQUES *****/
	
	
	
	/* VERSION IMPRIMABLE */
	
	a.eDarkGrey10Bold:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eDarkGrey10Bold:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eDarkGrey10Bold:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	a.eDarkGrey10Bold:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		line-height: 15px;
	}
	.eLightGrey9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		line-height: 15px;
	}
	
	/***** FIN VERSION IMPRIMABLE *****/
	
	

	/* IMPRIMER CE TEXTE (apparaît dans la page lorsqu'on clique sur version imprimable) */

	a.eRed11Bold:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #8C0000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eRed11Bold:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #8C0000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eRed11Bold:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eRed11Bold:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #8C0000;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
		
	/***** FIN IMPRIMER CE TEXTE *****/
	
	
	
	/* MENU DE 3IÈME NIVEAU */
	
	.eMenu_on {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color: #8C0000;
		line-height: 18px;
	}
		
	a.eMenu_on:link { /* Pour les liens associées aux sous-menus avec des spans et divs. */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #8C0000;
		text-decoration: none;
	} 
	a.eMenu_on:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #8C0000;
		text-decoration: none;
	}
	a.eMenu_on:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #8C0000;
		text-decoration: underline;
	}
	a.eMenu_on:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #8C0000;
		text-decoration: none;
	}
	
	a.eMenu_off:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	} 
	a.eMenu_off:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}
	a.eMenu_off:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #666666;
		text-decoration: underline;
	}
	a.eMenu_off:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}
			
	/***** FIN MENU DE 3IÈME NIVEAU *****/


	
	/* GALERIE D'IMAGES */
	
	.eGall_indexTab { /* Dégradé avec bordure. */
		BACKGROUND-IMAGE: url(/pls/portal/docs/page/librairie_fr/images/bg_degrade_tab_aff.jpg); 
		BACKGROUND-REPEAT: repeat-x; 
		border: 1px solid #efebf1;
		vertical-align: middle; 
		text-align: center;
	}
	
	.eGall_legende {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color: #666666;
		line-height: normal;
		vertical-align: top; 
		text-align: center;		
		} 	
	
	td.bgImgGal { /* Fonds des images de la galerie. */
		vertical-align: middle;
		text-align: center;
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-image: url(/pls/portal/docs/page/librairie_fr/images/bg_img_gall.gif);
		background-repeat: no-repeat;	
		height: 165px;
		}
		
	td.titreImgGal { /* Fond des titres des images de la galerie. */ 
		vertical-align: middle;
		text-align: center;
		border: 1px solid #CCCCCC;
		background-image: url(/dasf/pls/portal/docs/page/librairie_fr/images/bg_img_gall.gif);
		background-repeat: no-repeat;	
	}
	
	td.border { /* bordure de tableau . */ 
		border: 1px solid #CCCCCC;
	}
	
	.eBiblio {
		text-indent: -50px;
		margin-left: 50px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		line-height: 150%;  
	}
	
	/***** FIN GALERIE D'IMAGES *****/
		
		
		
	/* FIL D'ARIANE */
	
	.eMediumGrey9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		line-height: 15px;
	}
	
	a.eMediumGrey9:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eMediumGrey9:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eMediumGrey9:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eMediumGrey9:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
			
	.ariane {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		line-height: 15px;
		margin-left: 5px;
	}
	
	a.ariane:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.ariane:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.ariane:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.ariane:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #666666;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	
	/***** FIN FIL D'ARIANE *****/
		
		
		
	/* GÉNÉRIQUE (Tous droits réservés) */
	
	a.eLightGrey9:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eLightGrey9:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eLightGrey9:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eLightGrey9:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	
	/***** FIN GÉNÉRIQUE (Tous droits réservés) *****/	
		
		
	/* ????????? */
	.titre_print {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
	}
	/***** ????????????? *****/
			
		
		
	/* FLASH */
	
	.flashDroit { 
		float: right;		
	}	
	
	.flashGauche { 
		float: left;
		margin:4px 10px 0 0;		
	}	
	
	/***** FIN FLASH *****/
	
  
	/* PARTENAIRE */
	
	#hd_imgPart {
		display: block;
		margin: 15px 5px 0px 5px;
		width: 175px;
		height: 11px; 
	}
	
	#tabPart {
		width: 175px;
		margin: 0px 5px 0px 5px;
		border: 1px #CCCCCC solid;	
		border-top: none;
	}
	
		#tabPart td {
			text-align:center;
			vertical-align: top;
		}
	
	/***** PARTENAIRE *****/
	
	
	
	/* liSTES */


	/* liSTE ORDONNÉE */
	
ol {
	/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */
		margin: 10px 0px 5px 35px;
		_margin-left:39px;	
		padding: 0px;
		list-style-type:decimal;
	}
	
		ol li {
			margin: 0px;
			padding: 0px 0px 1px 0px;
			background-image:none;
			list-style-image: none;
			line-height: 18px;	
		}
	
	
	/***** FIN liSTE ORDONNÉE *****/
	

/* LISTE DE PDF SANS INDENTATION. PEUT ÊTRE UTILISÉ POUR LES PAGES COLLECTRICES OU DANS UN TABLEAU */

	/* Classe pour les pages collectrices qui s'applique sur une cellule de tableau. */
	table.tabListePdf ul {
		margin: 0px;
		padding:0px;
		line-height: 15px;	
		font-size: 9px;				
	}

		/* Texte par defaut et image d'un PDF */
		table.tabListePdf ul li {	
			color: #333333;	
			font-size: 9px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */			
		}

		@media screen {
		
			table.tabListePdf ul li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;
				list-style: none;	
				list-style-image: none;								
			}
			
		}
		
		@media print {
		
				/* Texte par defaut et image d'un PDF */
				table.tabListePdf ul li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
				}
		}		
			
		/* Description des liens PDF */
		table.tabListePdf ul li a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		table.tabListePdf ul li a:visited {			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			
		}
		table.tabListePdf ul li a:hover {					
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		table.tabListePdf ul li a:active {				
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}				
		
/* FIN LISTE DE PDF SANS INDENTATION. */




/* LISTE DE PDF POUR LES VUES (FORMULAIRE - COLLECTION) AVEC UN LIEN SOULIGNE NON-GRAS (non bold) */

	ul.listePdf_lienSouligne {
		margin: 10px 15px 0px 0px;
		padding:0px;
		line-height: 15px;	
		font-size: 10px;			
	}
		
		/* Texte par defaut et image d'un PDF */
		ul.listePdf_lienSouligne li {	
			color: #333333;	
			font-size: 10px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */			
		}
		
		@media screen {
		
			ul.listePdf_lienSouligne li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;
				list-style: none;	
				list-style-image: none;								
			}
			ul.listePdf_lienSouligne li ul li {		
				background: none;	
			}
			
		}
		
		@media print {
		
				/* Texte par defaut et image d'un PDF */
				ul.listePdf_lienSouligne li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
				}
				ul.listePdf_lienSouligne li ul li {		
					list-style-type: none;
					_list-style-image: none;	
				}
		}		
			
		/* Description des liens PDF */
		ul.listePdf_lienSouligne li a:link {
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
		}
		ul.listePdf_lienSouligne li a:visited {			
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
			
		}
		ul.listePdf_lienSouligne li a:hover {					
			color: #666666;
			text-decoration: underline;
			font-size: 10px;
		}
		ul.listePdf_lienSouligne li a:active {				
			color: #333333;
			text-decoration: underline;
			font-size: 10px;		
		}
				
		
	/* FIN LISTE DE PDF POUR LES VUES AVEC UN LIEN SOULIGNE NON-GRAS. */


	
	
	/* LISTE DE PDF POUR LES PAGES COLLECTRICES */


	ul.listePdf_coll {
		margin: 0px 0px 0px 0px;
		padding:0px;
		line-height: 15px;	
		font-size: 9px;			
	}
		
		/* Texte par defaut et image d'un PDF */
		ul.listePdf_coll li {	
			color: #333333;	
			font-size: 9px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */
		}
		
		@media screen {
		
			ul.listePdf_coll li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;
				list-style: none;	
				list-style-image: none;		
			}
			ul.listePdf_coll li ul li {		
				background: none;	
			}
			
			ul.listePdf_coll li.video {			
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_wmp_15.gif) 0px 3px no-repeat;
			}
		}
		
		@media print {
		
				/* Texte par defaut et image d'un PDF */
				ul.listePdf_coll li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
				}
				ul.listePdf_coll li ul li {		
					list-style-type: none;
					_list-style-image: none;	
				}
		}		
			
		/* Description des liens PDF */
		ul.listePdf_coll li a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listePdf_coll li a:visited {			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			
		}
		ul.listePdf_coll li a:hover {					
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listePdf_coll li a:active {				
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}
				
		
	/* FIN LISTE DE PDF POUR LES PAGES COLLECTRICES */
	
	
	
	/* PERMET D'AJOUTER L'ICÔNE PDF À N'IMPORTE QUELLE LISTE */
	
	li.pdf {
		line-height: 18px;
		color: #333333;
		font-size: 11px;
	}
	
	@media screen {	
		li.pdf {
			margin: 0px;
			padding: 0px 0px 1px 16px;
			background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;
			list-style: none;	
			list-style-image: none;		
		}
	}

	@media print {
		li.pdf {
			list-style-type: disc;
			_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);
		}	
	}
	
	/* LISTE DE PDF AVEC CHAPITRES (LARGEUR = 400PX) */ 
	
	ul.listePdf {
		/*width: 400px;*/
		margin: 10px 15px 0px 15px;
		padding:0px;
		line-height: 15px;	
		font-size: 10px;			
	}
	
	table.arr_contenuColl ul.listePdf {
		width:auto;
	}
	
		/* Texte par defaut et image d'un PDF */
		ul.listePdf li {	
			color: #333333;	
			font-size: 10px;
		}
		
		@media screen {
		
			ul.listePdf li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;	
				list-style: none;	
				list-style-image: none;					
			} 
			ul.listePdf li ul li {		
				background: none;	
			}
			
		}
		
		@media print {
		
				/* Texte par defaut et image d'un PDF */
				ul.listePdf li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
				}
				ul.listePdf li ul li {		
					list-style-type: none;
					_list-style-image: none;	
				}
		}		
			
		/* Description des liens PDF */
		ul.listePdf li a:link {
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			color: #666666;
		}	
		ul.listePdf li a:visited {			
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			color: #666666;
		}
		ul.listePdf li a:hover {					
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			color: #333333;
		}
		ul.listePdf li a:active {					
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			color: #666666;
		}
		
			ul.listePdf li a em {
				font-weight:normal;
				text-decoration:underline;
				color: #333;
			}
			
				ul.listePdf li a:hover em {
					text-decoration:none;
					color:000;
				}
				
		ul.listePdf li ul {
			margin: 0px;
			padding:0px;		
			line-height: 15px;				
		}	
		
		
			ul.listePdf li ul li {
				margin: 0px;
				padding: 0px;
				background-image: none;			
				color: #333333;
				clear:both;	
				font-size: 10px;		
			}	
		
				ul.listePdf li ul li a:link {
					float: left;
					width: 210px;	/* width: 220px; */
					font-weight: normal;
					text-decoration: underline;	
					color: #333333;						
				}	
				ul.listePdf li ul li a:visited { 
					float: left;
					width: 210px;	/* width: 220px; */
					font-weight: normal;
					text-decoration: underline;					
					color: #333333;
				}
				ul.listePdf li ul li a:hover { 
					float: left;
					width: 210px;	/* width: 220px; */
					font-weight: normal;
					text-decoration: underline;					
					color: #666666;
				}
				ul.listePdf li ul li a:active {
					float: left;
					width: 210px;	/* width: 220px; */
					font-weight: normal;
					text-decoration: underline;					 
					color: #000000;
				}								
	
	
		/* Titre du PDF - non cliquable - mais à la même apparence qu'un titre cliquable sur le 1er niveau */
		ul.listePdf strong {
			color: #666666;
			font-weight: bold;
		}
		
	/***** FIN LISTE DE PDF AVEC CHAPITRES (LARGEUR = 400PX) *****/ 
		
		
		
		
	/* LISTE DE liENS ET DE PDF */
	
	ul.listeLiens {
		margin: 10px 15px 0px 15px;
		padding:0px; 	
		line-height: 15px;
		/* list-style: none; */
	}
	
	
		/* Description des liens PDF */
		ul.listeLiens a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}
		ul.listeLiens a:visited {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeLiens a:hover {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeLiens a:active {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
		
		ul.listeLiens li {
			font-size: 10px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */		
		}
	
		@media screen {
			ul.listeLiens li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;
				background: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 5px 8px;	
				list-style: none;	
				list-style-image: none;						
			}
		}
		
		@media print {
			ul.listeLiens li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif);	
			}
		}
		
		/* Texte par defaut et image d'un PDF */
		ul.listeLiens li.pdf {
			font-size: 9px;		
			color: #333333;	
		}
	
		@media screen {
			ul.listeLiens li.pdf {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 8px;
				list-style: none;	
			}
		}
		
		@media print {
			ul.listeLiens li.pdf {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
			}
		}
		
		/* Texte de description d'un PDF. */
		ul.listeLiens span {
			color: #666666;
			font-weight: normal;
			font-size: 10px;	
		}
	
	/***** FIN liSTE DE liENS ET DE PDF *****/
		


	/* LISTE DE FICHIERS ZIP */

	ul.listeZip {
		margin: 10px 15px 0px 15px;
		padding:0px;
		line-height: 15px;	
		font-size: 10px;			
	}
		
		/* Texte par defaut et image d'un PDF */
		ul.listeZip li {	
			color: #333333;	
			font-size: 10px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */			
		}
		
		@media screen {
		
			ul.listeZip li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_zip_14.gif) no-repeat 0px 4px;	
				list-style: none;	
				list-style-image: none;					
			} 
			
		}
		
		@media print {
		
				/* Texte par defaut et image d'un PDF */
				ul.listeZip li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_zip_14.gif);	
				}
		}		
			
		/* Description des liens PDF */
		ul.listeZip li a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listeZip li a:visited {			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			
		}
		ul.listeZip li a:hover {					
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listeZip li a:active {				
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}	

		
	/***** FIN LISTE DE FICHIERS ZIP *****/

	/* DÉBUT * Liste communication */
	
	ul.listeCommunication {
		margin:0;
		padding:0;
		line-height: 15px;
		font-size: 10px;
	}
	
		ul.listeCommunication li {
			font-size: 10px;
			padding: 7px 0 1px 21px;
			margin:0;
			/* Permettre à la liste de se mettre à côté des images. */ 
			/* Ce qui suit est très mauvais - commenté pour l'instant car possible source de problèmes généralisés de mise en page... */
			/* height: 1%; */ /* Pour IE 5 et 6 */
			/* zoom: 1; */ /* Pour IE 6 et plus */
		}
		
		ul.listeCommunication li a {
			text-decoration: underline;
			font-size: 10px;
		}
		
		ul.listeCommunication li a:link {
			color: #333;
			font-size: 10px;
		}
		ul.listeCommunication li a:visited {	
			color: #333;
			font-size: 10px;				
		}
		ul.listeCommunication li a:hover {	
			color: #666;
			font-size: 10px;			
		}
		
		@media screen {
			ul.listeCommunication li {
				margin: 0px;
				padding: 7px 0px 1px 21px;
				list-style: none;	
				list-style-image: none;
				
			}
		}
		
		@media print {
			ul.listeCommunication li {
				margin:0;
				padding:0;
				list-style-type: disc;
				list-style-position:inside;
			}
		}
	
		@media screen {
			ul.listeCommunication li.bus {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_bus_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.bus {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_bus_15.gif);	
			}
		}
		
		@media print {
			ul.listeCommunication li.cellulaire {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_cell_15.gif);	
			}
		}
		@media screen {
			ul.listeCommunication li.cellulaire {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_cell_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media screen {
			ul.listeCommunication li.courriel {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_courriel_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.courriel {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_courriel_15.gif);	
			}
		}
		
		@media print {
			ul.listeCommunication li.cout {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_cout_15.gif);	
			}
		}
		@media screen {
			ul.listeCommunication li.cout {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_cout_15.gif) no-repeat 0px 8px;
				}
		}

		@media screen {
			ul.listeCommunication li.handicap {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_handicap_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.handicap {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_handicap_15.gif);	
			}
		}
		@media screen {
			ul.listeCommunication li.horaire {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_horaire_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.horaire {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_horaire_15.gif);	
			}
		}
		@media screen {
			ul.listeCommunication li.internet {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_internet_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.internet {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_internet_15.gif);	
			}
		}
		@media screen {
			ul.listeCommunication li.metro {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_metro_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.metro {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_metro_15.gif);	
			}
		}
		@media print {
			ul.listeCommunication li.radio {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_radio_15.gif);	
			}
		}
			@media screen {
			ul.listeCommunication li.telecopieur {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_telecopieur_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.telecopieur {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_telecopieur_15.gif);
			}
		}
			@media screen {
			ul.listeCommunication li.telephone {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_telephone_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.telephone {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_telephone_15.gif);	
			}
		}
		
		@media screen {
			ul.listeCommunication li.stationnement {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_stationnement_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.stationnement {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_stationnement_15.gif);	
			}
		}
	
	/* FIN *** Liste  communication */
	
	

		
		
	/* liSTE DE BOUTONS '+' */
	
	ul.listePlus {
		margin:0px; 
		padding:0px;
		line-height: 15px;
	}
	
		ul.listePlus li {
			font-size: 10px;	
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */				
		}
		
		@media screen {
			ul.listePlus li {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(/pls/portal/docs/page/librairie_fr/images/bt_plus.gif) no-repeat 0px 8px;
				list-style: none;	
				list-style-image: none;			
			}
		}
		
		@media print {
			ul.listePlus li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_plus.gif);	
			}
		}	
		
		ul.listePlus li a:link {
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}	
		ul.listePlus li a:visited {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;			
		}	
		ul.listePlus li a:hover {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}	
		ul.listePlus li a:active {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
	
	/***** FIN liSTE DE BOUTONS '+' *****/
		
		
		
	/* liSTE DE BOUTONS RETOURS (<) */
	
	ul.listeRetour {
		margin:0px; 
		padding:0px;
		line-height: 15px;
		clear: both;
	}
	
		ul.listeRetour li {
			font-size: 10px;		
		}
				
		@media screen {
			ul.listeRetour li {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_b.gif) no-repeat 0px 8px;
				list-style: none;	
				list-style-image: none;
			}
		}
		
		@media print {
			ul.listeRetour li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_b.gif);	
			}
		}	
		
		ul.listeRetour a:link {
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}
		ul.listeRetour a:visited {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRetour a:hover {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRetour a:active {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
	
	/***** FIN liSTE DE BOUTONS RETOURS (<) *****/

	/* liSTE DE BOUTONS RETOURS (^) */
	
	ul.listeRetourHaut {
		margin:0px; 
		padding:0px;
		line-height: 15px;
		clear: both;
	}
	
		ul.listeRetourHaut li {
			font-size: 10px;		
		}
				
		@media screen {
			ul.listeRetourHaut li {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_haut.gif) no-repeat 0px 8px;
				list-style: none;	
				list-style-image: none;
			}
		}
		
		@media print {
			ul.listeRetourHaut li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_haut.gif);	
			}
		}	
		
		ul.listeRetourHaut a:link {
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}
		ul.listeRetourHaut a:visited {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRetourHaut a:hover {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRetourHaut a:active {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
	
	/***** FIN liSTE DE BOUTONS RETOURS (^) *****/

	/* LISTE DE FICHIERS AUDIO OU VIDÉO */

	ul.listeMedia {
		margin: 15px 15px 0px 15px;
		padding:0px;
		line-height: 15px;	
		font-size: 10px;			
	}
		
		/* Texte par defaut et image d'un PDF */
		ul.listeMedia li {	
			color: #333333;	
			font-size: 10px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */			
		}
		
		@media screen {
		
			ul.listeMedia li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 18px;			
				list-style: none;	
				list-style-image: none;					
			} 
			
			
		}
			
		@media screen {
			ul.listeMedia li.windowsMedia {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_wmp_15.gif) no-repeat 0px 3px;
			}	
		}
		@media print {
			ul.listeMedia li {		
				list-style-type: disc;
			}				
			ul.listeMedia li.windowsMedia {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_wmp_15.gif);	
			}
		}		
			
		ul.listeMedia li a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listeMedia li a:visited {			
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
			
		}
		ul.listeMedia li a:hover {					
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;
		}
		ul.listeMedia li a:active {				
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}	


	div.divListQTVR {
		width: 1px;
		height: 1px;
	}
		
	/* Fichier QuickTime */
	li.mov {
		line-height: 18px;
		color: #333;
		font-size: 10px;
	}
	
		li.mov a:link {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #666;
		}	
		li.mov a:hover {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #333;								
		}	
		li.mov a:active {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #666;								
		}	
		li.mov a:visited {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #666;								
		}				
	
	@media screen {	
		li.mov {
			margin: 0px;
			padding: 0px 0px 1px 18px;
			background: url(/pls/portal/docs/page/librairie_fr/images/ic_qt_15.gif) no-repeat 0px 2px;
			list-style: none;	
			list-style-image: none;		
		}
	}

	@media print {
		li.mov {
			list-style-type: disc;
			_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_qt_15.gif);
		}	
	}
	
	/* Fichier Windows Media Player */
	li.wmv {
		line-height: 18px;
		color: #333;
		font-size: 10px;
	}
	
		li.wmv a:link {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #666;
		}	
		li.wmv a:hover {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #333;								
		}	
		li.wmv a:active {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #666;								
		}	
		li.wmv a:visited {
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;	
			color: #666;								
		}				
	
	@media screen {	
		li.wmv {
			margin: 0px;
			padding: 0px 0px 1px 18px;
			background: url(/pls/portal/docs/page/librairie_fr/images/ic_wmp_15.gif) no-repeat 0px 2px;
			list-style: none;
			list-style-image: none;
		}

	}

	@media print {
		li.wmv {
			list-style-type: disc;
			_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_wmp_15.gif);
		}	
	}	
	

	li.video {
		line-height: 18px;
		color: #333333;
		font-size: 10px;
	}		
	
	@media screen {	
		li.video, ul.listeLiens li.video {
			margin:0;
			padding:0 0 1px 18px;
			background: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif) no-repeat 1px 2px;
			list-style: none;
			list-style-image: none;
		}
		
		li.zip, ul.listeLiens li.zip {
			margin:0;
			padding:0 0 1px 18px;
			background: url(/pls/portal/docs/page/librairie_fr/images/ic_zip_14.gif) no-repeat 0px 2px;
			list-style: none;
			list-style-image: none;
		}
	}
	
	@media print {
		li.video, ul.listeLiens li.video {
			list-style-type: disc;
			_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif);
		}	
	}
	
	/***** FIN LISTE DE FICHIERS AUDIO OU VIDÉO *****/

		
	/* liSTE POUR LES PLANS DE SITE */
	
	ul.planDeSite {
		margin:0px;
		padding:0px;
		line-height: 15px;
	}
	
		ul.planDeSite LI {
			margin:15px 0px 0px 0px;
			padding:0px;
			background-image: none;
			list-style: none;
			list-style-image: none;
			
			font-weight: bold;
			font-size: 11px;
			color: #333333;
		}
		
			/*
			
			Défini le style pour les liens au premier niveau (ajout de la caractéristique « Gras »)
			
			*/
			
			ul.planDeSite LI A:LINK {
				font-weight: bold;
				font-size: 11px;
				color: #333333;
			}
			
			ul.planDeSite LI A:HOVER {
				font-weight: bold;
				font-size: 11px;	
				color: #666666;							
			}
			
			ul.planDeSite LI A:ACTIVE {
				font-weight: bold;
				font-size: 11px;
				color: #333333;								
			}
			
			ul.planDeSite LI A:VISITED {
				font-weight: bold;
				font-size: 11px;
				color: #333333;								
			}
		
				ul.planDeSite LI UL {
					margin:0px;
					padding:0px;
				}
				
					ul.planDeSite LI UL LI {
						margin:0px 0px 0px 20px;
						padding:0px;
						background-image:none;
						list-style: none;
						list-style-image: none;

						font-size: 10px;	
						font-weight: normal;	
						color: #333333;																
					}
				
					/*
					Défini le style des liens général
					*/
					
						ul.planDeSite LI UL LI A:LINK {
							font-size: 10px;
							color: #333333;
							font-weight: normal;
							line-height: 15px;
						}
						
						ul.planDeSite LI UL LI A:HOVER {
							font-size: 10px;
							color: #666666;
							font-weight: normal;
							line-height: 15px;
						}
						
						ul.planDeSite LI UL LI A:ACTIVE {
							font-size: 10px;
							color: #333333;
							font-weight: normal;
							line-height: 15px;
						}
						
						ul.planDeSite LI UL LI A:VISITED {
							font-size: 10px;
							color: #333333;
							font-weight: normal;
							line-height: 15px;
						}
							
	/*** FIN liSTE POUR LES PLAN DE SITES ***/




  /* LISTE PLUS ESPACÉE QUE LA LISTE STANDARD */

	ul.listePE li {
		margin: 30px 0px 0px 0px;
		line-height: 18px;
		/* Permettre à la liste de se mettre à côté des images. */ 
		height: 1%; /* Pour IE 5 et 6 */
		zoom: 1; /* Pour IE 6 et plus */	
	}			
	
	/***** FIN LISTE PLUS ESPACÉE QUE LA LISTE STANDARD *****/



	

	/* LISTE AVEC CONTENU OUVRANT */
		
		ul.listeContenuOuvrant {
			margin:0px; 
			padding:0px;
			line-height: 15px;
		}	
		
			@media screen {
				ul.listeContenuOuvrant li {
					margin: 0px;
					padding: 5px 0px 1px 17px;	
				}
			}
			
			@media print {
				ul.listeContenuOuvrant li {
					list-style-type: disc;						
				}
			}	
	
				ul.listeContenuOuvrant li p {
					margin: 10px 0px 0px 0px;	
					font-size: 10px;				
				}
				
				ul.listeContenuOuvrant li strong {
					color: #666666;	
				}
				
				/* Titre de section */
				ul.listeContenuOuvrant li h2 {		
					margin: 10px 0px 0px 0px;
					color: #999999;
					font-size: 10px;				
				}
				
				/* Autre titre */
				ul.listeContenuOuvrant li h3 {
					margin: 10px 0px 0px 0px;
					padding: 0px;		
					color: #C0C0C0;	
					font-size: 10px;				
				}	
				
				ul.listeContenuOuvrant li img {
					/*display: compact;*/
					clear: both;
					margin-bottom: 15px;
				}		
			
				ul.listeContenuOuvrant li table {
					margin: 15px 10px 15px 10px;
				}
			
				ul.listeContenuOuvrant li table th {
					font-size: 10px;
					text-align:left;
					color: #666666;
					border-bottom: #f0f0f0 1px solid;	
					border-right: #f0f0f0 1px solid;
					vertical-align: text-top;
				}
				
				ul.listeContenuOuvrant li table td {
					font-size: 10px;
					text-align:left;
					border-bottom: #f0f0f0 1px solid;	
					border-right: #f0f0f0 1px solid;
					padding:1px;
					vertical-align: text-top;
				}
				
				ul.listeContenuOuvrant li table.sansBordure td {
					padding:1px;
					border: none;
				}
	
			/* contenuCache est associé au bloc de contenu caché et à l'image ">". */		
			@media screen {
				ul.listeContenuOuvrant li.contenuCache {
					background: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_liste_f.gif) no-repeat 0px 8px;
				}
			}
			
			@media print {
				ul.listeContenuOuvrant li.contenuCache {
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_liste_f.gif);	
				}
			}	
		
				ul.listeContenuOuvrant li.contenuCache a:link {
					color: #666666;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;							
				}
				ul.listeContenuOuvrant li.contenuCache a:visited {	
					color: #666666;
					font-weight: bold;
					text-decoration: none;					
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuCache a:hover {	
					color: #333333;
					font-weight: bold;
					text-decoration: none;				
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuCache a:active {	
					color: #666666;
					font-weight: bold;
					text-decoration: none;	
					font-size: 10px;							
				}
		
				ul.listeContenuOuvrant li.contenuCache div {	
					display: none; /* Cacher le div. */
				}	
	
			/* contenuAffiche est associé au bloc de contenu ouvrant. */
			@media screen {
				ul.listeContenuOuvrant li.contenuAffiche {
					background: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_liste_o.gif) no-repeat 0px 8px;
				}
			}
			
			@media print {
				ul.listeContenuOuvrant li.contenuAffiche {
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_fleche_liste_o.gif);	
				}
			}
			
				ul.listeContenuOuvrant li.contenuAffiche a:link {
					color: #333333;
					font-weight: bold;
					text-decoration: none;	
					font-size: 10px;				
				}
				ul.listeContenuOuvrant li.contenuAffiche a:visited {	
					color: #333333;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuAffiche a:hover {	
					color: #666666;
					font-weight: bold;
					text-decoration: none;	
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuAffiche a:active {	
					color: #333333;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;				
				}	
		
				ul.listeContenuOuvrant li.contenuAffiche div {	
					display: block; /* Afficher le div. */
					font-size: 10px;
				}							
		
			
				/* Liens par défauts à l'intérieur du div. */
				ul.listeContenuOuvrant li.contenuAffiche div a:link {
					color: #333333;
					font-weight: normal;
					text-decoration: underline;	
					font-size: 10px;				
				}
				ul.listeContenuOuvrant li.contenuAffiche div a:visited {	
					color: #333333;
					font-weight: normal;			
					text-decoration: underline;
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuAffiche div a:hover {	
					color: #666666;
					font-weight: normal;			
					text-decoration: underline;
					font-size: 10px;			
				}
				ul.listeContenuOuvrant li.contenuAffiche div a:active {	
					color: #333333;
					font-weight: normal;			
					text-decoration: underline;
					font-size: 10px;			
				}
			
		
			/*  LISTE DE LIENS ET DE PDF */
			
			/* Permet d'afficher une liste de liens et de Pdf à l'intérieur du div de contenuAffiche. */
			ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens {
				margin: 10px 15px 0px 0px;
				padding:0px; 	
				line-height: 15px;
			}
			
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens a:link {
					color: #666666;
					font-weight: bold;
					text-decoration: none;		
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens a:visited {	
					color: #666666;
					font-weight: bold;
					text-decoration: none;	
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens a:hover {	
					color: #333333;
					font-weight: bold;
					text-decoration: none;
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens a:active {	
					color: #666666;
					font-weight: bold;
					text-decoration: none;		
				}
		
				@media screen {
					ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens li {
						margin: 5px 0px 0px 0px;
						padding: 1px 0px 1px 17px;
						background: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 5px 8px;	
					}
				}
				
				@media print {
					ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens li {
						list-style-type: disc;
						_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif);	
					}
				}
				
				/* Texte par defaut et image d'un PDF */
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens li.pdf {
					font-size: 9px;		
					color: #333333;	
				}
		
				@media screen {
					ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens li.pdf {
						margin: 0px;
						padding: 5px 0px 1px 17px;	
						background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 8px;
					}
				}
				
				@media print {
					ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens li.pdf {
						list-style-type: disc;
						_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
					}
				}
				
				/* Texte de description d'un PDF. */
				ul.listeContenuOuvrant li.contenuAffiche div ul.listeLiens span {
					color: #666666;
					font-weight: normal;
					font-size: 10px;	
				}
				
			/*****  LISTE DE LIENS ET DE PDF *****/
	
		
		
			/* LISTE DE PDF */
			
			/* Afficher une liste de Pdf à l'intérieur du div de contenuAffiche. */
			ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf {
				width: 400px;
				margin: 10px 15px 0px 0px;
				padding:0px;
				line-height: 15px;	
				font-size: 10px;			
			}
				
				/* Texte par defaut et image d'un PDF */
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li {	
					color: #333333;	
				}
				
				@media screen {
				
					ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li {
						margin: 5px 0px 0px 0px;
						padding: 1px 0px 1px 17px;			
						background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;	
					}
					ul.listePdf li ul li {		
						background: none;	
					}
					
				}
				
				@media print {
				
					/* Texte par defaut et image d'un PDF */
					ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li {		
						list-style-type: disc;
						_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif);	
					}
					ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li {		
						list-style-type: none;
						_list-style-image: none;	
					}
				}		
					
				/* Description des liens PDF */
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li a:link {
					color: #666666;
					font-weight: bold;
					text-decoration: none;
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li a:visited {			
					color: #666666;
					font-weight: bold;
					text-decoration: none;			
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li a:hover {					
					color: #333333;
					font-weight: bold;
					text-decoration: none;
				}
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li a:active {				
					color: #666666;
					font-weight: bold;
					text-decoration: none;	
				}
				
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul {
					margin: 0px;
					padding:0px;		
					line-height: 15px;				
				}	
				
					ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li {
						margin: 0px;
						padding: 0px;
						background-image: none;			
						color: #333333;
						clear:both;		
					}	
				
						ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li a:link {
							float: left;
							width: 220px;	
							font-weight: normal;
							color: #333333;
							text-decoration: underline;		
						}	
						ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li a:visited {
							float: left;
							width: 220px;
							font-weight: normal;			
							color: #333333;
							text-decoration: underline;			
						}	
						ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li a:active {
							float: left;
							width: 220px;
							font-weight: normal;
							color: #333333;
							text-decoration: underline;
						}	
						ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf li ul li a:hover { 
							float: left;
							width: 220px;	
							font-weight: normal;
							color: #000000;
							text-decoration: underline;
						}
			
			
				/* Texte de description d'un PDF. */
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePdf strong {
					color: #666666;
					font-weight: bold;
				}
				
			/* FIN LISTE DE PDF */
			
	
			/* LISTE ORDONNÉE */
			ul.listeContenuOuvrant li.contenuAffiche div ol {
			/* les padding à zéro ne sont pas nécessaire sur IE mais le sont pour les browser Mozilla dont Firefox */
				margin: 10px 0px 5px 25px;
				padding: 0px;
			}
			
				ul.listeContenuOuvrant li.contenuAffiche div ol li {
					margin: 0px;
					padding: 0px 0px 1px 0px;
					background-image:none;
					list-style-type:decimal;
					line-height: 18px;	
					font-size: 10px;		
				}
				
			/***** FIN LISTE ORDONNÉE *****/	
			
			
			/* Liste plus pour la liste de contenu ouvrant */
			
			@media screen {
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePlus li {
					margin: 0px;
					padding: 5px 0px 1px 17px;	
					background: url(/pls/portal/docs/page/librairie_fr/images/bt_plus.gif) no-repeat 0px 8px;
					list-style: none;	
					list-style-image: none;			
				}
			}
			
			@media print {
				ul.listeContenuOuvrant li.contenuAffiche div ul.listePlus li {
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_plus.gif);	
				}
			}				
				
			/* Fin : Liste plus pour la liste de contenu ouvrant */
			
			
			/* LISTE PAR DÉFAUT */
			ul.listeContenuOuvrant li.contenuAffiche div ul {
				margin: 10px 15px 0px 0px;
				padding:0px; 	
				list-style-type: none;
			}
			
				ul.listeContenuOuvrant li.contenuAffiche div ul li {
					line-height: 18px;
					font-size: 10px;			
					color: #333333;
				}
			
				@media screen { /* Affichage de la liste à l'écran */
					ul.listeContenuOuvrant li.contenuAffiche div ul li {
						padding: 1px 0px 1px 15px;
						background: url(/pls/portal/docs/page/librairie_fr/images/ic_fleche_li_cont_ouv.gif) no-repeat 5px 9px;				
					}
				}
				
				@media print { /* Impression de la liste */
					ul.listeContenuOuvrant li.contenuAffiche div ul li {
						list-style-type: disc; /* Mozilla */
						_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_fleche_li_cont_ouv.gif);	/* IExplorer */
					}
				}	
				
			/***** FIN LISTE PAR DÉFAUT *****/	
	
	/***** FIN LISTE AVEC CONTENU OUVRANT *****/


	/*** FIN LISTES ***/

  
	
	
	
	/* UN DOCUMENT PDF POUR LES PAGES DE 3IÈME NIVEAU */
	
	table.tabPdf {
		width: 390px;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_tab_donnees.jpg) no-repeat;
		border: #CCCCCC 1px solid;
	}
	
	table.tabPdf td {
		padding: 10px;
		color: #666666;	
		font-size: 10px;	
		vertical-align:top;			
	}	
	
		table.tabPdf td.tabPdf_colGauche {
			padding-top: 14px;
			padding-right: 0px;
		}
			
	table.tabPdf ul {
		margin: 0px;
		padding: 0px;
		line-height: 15px;	
		font-size: 10px;			
	}
		
		table.tabPdf ul li {	
			color: #666666;	
			font-size: 10px;
		}
		
		@media screen {
		
			table.tabPdf ul li {
				padding: 1px 0px 1px 35px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon25.gif) no-repeat 0px 4px;	
				list-style: none;	
				list-style-image: none;					
			} 
			
		}
		
		@media print {
		
				table.tabPdf ul li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon25.gif);	
				}
		}		
			
			table.tabPdf ul li a:link {
				color: #333333;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabPdf ul li a:visited {			
				color: #333333;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabPdf ul li a:hover {					
				color: #666666;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabPdf ul li a:active {				
				color: #333333;
				text-decoration: underline;
				font-size: 10px;					
				display: block;	
			}	
			
			
		table.tabPdf a:link {
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabPdf a:visited {			
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabPdf a:hover {					
			color: #666666;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabPdf a:active {				
			color: #333333;
			text-decoration: underline;
			font-size: 10px;					
		}				

		table.tabPdf p {				
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			color: #666666;
		}	
			
			
		
	
	/***** UN DOCUMENT PDF POUR LES PAGES DE 3IÈME NIVEAU *****/	
	
	
	

	/* UN DOCUMENT ZIP */
	
	table.tabZip {
		width: 390px;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		background: url(/pls/portal/docs/page/librairie_fr/images/bg_tab_donnees.jpg) no-repeat;
		border: #CCCCCC 1px solid;
	}
	
	table.tabZip td {
		padding: 10px;
		color: #666666;	
		font-size: 10px;	
		vertical-align:top;			
	}	
	
		table.tabZip td.tabZip_colGauche {
			padding-top: 14px;
			padding-right: 0px;
		}		

	table.tabZip ul {
		margin: 0px;
		padding: 0px;
		line-height: 15px;	
		font-size: 10px;			
	}
		
		table.tabZip ul li {	
			color: #666666;	
			font-size: 10px;
		}
		
		@media screen {
		
			table.tabZip ul li {
				padding: 1px 0px 1px 35px;			
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_zip_25.gif) no-repeat 0px 4px;	
				list-style: none;	
				list-style-image: none;					
			} 
			
		}
		
		@media print {
		
				table.tabZip ul li {		
					list-style-type: disc;
					_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_zip_25.gif);	
				}
		}		
			
			table.tabZip ul li a:link {
				color: #333333;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabZip ul li a:visited {			
				color: #333333;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabZip ul li a:hover {					
				color: #666666;
				text-decoration: underline;
				font-size: 10px;
				display: block;
			}
			table.tabZip ul li a:active {				
				color: #333333;
				text-decoration: underline;
				font-size: 10px;					
				display: block;	
			}	


		table.tabZip a:link {
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabZip a:visited {			
			color: #333333;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabZip a:hover {					
			color: #666666;
			text-decoration: underline;
			font-size: 10px;
		}
		table.tabZip a:active {				
			color: #333333;
			text-decoration: underline;
			font-size: 10px;					
		}	

		table.tabZip p {				
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			color: #666666;
		}	
	
	/***** FIN UN DOCUMENT ZIP *****/		
	
	
	
	
	/* MENUS DE 3E NIVEAU */
	
	/* Contenu pour le menu de 3ième niveau standard*/
	div.menu_cont {
		display: none;
	}
	
	/* Menu de 3ième niveau sous forme de liste déroulante */
	select.menuListe {
		background-color: #FFFFFF;
		font-size : 10px;
		color: #000000;
  }	
	/* Contenu associé aux valeurs de la liste déroulante */
	div.menuListe_cont {
		display: none;
	}
	
	/* Contenu associé au menu onglets non utilisé pour l'instant peut être supprimé si non utilisé. */
	div.menuOng_cont {
		clear: both;
		display: none;
	}
	
	
	/***** FIN MENU DE 3E NIVEAU *****/
	
	

	/**************************************************************/
	/*Style CMS*/
	/***************************************************************/
	
	.e_Entete{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		
		color: #AE4E52;
	}	
	
	.eCms_titrePopup{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style:normal;
		font-weight:bold;
		color: #FFFFFF;
	}
	
		.eCms_perime{
			color: #8c0000;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		}
		
		.eCms_nonPublie{
			color: #E6A50D;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		}
		
		.eCms_brouillon{
			color: #AB5907;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		}
		
		.eCms_publie{
			color: #333333;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		}
		
	/* Bouton mis à jour au format "DIV" */
	div.cms_modifier {
		width:200px;
		margin:10px 0px 10px 0px;
		padding:0px 10px 2px 28px;
		background:url(/pls/portal/docs/page/librairie_fr/images/bt_modif_1.gif) 0px 0px no-repeat;
	}
		
		/* Pour une utilisation optimale les 4 styles suivants aurait dû être
		réutilisables pour d'autres DIV du genre div.cms_publier, mais c'est impossible... */
		div.cms_modifier a.lienCms:link {
			font-size:10px;
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:none;
		}
		
		div.cms_modifier a.lienCms:visited {
			font-size:10px;
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:none;
		}
		
		div.cms_modifier a.lienCms:hover {
			font-size:10px;
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:underline;
		}
		
		div.cms_modifier a.lienCms:active {
			font-size:10px;
			color:#FFFFFF;
			font-weight:normal;
			text-decoration:none;
		}
		
		
		/* TAGS ORACLE */
		.titleorimageid1siteid0 { /* Tag généré par oracle équiv. à eMediumGrey9 */
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #666666;
			line-height: 10px;
		}
		.titleid1siteid0 {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #333333;
			line-height: 10px;
		}
		
		
		/* Tableau généré par le Edit Pro */
		.borderTableau {
			 border: 1px solid #efefef;
		}
		.borderCell {
			 padding: 5px;
			 border: 1px solid #efefef;
		}
		
		
	/* Ajout pour les sections modifiables par les édimestres */	
	.e_Red_bg {
		background-color: #8C0000;
	}
	
	.eWhite10{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #ffffff;
		line-height: 15px;
		font-weight: normal;
	}
	
	a.eWhite10:link{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	a.eWhite10:visited{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eWhite10:hover{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: underline;
		line-height: 15px;
	}
	a.eWhite10:active{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		line-height: 15px;
	}
	
	
	/***** Fin Ajout pour les sections modifiables par les édimestres ******/
	
	
	/******************************************************/
	
	
	/****** TEST ONGLET ************/
	.display_invisible{
		display:none;
	}
	
	
	/* DÉBUT * Style de la navInterPages */

table.navInterPages{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	color: #999999;
	font-size: 10px;
}
	
	
	table.navInterPages tr td strong{
		margin: 0px 5px 0px 0px;
	}
	
	table.navInterPages tr td a {
		color: #999999;
		margin: 0px 5px 0px 0px;
	}

		table.navInterPages tr td a:link{
			text-decoration: underline;
		}
		
		table.navInterPages tr td a:visited{
			text-decoration: underline;
			color: #999999;
		}
		
		table.navInterPages tr td a:hover{
			text-decoration: none;
		}
	
	table.navInterPages tr td input{
		margin: 2px 7px 0px 2px;
	}
	table.navInterPages tr td.bt{
		text-align: left;
	}
		table.navInterPages tr td.bt a {
			color: #999999;
			margin: 0px 0px 0px 0px;
		}
		/* FIN * Style de la navInterPages */
		/****************************************************************/
		
/*Tableau pour les vues "Lieux"*/		
		
table.TabVuesLieux {
	width:400px;
	padding:0;
	margin:0;
}

	table.TabVuesLieux td {
	font-size:10px;
	color:#333333;
	}
	
		table.TabVuesLieux td p{
			font-size:10px;
			color:#333333;
			margin-bottom:5px;
			margin-top:10px;
		}
		
		table.TabVuesLieux td ul.listeLiens {
			margin:0px;
			}
			


/* Vue pour les événements politiques des arrondissements et de la mairie. */

div.vueEvenPolit {
	padding: 5px 10px 10px 18px;
	font-size: 10px; 
}

	div.vueEvenPolit table {
		margin-top: 10px;
	}
		div.vueEvenPolit table td {
			font-size: 10px; 
		}
	
	div.vueEvenPolit p {
		margin: 10px 0px 10px 0px;
		font-size: 10px; 
	}	

	/* Description des liens PDF */
	
	div.vueEvenPolit ul.listePdf {
		width:100%;
		margin: 10px 0px 0px 0px; 
	}
		div.vueEvenPolit ul.listePdf li {
			background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 1px 4px;
			padding: 1px 0px 1px 20px;
		}
		
			div.vueEvenPolit ul.listePdf li a:link {
				color: #333;
				text-decoration: underline;
				font-weight: normal;
				font-size: 10px;
			}
			div.vueEvenPolit ul.listePdf li a:visited {			
				color: #333;
				text-decoration: underline;
				font-weight: normal;		
				font-size: 10px;	
			}
			div.vueEvenPolit ul.listePdf li a:hover {					
				color: #666;
				text-decoration: underline;
				font-weight: normal;		
				font-size: 10px;
			}
			div.vueEvenPolit ul.listePdf li a:active {				
				color: #333;
				text-decoration: underline;
				font-weight: normal;		
				font-size: 10px;		
			}
	
/***** Vue pour les événements politiques des arrondissements et de la mairie. *****/


/* Pop-up vidéo ou vidéo dans une page. */

div.videoFlash {
	width: 342px;
	_width: 362px;
}

div.popUpVideo {
	padding: 10px;
	background: url(/pls/portal/docs/page/librairie_fr/images/bg_popUpVideo.jpg) no-repeat;
	height: 100%;
}

	div.videoFlash ul#listeFermer {
		margin: 0px 0px 10px 240px;
		_margin: 0px 0px 10px 280px;
	}

		div.videoFlash ul#listeFermer li {
			background: url(/pls/portal/docs/page/librairie_fr/images/bt_fermer_x.gif) no-repeat 0px 6px;
			list-style: none;
			padding: 1px 0px 1px 18px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			_height: 1%; /* Pour IE 5 et 6 */
			_zoom: 1; /* Pour IE 6 et plus */				
		}
			div.videoFlash ul#listeFermer li a:link {
				color: #666;
				text-decoration: none;
				font-size: 10px;
				font-weight: bold;
			}
			div.videoFlash ul#listeFermer li a:visited {			
				color: #666;
				text-decoration: none;		
				font-size: 10px;	
				font-weight: bold;			
			}
			div.videoFlash ul#listeFermer li a:hover {					
				color: #333;
				text-decoration: none;		
				font-size: 10px;
				font-weight: bold;			
			}
			div.videoFlash ul#listeFermer li a:active {				
				color: #666;
				text-decoration: none;		
				font-size: 10px;	
				font-weight: bold;				
			}

div.infoVideo {
	background-color: #F9F9F9;
	border: #919999 1px solid;
	border-top: 0px;
	font-size: 10px;
	margin-top: 0px;
	padding: 10px 10px 0 10px;
	width: 320px;
	_width: 342px;
}

	div.infoVideo p {
		margin: 0 0 10px 0;
		font-size: 10px;
	}
	
	div.infoVideo ul {
		margin: 0 0 10px 0;
	}	
	
		div.infoVideo li {
			line-height: 18px;
			color: #333333;
			font-size: 10px;
		}
		
			div.infoVideo li a:link {
				font-size: 10px;
			}	
			div.infoVideo li a:hover {
				font-size: 10px;
			}	
			div.infoVideo li a:active {
				font-size: 10px;
			}	
			div.infoVideo li a:visited {
				font-size: 10px;
			}				
		
		@media screen {	
			div.infoVideo li {
				padding: 0px 0px 1px 16px;
				background: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif) no-repeat 0px 2px;
				list-style: none;	
				list-style-image: none;		
			}
		}
	
		@media print {
			div.infoVideo li  {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif);
			}	
		}
		
/* Fin : Pop-up vidéo */



div.infoVideo_Streaming {
	background-color: #F9F9F9;
	border: #919999 1px solid;
	border-top: 0px;
	font-size: 10px;
	padding: 10px 0 0 0;
	width: 320px;
}

	div.infoVideo_Streaming p {
		margin: 0 0 10px 10px;
		font-size: 10px;
	}
	
	div.infoVideo_Streaming ul {
		margin: 0 0 10px 10px;
	}	
	
		div.infoVideo_Streaming li {
			line-height: 18px;
			color: #333333;
			font-size: 10px;
		}
		
			div.infoVideo_Streaming li a:link {
				font-size: 10px;
			}	
			div.infoVideo_Streaming li a:hover {
				font-size: 10px;
			}	
			div.infoVideo_Streaming li a:active {
				font-size: 10px;
			}	
			div.infoVideo_Streaming li a:visited {
				font-size: 10px;
			}				
		
		@media screen {	
			div.infoVideo li {
				padding: 0px 0px 1px 16px;
				background: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif) no-repeat 0px 2px;
				list-style: none;	
				list-style-image: none;		
			}
		}
	
		@media print {
			div.infoVideo li  {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/bt_video.gif);
			}	
		}
		
/* Fin : Pop-up vidéo */







/*Pour le menu dynamique j'utilise des classes au lieu d'un id # pour une question de faisabilité avec la programmation du menu (Voir Sophie)*/
	
	div.menuGaucheDyn {
		margin:0px;
		padding:4px 5px 10px 10px;
	}
	
		div.menuGaucheDyn p {
		margin:0px;
		color: #8C0000;
		font-size:10px;
		font-weight:bold;
		}
					
		@media screen {
			div.menuGaucheDyn ul {
			padding: 0px 0px 1px 0px;
			margin: 0px;
			list-style:none;
		}
			div.menuGaucheDyn ul li {
				margin:0px;
				padding:4px 0px 5px 10px;
				background:url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 1px 10px;
				/* sans la spécification line-height:17px; suivante et à l'intérieur de tous les états du lien
				on doit utiliser le underscore hack sur background pour éviter un décalage de 1px entre IE et Mozilla */
				line-height:17px;
				list-style-type:none;
			}
		}
		
				div.menuGaucheDyn ul li ul {
					padding: 0;
					margin: 0;
				}			
				
					div.menuGaucheDyn ul li ul li {
						margin:0px;
						padding:0 0 0 10px;
						background:url(/pls/portal/docs/page/librairie_fr/images/nav_gauche_ic_2e_niv.gif) no-repeat 0px 9px;
						/*background:#00CC99;*/
						/* sans la spécification line-height:17px; suivante et à l'intérieur de tous les états du lien	on doit utiliser le underscore hack sur background pour éviter un décalage de 1px entre IE et Mozilla */
						line-height:17px;

					}
			
		@media print {
			div.menuGaucheDyn ul li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif);
			}
		}		
			
		/* Calqué sur eRed11Bold pour reproduire le style original sur ce type de lien */
		div.menuGaucheDyn a.menuItemChoisi {
			font-weight:bold;
		}
		
		div.menuGaucheDyn ul li a {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
			font-size:10px;
		}
		
		div.menuGaucheDyn ul li a:link {
			color: #8C0000;
			text-decoration: none;
			line-height:17px;			
		}
		
		div.menuGaucheDyn ul li a:visited {
			color: #8C0000;
			text-decoration: none;
			line-height:17px;			
		}
		
		div.menuGaucheDyn ul li a:hover {
			color: #000;
			text-decoration: underline;
			line-height:17px;			
		}	
		
		div.menuGaucheDyn ul li a:active {
			color: #8C0000;
			text-decoration: underline;
			line-height:17px;			
		}								
				
	div.menuGaucheDynRetour {
		margin:5px;
		padding:5px;
		background-color:#EFEFEF;
		color:#000;
	}
	
		/* Calqué sur eBlack10Bold pour reproduire le style original sur ce type de lien */
		/* Mais simplifié pour éviter les répétitions inutiles (du genre font-family...) */
		div.menuGaucheDynRetour a:link {
			font-size:10px;
			color: #000;
			font-weight:bold;
			text-decoration:none;
		}

		div.menuGaucheDynRetour a:link {
			color:#333;
		}
		
		div.menuGaucheDynRetour a:visited {
			color:#333;
		}
		
		div.menuGaucheDynRetour a:hover {
			color: #666;
		}

div.menuGauche_promo {
	padding: 20px 5px 15px 5px;
}
		
/* FIN MENU DE GAUCHE */

/* MENU DE 3IEME NIVEAU */

#dyn_menu3eNiv {
	margin: 0px;
	font-size: 10px;
	background-color: #EFEFEF;
	border: 1px #D7D7D7 solid;	
}

#dyn_menu3eNiv td {
	padding: 10px;
}
	
	#dyn_menu3eNiv a:link {
		font-size: 10px;
		line-height: 18px;
		color: #333333;
		text-decoration: none;
	}
	#dyn_menu3eNiv a:visited {
		font-size: 10px;
		line-height: 18px;
		color: #333333;
		text-decoration: none;
	}
	#dyn_menu3eNiv a:hover {
		font-size: 10px;
		line-height: 18px;
		color: #666666;
		text-decoration: underline;
	}
	#dyn_menu3eNiv a:active {
		font-size: 10px;
		line-height: 18px;
		color: #333333;
		text-decoration: none;
	}

/***** MENU DE 3IEME NIVEAU *****/

/* DÉBUT * Clearfix */

	.clearfix:after {
			/* content: "."; */
			content: ".";
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */

/* FIN *** Clearfix */

td#langSwitchTriL {
	background-color:#8c0000;
	padding:2px 0 0 6px;
}

	td#langSwitchTriL img {
	}
	
/* Code pour le menu dynamique en 2 collones */
table.sous_menu_colonnes {
	width:560px;
	margin-left:10px;
	padding-bottom:5px;
}
	
	table.sous_menu_colonnes td#sous_menu_colonnes_liste {
		padding: 10px;
			
	}
	
		table.sous_menu_colonnes td#sous_menu_colonnes_liste ul {
			margin: 0px 15px 0px 0px;
			padding:0px;
			
		}
		
			table.sous_menu_colonnes td#sous_menu_colonnes_liste ul li {
				padding: 1px 0px 1px 17px;
				background: url(/pls/portal/docs/page/librairie_fr/images/fleche_noir.gif) no-repeat 5px 8px;	
				list-style: none;	
				float:left; 
				width: 245px;	
				_width: 245px;				
			}
		
				table.sous_menu_colonnes td#sous_menu_colonnes_liste ul li a{
					font-size:10px;
				}
							
					table.sous_menu_colonnes td#sous_menu_colonnes_liste ul li a.menuItemChoisi{
						font-weight:bold;
					}
					
/* Information video */
div.videoBox_info{
	margin:10px 0 0 15px;
}
	div.videoBox_info p.titre{
		font-size:12px;
		padding:10px 0 0 0;
		margin:0;
	
	}	
	div.videoBox_info p.description{
		font-size:11px;
			padding:10px 0 0 0;
		margin:0;
	
	}	
	
	/* Section RSS */
	ul.listeRSS li{
		margin: 0;
		padding:0; 	
		line-height: 15px;
		background: url(/pls/portal/docs/page/librairie_fr/images/ic_rss_10x10.gif) no-repeat 4px 5px;
		/* list-style: none; */
	}
	
	
		/* Description des liens PDF */
		ul.listeRSS a:link {
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;		
		}
		ul.listeRSS a:visited {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRSS a:hover {	
			color: #333333;
			font-weight: bold;
			text-decoration: none;
			font-size: 10px;	
		}
		ul.listeRSS a:active {	
			color: #666666;
			font-weight: bold;
			text-decoration: none;	
			font-size: 10px;	
		}
		
		ul.listeRSS li {
			font-size: 10px;
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */		
		}
	
		@media screen {
			ul.listeRSS li {
				margin: 5px 0px 0px 0px;
				padding: 1px 0px 1px 17px;
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_rss_10x10.gif) no-repeat 4px 5px;	
				list-style: none;	
				list-style-image: none;						
			}
		}
		
		@media print {
			ul.listeRSS li {
				list-style-type: disc;
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_rss_10x10.gif);	
			}
		}
/* Fin : Code pour le menu dynamique en 2 collones */

/* Fonds de tableau pour vues. */
  .eVues_GreyBG{
	  background-color: #f1f1f1;
	  border: 1px solid #dedede;
  }
	

/* DÉBUT * image avec légende et +++ */
/* Styles du nouveau portail pour image avec légende */	
table.imageAvecLeg {
	float:right;
	background-color:#f7f7f7;
	margin-top:10px;
	margin-left:5px;
}

table.imageAvecLegLien {}

	

	table.imageAvecLeg td {
		padding:4px;
		font-size:10px;
		text-align:center;
		line-height: 12px;
	}
	
	table.imageAvecLegLien td {
		padding:0;
		line-height:12px;
	}
	
	table.imageAvecLeg td.imgLeg_avecLien {
		padding:0;
	}
	
		table.imageAvecLeg td a {
			display:block;
			padding:4px;
			/* background-color:#FFC4C0; */
			background-color:#eaebe7;
			text-decoration:none;
			line-height: 14px;
			cursor:pointer;
		}
		
			table.imageAvecLeg td a:hover {
				background-color: #666666;
				color:#FFF;
				line-height: 14px;
			}
			table.imageAvecLeg td a:visited{
				text-decoration: none;
			}
			
			table.imageAvecLeg td a em {
				display:block;
				margin:4px 0 2px 0;
			}
			
			table.imageAvecLeg td a strong {
				display:inline-block;
				width:auto;
				padding-right:17px;
				background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_fleche_lien.gif) right 50% no-repeat;
				color: #990000;
				margin:2px 0 2px 0;
				font-weight:normal;
			}
			
				table.imageAvecLeg td a:hover strong {
					color:#fff;
				}
	
			table.imageAvecLeg td img {
				float:none;
				display:block;
				margin-bottom:6px;
			}
			
				table.imageAvecLeg td a img {
					border:none;
				}
			
			table.imageAvecLeg td p {
				margin:0;
				line-height:12px;
			}
/* FIN *** image avec légende et +++ */		


/* DÉBUT -  Styles custom pour note en bas de page *******/

.note_bp{
	margin: 10px 0;
	padding-top: 5px;
	font-size: 10px;
	border-top: 1px solid #999;
}

.note_bp p{
	font-size: 10px;
}

/* FIN -  Styles custom pour note en bas de page *******/



/* Superbe class pour les promo */
/* drt = droite (165) 
	 gch = gauche (175)*/

div.promo_drt img{
	margin: 0 auto 10px auto;
}

div.promo_gch, div.promo_drt, div.promo{
	margin:5px;
}

/* DÉBUT * STYLES pour bloc top nouvelles (top x nouvelles dans les pages d'accueil */
div.bloc_top_nouvelles{
	margin: 0 15px;
}	

	div.bloc_top_nouvelles ul{
		padding: 0px;
		margin-top: 10px;
	}
		div.bloc_top_nouvelles ul li{
			list-style-image: none;
			list-style-type: none;
			font-size:10px;
			padding-bottom: 10px;
			
		}
			div.bloc_top_nouvelles ul li a, 
			div.bloc_top_nouvelles ul li a:active,
			div.bloc_top_nouvelles ul li a:link{
				font-weight: bold;
				color: #666666;
				text-decoration: none;
			}
				div.bloc_top_nouvelles ul li a:hover{
					color:#333333;
					text-decoration: none;
				}
	
/* FIN *** STYLES pour bloc top nouvelles (top x nouvelles dans les pages d'accueil */	

/* DÉBUT * Styles pour liste image + teaser */
ul.bl_tsr_cont {
    border: 1px solid #E6E6E6;
}
ul.bl_tsr_avecImage {
    padding: 15px;
		margin: 10px 0;
}
ul.bl_tsr_avecImage li {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0 0 15px 115px;
}
ul.bl_tsr_avecImage li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
ul.bl_tsr_avecImage li img {
    float: left;
    margin-left: -115px;
    width: 100px;
}
ul.bl_tsr_avecImage li span img {
    float: none;
    margin-left: 0;
    width: auto;
}
/* FIN *** Styles pour liste image + teaser */

/* DÉBUT * Bouton promo Loisirs en ligne avec nouvelle forme d'abord demandé par Outremont */
.boutonPromoLoisirsEnLigne_175 {
	margin: 5px;
	padding: 0 0 5px 0;
	background-color: #edeef2;
}
.boutonPromoLoisirsEnLigne_175 a span {
	display: block;
	margin: 5px 10px 10px 10px;
	font-size: 10px;
}
/* FIN *** Bouton promo Loisirs en ligne avec nouvelle forme d'abord demandé par Outremont */