/*
	Ce fichier contient toutes les styles par défaut pour l'Intranet au complet.
*/

@import "../_stylesheet/colors.css";

.cfdebug, .cfdebuglge {
	font-size: 8pt;
}

ACRONYM {
	border-bottom: 1px dotted #333;
}


A.btn_unchecked, A.btn_checked {
	font-family: wingdings;
	text-decoration:none;
	padding: 0px 2px 0px 2px;
	font-size: 12pt;
}

CAPTION {
	text-align: left;
	background-color:#E0F5FF;
	background-image:url(../_images/bg_caption.gif);
	background-repeat: repeat-x;
	background-position:left;
	padding: 2px;
	border: 1px outset #FFF;
	border-bottom: none;
	color: #000;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size: 8pt;
}

FIELDSET.portalBox {
	width: 250px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 2px solid #069;
}


A.btn_unchecked {
	border:2px outset grey;
	background-color:#cccccc;
	color: #000000;
}

A.btn_checked {
	border:2px inset grey;
	background-color:#f4f4f4;
	color: #999999;
}

.hide {
	display: none;
}

.show {
	display:inherit;
}

DIV.new {
	border: 2px dotted #FF9933;
	background-color: #FFFF99;
	font-size: 8pt;
	padding: 3px;
	/*
	background-image:url(../_images/i_beausejour_new.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	*/
}

.displayDate {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	width: 60px;
}

H3 {
	font-size: 12pt;
}

BODY {
	background-color: white;
	font-family: arial,helvetica;
	font-size: 10pt;
	margin: 10px;
}

BUTTON {
	padding: 2px;
}

