/*Topiter.css*/


/*Style présentatrice, collectrice*/
.eTop_rechBG{
	background-color: #637076;
}
.eTop_RetourBG{
	background-color: #efefef;
}
/*.eTop_right_lightBG{
	background-color: #F7F6F0;
}*/
.eTop_right_mediumBG  {
	background-color: #888E97;
}
.eTop_right_darkBG  {
	background-color: #637076;
}

/* Entête du voir aussi (header) */
.eHd_1_voir {
	background-color: #637076;
}
/* Entête du voir aussi (header) */
.eHd_2_voir {
	background-color: #E7E7E7;
}
/* Corps du voir aussi (body) */
.eBd_voir {
	background-color: #EFEFEF;
}


/*Style niveau 3*/

h1{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #637076;
   line-height: normal;	
}

.e_stitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #484848;
	line-height: normal;
}

h2{
	background-position: bottom;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888E97;
  line-height: normal;	
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
    line-height: normal;	
}

p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
}
.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: normal;
} 
td{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
}
/*
li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	list-style-image: url(/pls/portal/docs/page/toponymie_fr/media/images/point_li.gif);
	vertical-align: middle;
	margin-left: -18px;
}
*/

table.encadre_gen {
	width:525px; /*width a 495 pour fitter 100% dans zone de contenu*/
	margin:20px 0;
	border:#999999 solid 1px;
	background-color:#f7f7f7;
}
table.encadre_gen td {
	padding:15px 15px 7px 15px;
}
table.encadre_gen td table td {
	padding: 0;
}
table.encadre_gen td h1 {
	display:none;
}
table.encadre_gen td h2, table.encadre_gen td h3, table.encadre_gen td h4, table.encadre_gen td h5 {
	font-size:16px;
	margin-top:0;
	padding:0;
}
table.encadre_gen td p {
	font-size:1em;
}
table.encadre_gen td a.suivre_lien {
	display:inline-block;
	margin-top:8px;
	font-size:1em;
}

table.imageAvecLeg, table.imageAvecLegLien {
	float: left;
	/* background-color:#f7f7f7; */
	margin: 4px 10px 7px 0;
	border-bottom: 1px solid #000;
}
/* classe à ajouter pour alignement à droite */
table.imageFltDrt {
	float: right;
	margin: 4px 0px 7px 10px;
}
table.img_blockInsert {
	margin-right: 0;
	margin-bottom: 15px;
}
table.imageAvecLeg td, table.imageAvecLegLien td {
	padding-bottom: 4px;
	font-size: 10px;
	text-align: center;
	color: #000;
}
table.imageAvecLeg td span.txtCont {
	padding: 0 3px;
	display: block;
	line-height: inherit;
}
table.imageAvecLegLien td {
	padding-bottom: 0;
	line-height: 12px;
}
table.imageAvecLegLien td a span.txtCont {
	display: block;
	padding: 0 3px 5px 3px;
	line-height: inherit;
}
table.imageAvecLeg td a, table.imageAvecLegLien td a {
	display: block;
	padding-bottom: 4px;
	/*background-color:#ffeceb;*/
	text-decoration: none;
	color: #000;
}
table.imageAvecLeg td a:hover, table.imageAvecLegLien td a:hover {
	/* background-color: #000; */
				/* color:#FFF; */
	color: #777;
}
table.imageAvecLeg td a em, table.imageAvecLegLien td a span.txtCont em {
	display: block;
	margin: 6px 0 0 0;
	padding: inherit;
	padding-bottom: 0;
}
table.imageAvecLeg td a strong, table.imageAvecLegLien td a span.txtCont strong {
	display: inline-block;
	width: auto;
	padding: 0 17px 0 3px;
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien.gif) right 50% no-repeat;
	color: #0075b0;
	margin: 5px 0 3px 0;
	font-weight: normal;
	cursor: pointer;
}
table.imageAvecLeg td a:hover span.txtCont strong, table.imageAvecLegLien td a:hover span.txtCont strong {
	/* color:#fff; */
					/* font-weight:bold; */
					/* font-size:12px; */
	background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheNoire_suivre_lien.gif) right 50% no-repeat;
	color: #000;
}
table.imageAvecLeg td img, table.imageAvecLegLien td img {
	float: none;
	display: block;
	margin-bottom: 6px;
}
table.imageAvecLeg td a img, table.imageAvecLegLien td a img {
	border: none;
}
table.imageAvecLeg td p, table.imageAvecLegLien td p {
	margin: 0;
	line-height: 12px;
}

	ul {
		margin: 10px 15px 0px 15px;
		padding:0px; 	
		list-style-type: none;
	}
	
		ul li {
			line-height: 18px;
			color: #333333;
			font-size: 11px;
		}
	
		@media screen { /* Affichage de la liste à l'écran */
			ul li {
				padding: 1px 0px 1px 16px;
				background: url(/pls/portal/docs/page/toponymie_fr/media/images/point_li.gif) no-repeat 5px 0px;				
			}
		}
		
		@media print { /* Impression de la liste */
			ul li {
				list-style-type: disc; /* Mozilla */
				_list-style-image: url(/pls/portal/docs/page/toponymie_fr/media/images/point_li.gif);	/* IExplorer */
			}
		}		


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}
a.legende:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

