@charset "UTF-8";

/* [0. Modification des styles de base ] */
#hq-accueil-site a:link, #hq-accueil-site a:visited 	{ color: #0066CC; }
#hq-accueil-site a:hover	{ color: #FF9900; }


#hq-boite-interne { background:url(../images/fond-eau.jpg) no-repeat; background-position:1px 0px }
#et-h { background:none; height:48px; }
.nav-entete { background:url(../images/et-fond.png) no-repeat left top; float:right; padding:4px 20px 0 125px; text-align:right; height:44px; display:inline;  }
*html .nav-entete { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/et-fond.png', sizingMethod='crop'); background:none;}
#asignaler { float:none; }

*html #et-tt-wrap { margin-top:-2px; }
*html .nav-entete li a { position:relative; z-index:1; }
*html .nav-entete .change-langue a { position:relative; z-index:1 }

/* [1. Acccueil site] */
#l-col-g { float:left; width:698px; display:inline; }
#l-col-d { float:left; width:252px; display:inline; }

#hq-accueil-site { font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; width:970px; }
#hq-logo { height:42px; width:130px; background:url(../images/logo-hydro-quebec.png) no-repeat; }
*html #hq-logo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-hydro-quebec.png', sizingMethod='crop'); background:none; }
#l-bloc-haut { border:0px solid; padding:0 0 0 0px; width:678px; }
	#l-titre { margin-left:70px; }
		h1 { background: url(../images/titre-notre-energie.png) no-repeat; margin:-15px 0 0 0; padding:0; position:relative; max-width:none; width:600px; height:50px; text-indent:-9999px;}
		*html h1 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titre-notre-energie.png', sizingMethod='crop'); background:none;}

		#l-message { background:url(../images/separateur-dotted.png) repeat-x left bottom; margin-left:10px; padding-bottom:1px; }
		#l-titre dl { background:transparent url(../images/slogan-fond.png) repeat-y left top; margin:-15px 0 0 0px; padding:10px 0 2px 0; }
		*html #l-titre dl { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slogan-fond.png', sizingMethod='scale'); background:none;}

			#l-titre dt {  color:#fff; font-weight:bold; padding:0px 0 5px 0; margin:0; font-size:12px; line-height:15px; }
				#l-titre dt a { color:#fff; font-size:10px; font-weight:normal; text-decoration:none; position:relative; }
			#l-titre dd { color:#fff; padding:0 80px 5px 0; display:none; }
				
	
	/* Boutons vedettes */  
	#l-btn-vedette { margin:10px 0 0 80px; }
		#l-btn-vedette ul { list-style:none; padding:0; margin:0; }
			#l-btn-vedette ul li {  font-family:Arial, Helvetica, sans-serif; float:left; line-height:18px; }
				#l-btn-vedette ul li a, #l-btn-vedette ul li a:link, #l-btn-vedette ul li a:visited { color:#0066cc; position:relative; z-index:1 }
				#l-btn-vedette ul li a:hover {color:#e16c00!important;}
			#l-clients-residentiels { background:url(../images/btn-residentiel-fond.png) no-repeat; height:115px; width:215px; }
			*html #l-clients-residentiels { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn-residentiel-fond.png', sizingMethod='crop'); background:none;}

				.l-clients a { background:url(../images/btn-fleches.gif) no-repeat 180px 78px; display:block; font-weight:bold; font-style:italic; font-size:18px; height:70px; padding:35px 0 0 105px; text-decoration:none; width:110px; }
					.l-clients a:hover { background-position: 180px -45px; }
			#l-clients-affaires { background:url(../images/btn-affaires-fond.png) no-repeat; height:115px; width:215px; }
			*html #l-clients-affaires { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn-affaires-fond.png', sizingMethod='crop'); background:none;}

			#l-mieux-consommer { background:url(../images/btn-efficacite-fond.png) no-repeat; height:115px; margin-left:18px; width:150px; }
			*html #l-mieux-consommer { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn-efficacite-fond.png', sizingMethod='crop'); background:none;}

				#l-mieux-consommer a { display:block; height:77px; font-size:18px; font-style:italic; font-weight:bold; line-height:18px; width:140px; padding:22px 0 0 10px; text-decoration:none; background:url(../images/btn-fleches.gif) no-repeat 115px 78px;}
					#l-mieux-consommer a:hover { background-position: 115px -45px; }
					
					#l-mieux-consommer a span.l-desc { color:#666; display:block; font-size:10px; font-weight:normal; font-style:normal; line-height:12px; margin:4px 0 0 0; padding:0; }
	/* Bloc section*/			
	#l-bloc-section  { margin:25px 0 0 0px; }
	.l-row2 { margin-top:30px; }
		.l-bloc-ssection { float:left; margin-left:20px; width:328px; padding-top:10px; display:inline; }
			.l-bloc-ssection h3 { color:#e16c00; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; margin:0 0 0 10px; padding:0; }
			.l-bloc-ssection p.l-st { color:#666; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:14px; font-weight:bold;;  margin:2px 0 8px 10px; padding:0 }
		
		.l-inner-col { background:#e2ecf6; }
		.l-bloc-ssection ul {  border-top:2px solid #7fa3c8; color:#999; margin:0 0 0 0; padding:5px; font-size:0.92em; }
			.l-bloc-ssection li { margin:5px 0 5px 18px;}
				.l-bloc-ssection li a { font-weight:bold; text-decoration:none;  }
					.l-bloc-ssection li a span { color:#666; font-weight:normal; }
					
	#l-b-tl { /*background:url(../images/s-electricite-img.jpg) no-repeat right 2px; */}
	#l-b-tr { /*background:url(../images/s-famille-img.jpg) no-repeat right 2px;*/ }
	#l-b-bl { /*background:url(../images/s-portrait-img.jpg) no-repeat right 2px;*/ }
	#l-b-br { /*background:url(../images/s-autres-img.jpg) no-repeat right 2px;*/ }
	
	#asignaler-contenu { height:228px; border-bottom:1px dashed #003366; }				
		
		.asignaler-tous  { list-style:none; margin:0px 11px 0 0; text-align:right; }
			.asignaler-tous li { display:inline; font-size:10px; margin:0; padding:0; line-height:10px; }
				.asignaler-tous li.l-last a { background-image:none; }
		.asignaler-tous a { background:url(../images/asignaler-liens-separateur.png) no-repeat right 6px; color:#666; display:inline-block; line-height:10px; padding:6px 7px 7px 7px; text-decoration:none; }
			.asignaler-tous a span { font-family:Arial, Helvetica, sans-serif;}
			.asignaler-tous a:hover { background-color:#ccc; color:#666; }
			
			
			#l-pub-demenagement{margin-left:20px;  cursor:pointer;}