/* Lorsqu'on veut afficher une "caption" (un texte descriptif en plus petite font) */
DIV.smallCaptionText {
	font-size: 8pt;
	font-style: italic;
	padding-bottom: 5px;
	background-color: #D5E8F0;
	border: 2px dotted #006699;
	color: #000000;
	padding-left: 30px;
	background-image:url(../_images/i_beausejour_caption.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
/* Lorsqu'on veut afficher une "caption" (un texte descriptif en plus petite font) */
DIV.smallCaptionText SPAN {
	position: relative;
	left: -20px;
	top: -12px;
}

DIV.smalLCaptionText IMG.arrow{
	position: relative;
	left: -20px;
	top: -12px;
}

/* Utiliser ce style pour afficher du texte en rouge (par example, dans le cas d'un message d'erreur) */
.error {
	background-color: #C00;
	color: #FFF;
	padding: 3px;
}

/* Utiliser ce style pour afficher du texte en orange (par example, dans le cas d'un message d'avertissement) */
.caution {
	color: #FF9933;
}

/* Utiliser ce style pour afficher du texte en vert (par example, dans le cas d'un message de confirmation) */
.confirm {
	background-color: #CCFF99;
	border: 2px dotted #360;
	color: #336600;
	padding: 5px;
	font-size: 10px;
}
/*Utiliser ce style pour centrer information*/
.center{
	text-align:center;
}
/* Ceci est pour afficher le border autour de l'image du header */
IMG.headerGraphic {
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #000000;
}

/* Chacun des éléments qui sont "listés" ont du padding en haut et en bas */
LI {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Boîtes qui se trouvent sur le côté */
TABLE.side, TABLE.sideError {
	border-style: solid;
}

TABLE.side {
	border-color: #000000;
	border-width: 1px;
}

TABLE.sideError {
	border-color: #CC0000;
	border-width: 2px;
}

TABLE.side THEAD TR TH, TABLE.sideError THEAD TR TH {
	color: #ffffff;
	font-size: 10pt;
	padding: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

TABLE.side THEAD TR TH {
	background-image: url(../_images/bg.gif);
}

TABLE.sideError THEAD TR TH {
	background-image: url(../_images/bg_red.gif);
}

TABLE.side TBODY TR TD.side, TABLE.sideError TBODY TR TD.side {
	background-position: bottom;
	background-repeat:repeat-x;
	font-size: 8pt;
	vertical-align: top;
	padding: 5px;
}

TABLE.side TBODY TR TD.side {
	background-image: url(../_images/bg2.gif);
}

TABLE.sideError TBODY TR TD.side {
	background-image: url(../_images/bg2_red.gif);
}

TD.sideMain, TH.sideMain {
	vertical-align: middle;
	font-size: 8pt;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}

TABLE.side TBODY TR TD HR {
	height: 1px;
	width: 100%;
	border-width: 0px;
	color: #006699;
	text-align: center;
}


/* Footer */
TFOOT.footer {
	font-size: 8pt;
	text-align: center;
}

/* Body */
TBODY.body {
	background-color: #FFFFFF;
	height: 350px;
}

TBODY.body TD.mainbody {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-top-style: none;
}

TABLE.form THEAD TH {
	background-color: #006699;
	color: #ffffff;
	padding: 2px;
	font-size: 8pt;
}

TABLE.form TD, TABLE.form TH {
	padding: 5px;
}

TD.mainbody, TD.main, TH.main {
	vertical-align: top;
	font-size: 10pt;
}

TABLE.form TD, TABLE.form TH {
	vertical-align: top;
	font-size: 8pt;
}

/* Main cell (blanche) */
TD.mainbody {
	padding: 5px;
}

TBODY TH {
	text-align: left;
}

THEAD TH {
	text-align: center;
}
/* ****************************************** LINKS */
A.calendar_links:visited  
{
	text-decoration: none;
}
A.calendar_links:link 
{
	text-decoration: none;
}
A.calendar_links:active 
{
	text-decoration: underline;
}
A.calendar_links:hover  
{
	text-decoration: underline;
}
/* ****************************************** PATHS */
.path {
	font-size: 8pt;
	font-family: arial;
	word-spacing: 4px;
}


/* ****************************************** FORMS */
LEGEND {
	font-size: 10pt;
	color: #006699;
	font-weight: bold;
	padding-bottom: 10px;
}

FIELDSET {
	border-width: 1px;
	border-color: #006699;
	border-style: solid;
	padding: 10px;
}

INPUT, TEXTAREA, BUTTON, SELECT {
	font-size: 8pt;
	font-family: arial;
}


/*********************** DATA TABLES *********************/
/* alternate backgroud color when ouputing data in table */

TABLE.data {
	border-collapse: collapse;
	border-style: ridge;
	border-width: 2px;
}

TABLE.data TD, TABLE.data TH {
	font-size: 10px;
	padding: 2px;
	vertical-align: top;
	border-style: ridge;
	border-width: 2px;
}

TABLE.data TH {
	color: #ffffff;
	font-size: 8pt;
}

TABLE.data THEAD TH{
	background-color: #006699;
}

TABLE.data THEAD TH A{
	color: #FFF;
	text-decoration: underline;
}

TABLE.data TBODY TH {
	color: #000000;
}
/* ******************************** Menu ******************************** */
TD.mainMenu {
	background-color: #EEEEDD;
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 1px;
	background-image: url(../_images/bg_menubar.gif);
	border-color: #000000;
	font-size: 10pt;
	padding: 2px;
}

DIV#menu_header {
	background-image: url(../_images/bg_menubar.gif);
	background-repeat:repeat-x;
}

.itemText {
	text-decoration: none;
	color: #000000;
	font: 10px Arial, Helvetica;
}

.mainItemText {
	border-width: 1px;
	text-align: center;
}

.itemTextHover {
	border-style: solid;
	border-width: 1px;
	border-bottom-style: none;
	text-align: center;
	font-weight: bold;
}

.itemHover {
	text-decoration: none;
	color: #FFFF99;
	font: 10px Arial, Helvetica;
}

.itemBorder {
	border: 1px solid black;
}

.new_menu_item_Text {
	text-decoration: none;
	color: #000000;
	font: 10px Arial, Helvetica;
}
.new_menu_item_Hover {
	text-decoration: none;
	color: #000000;
	font: 10px Arial, Helvetica;
}
.new_menu_item_Border {
	border: 1px solid black;
}

/* headerInfo est le style utilisé pour afficher la date et le # d'employé dans la barre de menu */
TD.headerInfo {
	font-size: 8pt;
	color: #000000;
	text-align: right;
}

/* start of style for dynamic menu*********************************************************************/
.clCMEvent {
	position:absolute;
	z-index:50;
	width:100%;
	height:100%;
	clip:rect(0,100%,100%,0);
	left:0;
	top:0;
	visibility:hidden;
}

.clCMAbs {
	position:absolute;
	width:10;
	height:10;
	left:0;
	top:0;
	visibility:hidden;
}

.clT, .clTover, .clS, .clSover, .clS2, .clS2over {
	position:absolute;
	overflow:hidden;
	width:130px;
	height:25px;
	cursor:pointer;
	cursor:hand;
}

.clT, .clTover {
	padding:4px;
	font-size:12px;
	font-weight:bold;
}

.clT {
	color:#000000;
	text-align: left;
	text-align: center;
}   

.clTover {
	text-align: center;
	/*background-color: #999966;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;*/
}

.clS, .clSover {
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.clS2, .clS2over {
	padding:2px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.clS, .clS2 {
	color:#000000;
	background-color: #CCCC99; 
	layer-background-color:#EEEEDD;
	text-align:left;
}

.clSover, .clS2over {
	color:#FFFF99;
	text-align:left;
}

.clB, .clBar {
	background-color:#666666;
	layer-background-color:#CCCC99;
}

.clSover, .clS2over {
	background-color:#999966;
	layer-background-color:#CCCC99;
}

.clTover{}

.clB{
	position:absolute;
	visibility:hidden;
	z-index:50
}

.clBar {
	position:absolute;
	width:10; 
	height:10; 
	visibility:hidden;
}

.menuborder{
	position:absolute;
	visibility:hidden;
}

/*end of style for dynamic menu*******************************************************************/



A {
	color: #006699;	
		cursor:pointer;
}