/********************************************/
/*											*/
/*				industek.ca					*/
/*  			Feuille de style			*/
/*  	 Cre par : Joel Frechette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 3 mars 2010				*/
/* 			  Copyright DGK 2010			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification a ce document se		*/
/*  doit d'etre accompagne d'un 			*/
/*	commentaire ou d'etre rapporte au		*/
/*  createur de la feuille de style			*/
/*											*/
/********************************************/


/**********************
*
PARAMETRES DE BASE 
*
**********************/
body, html {
	padding:0; margin:0;
	height: 100%;
}
body {
	background:url(../../images/communs/body_bkg.png) top repeat-x;
	background-color:#e5e3e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#626262;
}

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}


h1 {
	background:url(../../images/communs/bkg_h1_blue.png) top repeat-x;
	border-bottom:1px solid #b3afaf;
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	color:#ece9e9;
	padding:0 0 0 10px; margin:0;
	line-height:30px;
}
h2 {
	font-size:20px;
	font-weight:bold;
	color:#626262;
	text-transform:uppercase;
	margin:0; padding:0 0 0 15px;
}
h2 span { font-weight:normal; color:#848484}
h4 {
	background:url(../../images/communs/bkg_h4.png) top repeat-x;
	text-align:left;
	line-height:24px;
	font-size:12px;
	margin:0 0 2px 0; padding:0 0 0 5px;
	color:#ece9e9;
}


a:link { COLOR: #626262; TEXT-DECORATION: none}
a:visited { COLOR: #626262; TEXT-DECORATION: none}
a:hover { COLOR: #4D90CD; TEXT-DECORATION: none}
a:active { COLOR: #626262; TEXT-DECORATION: none}

ul { margin:0; padding:0;}


.contenu {
	position:relative;
	clear:both;
	width:940px;
	text-align:left;
	z-index:2;
}
.contenu p { margin:16px 0 16px 0;}
.contenu ul { margin:16px 0 16px 0;}
.contenu li { list-style-image:url(../../images/communs/bullet.png); margin-left:28px;}




/**********************
*
TOP
*
**********************/
.top {
	width:940px;
}

.top  A:link { TEXT-DECORATION: underline}
.top  A:visited { TEXT-DECORATION: underline}
.top  A:hover { TEXT-DECORATION: none}
.top  A:active { TEXT-DECORATION: underline}
/* IE 5 */
td{ font-size:12px; font-weight:bold;}
/*      */ 

.input {
	background:url(../../images/communs/input_txt.png) no-repeat left;
	border:none;
	height:21px;
	text-align:left;
}
.input .transparent { 
	background:none; border:none;
	font-size:10px;
	font-weight:bold;
	color:#626262;
	 margin-left:2px;
	 margin-top:2px;
	 width:151px;
	 
}
.submit {
	background:url(../../images/communs/fleche_droite-trans.png) no-repeat;
	border:none;
	width:5px; height:9px;
	cursor:pointer;
	vertical-align:middle;
}







/**********************
*
MENU
*
**********************/
.menu {
	position:relative;
	height:38px; width:938px;
	border:1px solid #b3afaf;
	background-image:url(../../images/communs/bkg_menu.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:12px;
}

/****   Navigation  ****/
.menu li { display: inline; list-style:none; float: left; padding:0 25px 0 25px; height:38px; line-height:38px; margin-left:-1px;}

.inactive {  background:url(../../images/communs/menu_separateur.png) no-repeat right center; }
.active { color:#FFFFFF; background:url(../../images/communs/bkg_menu_rl.png) repeat-x;}

.active a:link{ color:#FFFFFF; }
.active a:visited{ color:#FFFFFF; }
.active a:hover{ color:#FFFFFF; }
.active a:active{ color:#FFFFFF;}
/****   // Navigation  ****/


.menu form { position: absolute; left:755px; top:10px;}







/**********************
*
ENTETE
*
**********************/
.main { width:940px; position:relative;}
.main_pic {
	float:left;
	width:741px; height:281px;
	border:1px solid #b3afaf;
	background-color:#dddcdb;
	text-align:center;
	padding:10px 0 10px 0;
 margin-bottom:25px;
}




/**********************
*
SOUS_MENU
*
**********************/
.ssmenu {
	float:right;
	width:196px; height:301px;
	border:1px solid #b3afaf; border-left:none;
	 margin-bottom:25px;
}
.ssmenu img { border:none;}





/**********************
*
FOOTER
*
**********************/
.footer {
	width:940px;
	text-align:center;
	background:url(../../images/communs/bkg_footer.jpg) top repeat-x;
	position: absolute;
	bottom: 0; left:0;
	width: 100%; height:23px;
	color:#e6e4e3;
	font-weight:normal;
	font-size:10px;
	padding-top:108px;
	z-index:1;
}
.footer a { margin:0 2px 0 3px;}
.footer a:link{ color:#e6e4e3; }
.footer a:visited{ color:#e6e4e3; }
.footer a:hover{ color:#e6e4e3; }
.footer a:active{ color:#e6e4e3;}



/**********************
*
DIVERS
*
**********************/
.title { padding:12px 0 10px 0;}
.floatleft { float:left;}
.image, .imageclic {border:1px solid #004B85;}
.fixbox { clear:both;}
.font11 { font-size:11px;}
.font10 { font-size:10px;}
.bleu { color:#0f538e;}




#easyTooltip{
	padding:10px 8px 10px 8px;
	text-align:justify;
	border:1px solid #b3afaf;
	width:176px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background:url(../../images/communs/tooltip_bkg.png);
	color:#fff;
	z-index:99;
	cursor:pointer;
	 position: absolute;
	 top:10px;
	 left: 600px;
}