/* CSS Document */

@charset "utf-8";
/*
IE6 Hack => *html
IE7 Hack => *+html 
*/

/*
Reset
*/
html, body, div, span, applet, object, iframe
{
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

blockquote, q {
quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */


/*
Body
*/
html { font-size:100%; }
body {
	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;
	background: #e6e6e7 url(../images/page_bg_fond.gif) repeat-y center top;
}

.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden; }

a:link 	{ color: #0066CC; }
a:visited { color: #003366; }
a:active { color: #e1712f; outline:none; }
a:hover	{ color: #e1712f; outline:none; }
a:focus, :focus { outline:none; }
.nobr { white-space:nowrap; }

/*
Structure
*/

#boite-externe { margin:0px; padding:0; width:824px;}
#boite-interne { width:800px; text-align:left; }

	

/*
Entete 
*/
		#boite-entete { padding: 0px 0px 10px 0px; margin: 0px; background-color:#fff; margin-left:14px; margin-right:10px}
				
/* 
Menu
*/	
		#col-gauche { font-size:0.75em/*16x0.75=12px*/; line-height:1.25em/*12x1.25=14px*/; float:left; width:167px; background:#e1712f; margin-left:14px}
			#menu-gauche, #menu-gauche li,#menu-gauche li ul,#menu-gauche li ul li{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background: transparent;}
			
			#menu-gauche, #menu-gauche ul { list-style:none; font-family:Arial, Helvetica, sans-serif; }
			#menu-gauche a { text-decoration:none; }
				/* Regroupement */
				#menu-gauche  { background-color:#e1712f; } 
					#menu-gauche li { background-color:#e1712f; border-bottom:1px solid #ea9c6e;} 
					#menu-gauche li a { color:#fff; display:block; font-weight:bold; padding:10px 10px 8px 24px;}
					#menu-gauche li a:hover { text-decoration:underline; }
					#menu-gauche li.section a { background: url(../images/menu_img_fermer.gif) no-repeat 9px 13px; }
					#menu-gauche li.mg-ouvert a { background: url(../images/menu_img_ouvert.gif) no-repeat 9px 13px; } 	
					#menu-gauche li.section a:hover { text-decoration:none; }					
					#menu-gauche li.menu_selected {background-color:#fff; color:#E16C00; display:block; font-weight:bold; padding:5px 10px 4px 10px;}
				/* Sous-site */
				#menu-gauche li.section ul { background-color:#ea9c6e; border:none; padding:3px 0px;  }
					#menu-gauche li.section ul li { border-bottom:1px solid #ea9c6e; background-color:#ea9c6e; margin:0px; padding:0px; }
					#menu-gauche li.section ul li a { display:block; font-weight:normal;  padding:3px 10px 3px 24px; background: url(../images/menu_img_bullet.gif) no-repeat 9px 6px; }
					#menu-gauche li.section ul li a:hover, #menu-gauche ul li a:active { color:#000; }
					#menu-gauche li.section ul li.menu_selected a { color:#000; display:block; font-weight:bold; text-decoration:underline; background: url(../images/menu_img_bullet_active.gif) no-repeat 9px 6px; }
					#menu-gauche li.section ul li.menu_selected a:hover { text-decoration:underline; cursor:default; }
					
					#menu-gauche li.MenuSeul a{
					text-decoration:underline;
					color:#000;
					
			
					}


/*
Page de contenu
*/
		#contenu { float:left; font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; width:570px;  }
		#contenuAccueil {float:left;font-size:0.75em/*16x0.75=12px*/; line-height:1.33em/*12x1.33=16px*/; width:600px;  }
			/* Contenu sur 1 colonnes */
			.col_1 { float:left; width:186px; margin: 0px 0px 10px 10px; }
			*html .col_1 { width:196px; margin: 0px; padding: 0px 0px 10px 10px; }
			.col_1.no_margin{ margin-left:0px; }
			*html .col_1.no_margin{ padding-left:0px; }

			/* Contenu sur 2 colonnes */
			.col_2 { float:left; width:382px; margin: 0px 0px 10px 10px; }
			*html .col_2 { width:392px; margin: 0px; padding: 0px 0px 0px 10px; }

			/* Contenu sur 3 colonnes */
			.col_3 { float:left; width:578px; margin: 0px 0px 10px 10px; }
			*html .col_3 { width:auto; margin: 0px; padding: 0px 0px 10px 10px; }
			
			/* Nouvelles */ 
			.nouvelles{
				background:#ebeccd url(../images/titre_nouvelles.gif) no-repeat left top;
				margin-bottom:10px;
				padding: 60px 10px 30px 10px;
				color:#747474;
				font-size:11px;
			}
			.nouvelles a{color:#476082; text-decoration:underline; font-weight:bold;}
			.nouvelles a:hover{color:#e1712f; text-decoration:underline;}
			
			/* Textile Info */ 
			.textile_info a{
			font-size:12px;
				display:block;
				background:#004681 url(../images/titre_textile_info.gif) no-repeat left top;
				margin-bottom:10px;
				padding: 45px 10px 10px 10px;
				color:#ffffff; 
				text-decoration:underline;
			}
			#contenu .textile_info a{
				font-size:12px;
				display:block;
				background:#004681 url(../images/titre_textile_info.gif) no-repeat left top;
				margin-bottom:10px;
				padding: 45px 10px 10px 10px;
				color:#ffffff; 
				text-decoration:underline;
			}
			#contenu .textile_info a:hover{color:#8fcc53;}
			
			
			.vedettes_splitter{
				background:url(../images/vedettes_splitter.gif) repeat-x left center;
				padding:0px;
				height:1px;
				clear:both;
				margin-bottom:10px;
			}
			
			#liens_accueil ul{
				list-style:none;
				margin: 0px 0px 30px 0px;
				padding:0px;
			}
			#liens_accueil li{
				margin:0px;
				padding: 0px 0px 15px 0px;
				font-size:11px;
			}
			#liens_accueil a{
				color:#476082;
				font-weight:bold;
			}
			#liens_accueil a:hover{
				color:#e1712f;
			}
			/* Vedettes pages d'accueil */
			#contenu .col_2.vedettes .col_1{ margin-bottom: 0px; padding-bottom: 0px; width:auto;}
			#contenu .col_2.vedettes img{ display:block; margin: 0px 0px 10px 0px;}
			
			#footer{
				clear:both;
				display:block;
				border-top: 1px solid #7f7f7f;
				font: normal 10px Arial, Helvetica, sans-serif;
				background: url(../images/logo_emplois_quebec.gif) no-repeat 392px 12px;
				padding: 28px 0px;
				margin: 10px;
			}
			
