/* Feuille de style locale - Montréal en chantier*/
/* Création: 1 septembre 2010 - Alexis Boulerice */
@import "/pls/portal/docs/page/lib_fr/media/styles/inc/vgml.css"; /* styles pour la carte google info-travaux dans page 2 colonnes */
/* DÉBUT * Styles pour entete 100% largeur - v2 */
/* À ramener dans fds globale !! */
div#hdr_bg {
background:url("/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/bg_m_chantier_bandeau.jpg") repeat-x scroll right top #d9b348;
width:100%;
height: 190px;
margin: 0px;
padding:0px;
}
div#hdr_local_conteneur {
background:url("/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/m_chantier_bandeau.jpg") no-repeat scroll center top transparent;
height:190px;
left:0;
position:relative;
width:100%;
padding:0;
margin:0;
min-width: 990px;
}
/* À ramener dans fds globale !! */
/* FIN *** Styles pour entete 100% largeur - v2 */
/* À ramener dans FDS globale ? */
h2.titre {
    border-bottom: 3px solid #DFBF39;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 15px;
    padding: 1em 0 0.6em 15px;
}
div#menu_utilitaires ul {
	padding:10px 0 0 10px;
	background: #E4E5DF url(/pls/portal/docs/page/lib_fr/media/images/bg_pointille_transp.gif) repeat-x scroll 0 0;
}
table#c_drt_coinRond{
	width: 100%;
	margin: 0 0 20px 0;
}
	table#c_drt_coinRond td{
			line-height: 16px;
			background: #e4e5df;
	}
		table#c_drt_coinRond td.c_drt_coinRond_hdr{
			padding-left: 10px;
			background: url(/pls/portal/docs/page/prt_vdm_fr/media/images/bg_hdr_c_drt_services.gif) left top no-repeat; 
			height:41px;
		}
		table#c_drt_coinRond td.c_drt_coinRond_hdr a{
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			padding: 7px 30px 7px 5px;
			display:inline-block;
		}
			table#c_drt_coinRond td.c_drt_coinRond_hdr a:Hover{
				text-decoration:underline;
			}
			table#c_drt_coinRond td.c_drt_coinRond_hdr a.ic_chantier{
				background:url(/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/ic_chantier.gif) no-repeat 100% 50%;
			}
		table#c_drt_coinRond td.c_drt_coinRond_cont p{
			padding: 5px 10px 0 15px;
		}
		table#c_drt_coinRond td.c_drt_coinRond_ferm{
			height: 8px;
			background: url(/pls/portal/docs/page/prt_vdm_fr/media/images/bg_ftr_c_drt_services.gif) left bottom no-repeat; 
		}
/* À ramener dans FDS globale ? */
div#nav_gch ul li.accueil_site a, div#nav_gch ul li.accueil_site a:link, div#nav_gch ul li.accueil_site a:hover, div#nav_gch ul li.accueil_site a:visited {
	background-color:#dfbf39;
}
div#nav_gch ul li.accueil_site a.act{
	color: #FFF;
}
/* DÉBUT * Styles pour lien page précédante / retour à la page */
a.lien_preced {
	padding: 0 0 0 10px;
	background:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien_prec.gif) 0 0.3em no-repeat;
	color: #0075b0;
	text-decoration: none;
	white-space:nowrap;
}
	a.lien_preced:link {
		color: #0075b0;
		text-decoration: none;
	}
	a.lien_preced:visited {
		color: #0075b0;
		text-decoration: none;
	}	
	a.lien_preced:hover {
		color: #0075b00;
		text-decoration: none;
	}
/* FIN *** Styles pour lien page précédante / retour à la page */
/*DÉBUT ICONES RÉSEAUX SOCIAUX*/
div#bloc_ico_rsx_socio {
	margin:0;
	background-color: #E4E5DF;
	height:62px;
}
div#bloc_ico_rsx_socio p{
	font-weight:bold;
	margin:0 0 5px 20px;
	padding:0;
}
div#bloc_ico_rsx_socio.icos_accueil ul {
	margin-left:20px;
}
/* *** FIN ICONES RÉSEAUX SOCIAUX */
/* DÉBUT * Redéfinition bloc_gch */
	div.bloc_gch h2{
		background: #dfbf39;
		font-size: 16px;
		line-height: 16px;
		color: #FFF;
	}
