h1 {
	padding-top:0;
}
h1.cache{
	display:none;
}
		
span#etape {
	/* background-color:#996600; */
}

#menuGauche {
	 margin:0;
	 padding:30px 10px 10px 10px;
}
#menuGauche td{
	font-size:12px;
}
	#menuGauche td#header {
			margin:0;
	 		padding:0;
			font-size:11px;
			font-weight:normal;
			color:#0073A5;
			background:#efefef;
			border-bottom:#0073A5 solid 1px;
	}
	#menuGauche td#step{
		border-top: #0073A5 dotted 1px; 
		border-bottom: #0073A5 dotted 1px; 
		margin:0;
		padding:0;
		color: #999999;
		font-size: 10px;
	}
	#menuGauche td#step_submenu {
		border-top:none;
		border-bottom: #0073A5 dotted 1px; 
		margin:0;
		padding:0 0 0 10px;
		color: #999999;
		font-size: 10px;
	}
		#menuGauche td a:link {
		 color: #0073A5;
		 text-decoration:none;
		}
		#menuGauche td a:visited {
		 color: #0073A5;
		 text-decoration:none;
		}
		#menuGauche td a:hover {
		 color: #0073A5;
		 text-decoration:none;
		}
		#menuGauche td a:active {
		 color: #0073A5;
		 text-decoration:none;
		}
	
#menuGauche ul {
	margin:0;
	padding:0;
}
	#menuGauche ul li a:link, #menuGauche ol li a:link {
		text-decoration:none;
		color: #0073A5;
	}
	
	#menuGauche ul li a:visited, #menuGauche ol li a:visited {
		text-decoration:none;
		color: #0073A5;
	}
	
	#menuGauche ul li a:hover, #menuGauche ol li a:hover {
		text-decoration:none;
		color: #0073A5;
	}
	
	#menuGauche ul li a:active, #menuGauche ol li a:active {
		text-decoration:none;
		color: #0073A5;
	}
	
		#menuGauche ol li {
			color: #999999;
			font-size: 12px;
		}
		#menuGauche ul li {
			margin: 0;
			padding:4px 0px 5px 10px;
			line-height: 12px;
			color: #999999;
			font-size: 12px;
			background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/fleche_grise.gif) no-repeat 1px 10px;
		}
		
		#menuGauche ul li.nonactif {
			background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/fleche_grise.gif) no-repeat 0px 5px;
		}

	#menuGauche ul.menuGaucheBt {
		margin: 15px 0 0 0;
		padding-right:5px;
		background: #efefef; 
		border-top: #cccccc solid 5px; 
		border-bottom: #cccccc solid 1px;
	}

		#menuGauche ul.menuGaucheBt li {
			background:none;
			padding-left:27px;
		}

		#menuGauche ul.menuGaucheBt li.pdf {
			padding: 5px 0 5px 27px;
			background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/pdf_icon_li.gif) 10px 7px no-repeat;
		}

 table tr.titre td, table tr.titre th{
 	background-color: #e9e9e9;
	text-align:left;
 }


	@media print{
	 table tr.titre td, table tr.titre th{
		background: none;
	 }
	}
	