a.legende:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
a.legende:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
a.legende:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}


.imageGauche {
	margin-right: 10px;
	float: left;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.imageDroite {
	float: right;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 10px;
}



/************************************************************************/
/*styles présentatrice et collectrice*/
.eTop_GreyTabBG{
	background-color: #f1f1f1;
	border: 1px solid #dedede;
}

.eTop_DegradeTabBG{
	background-image: url(/pls/portal/docs/page/toponymie_fr/media/images/bg_degradeTab.jpg);
	background-repeat: repeat-x;
}

/************************************************************************/


img#top_hdImg {
	margin: 0px 0px 2px 10px;
	display:block;
}

/* Vue formulaire (toponymie_niv_2) */

table.top_formRecherche {
	margin: 0px 0px 0px 10px;
	background: url(/pls/portal/docs/page/toponymie_fr/media/images/bas_form_top.gif) #637076 bottom no-repeat;
}

	table.top_formRecherche td {
		padding: 10px 10px 20px 10px;
		color: #FFF;
		font-size: 10px;
	}		
	
		table.top_formRecherche td h2{
			font-size: 11px;
			margin: 20px 0 5px 0;
			color: #FFF;
		}
		
		table.top_formRecherche td h3{
			font-size: 10px;
			margin: 0;
			padding: 0;
			color: #FFF;
		}
				
		table.top_formRecherche td p {
			margin: 0 0 15px 0;
			color: #FFF;
			font-size: 10px;
			line-height: normal;			
		}
		
		table.top_formRecherche td a:link {
			font-size: 10px;
			color: #FFF;
		}
		table.top_formRecherche td a:visited {
			font-size: 10px;
			color: #FFF;
		}
		table.top_formRecherche td a:hover {
			font-size: 10px;
			color: #CCC;
		}		
		
		table.top_formRecherche td select {
			margin-top: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size : 10px;
			color: #000;
		}	
		
		table.top_formRecherche td textarea {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size : 10px;
			color: #000;
		}
		
		table.top_formRecherche td input {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size : 10px;
			color : #333;
			height: 17px;	
			margin-top: 10px;
		}	

			table.top_formRecherche td input.bouton {
				height: 17px;	
				margin-bottom:-5px;
			}
			
		table.top_formRecherche td table {
			margin-top: 15px;
		}				
			
		table.top_formRecherche td table th {
			font-size: 11px;
			color: #FFF;
			text-align:left;
		}	
		
		table.top_formRecherche td table td {
			font-size: 10px;
			color: #000;
			padding:2px;
			text-align:left;
			vertical-align:top;
		}					
		
		table.top_formRecherche td table tr.pair {
			background-color: #999;
		}		
		
		table.top_formRecherche td table tr.impair {
			background-color: #CCC;
		}				
	
		table.top_formRecherche td table td ul {
			margin: 0;
		}
						
			table.top_formRecherche td table td ul a:link {
				color: #000;
				font-weight: bold;
				text-decoration: none;
				font-size: 10px;		
			}
			table.top_formRecherche td table td ul a:visited {	
				color: #000;
				font-weight: bold;
				text-decoration: none;
				font-size: 10px;	
			}
			table.top_formRecherche td table td ul a:hover {	
				color: #333;
				font-weight: bold;
				text-decoration: none;
				font-size: 10px;	
			}
			table.top_formRecherche td table td ul a:active {	
				color: #000;
				font-weight: bold;
				text-decoration: none;
				font-size: 10px;	
			}
			
			@media screen {
				table.top_formRecherche td table td ul li {
					padding: 0px 0px 0px 15px;
					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 {
				table.top_formRecherche td table td ul li {
					list-style-type: disc;
					background-image: none;
					_list-style-image: none;	/* IExplorer */					
				}
			}					
			
			table.top_formRecherche td table td p {	
				margin: 3px 0px 5px 0px;
				color: #000;
			}
			
			table.top_formRecherche td table th h2 {	
				margin: 0px 0px 5px 0px;
			}
				
			table.top_formRecherche table.nav_recherche td {
				color: #FFF;
				padding:0px;
			}
			
			table.top_formRecherche table.nav_recherche td img {
				margin-top: 3px;
			}			
		
		
			table.top_formRecherche table.top_imageLegDroite {
				float: right;
				width: 90px;
				margin: 0px 0px 0px 10px;				
			}
				table.top_formRecherche table.top_imageLegDroite td {
					font-size: 10px;
					color: #FFF;
					padding: 0 10px 10px 10px;	
				}
					table.top_formRecherche table.top_imageLegDroite td img { 
						display: block;
					}	
					table.top_formRecherche table.top_imageLegDroite td p { 
						margin: 0px;
						padding: 0px;
					}					
			
	/* Pour l'affichage dans la fenêtre pop-up après avoir cliqué sur le bouton "Version imprimable" */			
												
	table#print_format table.top_formRecherche {
		background: none #FFF;
	}
	
		table#print_format table.top_formRecherche td {
			color: #000;
		}	
			table#print_format table.top_formRecherche td h2{
				color: #000;
			}
			
			table#print_format table.top_formRecherche td p{
				color: #000;	
			}
			
			table#print_format table.top_formRecherche td a:link {
				color: #000;
			}
			table#print_format table.top_formRecherche td a:visited {
				color: #000;
			}
			table#print_format table.top_formRecherche td a:hover {
				color: #000;
			}		
					
			table#print_format table.top_formRecherche td table th {
				color: #000;
			}	
			
			table#print_format table.top_formRecherche td table td {
				color: #000;
			}					
			
			table#print_format table.top_formRecherche td table tr.pair {
				background-color: #FFF;
			}		
			
			table#print_format table.top_formRecherche td table tr.impair {
				background-color: #FFF;
			}				
					
				table#print_format table.top_formRecherche td table td ul {
					margin-left: 15px;
				}				
				table#print_format table.top_formRecherche td table td ul li {
					list-style-type: disc;
					background: none;	
					padding-left: 0px;					
				}
				
		/* Fin : Pour l'affichage dans la fenêtre pop-up après avoir cliqué sur le bouton "Version imprimable" */			
			