/* FIN *** Redéfinition bloc_gch */
/* DÉBUT * Personnalisation des bloc bl_aggreg_info pour la page d'accueil */
table.bl_as_ouv{
	margin: 20px 15px 0;
}
table.bl_as_cen{
	margin: 10px 15px 0 15px;
}
table.bl_as_ferm{
	margin: 5px 15px 20px 15px;
	border-bottom: none;
}
table.bl_aggreg_info{
	background: none;
}
	table.bl_aggreg_info p{
		padding: 0 10px 0 16px;
	}
	table.bl_aggreg_info h2{
		border-bottom: 3px solid #dfbf39;
		padding: 0 0 10px 16px;
		margin:0;
	}
		table.bl_aggreg_info h2 a:hover{
			text-decoration: underline;
		}
	table.bl_aggreg_info h3{
		padding: 0 0 0 16px;
	}	
			table.bl_aggreg_info ul li i, table.bl_aggreg_info ul li em{
				color: #807e7e;
			}
			td.promo_lienTous{
				background: none;
			}
				td.promo_lienTous a, td.promo_lienTous a:link, td.promo_lienTous a:visited{
					padding: 5px 14px 5px 16px;
					color: #0075B0;
					text-decoration: underline;
					background:url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien.gif) no-repeat 100% 53%;
					display: inline-block;
				}
					td.promo_lienTous a:hover{
						text-decoration: none;
						color: #0075B0;
					}
/* FIN *** Personnalisation des bloc bl_aggreg_info pour la page d'accueil */
/* DÉBUT * Styles pour slideshow "caroussel" */
div.enveloppe_caroussel {
	/*text-align:center;*/
	width:525px;
	margin: 0 15px 20px 15px;
	/*clear:both;*/
}
div.caroussel {
	margin: 0 0 0 0;
	padding:0;
	width:525px;
	height:260px;
	position:relative;
}
div.caroussel ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:525px;
	height:260px;
	overflow:hidden;
	position:relative;
}
div.caroussel li {
	margin:0;
	padding:0;
	width:525px;
	height:260px;
	float:left;
	display:inline-block;
}
div.caroussel ul li img{
	border: none;
	float:right;
	display:inline;
}
a.carousel-control {
	display:none;
}
div.carousel-pagination {
	text-align:left;
	position: absolute;
	z-index:100;
	left:0;
	margin: -35px 0 0 0;
	height: 35px;
	width: auto;
}
	div.carousel-pagination p {
		margin:11px 0 0 10px;
		text-align:right;
	}
		div.carousel-pagination p a {
			font-family: Arial;
			font-size:11px;
			text-decoration:none;
			color:#ffffff;
			display:block;
			float:left;
			width: 14px;
			margin: 0 6px 0 0;
			cursor:pointer;
			text-align:center;
			padding:2px;
			background:url(/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/pg_ss.gif) no-repeat 0 0;
			font-weight: normal;
			height:14px;
			/* for IE */
  		filter:alpha(opacity=50);
  		/* CSS3 standard */
  		opacity:0.5;
		}
			div.carousel-pagination p a:hover{
				/* for IE */
				filter:alpha(opacity=100);
  			/* CSS3 standard */
  			opacity:1;
			}
			div.carousel-pagination p a.active{
				/* for IE */
				filter:alpha(opacity=100);
  			/* CSS3 standard */
  			opacity:1;
			}
			div.carousel-pagination p a span{
				display:none;
			}
					div#bg_page{
						background:#000;
						filter:alpha(opacity=80);
    				opacity:0.8;
    				position:relative;
   				  bottom:35px;
    				height:35px;
    				width:525px;
    				z-index:50;
					}
					div#lien_savoirPlus{
						position:absolute;
   				  bottom:8px;
						right:10px;
						z-index:60;
					}
						div#lien_savoirPlus a{
							font-size: 12px;
							text-decoration:none;
							color: #000;
							font-weight: bold;
							background: url(/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheNoire_suivre_lien.gif) no-repeat 100% 50%;
							padding-right: 13px;
						}
						div#lien_savoirPlus a:hover{
							text-decoration:underline;
						}
table.grdChantier ul{
	padding: 0 15px 0 5px;
}
	table.grdChantier ul li{
		background: url(/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/ic_li_grdChantier.gif) no-repeat 0 0.5em;
		margin: 2px 0 2px 8px;
		padding: 0 0 0 10px;
	}
