@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:32px; width:98px; 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:48px; }

		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 58px; }

		#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:70px; font-size:18px; font-style:italic; font-weight:bold; line-height:18px; width:140px; padding:35px 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; }

			

.note-langue { color:#666;; font-size:0.92em; margin-left:20px; }

	#l-pub-demenagement{margin-left:20px;  cursor:pointer;}