/* Ville de Montréal */
	body {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	/*styles de base*/
	h1{
		font-size:15px;
		color:#333333;
	}
	
	h2{
		font-size:13px;
		color:#666666;
	}
	
	h3{
		font-size:11px;
		color:#999999;
	}
	
	p, table, tr, td, ul, ol, li{
		font-size:11px;
		color:#333333;
	}
	
	p{
		line-height:1.5em;
	}
	
	a{
		color:#333333;
		text-decoration:underline;
	}
	a:link{
		color:#333333;
		text-decoration:underline;
	}
	
	a:visited{
		color:#333333;
	}
	
	a:hover{
		color:#333333;
		text-decoration:none;
	}
	
	a:active{
		color:#333333;
		text-decoration:underline;
	}
	
	ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	
	ul li{
		background:transparent url(/pls/portal/docs/page/portail_mnm_fr/media/images/ic_fleche_noir.gif) no-repeat scroll 1px 5px;
		line-height:16px;
		padding-left:10px;
	}
	/*fin styles de base*/


	/* TABLEAUX */
	
	/* Permet d'éviter d'écrire dans la balise table et img border="0" */
	table {
		border: 0px;
	}
	
	/* 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 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;
	}	
	

	/* É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;
	}		
	
	
	/***** 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:550px;
	}
	
		#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 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;
		}
	/***** FIN MENU 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 *****/

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


	
	
	/* 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 = auto) */ 
	
	ul.listePdf {
		width:auto;
		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 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: 220px;	
					font-weight: normal;
					text-decoration: underline;	
					color: #333333;						
				}	
				ul.listePdf li ul li a:visited { 
					float: left;
					width: 220px;	
					font-weight: normal;
					text-decoration: underline;					
					color: #333333;
				}
				ul.listePdf li ul li a:hover { 
					float: left;
					width: 220px;	
					font-weight: normal;
					text-decoration: underline;					
					color: #666666;
				}
				ul.listePdf li ul li a:active {
					float: left;
					width: 220px;	
					font-weight: normal;
					text-decoration: underline;					 
					color: #000000;
				}								
	
	
		/* Texte de description d'un PDF. */
		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 *****/
		


	/* 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);	
			}
		}
	
	/* 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 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 ***/

	/*** FIN LISTES ***/

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

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