/* 
 * Stylesheet for Multi-Prets Hypotheques - Public Site V12 *******************************
 *
 * This stylesheet controls both elements that are placed on the page through pure html,
 * and elements that are produced in code. The elements produced in code expects the classes
 * to be named exactly as they are in this stylesheet, so do not rename any elements.
 * 
 * */

/* *******************************************************************
 * 
 * Basic formatting of background and text style 
 * This section controls the general html on the pages that
 * does not have any special formatting requirements 
 * */
body
{
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    
}
Entete
{
	position:absolute;
	top:0px;
	left:0px;
	width: 800px;
	height: 90px
	}
.TabDetails
{
	position:absolute;
	top:8px;
	left:230px;
}
Main
{
	position:absolute;
	top:90px;
	left:0px;
	width: 800px;
	height: 467px
	}
body, p, br, nobr, div, span, td, textarea
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}
a
{
	/*color: #0384ed;*/
	color: #025CA6;
	/*FONT-WEIGHT: bold;*/
	text-decoration: none;
}

a:hover
{
	/*color: #025CA6; */
	/*background-color:White;*/
	/* FONT-WEIGHT: bold; */
	background-color: #173962;
	color: White;
	text-decoration: underline;
}
MODA:hover
{
	color: #355d9b;
	background-color:White;
	/* FONT-WEIGHT: bold; */
	text-decoration: underline;
}
h1
{
    FONT-SIZE: 18px;
    COLOR: #011F37
}
h2
{
	font-size: 16px;
	color: #011f37;
}
h3
{
	font-size: 14px;
	color: #011F37;
}
input, select, option
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
}


/* *******************************************************************
 * 
 * Generic classes used by many controls in the MPH site.
 * These can be specialized, but these definitions should
 * generally be enough.
 *
 * */

/* Liens utilitaires, specialisation de liens */
.lienUtilitaire
{
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	font-style:normal
	
	}
	
/* Liens pour les entetes a fonds vert */
.lienHeader
{
	
	color:#ffffff;
}
.lienHeader A:hover
{
	
	color:#ffffff;
	text-decoration: underline
}

/* Titre vert large */
.texteVertLarge
{
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#43D030
}

.BlancLarge
{
	/*color: #0384ed;*/
	color: #FFFFFF;
	font-size: 16px;
	font-style:normal;
	FONT-WEIGHT: bold;
	text-decoration: none;
}
.BlancLargeCaps
{
	/*color: #0384ed;*/
	color: #FFFFFF;
	font-size: 14px;
	FONT-WEIGHT: bold;
	text-decoration: none; 
	font-variant: small-caps;
}

.BleuLargeCaps
{
	/*color: #0384ed;*/
	color: #184678;
	font-size: 16px;
	FONT-WEIGHT: bold;
	/*text-decoration: none; */
	font-variant: small-caps;
}
.RedLargeCaps
{
	/*color: #0384ed;*/
	color: Yellow;
	font-size: 16px;
	FONT-WEIGHT: bold;
	/*text-decoration: none; */
	font-variant: small-caps;
}
.BlackLargeCaps
{
	/*color: #0384ed;*/
	color: #000000;
	font-size: 16px;
	FONT-WEIGHT: bold;
	/*text-decoration: none; */
	font-variant: small-caps;
}
.BleuNormal
{
	color: #184678;
}

.BleuTexte
{
	color: #184678;
	font-size: 12px;
}
.MPHTexte
{
	color: #011f37;
	font-size: 12px;
}
.BlackTexte
{
	color: #000000;
	font-size: 12px;
}
.BlancTexte
{
	color: #FFFFFF;
	font-weight:bold;
	font-size: 12px;
}
.BleuCheck
{
	color: #184678;
	font-size: 13px;
}

/* Titre rouge Cabinet large */
.texteRougeCabinetLarge
{
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#92012C
}

/* Sous Titre rouge Cabinet large */
.texteRougeCabinetMoyen
{
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#92012C
}

