/* Ville de Montréal */
 
 @import "/pls/portal/docs/page/librairie_fr/styles/inc_entete.css";
 
	body {
		margin: 0px;
		padding: 0px;
		background-image: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/background_uniforme.gif);
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	@media print{	
		body {
			background-image: none;
		}
	}
	/* 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 *****/
	
	
	/****** NAVIGATION HORIZONTALE ******/
	table.nav_horizontale{
		margin:0px;
		padding:0px;
		height: 50px;
		width: 760px;
	}
	
		table.nav_horizontale img{
			margin:0px 0px -2px 0px;
			padding:0px -5px 0px 0px;
		}
		
		table.nav_horizontale object{
			margin:0px;
			padding:0px;
		}
	
	
	
	/***** 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: 180px;
		margin: 5px 10px 0px 0px;		
	}
	table.imageLegGauche td {
		background-color: #CCCCCC;
		font-size: 10px;
		color: #000000;
		padding: 10px 10px 10px 10px;	
		background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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: 180px;
		margin: 5px 0px 0px 10px;				
	}
	table.imageLegDroite td {
		background-color: #CCCCCC;
		font-size: 10px;
		color: #000000;
		padding: 10px 10px 10px 10px;	
		background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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 {
		margin: 10px 0px 15px 15px;
		padding: 10px;
		background:url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bg_form.jpg);
		border: 1px #CCC solid;
		width:490px;
	}
		
		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.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 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;
					}				
								

	
/* É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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bt_precedent.gif) 0px 5px no-repeat;
			padding: 2px 5px 5px 18px;
		}
		
		div.navPrecSuiv div.suiv {
			float:right;
			background:url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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 */
	table.nav_recherche {
		margin: 10px 15px 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;
				color: #666;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:visited{
				font-size: 10px;
				color: #666;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:hover{
				font-size: 10px;
				color: #000;
				text-decoration: underline;
				line-height: 15px;
			}
			table.nav_recherche td a:active{
				font-size: 10px;
				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: 132px;
		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 *****/
	
	
	
	/* 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 */
	
	
	/* MENU DE GAUCHE */
	
	#menuGauche, #menuGauche_num {
		margin:0px;
		padding:4px 5px 10px 10px;
		/* background-color:#00FF00; */
	}
		
		@media screen {
		
			#menuGauche ol {
				padding: 0px 0px 1px 10px;
				margin: 10px;
			}
			
			#menuGauche ul {
				padding: 0px 0px 1px 0px;
				margin: 0px;
			}
			#menuGauche ul li {
				margin:0px;
				padding:4px 0px 5px 27px;
				background:url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/fleche_noir.gif) no-repeat 5px 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;
			}
			
			#menuGauche ol li {
				padding:4px 0px 5px 6px;
				margin:0px;
				font-size:10px;
			}
			
				#menuGauche ol li ul {
					margin-left:0;
					/* background-color:#66FFFF; */
				}
				
				#menuGauche ol li ul li {
					margin-left:0;
					padding:1px 0 5px 15px;
					/* background-color:#FF0000; */
				}
						
		}
			
		@media print {
			#menuGauche ul li, #menuGauche ol li {
				list-style-type: disc;
				_list-style-image: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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, #menuGauche ol li a:link {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
		}
		
		#menuGauche ul li a:visited, #menuGauche ol li a:visited {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
		}
		
		#menuGauche ul li a:hover, #menuGauche ol li a:hover {
			color: #000000;
			text-decoration: underline;
			font-weight:normal;
			line-height:17px;
		}
		
		#menuGauche ul li a:active, #menuGauche ol li:active {
			color: #8C0000;
			text-decoration: none;
			font-weight:normal;
			line-height:17px;
		}
				
				
				
	#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;
		}
		
	
	/* 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 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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bg_tab_donnees.jpg) no-repeat;		
	}
	
	table.tabDonnees tr.trBg1 { /* Permet de mettre une ligne de tableau de couleur différente */
		background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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	ol li {
		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 *****/

	
	
	

	.eLightGrey9{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		line-height: 15px;
	}
	
	/***** FIN VERSION IMPRIMABLE *****/
	
	/***** 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) *****/	
	

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


	
	
	/* PERMET D'AJOUTER L'ICÔNE PDF À N'IMPORTE QUELLE LISTE */
	
	li.pdf {
		line-height: 18px;
		color: #333333;
		font-size: 10px;
	}
	
	@media screen {	
		li.pdf {
			margin: 0px;
			padding: 0px 0px 1px 16px;
			background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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;			
	}
	
	
		/* 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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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:0px; 
		padding:0px;
		line-height: 15px;
	}
	
		ul.listeCommunication 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 */				
		}
		
		ul.listeCommunication li a {
			text-decoration: none;
		}
		
		ul.listeCommunication li a:link {
			font-size: 10px;
			color: #333333;
			text-decoration: none;
		}
		ul.listeCommunication li a:visited {
			font-size: 10px;	
			color: #333333;	
			text-decoration: none;
		}
		ul.listeCommunication li a:hover {	
			font-size: 10px;
			color: #666666;
			text-decoration: none;
		}
		

			ul.listeCommunication li {
				margin: 0px;
				padding: 7px 0px 1px 21px;	
				list-style: none;	
				list-style-image: none;			
			}
	
			ul.listeCommunication li.telephone {
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/ic_telephone_15.gif) no-repeat 0px 8px;
				}

			ul.listeCommunication li.cellulaire {
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/ic_cell_15.gif) no-repeat 0px 8px;
				}		
	
			ul.listeCommunication li.courriel {
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/ic_courriel_15.gif) no-repeat 0px 8px;
				}
			ul.listeCommunication li.internet {
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/ic_internet_15.gif) no-repeat 0px 8px;
				}
	
			ul.listeCommunication li.telecopieur {
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/ic_telecopieur_15.gif) no-repeat 0px 8px;
				}

		
	
	/* 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 {
			
			table.four_formulaire p.listePlus {
				padding: 0px 0px 0px 20px;
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bt_plus.gif) no-repeat 0px 3px;		
			}

			ul.listePlus li {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/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 BOUTON FERMER (x) *****/
	
	ul.listeFermer {
		margin:0px; 
		padding:0px;
		line-height: 15px;
		clear: both;
	}
	
		ul.listeFermer li {
			font-size: 10px;		
		}
				
		@media screen {
			ul.listeFermer li {
				margin: 0px;
				padding: 5px 0px 1px 17px;	
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bt_fermer_x.gif) no-repeat 0px 8px;
				list-style: none;	
				list-style-image: none;
			}
		}
		
		@media print {
			ul.listeFermer li {
				list-style-type: disc;
				_list-style-image: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/bt_fermer_x.gif);	
			}
		}	

	/**** FIN LISTE BOUTON FERMER (x) *****/


	/* LISTE AVEC CONTENU OUVRANT */
	
	/***** 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 */
		/****************************************************************/