@charset "UTF-8";

/* -------------------------------------------------------------
2009 © BCP

	INFOS
		CSS concue pour l'impression.
	
	INSTRUCTIONS
		1. pas d'instructions.
	
	HISTORIQUE
		V 0.1 (20090930 - Yann Lodewijck - ylodewijck@bcp.ca)
		V 0.2 (20100614 - Sebastien Malherbe pour BCP)
		Création de cette feille de style.

------------------------------------------------------------- */
/* ------------------------ first: reset layout for print --- */

body {
	margin:0px !important; 
	padding:0px !important; 
	line-height: 16pt;
	_line-height: normal;
	*line-height: normal; /* ie6 & 7 */
	word-spacing:1px; 
	letter-spacing:0.2px; 
	font-size: 14pt !important; /* use Points - Point is the standard unit for print */ 
	*font-size: 13px !important; /* exception for IE6 & 7 */ 
	font-family:Arial, Helvetica,"Lucida Grande", sans-serif !important; 
	color: #000 !important;
	background: #FFF;
}

body * { /* apply standards font to all elements */
	font-family:Arial, Helvetica,"Lucida Grande", sans-serif !important; 
	color: #000 !important;
}

/* ------------------------ Header for print mode */ 

.print, .alt { display: block; }
h6 { font-size:1em; color:#000000; margin-top:1em; margin-bottom:0em }
#headerPrint {display:block; border-bottom: #000000 1px solid; margin-bottom: 20px; }
#headerPrint img {display:block; position: relative; }


/* ------------------------ MAIN STRUCTURE */

#wrapper,
#container,
#content{ 
	position: relative;
	left: 0; top: 0; right: 0; bottom: 0;
	width: 99%;
	padding:0px !important; 
	margin:0px !important; 
	overflow: visible;
	background: none;
	float: none !important;
	height: 1% !important;
}

*html #content{  /* ie6 */
	width: 640px;
}

*:first-child+html #content{  /* ie7 */
	width: 640px;
}

#wrapper #container #content #mainXmlContent,
#wrapper #container #content #mainXmlContent #mainContent,
#wrapper #container #content #mainXmlContent #mainContent #miniContent{ 
	position: relative;
	left: 0; top: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100% !important;
	padding:0px !important; 
	margin:0px !important; 
}

/*--------------------- Hiding some elements */

#header, #footer, #contentGrad, .mootabs_panel, #content #mainXmlContent #mask, #toolbox, #title, .mootabs_title { 
	display:none !important;
}

#flashContainer {
	display: none !important;
}

#introImg {display: none;}

#leftCol,
#leftCol img {display: none}

#topContent img { display: none;}

a.btType{display: none;} 


/*---------------------- Mootabs elements */

#content .mootabs_panel.active, 
#content .mootabs_panel { 
	width: auto; 
	position:relative; 
	display:block !important; 
	height: auto;
}

*html #content .mootabs_panel.active, 
*html #content .mootabs_panel { 
	border: 1px solid white;
	height: 100% !important;
}

*:first-child+html #content .mootabs_panel.active,
*:first-child+html #content .mootabs_panel{ 
	border: 1px solid white;
	height: 100% !important;
}

.mootabs_panel,
.mootabs_panel *{
	margin:5px 0 !important;
	padding: 0 0 10px 0!important;
}

#content .mootabs_panel.active h4, 
#content .mootabs_panel h4 { 
	border-bottom: 1px solid #999 !important;
	padding-bottom: 5px !important;
}

/* ------------------------ CONTENT  Styling */

a { text-decoration:underline !important; color: #0066ff !important; padding:0 !important;}

input, textarea, select { border: 1px solid #999999 !important; width: 400px; background: #e4e4e4;}

#content #mainXmlContent ul { list-style-image:none; list-style-type:circle; list-style-position: outside; margin-left: 20px}
#content #mainXmlContent ul ul { list-style-image: none; list-style-type:circle; font-size:1.3em;  list-style-position: outside}
#content #mainXmlContent ol { list-style:decimal; font-size:1.3em; }

#content #mainXmlContent hr { background-color:#CCC; border-width:0; color:#CCC; height:1px; line-height:0; text-align:center; clear:both; }

#content #miniContent table { clear:both; border:1px #888888 solid; background:#ffffff; padding: 5px; width: 100%; display: block !important; color: #000000 !important}
#content #miniContent table td { padding:2px 5px !important;}
#content #miniContent table th { padding:2px 5px; height: 20px }

#content #miniContent p { clear:both; margin: 8px 0;}

td.cadre, #content #miniContent table.cadre{ padding:0px; border:none; margin:0px;}

.coin { width:19px; height:19px; margin:0px; padding:0px; overflow:hidden; }

#content .mootabs_title, #content .mootabs_title li, #content .mootabs_title li.active { display:none; }
 
#content #printBtn, #contentRegion #printBtn { display:none; }

.cadre img { visibility:hidden; }

/* top content */

#topContent h1,
#topContent .whiteTitle h1{ 
	margin: 10px 0 0 0px !important; 
	padding: 0 0 15px 0 !important; 
	width: 100%; 
	text-align: left;
	line-height: 1.2em;
	border-bottom: 1px solid #ccc;
	color: #000000 !important;
}
#topContent { height:auto; padding: 0; width: 100% !important;}

#contentRegion #rightColIndex {
	border: 1px solid #cccccc;
	clear: both;
	background:url(../images/regions/carte-00.gif) no-repeat top left !important;
	width: 310px;
	height: 400px;
}

/* this is for IE6 & 7*/

*html #mainContent * {white-space: pre !important;} 
*:first-child+html #miniContent {white-space: pre !important;} /* pas beau mais seul moyen trouvé :( , evite que le texte soit coupé a droite ... */