/*** Divisions ***/
div{margin:0px; padding:0px; border:0px;}

/*** Images ***/
img{border:0px;}

/*** Mise en page ***/
#entete{width:100%; min-width:775px; height:100px;}
#enteteMenu{background:#00309E; clear:right; min-height:15px; height:auto !important; height:15px;}
#barre{clear:both; min-width:763px; margin:6px 6px 0px 6px !important; margin-top:8px;}
#pied{clear:both; text-align:center;}

.lienHautPage{text-align:right; margin-right:6px;}

.alignGauche{float:left;}
.alignDroite{float:right;}

a.twitter:hover { background-color:#0079C6;  color:#FFFFFF !important;}

/*** CSS nécessaire au menu du PIV ***/
#enteteMenu ul{float:left; list-style:none; margin:0px; padding:0px 0px 0px 13px; background:#00309E;}
#enteteMenu li{float:left; margin:2px 13px 0px 0px; padding:0px; font-size:10px;}
#enteteMenu a, #enteteMenu a:visited, #enteteMenu a:hover{color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:10px;}
#enteteMenu div#lang{float:right; font-size:10px; margin-right:4px; background:#00309E;}
#enteteMenu div#lang a.tailleG{font-size:11px;}
#enteteMenu div#lang a.tailleX{font-size:12px; margin-right:4px;}

/*** CSS nécessaire aux menus déroulant Son of Suckerfish de gauche et horizontal ***/
*:first-child+html ul.sousMenu{height:1%;}
*:first-child+html ul.sousMenu li{height:1%;} 

ul.sousMenu{list-style:none; margin:3px 0px 10px 0px; padding:0px; float:left; width:185px;}
ul.sousMenu li ul{list-style:none; padding:0px; margin:-1.85em 0px 0px 185px; left:-999em; position:absolute; float:left; width:250px;}
ul.sousMenu li ul ul{margin:-2.19em 0em 0em 250px;}
ul.sousMenu li{background:#F2F2F2; margin:0px 0px 3px 0px; padding:0px; position:relative; float:left; width:185px; z-index:+100;}
ul.sousMenu li li{margin:0px; width:250px;}
ul.sousMenu li a, ul.sousMenu li a:visited, ul.sousMenu li a:hover{background:none; display:block; color:#222222; text-decoration:none; font-weight:normal; width:175px; padding:3px 5px; font-size:12px; }
ul.sousMenu li li a, ul.sousMenu li li a:visited, ul.sousMenu li li a:hover{width:240px; padding:5px;}

ul.sousMenu li:hover ul ul{left:-999em;}
ul.sousMenu li:hover ul ul ul{left:-999em;}
ul.sousMenu li.sfhover ul ul{left:-999em;}
ul.sousMenu li.sfhover ul ul ul{left:-999em;}
ul.sousMenu li:hover ul{left:auto;}
ul.sousMenu li li:hover ul{left:auto;}
ul.sousMenu li li li:hover ul{left:auto;}
ul.sousMenu li.sfhover ul{left:auto;}
ul.sousMenu li li.sfhover ul{left:auto;}
ul.sousMenu li li li.sfhover ul{left:auto;}

#menuHorizontal{min-height:28px; height:auto !important; height:28px; background:url("../images/hmi_coin_fondr2.jpg") repeat bottom left;}
#menuHorizontal ul.sousMenu{margin:0px; width:auto;}
#menuHorizontal ul.sousMenu li ul{margin:0px; width:250px;}
#menuHorizontal ul.sousMenu li ul ul{margin:-1.51em 0px 0px 250px;}
#menuHorizontal ul.sousMenu li{margin:0px; width:auto;}
#menuHorizontal ul.sousMenu li li{margin:0px; width:250px;}
#menuHorizontal ul.sousMenu li.racineG{background:url("../images/hmi_coin_fond_b2.jpg") repeat-x bottom left; min-height:28px; height:auto !important; height:28px; width:165px;}
#menuHorizontal ul.sousMenu li.racineD{background:url("../images/hmi_coin_fondr2.jpg") repeat-x bottom left; min-height:28px; height:auto !important; height:28px; width:215px;}
#menuHorizontal ul.sousMenu li a.lienRacine{min-height:21px; height:auto !important; height:21px; padding:7px 0px 0px 25px; font-weight:bold; font-size:12px;}
#menuHorizontal ul.sousMenu li.racineG a.lienRacine{background:url("../images/hmi_coin_gaucheb2.jpg") no-repeat bottom left; width:140px;}
#menuHorizontal ul.sousMenu li.racineD a.lienRacine{background:url("../images/hmi_coin_gaucher2.jpg") no-repeat bottom left; width:190px;}
#menuHorizontal ul.sousMenuG li.sfhover{background:#69ABB4;}
#menuHorizontal ul.sousMenuG li:hover{background:#69ABB4;}
#menuHorizontal ul.sousMenuD li.sfhover{background:#A84716;}
#menuHorizontal ul.sousMenuD li:hover{background:#A84716;}

/*** CSS nécessaire à l'historique ***/
div#tabHistorique{clear:left; background:url("../images/hmi_coin_fondbb2.jpg") repeat-x bottom left; text-align:left; min-height:28px; height:auto !important; height:28px; font-size:12px; margin-left:31px;}
div#tabHistorique div.coin{background:url("../images/hmi_coin_gauchebb2.jpg") no-repeat bottom left; min-height:21px; height:auto !important; height:21px; padding:7px 0px 0px 30px;}
div#tabOnglets{margin-left:64px; min-height:28px; height:auto !important; height:28px; padding-top:2px; white-space:nowrap;}

div#historique a:link, div#tabHistorique a:link, a.lienhist:link{font-size:12px; color:#0079C6; font-weight:normal;}
div#historique a:visited, div#tabHistorique a:visited, a.lienhist:visited{font-size:12px; color:#0079C6; font-weight:normal;}
div#historique a:hover, div#tabHistorique a:hover, a.lienhist:hover{font-size:12px; color:#0079C6; font-weight:normal;}

.tdImgBg12{background:url("../images/hx3/hx3_sous_site_barre.jpg") repeat-x bottom left;}


/* ************************************************************** */
/* *            Configuration générale de la page               * */
/* ************************************************************** */

/* --- Redéfinition des balises html --- */
*{border:0px;}

body
{
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0px;
}
body,table,tr,th,td,p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}

p{font-size:0.66em; text-align:justify;}
td p{font-size:1em;}
td{font-size:0.66em;}
td td{font-size:1em;}

hr
{
	height:2px;
	color:#9CCDD9;
	background-color:#9CCDD9;
}
hr.grosTrait{height:3px;}

br{font-size:9px;}

/* --- Harmoniser l'affichage des sup sous IE et Firefox --- */
sup{line-height:1em; vertical-align:baseline; position:relative; top:-0.5em;}

/* --- Redéfinition des liens --- */
a:link{font-size:0.66em; font-weight:bold; color:#0079C6;}
a:visited{font-size:0.66em; font-weight:bold; color:#BC8626;}
a:hover{font-size:0.66em; font-weight:bold; color:#8CA257;}

td a:link{font-size:1em;}
td a:visited{font-size:1em;}
td a:hover{font-size:1em;}
p a:link{font-size:1em;}
p a:visited{font-size:1em;}
p a:hover{font-size:1em;}

/* --- Liens personnalisés ISQ --- */
a.lien:link{font-size:0.66em; color:#0079C6; font-weight:bold;}
a.lien:visited{font-size:0.66em; font-weight:bold; color:#BC8626;}
a.lien:hover{font-size:0.66em; font-weight:bold; color:#8CA257;}

td a.lien:link{font-size:1em;}
td a.lien:visited{font-size:1em;}
td a.lien:hover{font-size:1em;}
p a.lien:link{font-size:1em;}
p a.lien:visited{font-size:1em;}
p a.lien:hover{font-size:1em;}

/* --- Liens personnalisés Québec statistique --- */
a.lienqs1:link{font-size:0.66em; color:#0079C6; font-weight:bold; text-decoration:none;}
a.lienqs1:visited{font-size:0.66em; font-weight:bold; color: #BC8626; text-decoration:none;}
a.lienqs1:hover{font-size:0.66em; font-weight:bold; color:#8CA257; text-decoration:underline;}

td a.lienqs1:link{font-size:1em;}
td a.lienqs1:visited{font-size:1em;}
td a.lienqs1:hover{font-size:1em;}
p a.lienqs1:link{font-size:1em;}
p a.lienqs1:visited{font-size:1em;}
p a.lienqs1:hover{font-size:1em;}

/* --- Image de fond pour les cellules de tableau --- */
.tdImgBg{background:url("../images/spacer_bandeau.jpg"); white-space:nowrap;}
.tdImgBg1{background:url("../images/hx3/hx3_ligne_droite.jpg") no-repeat;}
.tdImgBg2{padding-left:1px; background:url("../images/hx3/hx3_ligne_gauche.jpg") no-repeat;}	
.tdImgBg3{width:30px; height:27px; background:url("../images/hx3/hx3_ligne_gauche.jpg") no-repeat;}
/*.tdImgBg4{background:url("../images/hx3/hx3_sous_site_barre.jpg");}*/
.tdImgBg5{padding-left:20px; background:url("../images/hx3/hx3_ligne_gauche.jpg");}	
.tdImgBg6{height:4px; background:url("../images/hx3/hx3_sous_titre_ligne.jpg");}	
.tdImgBg7{background:url("../images/hx3/hx3_fs_ligne_fond.jpg");}	
.tdImgBg8{width:30px; background:url("../images/hx3/hx3_ligne_gauche.jpg") repeat-y;}	
.tdImgBg9{background:url("../images/hx3/hx3_ligne_droite.jpg");}
.tdImgBg10{width:30px; height:43px; background:url("../images/hx3/hx3_ligne_gauche.jpg") no-repeat;}
.tdImgBg11{width:30px; height:27px; background:url("../images/hx3/hx3_ligne_gauche.jpg") repeat-y;}	

/* --- Redéfinition de marge pour les cellules de tableau --- */
.tdMargeTop10{padding-top:10px;}
.tdMarge20{padding-left:20px; padding-right:20px;}
.tdMarge30{padding-left:38px; padding-right:37px;}
.tdMarge50{padding-left:50px; padding-right:20px;}

/* --- Redéfinition de la hauteur pour la cellule du titre d'une section --- */
.hauteurTitre{height:45px;}

/* --- Pour éviter que le contenu des cellules se divise sur plusieurs lignes à de basses résolutions --- */
.tdNoWrap{white-space:nowrap;}

/* --- Taille du texte réduite pour les tableaux trop larges pour l'affichage --- */
.moyenTab{font-size:95%;}
.moyenTab sup{font-size:105%;}
.moyenLongTab{font-size:90%;}
.moyenLongTab sup{font-size:110%;}

/* --- Taille du texte réduite pour les tableaux trop larges pour l'impression --- */
.longTab{font-size:80%;}
.longTab sup{font-size:120%;}
.tresLongTab{font-size:75%;}
.tresLongTab sup{font-size:125%;}
.maxTab{font-size:70%;}
.maxTab sup{font-size:130%;}

/* --- Font et couleur pour le bas de page --- */
.TDBasPage 
{
	font-size:0.66em;
	color:#000000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- Font et couleur pour l'historique --- */
/*.historique
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0079C6;
	font-size:0.66em;
	text-align:left;
	white-space:nowrap;
}*/

/* --- Style de texte et couleur de fond pour les lignes de tableau blanche et bleu --- */
.TDBlanc{text-align:justify; background-color:#FFFFFF; padding-top:0.5em; padding-bottom:0.5em; padding-left:3px;}
.TDBleu{text-align:justify; background-color:#E9F3F5; padding-top:0.5em; padding-bottom:0.5em; padding-left:3px;}
.TDBlanc img, .TDBleu img{position:relative; left:-2px;}

/* --- Style de texte et couleur de fond pour la description des tableaux en mode impression et écran --- */
.TDBlancTab
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
  font-size :1.18em;
	text-align:justify;
	background-color:#FFFFFF;
}
.TDBleuTab
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
  font-size :1.18em;
	text-align:justify;
	background-color:#E9F3F5;
}

/* --- Définition des styles de texte et couleur utilisés pour le Québec statistique --- */
.Italictitregros
{
	font-size:1.75em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7DBDCD;
}
.Italictitreref
{
	font-size:1.27em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7DBDCD;
}
.titremots
{
	font-size:1em;
	color:#0079C6;
	font-weight:bold;
	text-decoration:none;
}
.titredef{font-variant:small-caps; font-size:1.37em;}

/* --- Interligne et double interligne --- */
.interligne{padding-top:1em;}
.doubleInterligne{padding-top:2em;}

/* --- Identation du texte --- */
.indent{padding-left:3em;}
.smallIndent{padding-left:1em;}

/* --- CSS nécessaire pour le script hx3_transmenu.js --- */
.transMenu 
{
	visibility:hidden;
	position:absolute;
	clip:rect(auto, auto, auto, auto);
	overflow:hidden;
	top:0px;
	left:0px;
	/* Pour avoir suffisament d'espace lors de l'agrandissement du texte (!important à préséance sur les valeurs du script) */
	width:22.1em !important;
	height:12.1em !important;
}

.transMenu .content{position:absolute;}

.transMenu .items 
{
	position:relative;
	left:0px; top:0px;
	z-index:4;
}

.transMenu .item 
{
	background:#E9F3F5;
	color:#000;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
}

.transMenu .background 
{
	position:absolute;
	left:0px; top:0px;
	z-index:3;
}
.transMenu .shadowRight 
{
	position:absolute;
	z-index:2;
	top:3px; width:2px;
}
.transMenu .shadowBottom 
{
	position:absolute;
	z-index:1;
	left:3px; height:2px;
}

.transMenu .item.hover{background:#fdfdfd; color:#000;}

/* --- CSS en mode impression --- */
@media print
{
	/* Pour faire un saut de page entre chaque tableau dans la page d'impression */
	.sautPage{page-break-after:always;}
	/* Pour faire répéter l'entête des tableaux à chaque saut de page */
	thead{display:table-header-group;}
	/* Pour que les images de tableau ne débordent pas la zone d'impression */
	img.tab{width:80%; height:80%;}
}