table.four_formulaire{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 545px;
	
}

	table.four_formulaire th{
		padding: 7px 5px 0px 10px;
		font-size: 10px;
		vertical-align:text-top;
		background-color: #f7f7f7;
		text-align:left;
	}
	
	@media print{	
		table.four_formulaire th{
			background: none;
		}
	}
		table.four_formulaire th strong{
			color: #0073A5;
			font-size: 11px;
		}

	table.four_formulaire td{
		vertical-align:text-top;
		padding: 5px 5px 5px 10px;
		font-size: 10px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ccc;	
	}
	
	
		@media print{	
			table.four_formulaire td{
				background: none;
			}
		}

		table.four_formulaire td strong{
				color: #000;
			}
			
		table.four_formulaire td.erreur strong{
				color: #E00000;
			}
	
		table.four_formulaire a:link{
			font-size: 10px;
			text-decoration:none;
		}
		
		table.four_formulaire a:visited{
			font-size: 10px;
			text-decoration:none;
		}
		
		table.four_formulaire a:hover{
			font-size: 10px;
			text-decoration:underline;
		}
		
		table.four_formulaire a:active{
			font-size: 10px;
			text-decoration:none;
		}

	table.four_formulaire input{		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;	
		
		padding-left:3px;
		width: 352px;
		border: thin inset;
		font-weight: normal;
	}
		
		table.four_formulaire input.numero{
			width: 110px;
		}
		
		table.four_formulaire input.choix{
			width: auto;
			border: none;
		}
	
	table.four_formulaire textarea{		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;	
		width: 348px;
		
		padding-left:3px;
		border: thin inset;
	}
	
	table.four_formulaire select{		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;	
		
		padding-left:3px;
		width: 140px;
		border: thin inset;
	}
	
	table.four_formulaire ul{	
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	
		table.four_formulaire li{	
			background: none;
			border-bottom: 1px solid #ccc;
			padding: 2px 0px 2px 25px;
			
		}
		
			table.four_formulaire li.ok{	
				background: url(https://servicesenligne.ville.montreal.qc.ca/sel/formxsl/show/fournisseurs/media/images/li_aff_crochet_four.gif) no-repeat 2px 3px;
			}
		
		table.four_formulaire td ul li a:link{
			color: #666;
			font-size: 10px;
		}
	
	.erreur{
		color: #E00000;
		font-weight: bold;
	}

	
	table.listeA_Z td{
		font-size: 10px;
		color: #a3a3a3;
	}
	
		table.courriel_appro td{
			text-transform:uppercase;
		}
		
			table.courriel_appro td strong{
			text-transform:none;
		}
		
			table.courriel_appro td.internet{
				text-transform: none;
			}
	
		table.listeA_Z a:link{
			font-size: 10px;
			color: #333333;
			text-decoration:none;
		}
		
		table.listeA_Z a:visited{
			font-size: 10px;
			color: #333333;
			text-decoration:none;
		}
		
		table.listeA_Z a:hover{
			font-size: 10px;
			color: #0073A5;
			text-decoration:underline;
		}
		
		table.listeA_Z a:active{
			font-size: 10px;
			color: #333333;
			text-decoration:none;
		}
	
	table.services h2{
		margin:5px 0px 5px 0px;
		font-size: 11px;
	}
	
	div.four_bt{ 
		margin: 10px 0px 10px 0px;
		padding: 5px;
		clear: both;
	}
	
		div.four_bt input{
			margin: 0px 5px -2px 0px;
		}
	
		div.four_bt a:link{
			font-size: 10px;
			font-weight: bold;
			text-decoration:none;
		}
		
		div.four_bt a:visited{
			font-size: 10px;
			font-weight: bold;
			text-decoration:none;
		}
		
		div.four_bt a:hover{
			font-size: 10px;
			font-weight: bold;
			text-decoration:none;
		}
		
		div.four_bt a:active{
			font-size: 10px;
			font-weight: bold;
			text-decoration:none;
		}
		
		div.droite{
			_float: right;
			clear: both;
		}
	
div.four_listeContenu{
	margin: 0px 0px 0px 23px;
}

/* Modification du style listeContenuOuvrant pour lui donner le design souhaité*/ 
div.four_listeContenu table{
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 500px;
}


	div.four_listeContenu table td{
			vertical-align:text-top;
			padding: 5px 5px 5px 10px;
			font-size: 10px;
			background-color: #f7f7f7;
			border: none;
			border-bottom: 1px solid #ccc;
			
		}

		@media print{	
			div.four_listeContenu table td{
				background-color: none;
			}
		}

	div.four_listeContenu table th{
		padding: 7px 5px 0px 10px;
		font-size: 10px;
		vertical-align:text-top;
		background-color: #f7f7f7;
		text-align:left;
	}
	
		@media print{	
			div.four_listeContenu table th{
				background-color: none;
			}
		}

	div.four_listeContenu div h3{
		color: #666666;
		font-size: 11px;
	}


/*Style pour l'agrandissement d'image (lorsque l'on passe la souris sur l'image plus petite)
créer par Véronique Leclerc
À partir d'une image cliquable, on rend visible l'autre image. 
Cette image ce positionne automatiquement.
*/


/* Style qui contient l'emplacement de la légende pour le bloc formulaire */
a.position_gauche div.large{
	/*Situe l'image agrandit par rapport à celle cliqué*/
	top: 5px; 
	left: -194px;
}

a.position_droite div.large{
	/*Situe l'image agrandit par rapport à celle cliqué*/
	top: 0px; 
	left: 25px;
}

a.position_haut div.large{
	/*Situe l'image agrandit par rapport à celle cliqué*/
	top:0px;
	_top: -75px; 
	left: 25px;
}

/* Va faire positionner l'image agrandir par rapport au lien */
a.agrandir {
	position: relative;
}

	a.agrandir:link {
		text-decoration: none;
	}
	
	a.agrandir:visited {
		text-decoration: none;
	}

	a.agrandir:hover {
		text-decoration: none;
	}

	a.agrandir:active {
		text-decoration: none;
	}

a.agrandir img{
		border: none;
		margin: 5px 0px 0px 10px;
		z-index: 1;
	}
	/* Rend invisible tout div se retrouvant dans ce lien (ce div doit contenir l'image à agrandir) */
	a.agrandir div{
		display: none;	
		width: 200px;
		background-color: #f7f7f7;
		padding: 10px;
		border: 1px solid #ccc;
		text-decoration:none;
		font-weight: normal;
		z-index: 10;
	}
		
		/* Style envoyé par le javascript swapIt. Rend visible l'image agrandit */
		a.agrandir div.large {
				display: block; 
				position: absolute;	
			}

			
	a.agrandir div strong{
			color: #0073A5;
			font-size: 11px; 
			text-decoration: none;
			margin: 0px;
		}
		
a.agrandir div.large img{
	border: #cccccc 1px solid;
	}
	
	a.agrandir div.large {
				display: block; 
				position: absolute;
				
			}
				a.agrandir div.large img{
					border: #cccccc 1px solid;
					}

				a.agrandir div.large strong {
					color: #0073A5;
					font-size: 11px; 
					text-decoration: none;
					margin: 0px;
				}
				
				a.agrandir div.large p {
					text-decoration:none;
				}

	a.agrandir div p{
		color:#666;
		text-decoration: none;
		font-size: 10px;
		margin:0px 0px 0px 0px;
	}


span.numero_panne{
	font-weight: bold;
	color:#0073A5;
}

@media print{	
			div.navPrecSuiv{
				display: none;
			}
		}
		
div.sommaire h2{
	margin: 60px 0px 15px 0px;
}


/* DÉBUT * Style pour Encadré en page d'accueil */

div.enc_msg{
	margin: 20px 0 15px 0;
	background: #e9f0f3;
	border: 1px solid #338fb7;
	padding: 15px;
	width: 500px;
	_width: 530px; /* IE bug du au doctype */
}



/* FIN *** Style pour Encadré en page d'accueil */