/* Text input field used in all forms */
.InputControl, .EmphasizedInputControl
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	height: 24px;
	vertical-align: baseline;
	padding-top: 2px;
	padding-left: 3px;
}
/* Input of an important field in a form */
.EmphasizedInputControl
{
	font-weight: bold;
	background-color: #fff8dc;
}

/* The choice (usually a command) is disabled (but not hidden).
 * Grayed out is the default (as with dimmed buttons in the native gui) */
.Disabled
{
	color: #708090;
}

/* The choice (usually a command) should be emphasized as an important
 * choice to attract the user's attention. Bold is the default */
.Emphasized
{
	font-weight: bold;
}

/* Set for a text label or control if the user needs to be specially warned
 * or notified about anything. Note that this is not an error, then the .Error
 * class is used */
.Warning
{
	color: #000099;
}

/* Used for a text label or control when the user must be notified about
 * an error */
.Error
{
	color: #990000;
}

/* A multiline text edit field */
.MultiLineInputControl
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	width: 250px;
	height: 150px;
}

/* A listbox with multiple items (as a list of keywords */
.ListBoxControl
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	width: 250px;
	height: 150px;
}

/* A button */
.ButtonControl, .EmphasizedButtonControl
{
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 3px;
}

/* An exceptionally important button */
.EmphasizedButtonControl
{
	font-weight: bold;
	background-color: #fff8dc;
} 

/* *******************************************************************
 * 
 * Classes that control the appearance of elements that appear on all
 * MPH pages, e.g. the title of the page, the toolbars, status line
 * and page navigators
 *
 * */

/* The body pane of the page (by default the white area that contains
 * data and information */
.PageBody
{
	height: 460px;
	background-color: #ffffff;

}

/* The header of the page that contains the title of the page and
 * a description of the page or the current item that the user is
 * working with. */
.PageHeader
{
	padding-right: 2px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-top: 8px;
	/*border-bottom: #dbd4c5 1px solid;*/
	background-color: #ffffff;
}

.DarkHeader
{
	background-color: #746d61;
	color: White;
}

/* The page title text itself. We have not used H1 to allow special
 * customization of this very special text, even though it is by default
 * defined with the same attributes. */
.PageTitle
{
	font-size: 14px;
	color: #011f37;
	font-weight: bold;
	height: 25;
	padding-top: 4;
}

/* The toolbar with global and page specific links. Note that the
 * links can have the .Emphasized class, so you might want to override
 * this class for the .Toolbar class to turn it off or change it's appearance.
 * You can do this by defining a class ".Toolbar .Emphasized" and give it the
 * attributes you prefer. */
.Toolbar
{
	padding-right: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 4px;
	border-bottom: #dbd4c5 1px solid;
	background-color: #dbd4c5;
}


/* The CommandToolbar is the toolbar that appears on certain pages to modify
 * either selected objects in a list or the object that the page is currently
 * displaying */
.CommandToolbar, .CommandToolbarBBorder
{
	padding-right: 2px;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-top: 3px;
	/*border-bottom: #708090 1px solid;*/
	background-color: #eae5dd;
	line-height: 17px;
	height: 30px;
}

.CommandToolbarBBorder
{
	border-bottom: #dbd4c5 1px solid;
}



/* A line with status information below the data pane. This is not the same
 * as the status line in the browser! This is a html-controlled element, 
 * and stays the same until the user refreshes the page (and the reason for the
 * status message disappears, of course).
 *
 * The StatusLineMessage and StatusLineWarning classes are specializations 
 * to signal a message or an extra important message. See below */
.StatusLineEmpty, .StatusLineMessage, .StatusLineWarning
{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-top: #708090 1px solid;
	background-color: #ffffff;
	margin-top: 2px;
}

/* When there is a message in the status line, this specialization
 * is used. Normally, the status line will change color to draw the
 * user's attention. */
.StatusLineMessage
{
	/* background-color: #ffff99; */
	background-color: #97e6e8;
}


/* To signal something important on the statusline,
 * this class is used. The default is to change the background-color to yellow,
 * which should catch the user's attention. ;) */