/*
Hack IE 6/7
*/
*html #menu-gauche ul { height:100%; }
*html #menu-gauche ul { height:100%; }
*+html #menu-gauche ul { height:100%; } 



.table1 {
	border:0;
}

.ZoneTitre  {
	text-align:right;
	vertical-align:text-bottom;
	font-size: 16px;
	font-weight: bold;
	color:#0C418D;
	background-color: #FF9900;
}
.ZoneTitre a {
	color:#0C418D;
	background-color: #FF9900;
}
.ZoneTitre a.visited {
	color:#0C418D;			/* couleurs BACKGROUND LIENS */
	background-color: #33FF66;

}
.ZoneTitre a.active {
	color:#0C418D;			/* couleurs BACKGROUND LIENS */
	background-color: #FFFFFF;

}



.ZoneTitreSection {
	text-align:right;
	vertical-align:text-top;
	font-size: 12px;
	font-weight: bold;
	color:#0C418D;
	background-color: #FF9933;
}
.ZoneTitreSection a {
	font-weight: bold;
	background-color: #FF9933;
	color: #0C418D;

}
.ZoneTitreSection a.visited {
	color:#0C418D;				/* couleurs BACKGROUND LIENS */
	background-color: #FF9933;

}
.ZoneTitreSection a.active {
	color:#0C418D;					/* couleurs TEXTE LIENS*/
	background-image: url(../flocons3.jpg);				/* couleurs BACKGROUND LIENS */

}
.menu {
	background-color:#FF9933;
	background-image: none;
}


.contenu {
	font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	background-color:ffffff;
	vertical-align: text-top;
	
	
}

.imagesecteur {
	vertical-align: bottom;
}

.NoteBasPage {
	font-family: Arial, Verdana, Times, serif;
	font-size: 10px;
	color: #000000;
}

.EmploiQuebec {
	font-family: Arial, Verdana, Times, serif;
	font-size: 9px;
	color: #999999;
	text-align: right;
	vertical-align: bottom;
	background-color:ffffff;
}

.BordureTableau {
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-top: solid black 1px;
}

.dec {
	text-align:right;
	vertical-align:text-bottom;
	font-size: 24px;
	font-weight: bold;
	color:#03B7F2;
}

.aec {
	text-align:right;
	vertical-align:text-bottom;
	font-size: 24px;
	font-weight: bold;
	color:#F7831E;
}

.petitDecalage {
	position:relative;
	margin-left:10px;
}
.Vivre {
	font-size: 18px;
	font-weight: bold;
	color:#C7611F;
	text-decoration:none;	
}

.orange
{ color:#C7611F;
}
.medium {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	align:center;
}

.gras
{ font-weight:400
}
.mediumc {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	align:center;
}

.mediumb {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#0A48b2;
}

.big {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color:#C7611F;
	font-weight: bold;
}
.big2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	
	font-weight: bold;
}
.xbig {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#333333;
}

.titre {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color:#0A48b2;
	background-color: #FFFFFF;
}





.table1 .ZoneTitreSection .zoneTitre {
	text-align:right;
	vertical-align:text-bottom;
	background-color:#CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color:#03B7F2;
}
.vid_title {font-size:12px;font-weight:bold;font-style:italic;}