/* Fin : Vue formulaire (toponymie_niv_2) */

/* Version imprimable */
	
		ul.version_imprimable {
			margin: 0px 5px 10px 5px;
		}	
		
				@media screen {
					ul.version_imprimable li {
						margin-top: 5px;
						padding: 0px 0px 0px 17px;
						background: url(/pls/portal/docs/page/librairie_fr/images/bt_imprimer.gif) no-repeat 0px 3px;	
						list-style: none;	
						list-style-image: none;						
					}
				}
				
				@media print {
					ul.version_imprimable li {
						list-style-type: disc;
						background-image: none;
						_list-style-image: none;	/* IExplorer */					
					}
				}		
													
				ul.version_imprimable a:link {
					color: #000;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;
					line-height: 15px;	
				}
				ul.version_imprimable a:visited {	
					color: #000;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;
					line-height: 15px;					
				}
				ul.version_imprimable a:hover {	
					color: #333;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;
					line-height: 15px;					
				}
				ul.version_imprimable a:active {	
					color: #000;
					font-weight: bold;
					text-decoration: none;
					font-size: 10px;
					line-height: 15px;					
				}
				
					
	/* Pour le formulaire d'envoi de courriel. */
	table.top_formCourriel {
		background: url(/pls/portal/docs/page/toponymie_fr/media/images/bas_form_top_courriel.gif) #637076 bottom no-repeat;
	}	
			
	table.top_formCourriel td {
		padding: 0px 10px 0px 10px;
	}
	
	table.top_formVoiesPubliques{
		background: url(/pls/portal/docs/page/toponymie_fr/media/images/bas_form_top_courriel.gif) #637076 bottom no-repeat;
	}	
	
	
	/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel_fr.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel_fr.gif) no-repeat 100% 15%;
}