.StatusLineWarning
{
	color: #ffffff;
	background-color: #ff0000;
}


/* The Navigator is the element that allows the user to move between pages
 * in a list or grid. */
.Navigator
{
	color: #3A6B94;
}

/* Specialization of the A:hover class for the Navigator */
.Navigator A:hover
{
	color: #000066;
	text-decoration: underline
}

/* The ImageLinkButton is a control that contains an icon and a text and
 * behaves like a link which posts information back to the server.
 * The control has a special disabled state when the button is shown but not active */
.ImageLinkButton
{
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	color:#43D030
}
.ImageLinkButton A:hover
{
	text-decoration: underline
}
.DisabledImageLinkButton
{
}


/* *******************************************************************
 * 
 * Basic table look, this is used by all lists and information tables.
 * However, the different main types of tables can be customized by specializing
 * these classes 
 *
 * */

/* Index-card style used as the header for a table. This is a 150-pixel
 * wide cell with the header of the table or section. */
.TableTitle
{
	/*background-image: url(./rsrc/TableTitleBackground.gif);*/
	border-top: #C6BFB2 1px solid;
	border-right: #C6BFB2 1px solid;
	border-left: #C6BFB2 1px solid;
	background-color: #C6BFB2;
	color: #000000;
	background-repeat: no-repeat;
	height: 25px;
}

/* Row separating parts of a table containing the header for a section
 * and sometimes the header for the table itself. */
.TitleRow
{
	/*font-weight: bold;*/
	color: #000000;
	height: 25px;
	background-color: #EAE5DD;
	/*background-color: #C6BFB2;*/
	/*border-left: #778899 1px solid;*/
}

/* Specializations for links in a title row (the links are normally blue
 * so we must change the color of them to make them visible */
.TitleRow a
{
	text-decoration: none;
}
.TitleRow a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* The row containing the column names */
.ColumnHeaderRow
{
	color: #000000;
	height: 20px;
	background-color: #C6BFB2;
	padding-left: 4;
}

/* A row with information, the main body of the table */
.DataRow
{
	background-color: #F9F8F6;
}

/* Every second row of information has this class, to allow different background color
 * to make it easier for the eye to follow the text along a row */
.AlternatingDataRow
{
	background-color: #F4F2F0;
}

/* A row of information when selected */
.SelectedDataRow
{
	background-color: #DDD9D1;
}

/* If a row in the table is expanded to show more information, this is the class
 * for that row. This row can contain almost any kind of information, depending
 * on the functionality of the control that uses it. */
.DetailInformationRow
{
}



/* *******************************************************************
 *
 * TABSTRIP CONTROL
 *
 * These classes control the appearance of the tabstrip control
 * that is used to present different controls as if they were on 
 * separate pages behind eachother.
 *
 * */

/* The class set on the tabstrip table itself */
.TabStrip
{
}

/* The link in each cell */
.TabStripText
{
}

/* A normal tab (not selected) */
.TabStripNormalTab
{
	border-top: #C6BFB2 1px solid;
	border-right: #C6BFB2 1px solid;
	border-left: #C6BFB2 1px solid;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	/*background-color: #D6E3EE;*/
	background-color: eae5dd;
}

/* The one (and only) selected tab in the strip */
.TabStripSelectedTab
{
	border-left: #C6BFB2 1px solid;
	border-right: #dbd4c5 1px solid;
	border-top: #C6BFB2 1px solid;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	/*background-color: #4682b4;*/
	background-color: #C6BFB2;
	color: #ffffff;
	/*font-weight: bold;*/
}
.TabStripSelectedTab .TabStripText
{
	color: #000000;
	/*font-weight: bold;*/
}

/* A disabled (but visible) tab */
.TabStripDisabledTab
{
	border-left: #C6BFB2 1px solid;
	border-top: #C6BFB2 1px solid;
	border-right: #C6BFB2 1px solid;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #eae5dd;
}


.TextNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.TextBasdepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.texteVert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #43D030;
}
.texteRougeCabinet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #92012C;
}