@charset "utf-8";
/*-------------------------------------------------------------------------------------------
 Version - 2010-01-07
  IE6 Hack => *html
 IE7 Hack => *+html 
 
*--------------------------------------------------------------------------------------------/

/*------------------------------------------------------------------
[1. Reset]
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
sup, sub,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
blockquote, q {
quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*------------------------------------------------------------------
[2. Body]
*/
html { font-size:100%; }
body { 
	background-color:#f4f4f4;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%; /* 16px -> medium */
	line-height:1.125em; /*16x1.125=18px */
	margin:0;
	padding:0;
}


.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a:link 	{ color: #0066CC; }
a:visited { color: #003366; }
a:active { color: #FF9900; outline:none; }
a:hover	{ color: #FF9900; outline:none; /*text-decoration:none;*/ }
a:focus, :focus { outline:none; }

h1,h2{ font-family:Arial, Helvetica, sans-serif; }
h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }

/**html ul#menu-gauche sup {  vertical-align: top; position: fixed; font-size:0.9em; top: auto; }
*+html ul#menu-gauche sup {  vertical-align: top; position:static; font-size:0.9em; top: auto; }*/
sup,sub { vertical-align:baseline; position:relative; font-size:0.8em; }
sup { top:-0.4em; }
sub { bottom:-0.4em; }

*html sup { font-size:0.9em; }
*html sub { font-size:0.9em; }
*+html sup { font-size:1.0em; }
*+html sub { font-size:1.0em; }

.b-bleu b { color:#4c7399; }
i {}

cite { font-style:italic } /*livre, auteur*/
blockquote {}

abbr {}
acronym {}

.bleu-hq { color:#003366; }
.nobr { white-space:nowrap; }

/*------------------------------------------------------------------
[3. Structure]
*/

/*#hq-boite-externe { background:url(../images/hq_ombre_side_site.png) repeat-y bottom right; margin:0; width:975px; }*/ /* Version aligne a gauche */
#hq-boite-externe { background:url(../images/hq_ombre_side_site.png) repeat-y bottom right; margin:0 auto 0 auto; width:972px; padding:0 4px; } /* Version centre */
	/*#hq-boite-interne { background-color:#fff; border-color:#a5b7ca; border-width:0 1px 1px 0; padding-bottom:30px;  border-style:solid; width:970px; }*/ /* Version aligne a gauche */
	#hq-boite-interne {  background-color:#fff; border-color:#a5b7ca; border-width:0 1px 1px 0; padding-bottom:30px;  border-style:solid; width:970px;  } /* Version centré */

	

/* 3.1 Entete */
		#hq-boite-entete { font-family:Arial, Helvetica, sans-serif; font-size:0.6875em/*16x0.6875=11px*/; line-height:0.75em/*11x*/; padding-bottom:20px; width:100%;}
			#et-h { /*background:#003366 url(../images/hq_entete_ligne_orange.png) no-repeat left bottom; */background-color:#474747; height:49px; }
			#hq-logo { border:0; float:left; margin:8px 0 0 10px; }
			.nav-entete { float:right; padding:4px 20px 0 0; text-align:right; }
				.nav-entete ul { list-style:none; margin:0!important; padding-bottom:10px;}
				.nav-entete li { display:inline; margin-left:8px; }
					.nav-entete li a:visited, .nav-entete li a:link { color:#ffffff; text-decoration:none; }
					.nav-entete li a:active, .nav-entete li a:hover { color:#ff9900; border-bottom:1px dotted #ff9900; }
					.nav-entete li.nav-entete-perso a:visited, .nav-entete li.nav-entete-perso a:link { color:#cfe1f1; font-weight:bold; }
					.nav-entete li.nav-entete-perso a:active, .nav-entete li.nav-entete-perso a:hover { color:#ff9900; }
				.nav-entete .change-langue { font-size:1.0em; line-height:12px; margin-top:5px; margin-bottom:0px; }
				.nav-entete .change-langue a { color:#cfe1f1;  font-weight:bold;   text-decoration:none; }
				.nav-entete .fermer { font-size:1.0em; line-height:12px; margin-top:26px; }
				.nav-entete .fermer a { color:#fff;  font-weight:bold;   text-decoration:none; }
			#et-location { float:left; display:block; list-style:none; margin:0!important; padding:3px 0 0 10px; width:auto; z-index:15; position:relative;}
				#et-location li { display:inline; background:transparent url(../images/hq_entete_location_pointeur.png) no-repeat 0 5px; line-height:1.2em; padding:0 5px 0 12px; color:#474747; } /* note: hacker pour DOM parce que inline ajoute espace entre de 3 px ou passer en float !!! */
					#et-location li#et-hq-accueil { background:none; padding-left:0; font-weight:normal; }
					#et-location li a:visited, #et-location li a:link { color:#474747; text-decoration:none; }
					#et-location li a:active, #et-location li a:hover { /*background-color:#cee0f1;*/color:#ff9900; text-decoration:underline; }
			#et-tt-wrap { display:inline; float:right; padding-right:20px; /*z-index:20; position:relative;*/}
				#et-taille-texte { text-align:right; }
					#et-taille-texte span { color:#474747; font-size:11px!important; line-height:11px; }
					#et-taille-texte img{ border:none; margin-bottom:2px; vertical-align:middle; padding-top:1px; }
					#et-taille-texte.actif { background: url(../images/hq_tt_fond.png) no-repeat left top; }
					#et-taille-texte div{ margin-left:10px; padding: 2px 10px 1px 1px; background: url(../images/hq_tt_fond.png) no-repeat right bottom;}
				
/* 3.2 Colonne de gauche */	
		#hq-col-gauche { font-size:0.75em/*16x0.75=12px*/; line-height:1.25em/*12x1.25=14px*/; float:left; width:180px; margin-right:34px;}
			ul#menu-gauche, ul#menu-gauche ul, ul#menu-gauche ul ul, ul#menu-gauche ul ul ul, ul#menu-gauche ul ul ul ul { list-style:none; margin:0; }
			ul#menu-gauche a { text-decoration:none; }
				/* Regroupement */
				ul#menu-gauche { font-family:Arial, Helvetica, sans-serif; }
				ul#menu-gauche li { background-color:#50831E; margin:0;  }
					ul#menu-gauche li a { border-bottom:1px solid #385729; color:#fff; display:block; font-weight:bold; padding:10px 10px 8px 10px; width:160px; }
				/* Sous-site */
				ul#menu-gauche ul  { background-color:#E1F8BB; margin:0; } 
					ul#menu-gauche ul li { background-color:#E1F8BB; border:none;  border-top:1px solid #fff; margin:0; } 
					ul#menu-gauche ul li.section { background: url(../images/hq_menu_pointeur_vert_close.png) no-repeat 168px 6px; } 
					ul#menu-gauche ul li.mg-ouvert { background:#E1F8BB url(../images/hq_menu_pointeur_vert_open.png) no-repeat 168px 6px; } 
					ul#menu-gauche ul li a { border:none; color:#385729; font-weight:bold; padding:5px 10px 4px 10px; }
					ul#menu-gauche ul li a:hover { text-decoration:underline; }
					ul#menu-gauche ul li.section a:hover { text-decoration:none; }
					
					/*Hack IE6-7 for sup-sub 1er niveau */
					*html .supsub-hack sup, *html #asignaler-contenu sup{  vertical-align: top; position: fixed; font-size:0.9em; top: auto; }
					*+html .supsub-hack sup, *+html #asignaler-contenu sup{ vertical-align: top; position:static; font-size:0.9em; top: auto; }
					*html .supsub-hack sub, *html #asignaler-contenu sub{  vertical-align:bottom; position: fixed; font-size:0.9em; bottom:auto; }
					*+html .supsub-hack sub, *+html #asignaler-contenu sub{  vertical-align:bottom; position: static; font-size:0.9em; bottom:auto; }


					ul#menu-gauche ul li.menu_selected {background-color:#fff; display:block; /*padding:5px 10px 4px 10px;*/}
					ul#menu-gauche ul li.menu_selected a {color:#4E4E50; font-weight:bold; }
				/* Section */
				ul#menu-gauche ul ul { background-color:#F7FCF2; border-top:1px solid #E1F8B8; margin:0; padding-bottom:15px;}
					ul#menu-gauche ul ul li  { background-color:#F7FCF2; background-image:none; border:none; margin:0; }
					ul#menu-gauche ul ul li span { color:#003366; border-bottom:1px dashed #003366; display:block; line-height:1.25em; margin:0px 10px 3px 10px; padding:7px 0 3px 0; font-weight:bold; } /* Titre section*/
				/* Contenu - section */
				ul#menu-gauche ul ul ul { border:none; padding-bottom:0;  }
					ul#menu-gauche ul ul ul li { border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.92em/*12x0.92=11px*/; line-height:1.18em/*11x1.18=13px*/; margin:0px 0 0px 8px; padding:3px 10px 3px 2px; }
					ul#menu-gauche ul ul ul li a { border:none; display:inline; font-weight:normal; padding:0; }
					ul#menu-gauche ul ul ul li a:hover, ul#menu-gauche ul ul ul li a:active { text-decoration:underline; }
					ul#menu-gauche ul ul ul li.menu_selected { background-color:#fff; color:#E16C00; display:block; font-weight:bold; padding:3px 10px 3px 2px; }
			ul#menu-gauche ul ul li.sans-section { margin:0; padding-top:5px; }
			#menu-pied {background:url(../images/hq_menu_vert_footer.png) no-repeat left bottom; display:block; height:42px;}
			
		/* Boite login - menu */
		ul#menu-gauche ul li#login, ul#menu-gauche ul li#login.mg-ouvert { background: #fa9b07 url(../images/hq_login_menu_cadenas.png) no-repeat 152px 1px; } 
		ul#menu-gauche ul li#login a { color:#fff; } 
		ul#menu-gauche ul #login ul { background-color:#fce292; border-top:1px solid #e26d00; border-bottom:1px solid #efa749; padding-bottom:0px; padding-top:0px; }
		ul#menu-gauche ul #login ul li  { background-color:#fce292; }
		ul#menu-gauche ul #login ul ul { border:none; }
		ul#menu-gauche ul #login ul ul li { margin-right:8px; padding-top:8px; padding-bottom:8px; background: url(../images/hq_login_menu_fleche_mini.png) no-repeat 151px 9px; }
		ul#menu-gauche ul #login ul ul li.login { border-bottom:1px dashed #7fa3c8; background: url(../images/hq_login_menu_fleche.png) no-repeat 151px 9px; }
		ul#menu-gauche ul #login ul ul li a { color:#0066cc; }
		ul#menu-gauche ul #login ul ul li.login a { font-weight:bold; }
		
			/* Autres liens utiles */
			#autres-liens { list-style:none; margin:0; padding:0; }
				#autres-liens li {}
					#autres-liens li span { display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em/*12x1=12px*/; line-height:1.25em/*12x1.25=14px*/;  }
						#autres-liens li span a { color:#385729; background: url(../images/hq_menu_pointeur_vert_close.png) no-repeat 168px 5px; display:block; padding:5px 10px 5px 10px;  text-decoration:none; }
							#autres-liens li.alu-ouvert span a { background: url(../images/hq_menu_pointeur_vert_open.png) no-repeat 168px 5px; }
							
							#autres-liens li span a:hover { background-color:#E1F8BB; color:#385729; }
					#autres-liens li ul { border-bottom:1px dashed #44851a; border-top:1px dashed #44851a; list-style:none; margin:0; padding:0px 10px 0px 10px; }
						#autres-liens li ul li { font-size:0.92em/*12x0.92=11px*/; line-height:1.18em/*11x1.18=13px*/; margin:10px 0; }
							#autres-liens li li .lien-icn-ext { padding:2px 0 0 5px; }
								#autres-liens li li a:link, #autres-liens li li a:visited { text-decoration:none; }		
								#autres-liens li li a:active, #autres-liens li li a:hover { background-color:#fff; text-decoration:underline; }
				
							
		
/*------------------------------------------------------------------
[4. Contenu]
Largeur des colonnes
1 colonne = 106px + 20px de marge
2 colonnes = 232px + 20px de marge
3 colonnes = 358px + 20px de marge
5 colonnes = 610px
*/

/*4.1 Page de contenu*/
		#hq-contenu { float:left; font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; width:756px; }
		.hq-modal { font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; }							
			p, ul, ol, blockquote { margin:0.83em 0 /*10px*/; }
			ol { margin-left:2.5em;}
			ul { margin-left:2.1em; }
				li { margin:0.42em 0; }
			ul ul, ul ol, ol ul, ol ol  { margin-top:0.42em; margin-bottom:0.42em;}
			
			p.surtitre { color:#385729; font-size:1.25em/*12x1.25=15px*/; font-weight:bold; line-height:1.2em; margin:0; width:610px; }
			h1 { color:#799C38; font-size:2.33em/*12x2.33=28px*/; line-height:1.1em/*28x1.1=31px*/; margin:0 0 1.1em 0; width:610px; }
			h2 { color:#799C38; font-size:1.67em/*12x1.67=20px*/; line-height:1.1em; margin:30px 0 10px 0; }
			h3 { color:#799C38; font-size:1.25em/*12x1.25=15px*/; line-height:1.1em; margin:15px 0 10px 0; }
			h4 { color:#799C38; font-size:1.17em/*12x1.17=14px*/; line-height:1.1em; margin:10px 0 -5px 0; }
			h5 { color:#000; font-size:1em; line-height:1.1em; margin:10px 0 -10px 0; }
			h6 {}
			code { color:#003366; font-size:1.25em; font-family:"Courier New", Courier, monospace; }
			.note { font-size:0.8em; }
			/* Contenu pleine largeur (avec gouttière de 20px à droite)*/
			.contenu-6cols { width:736px; margin-right:20px; }
			*html body div.contenu-6cols { width:auto; position:static; float:none; zoom:normal; writing-mode:lr-tb; }
			*+html body div.contenu-6cols  { width:auto; max-width:none; position:static; float:none; overflow:visible; zoom:normal; writing-mode:lr-tb; }
			/* Contenu sur 5 colonnes */
			.contenu-5cols { padding-right:126px; width:610px;  /*Bug IE box model with width voir hack ci-bas */}
			/* Hack marge collapsing */
			*html body div.contenu-5cols  { width:auto; position:static; float:none; zoom:normal; writing-mode:lr-tb; }
			*+html body div.contenu-5cols  { width:auto; max-width:none; position:static; float:none; overflow:visible; zoom:normal; writing-mode:lr-tb; }
			
			/* Contenu sur 3 colonnes */
			.contenu-3cols { float:left; padding-right:20px; width:358px;  }
			.contenu-3cols-marge { display:inline; float:left; margin-right:20px; width:358px; }
					.contenu-3cols-marge + .contenu-3cols-marge { margin-right:0; }
			/* Contenu sur 2 colonnes */
			.contenu-2cols { float:left; padding-right:20px; width:232px; }
			.contenu-2cols-marge { display:inline; float:left; margin-right:20px; width:232px; }
				.contenu-2cols-marge + .contenu-2cols-marge + .contenu-2cols-marge { background-color:#CCCCCC; margin-right:0px; }
			
			/* Bloc de 2 colonnes, s'aligne à droite sur la 6e colonne dans un contenu de 5 colonnes*/
			.bloc-2cols-d { float:right; margin:0 -126px 15px 15px; width:232px; position:relative; } /* Bug IE6-7 negative margin */
				/*Hack a cause du reset */
				*html .bloc-2cols-d { margin-right:-116px; }
				*+html .bloc-2cols-d { margin-right:-106px; }
				
				.bloc-2cols-d dl { margin:0 126px 20px 0; width:100%; }
					.bloc-2cols-d dt { background-color:#bbb; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:7px 10px 5px 10px; }
					.bloc-2cols-d dd { background-color:#ddd; border-bottom:2px solid #bbb; border-top:1px solid #fff; font-size:0.92em; line-height:1.2em; padding:0 10px; }
						.bloc-2cols-d dd ul { margin:10px 0 10px 15px; }
						.bloc-2cols-d dd ol { margin:10px 0 10px 22px; }
					.bloc-2cols-d dl.bleuvert dt { background-color:#66adb1; }
					.bloc-2cols-d dl.bleuvert dd { background-color:#daeded; border-bottom:2px solid #66adb1; }
			
			/* Photo flottante à droite dans contenu 5 colonnes (excède le contenu de 126px à droite) avec légende */
			.photo-droite { float:right; margin:0 -126px 0 15px; width:232px; }
				*html .photo-droite { margin-right:-116px; }		
				*+html .photo-droite { margin-right:-106px; }		
				.photo-droite dl { margin:2px 126px 10px 0; width:100%; }
				.photo-droite dt {}
				.photo-droite dd { color:#666; font-size:0.92em/*12x0.92=11px*/; line-height:1.1em; padding:5px; text-align:center; }
			
			
			/* Photos/images flottante avec legende dans le texte */
			dl.photo { margin-top:10px; }
				dl.photo dt {}
				dl.photo dd { color:#666; font-size:0.92em/*12x0.92=11px*/; line-height:1.1em; padding:5px; text-align:center; }
				.photo-1col { width:126px; }
				.photo-2cols { width:232px; }
				.photo-3cols { width:358px; }
			
			/* Photo et image avec agrandissement */
			.photo-agrandissement { position:relative; height:100%; }
				.photo-agrandissement a span { background:url(../images/hq_icn_loupe-vert.png) no-repeat; display:block; position:absolute; bottom:10px; right:10px; width:28px; height:27px; }
				.photo-agrandissement a img { border:1px solid #4e4e50; }
				.photo-agrandissement a:hover span { background-position: left -27px;}
				.photo-agrandissement a:hover img { border:1px solid #90bf39; }
				
			/* text pour type de fichier ex [PDF - 2,5 Mo] */
			.type_fichier, .type-fichier{font-size:0.8em; color:#666;}

/* 4.2 Accueil */
		#hq-accueil { float:left; font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; width:756px; }
			#hq-accueil #titre-intro { float:left; width:484px; position:relative }
			#hq-accueil h1{ background:url(../images/hq_accueil_masque_titre_24bits.png) no-repeat right bottom; color:#003366; font-size:2.17em; line-height:1.1em; margin:-3px 0 0 0; padding:0 10px 5px 0; position:absolute; width:auto; max-width:440px;}
			#hq-accueil h1::after {}
			#hq-accueil .accueil-img { display:block; padding-top:20px; }
			#hq-accueil h2 { color:#003366; font-size:1.5em; line-height:1.1em; margin:10px 0 0 0; padding:0; }
			#hq-accueil .intro { margin:10px 0; }
			/**/
		/* À signaler */
		#asignaler { float:right; margin-top:20px; padding-left:20px; width:252px;}
			.asignaler-titre { border-bottom:1px dashed #003366; color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-style:italic; font-weight:bold; line-height:16px;  height:21px; margin:0; padding:28px 0 0 0; width:222px; }
				#asignaler-contenu {  background:#fff; font-size:0.915em; line-height:1.18em/*11x1.18=13px*/; overflow:scroll; overflow-x:hidden; padding:0; height:185px; width:252px; }
					#asignaler-contenu .item { margin:10px 10px 10px 0; }
						#asignaler-contenu .item .date { display:block; font-weight:normal; color:#666; }
						#asignaler-contenu .item .titre { display:block; font-weight:bold; }
						#asignaler-contenu .item .sommaire { display:block; margin-top:1px;}
							#asignaler-contenu .item .sommaire a, #asignaler-contenu .item .sommaire a:hover, #asignaler-contenu .item .sommaire a:visited { color:#000; text-decoration:none; }
							#asignaler-contenu .item .sommaire a span { color:#0066cc; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; }
							#asignaler-contenu .item .sommaire a:hover span { color:#FF9900; }
			.asignaler-rss2 { display:block; position:absolute; margin:-20px 0 0 184px; border:0 }
			.asignaler-rss { border-top:1px dashed #003366; font-size:0.83em; margin:0; padding:5px 0 0 0; width:234px; }
				.asignaler-rss a { background:url(../images/hq_accueil_logo_rss.png) no-repeat left center; display:table-cell; padding:5px 0 5px 20px; text-decoration:none; }
	
		#vedettes { margin-top:30px; }
			.vedette-r1-3 { width:232px; }
			.vedette-1-3 { border:1px solid #fff; display:inline/*Fix IE double margin*/; float:left; margin-right:20px; width:230px; }
			.vedette-2-3 { border:1px solid #fff; display:inline/*Fix IE double margin*/; float:left; margin-right:20px; width:482px; }
			.vedette-3-3 { width:736px; }
			
			.vedette-1-2 { display:inline/*Fix IE double margin*/; float:left; margin-right:20px; width:358px; }
				
	/* FAQ */
	#hq-contenu .faq { margin-left:24px;}
		#hq-contenu .faq li { font-weight:bold; margin-bottom:20px; }
		#hq-contenu .faq dl { display:inline;}
			#hq-contenu .faq dl dt { font-weight:bold; margin-bottom:5px; }
			#hq-contenu .faq dl dd { font-weight:normal;}
			
	/* Popup */
	body#popup {  background-color:#fff; }
		body#popup #hq-contenu { float:none; padding:0px; margin: 0px 20px 10px 20px; width:auto; }
		body#popup #et-h { background:#474747 url(../images/hq_entete_popup.png) repeat-x left bottom; }
		body#popup #et-taille-texte{display:none;}
		body#popup .fermer { border-color:#fff; border-width:0 1px; border-style:solid;  padding:0 10px; }
		
	/* Lien externe dans texte */
	html:lang(fr) #hq-contenu a[href^="http"], html:lang(fr) #autres-liens a[href^="http"], html:lang(en) #hq-contenu a[href^="http"], html:lang(en) #autres-liens a[href^="http"] { 
		/*background:url(../images/hq_lien_externe.png) no-repeat 99% 100%; */display:inline; /*padding-right:16px;*/} /*DOM FF,Saf,Chrome,ie8*/
		/* Si le href contient le mot hydroquebec.com (ex.: arbres.hydroquebec.com, www.hydroquebec.com, https://www.hydroquebec.com*/
		html:lang(fr) #hq-contenu a[href*="hydroquebec.com"], html:lang(en) #hq-contenu a[href*="hydroquebec.com"], html:lang(fr) #hq-contenu a[href*="dpcomm_secure"], html:lang(en) #hq-contenu a[href*="dpcomm_secure"]  { background:none; display:inline; padding-right:0px;} /*DOM FF,Saf,Chrome,ie8*/
		/* Pour IE 6-7. Par le javascript */
		.lien-icn-ext { padding:0 2px 0 3px; }
		
		
/*------------------------------------------------------------------

[5. Pied de page]

*/
		/*#hq-pied { background:url(../images/hq_ombre_site_footer.png) no-repeat top right; margin:0; padding:10px 0 20px 0; text-align:center; width:975px; }*/ /* Version aligne a gauche */
		#hq-pied { background-color:#3f4042; /*background:url(../images/hq_ombre_site_footer.png) no-repeat top right;*/ margin:0 auto; padding:20px 0 20px 0; /*text-align:center;*/ width:971px; } /*Version centré*/
		
			#pied-nav { background-color:#3f4042; color:#fff; /*display:table; */ font-size:0.75em;line-height:1.4em; margin:10px auto; padding:0; width:930px; list-style:none; /*text-align:center*/ }
#pied-nav li { display:inline; margin:0; padding: 0 5px; border-right:1px solid #999999; list-style:none; /*text-align:center;*/ }
*+html #pied-nav li{ padding-left:8px; } 
*+html #pied-nav li:first-child { padding-left:0px; } 
#pied-nav li:last-child { border-right:0; }		
#pied-nav li.last-child 	 { border-right:0; }	
		
#pied-nav a, #pied-nav-general a { text-decoration:none; white-space:nowrap; color:#fff }
#pied-nav a:visited, #pied-nav-general a:visited { color:#fff; }
#pied-nav a:hover,
#pied-nav a:focus,
#pied-nav a:active,
#pied-nav-general a:hover,
#pied-nav-general a:focus,
#pied-nav-general a:active { color:#fff; text-decoration:underline; }

#pied-nav-general { list-style:none; border-top:1px solid #78797a; border-bottom:1px solid #78797a; margin:20px 20px 0; padding:10px 0;}
#pied-nav-general li { display:inline; font-size:0.75em; padding:0 40px 0 5px; }
#pied-droits { font-size:0.625em; line-height:1.0em; color:#fff; float:left; margin:20px 20px 0; padding: 0 5px;  }
#logo-footer { float:right; margin:0 20px 0 0; }

/*------------------------------------------------------------------
[6. Hack IE 6/7]
*/
*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; } 	
*html ul#menu-gauche ul ul { height:100%; }
*html ul#menu-gauche ul ul ul { height:100%; } /*IE 6*/
*+html ul#menu-gauche ul ul ul { height:100%; } 
*html #hq-accueil h1 {background:url(../images/hq_accueil_masque_titre_8bits.png) no-repeat right bottom;} /*IE6*/

*html .asignaler-rss a { display:inline-block; } /*ie 6*/
*+html .asignaler-rss a { display:inline-block; } /* ie 7 */
*+html #autres-liens li li a[rel="lien-externe"]  { background:none; display:inline; padding-right:0;  }
			
/*DEV*/
.test { color:#FF0000!important; background-color:#99FF00!important; }


/*------------------------------------------------------------------
[7. Pour module externe]
*/
		.jq_tooltip{ position:absolute; z-index:1000; left:-1000px; top:-1000px; padding:10px; background-color:#dfeff4; border:#8fc3d7 2px solid; color:#00264d; margin: 1px 0px; width:250px; font-size:0.7em; line-height:1.3em;}
		/*.jq_tooltip{ width:300px; padding:0px;	background:url(../images/bg_bullebleue_top_g.gif) no-repeat left top; border:#8fc3d7 0px solid; line-height:1.1em; margin:0px;}
		.jq_tooltip.gauche{	background:url(../images/bg_bullebleue_top_d.gif) no-repeat right top;}
		.jq_tooltip.centre{	background:url(../images/bg_bullebleue_top_c.gif) no-repeat center top;}
		.jq_tooltip.droite{	background:url(../images/bg_bullebleue_top_g.gif) no-repeat left top;}
		.jq_tooltip .jq_wrap{ margin-top:22px; background:#e7eff7; padding:10px; border:1px solid #003366; border-top-width:0px;}*/
		
		
		.collapse dt{ background:#c1b9ad url(../images/icn_expand_taupe.gif) no-repeat right top; padding: 8px 30px 6px 10px; border:1px solid #8b7e6c; margin: 4px 0 0 0; display:block; font-weight: bold; color: #000; /*text-decoration: underline;*/ cursor:pointer;}
			.collapse dt.opened{ background:#a69a8b url(../images/icn_collapse_taupe.gif) no-repeat right top; color:#fff;}
			.collapse dt:hover{ color:#fff; background-color:#a69a8b;  }
		.collapse dd{padding: 5px 10px 15px 15px; border:1px solid #8b7e6c; border-top:0px; margin:0; display:block; background-color:#f4f3ed; }
		
		.collapse-vert dt{ background:#d8e3ac url(../images/icn_expand_vert.gif) no-repeat right top; padding: 8px 30px 6px 10px; border:1px solid #c4d580; margin: 4px 0 0 0; display:block; font-weight: bold; color: #000; /*text-decoration: underline;*/ cursor:pointer;}
			.collapse-vert dt.opened{ background:#c4d580 url(../images/icn_collapse_vert.gif) no-repeat right top; color:#fff;}
			/*.collapse dt.dt-vert{ background:#a69a8b url(../images/icn_collapse_taupe.gif) no-repeat right top; color:#fff;}*/
			.collapse-vert dt:hover{ color:#fff; background-color:#c4d580;  }
		.collapse-vert dd{padding: 5px 10px 15px 15px; border:1px solid #c4d580; border-top:0px; margin:0; display:block; background-color:#e9eec2; }
		
		/* Onglets */
		ul.tab-bg { list-style:none; padding:0; margin:0; }
			ul.tab-bg li { display:block; margin: 0px 2px 0px 0px; float:left; border-bottom:0px solid #ffffff; font-size:0.92em/*12x0.92=11px*/; line-height:1.18em/*11x1.18=13px*/; }
				ul.tab-bg li a { color:#666666; text-decoration:none; font-weight:bold; display:block; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 20px; background:#c4c4c4 url(../images/hq_onglet.png) no-repeat left -200px; }
				ul.tab-bg li a span { display:block; text-align:center; padding: 5px 20px 6px 0px; background:transparent url(../images/hq_onglet.png) no-repeat right -200px; }
				ul.tab-bg li a:hover { color:#333333; margin-top: 0px; background-position: left -100px; background-color:#a8a8a8; }
				ul.tab-bg li a:hover span { padding-top: 7px; padding-bottom: 8px; background-position: right -100px; }
				ul.tab-bg li.active a, ul.tab-bg li.active a:hover { color:#FFFFFF; margin-top: 0px; background-position: left 0px; background-color:#446690; cursor:default; }
				ul.tab-bg li.active a span, ul.tab-bg li.active a:hover span { padding-top: 7px; padding-bottom: 8px; background-position: right 0px; }

/*------------------------------------------------------------------
[8. Section secure]
*/
/*body#secure { background-color:#dfedd1; }
	body#secure #hq-boite-externe { background:url(../images/hq_ombre_side_site_secure.png) repeat-y bottom right; }
	body#secure #hq-pied { background:url(../images/hq_ombre_site_footer_secure.png) no-repeat top right; }*/
	body#secure #entete-securite {background:url(../images/hq_entete_securitaire.png) no-repeat;  display:block; height:49px;  width:165px; float:left;  }

/*------------------------------------------------------------------
[9. Imprimer]
*/

#hq-logo-impr { display:none;}

	@media print {
    body {background-color:#fff;}
		#hq-boite-externe { width:100%;}
		#hq-boite-interne {  width:100%; border-width:0px;}
		#et-h { background:none; }
		#hq-logo { display:none;}
		#hq-logo-impr { top:5px; left:0px; position:absolute; display:block;}
		#hq-boite-entete .nav-entete { display:none;}
		#secure #hq-boite-entete #entete-securite { display:none;}
		#hq-boite-entete #et-tt-wrap { display:none;}
		#hq-accueil h1{ position:static; max-width: none; }
		#hq-accueil .accueil-img { padding-top:0px; }
		#asignaler-contenu {  overflow:visible; overflow-x:visible; height:auto; padding-bottom:10px;}
		#hq-col-gauche { display:none;}
		#hq-contenu, #hq-accueil {  width:100%;}
		.contenu-5cols { width:auto;}
		#hq-pied { width:auto;}
		#pied-nav { display:none;}
		#et-menu-v { display:none;}
  }
  
  
  
/*----------------------------------------------------------------
[10. Menu entete - dropdown]
*/
#et-menu-v-outbox {  margin:0;  width:972px; }
/*#et-menu-v-outbox {  margin:0 auto;  width:972px; } /* Version centree */
#et-menu-v {  height:25px; top:49px; position:absolute; margin-left:330px; width:508px; }

	 #et-menu-v ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; list-style:none; margin:0 0 0 0; padding:0; line-height:11px; float:right; }
	 	 #et-menu-v li { background:url(../images/hq_entete_menu_gris_fond_nav.png) no-repeat -5px 0; float:left; height:25px; margin:0; position:relative; z-index:10; text-align:left; }
		 	 #et-menu-v li a { background:url(../images/hq_entete_menu_gris_nav_fleche_off.png) no-repeat right center; border-right:1px solid #9f9f9f; border-left:1px solid #FFF; color:#4E4E50; display:block; height:18px; padding:6px 20px 0 10px; text-decoration:none; }
			/*#et-menu-v li a:hover { background:none;   }*/
			 *html #et-menu-v li a { display:inline-block; }
			 
			 #et-menu-v li#res-services {background-position:0 0;}
			 	#et-menu-v li#res-services a { border-left:0; }
			#et-menu-v li#res-services.res-hover, #et-menu-v li#res-services:hover {background-position:0 -35px;}
			
			 #et-menu-v li#res-tarif.res-hover, #et-menu-v li#res-tarif:hover {background-position:-5px -35px;}
			 #et-menu-v li#res-conmsommer.res-hover, #et-menu-v li#res-consommer:hover {background-position:-5px -35px;}
			
			#et-menu-v li#res-hc { background-position: right 0; }
				#et-menu-v li#res-hc a { border-right:0; }
			#et-menu-v li#res-hc.res-hover, #et-menu-v li#res-hc:hover {background-position:right -35px;}
			#et-menu-v li#res-hc .res-hc-edition  { border-bottom:1px dotted #4E4E50; color:#4E4E50; font-weight:bold; margin:6px 10px 0 10px; }
	
	#et-menu-v ul ul { background-color:#e8e8e8; border-bottom:2px solid #4e4e50; border-top:none; font-family:Verdana, Arial, Helvetica, sans-serif; width:200px; position:absolute;  font-weight:normal; margin:0 0 0 0; line-height:14px; display:none; left:0; top:25px; }
	#et-menu-v ul li#res-services ul { margin-left:4px; }
		#et-menu-v ul ul li { background-image:none; float:none; height:auto; }
			#et-menu-v ul ul li a { color:#4e4e50; background-image:none; border:none; height:auto; padding:5px 5px 5px 10px; width:185px; }
				#et-menu-v ul ul li a:hover {background-color:#FFF; font-weight:bold; }
  
/* LOGIN */

	#boite-page-perso{ margin-right:20px; }
		.contenu-6cols #boite-page-perso{ margin-right:0px; }
	#boite-page-perso dt{ background:#fea702 url(../images/boite-page-perso-bg-entete.png) bottom right repeat-x; color:#fff; font-weight:bold; font-size:1.25em/*12x1.25=15px*/; line-height:1.1em; padding: 6px 10px; margin:0px; border-bottom:1px solid #e26d00; }
	#boite-page-perso dd{ background:url(../images/boite-page-perso-bg.png) center right no-repeat; padding: 0px 0px 10px 0px; margin:0px; border-bottom:1px solid #e26d00; }
	#description-page-perso { margin: 0px 10px 0px 0px; width:358px; float:left; }
	#description-page-perso ul { margin:10px 10px 10px 0px; padding-left:25px;}
	#creer-page-perso { margin-left:398px; }
	#creer-page-perso .creer{ margin: 30px 10px 10px 0px; background:url(../images/boite-page-perso-ligne.png) top right repeat-y; padding: 0px; float:left; width:200px; }
			*html #creer-page-perso .creer{ width:190px; }
		#hq-contenu #creer-page-perso .creer a.bouton{ background:#7fa3c8; display:block; margin:0 12px 0 0; padding: 5px 8px; border:1px solid #556d85; border-top:1px solid #c2d3e5; border-left:1px solid #c2d3e5; font-weight:bold; text-decoration:none; color:#fff; }
		#hq-contenu #creer-page-perso .creer a.bouton:hover{ background:#FF9900; border:1px solid #aa6600; border-top-color:#ffcf86; border-left-color:#ffcf86; }
		#hq-contenu #creer-page-perso .creer .desc{ margin:0; padding: 5px 20px 5px 5px; color:#666666; font-size:0.8em; line-height:1.2em; font-style:italic; }
		#hq-contenu #creer-page-perso .ouvrir-session { margin: 40px 0px 10px 0px; padding: 0px; font-size:0.8em; line-height:1.2em; float:left; width:120px; }
		#hq-contenu #creer-page-perso .ouvrir-session a{ display:block; padding-top:2px; }
		#creer-page-perso .extra-info{ padding: 10px 10px 0px 10px; margin: 0px; font-size:0.8em; line-height:1.2em; clear:left; text-align:center; }
			*+html #creer-page-perso .extra-info{ padding-top: 0px; }
			*html #creer-page-perso .extra-info{ padding-top: 0px; }
	
	
/* LOGIN */

/* TOOLTIP */
div.tooltip{ width:350px; padding:0px; background:transparent url(../images/jq-tooltip-vert.png) no-repeat left bottom; font-size:0.92em; line-height:1.1em; margin:0px; display:none; z-index:1000;}
	div.tooltip.right.top{	background-position:left bottom;}
	div.tooltip.left.top{	background-position:right bottom;}
	div.tooltip.right.bottom{	background-position:left top;}
	div.tooltip.left.bottom{	background-position:right top;}
	div.tooltip.top{	background-position:left bottom; }
	div.tooltip.right{	background-position:left bottom;}
	div.tooltip.bottom{	background-position:left top; }
	div.tooltip.left{	background-position:right bottom;}
	*html div.tooltip.top, *html div.tooltip.right, *html div.tooltip.bottom, *html div.tooltip.left {background-image:none;}
		div.tooltip .tooltip_wrap{ margin: 0 0 19px 0; background:#fff; padding:10px; border:1px solid #50831E; border-bottom-width:0px;}
			div.tooltip.top .tooltip_wrap{ margin: 0 0 19px 0; border-width:1px; border-bottom-width:0px;}
			div.tooltip.right .tooltip_wrap{ margin: 0 0 0 19px; border-width:1px; border-left-width:0px;}
			div.tooltip.bottom .tooltip_wrap{ margin: 19px 0 0 0; border-width:1px; border-top-width:0px;}
			div.tooltip.left .tooltip_wrap{ margin: 0 19px 0 0; border-width:1px; border-right-width:0px;}
			*html div.tooltip.top .tooltip_wrap, *html div.tooltip.right .tooltip_wrap, *html div.tooltip.bottom .tooltip_wrap, *html div.tooltip.left .tooltip_wrap {margin: 0px; border-width:1px;}
/* TOOLTIP */	

/* Publications */
.publications-item {}
	.publications-item h2 { color:#003366; font-size:2.33em/*12x2.33=28px*/; line-height:1.1em/*28x1.1=31px*/; margin:0 0 0 0; width:610px;} /* Simulate H1 si pas dans une liste */
	.publications-item .publications-thumb { border:1px solid #ccc; display:block; float:right; margin:5px 0 0 15px; }
	.publications-sous-titre { color:#4c7399; font-size:1.25em/*12x1.25=15px*/; font-weight:bold; line-height:1.2em; margin:0 0 2em 0; }
	
	.publications-liste {}
		.publications-liste .publications-item { border-bottom:1px solid #aaa; padding:0 0 20px 0; }
		.publications-liste .publications-item:last-child { border-bottom:none; }
		.publications-liste .publications-item h2 { color:#003366; font-family:Verdana, Geneva, sans-serif; font-size:1.25em/*12x1.25=15px*/; line-height:1.1em; margin:15px 0 10px 0; width:auto; } /*Simulate H3*/
		.publications-liste .publications-item .publications-thumb { /*width:150px; height:auto;*/ }
		.publications-liste .publications-sous-titre { color:#000; font-size:1.0em; font-weight:bold; line-height:1.2em; margin:0 0 1.1em 0; }
		.publications-liste .publications-sans-image { padding-right:126px; }
		
/* Page erreurs */
	body#erreur #hq-col-gauche { width:20px; }
	body#erreur #hq-contenu { width:860px; background:url(../images/bg_fond_erreur.gif) repeat-y center center; margin: 20px 0px; }
	body#erreur #hq-contenu h2{ margin: 0px 0px 20px 0px; }
	body#erreur .contenu-erreur { float:left; width:400px; }
	body#erreur .en { margin-left:60px; }
	
	
		
/* Outil partager */
#zone-partager{ display:block; background:url(../images/btn_partager.png) no-repeat center right; float:left; padding: 0px 2px 0px 0px; margin-top:20px; font-size:10px; line-height:14px; }
	#zone-partager a{ float:left; color:#000; text-decoration:none; }
	#zone-partager a strong{ display:block; background:url(../images/btn_partager.png) no-repeat center left; padding: 10px 10px 12px 32px; font-weight:normal; }
	#zone-partager .hover_menu{ display: none; width:540px; margin: 0px 0px 0px 100px; }
	#zone-partager .hover_menu a{ display:block; padding: 3px 10px 3px 6px; margin: 7px 0px 0px 5px; text-decoration: none; color: #0066cc; cursor:pointer; border-left: 1px solid #fff; border-right: 1px solid #fff; }
	*html #zone-partager .hover_menu a{ margin-left:0px; }
	#zone-partager .hover_menu a span{ float:left; margin-right:4px; margin-top:0px; }
	#zone-partager .hover_menu a:hover{ color:#ff6600; text-decoration:underline; }
	#zone-partager .hover_menu a.addthis_button_email {text-transform:capitalize}