#lbBottom {
	/*font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

/***************************************************************************************
Ajouts Ville de Montréal - VDM - Martion Boudreault - Mars 2010
*/

/* Custom attributes : descriptions */
div#lbTitle{font-weight:bold; font-size:12px; margin: 0 130px 10px 0;}
div#lbCaption{font-weight:normal; margin-right:0; font-size:11px;  }
span#lbDate{font-size:10px; color:#999;}

/* Éléments copyright : en bas à droite */
div#lbCreditsGroup{float:right; margin:4px 0 0 0; font-size:11px; color:#999; }
div#lbAuthor{display:inline-block; clear:none; }
div#lbSource{display:inline-block;  clear:none;}
div.lbSeparator{display:inline-block; clear:none; margin:0 7px;}

/* Barre de navigation au dessus de l'image : nombre d'images, fermer et imprimer. */
div#lbCenter{overflow:visible;} 
div#lbTop{height:23px;position:relative; top:-24px;}
div#lbTop div#lbNumber{color:#fff; font-size:10px; float:left; position:relative; top:6px; width:200px; height:22px;}
div#lbTop a#lbCloseLink{
	display:block; 
	float:right;
	margin:0 0 0 8px; 
	width:22px;
	height:22px;
	background: transparent url(utils.vdm.png) no-repeat scroll -54px -2px;
	outline: none;
	}
	div#lbTop a#lbCloseLink:hover{
		background: transparent url(utils.vdm.png) no-repeat scroll -54px -30px;
		}
	div#lbTop a#lbPrintDownload{
		display:block; 
		float:right;
		margin:0; 
		width:50px;
		height:22px;
		background: transparent url(utils.vdm.png) no-repeat scroll -4px -2px;
		outline: none;
	}
	div#lbTop a#lbPrintDownload:hover{
		background: transparent url(utils.vdm.png) no-repeat scroll -4px -30px;
	}
	
/*Background-images pour  english prev/next navigation, affectation des classes via js */
	a.lbPrevLink_english:hover {background-image :	url(prevlabel_en.gif) !important; background-position: 0 15%; background-repeat:no-repeat;}
	a.lbNextLink_english:hover {background-image :	url(nextlabel_en.gif) !important; background-position: 100% 15%; background-repeat:no-repeat;}


/* DÉBUT * Classe pour situation 1 thumb qui ouvrent un album, les auters images de l'album sont cachés dans un container */

table.cont_imgCache{
	display:none;		
}

/* FIN *** Classe pour situation 1 thumb qui ouvrent un album, les auters images de l'album sont cachés dans un container */


/* DÉBUT - Ajout 2016*/
.bordure-bas-blanche  {
	border-bottom: 1px #fff solid;
}
.bordure-droite-blanche  {
	border-right: 1px #fff solid;
}
.bloc_fonce {
	margin-bottom:20px;
}
.bloc_fonce, 
.bloc_fonce td,
.bloc_fonce td p,
.bloc_fonce td a {
	background-color:#637076;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bloc_fonce td a:hover {
	text-decoration: underline;
}
.bloc_fonce p {
	margin: 10px;
}

.bloc_fonce img.plage {
	margin: 0 0 10px 10px;
	border-left: 1px #fff solid;
	border-bottom: 1px #fff solid;
}
td.bas {
	height:20px;
	line-height:0;
}
/* FIN - Ajout 2016*/