/*	DEBUT bloc circulation en direct */
div.circ-direct {
	background:#000;
	margin:5px 0;
	width:100%;
}
		div.circ-direct div.texte{
			font-size:10px;
			color:#e4e5df;
			padding:0 10px 10px 15px;
			line-height:12px;
			}
			div.circ-direct div.texte strong{
				font-size:11px;
			}
			div.circ-direct div.texte h3{
				color:#fff;
				font-size:16px;
				margin:7px 0 0 0;
				padding:0;
			}
			div.circ-direct div.texte ul{
				color:#FFF;
				margin:0;
				padding:0;
			}
				div.circ-direct div.texte ul li {
					padding-left:0;
					margin-left:0;
					background-image:none;
				}
			div.circ-direct div.texte a {
				color:#FFF;
			}
			div.circ-direct div.texte a strong {
				text-decoration:none;
			}
			div.circ-direct div.texte a:visited {
				color:#FFF;
			}
			div.circ-direct div.texte a:hover {
				text-decoration: none;
			}
/*	FIN bloc circulation en direct */
a.courriel_np{font-weight:normal;}
/* texte en evidence sous carte info-travaux */
p.encadre_gen{ margin: 15px; background-color: #F7F7F7; border: 1px solid #999999; padding: 10px;}
.infobulle{
	font-size: 11px;
}
.infobulle h3{
	font-size: 11px;
	color: #555555;
	padding-bottom: 0px;
	margin: 5px 0px;
}
.infobulle div{
	margin: 0px 0px 10px;
}
.infobulle div p{
	margin: 0px 0px 5px 0px;
}
.infobulle .documentation a{
    background: url("/pls/portal/docs/page/lib_fr/media/images/pdf_icon_li.gif") no-repeat scroll left top transparent;
    color: #000000;
    padding: 0 0 3px 15px;
   /* position: relative;*/
}
.infobulle .documentation ul.listePdf_travaux li{	background:none;
	padding: 0px;}
/*.infobulle .documentation ul.listePdf_travaux li a{
	background:none;
	padding: 0px;
}*/
/* DÉBUT * Styles pour banniere en accueil */
#banniere-info-travaux {
	background-image: url(/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/bn_info-travaux_760x260.jpg);
	background-repeat: no-repeat;
	height:260px;
	width:760px;
	margin-left:15px;
	margin-bottom:15px;
}
#banniere-info-travaux h3, #banniere-info-travaux p, #banniere-info-travaux a {
	display:block;
	width:175px;
	position:relative;
	left: 560px;
}
#banniere-info-travaux h3 {
	font-size: 14px;
}
#banniere-info-travaux p {
	font-size: 11px;
	margin: 0 0 10px 0;
}
#banniere-info-travaux a {
	width:177px;
	font-size: 12.4px;
	color:#FFF;
	background-image: url(/pls/portal/docs/page/m_chantier_fr/media/images/ui_frm/bt_reperez_les_travaux.jpg);
	background-repeat: no-repeat;
	padding:5px;
	font-weight: bold;
	text-decoration: none;
}
/* FIN * Styles pour banniere en accueil */

/* DÉBUT * Styles pour les menus ouvrants */
div.cOuv_conteneur {
    margin: 10px 0 0;
}
p.cOuv_titre {
	font-size: 13px;
    font-weight: bold;
}
.cOuv_titre {
    background: url("/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_lien.gif") no-repeat scroll 6px 13px transparent;
    border-top: 1px solid #EEEEEE;
    cursor: pointer;
    margin: 0;
    min-height: 20px;
    padding: 8px 5px 8px 18px;
}
.cOuv_titre:hover {
    background: url("/pls/portal/docs/page/lib_fr/media/images/ui_frm/ic_flecheBleu_ouv.gif") no-repeat scroll 6px 13px #EEEEEE;
    color: #0075B0;
}
div.cOuv_cont, table.cOuv_cont {
    margin: 0 0 0 18px;
    padding: 0;
}
div.cOuv_cont p, table.cOuv_cont p {
    margin: 10px 0;
}
.cOuv_conteneur table.encadre_gen {
    width: 500px;
}

ul.listePdf li a.pdfabsent{
	color:red;
}
/* FIN * Styles pour les menus ouvrants */