BODY, H1, H2, H3, H4, H5, H6, TH, DIV, PRE, CODE, SPAN, DL, DT, DD, BLOCKQUOTE { font-family: Arial, Helvetica, sans-serif; }

/* H1 { font-size: 200%; font-weight: normal; color: #008c53; background: transparent; margin-top: 0px; } */
H1 { font-size: 190%; font-weight: normal; color: #008C53; background: transparent; padding-bottom : 0px; border-bottom : none; margin-top: 0px; margin-bottom: 10px; }
/* H2 { font-size: 130%; font-family: Tahoma, sans-serif; font-weight: bold; color: #003399; background: transparent; } */
H2 { font-size: 130%; font-weight: bold; color: #2275C3; background: transparent; }
/* H3 { font-size: 110%; font-family: Tahoma, sans-serif; font-weight: bold; color: #003399; background: transparent; } */
H3 { font-size: 110%; font-weight: bold; color: #2275C3; background: transparent; }
P { font-family: Arial, Helvetica, sans-serif; }

/********************************************************************/
/* EN-TÊTE ET PIED DE PAGE DE DESJARDINS.COM                        */
/********************************************************************/

/***** à supprimer *****/
DIV.navEntete { font-size: 75%; padding: 0px 10px; text-align: right; }
/***********************/
.enteteFondVert { background: #008c53; }
DIV.navEnteteAide { font-size: 75%; padding: 0px 0px; text-align: left; }
/* DIV.navPrinc { padding: 6px 0px 0px 0px; text-align: center; display: none; } */
DIV.navPrinc { border-top: 1px solid #fff; }
DIV.navPrinc table { display: none; }
DIV.filAriane { font-size: 70%; padding: 2px 0px; height: 30px; }
DIV.contenu { font-size: 75%; padding-top: 0px; padding-bottom: 20px; }
DIV.fonctions { font-size: 75%; padding-top: 8px; padding-bottom: 20px; clear: both; }
DIV.imageGauche { float: left; padding-right: 8px; padding-bottom: 2px; }
DIV.imageDroite { float: right; padding-right: 8px; padding-left: 8px; padding-bottom: 2px; }
DIV.retraitDroit { padding-left: 24px; }

ul.compact { margin: 0; padding-left: 20px; }
ul.compactIn { list-style-position: inside; margin: 0; padding-left: 6px; }
* html ul.compactIn { padding-left: 2px; }

ol.compact { margin: 0; padding-left: 24px; }
ol.compactIn { list-style-position: inside; margin: 0; padding-left: 6px; }
* html ol.compactIn { padding-left: 2px; }

.navSecFondBleu { background: #003399; }
.navSecFondBlanc { background: #FFFFFF; }

.entete a:link { text-decoration: none; color: #FFFFFF; }
.entete a:visited { text-decoration: none; color: #FFFFFF; }
.entete a:active { text-decoration: underline; color: #FFFFFF; }
.entete a:hover { text-decoration: underline; color: #FFFFFF; }

/* .navSec { font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #B3C5D6; display: none; } */
.navSec { border-top: 6px solid #10406f; }
.navSec table { display: none; }
.navSec a:link { text-decoration: none; color: #B3C5D6; }
.navSec a:visited { text-decoration: none; color: #B3C5D6; }
.navSec a:active { text-decoration: none; color: #FFFFFF; }
.navSec a:hover { text-decoration: none; color: #FFFFFF; }
.navSecSelect { font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.navSecSelect a:link { text-decoration: none; color: #FFFFFF; }
.navSecSelect a:visited { text-decoration: none; color: #FFFFFF; }
.navSecSelect a:active { text-decoration: none; color: #FFFFFF; }
.navSecSelect a:hover { text-decoration: none; color: #FFFFFF; }

/* .lignePiedPage { background: #7F7F7F; } */
.lignePiedPage { background: #d6d6d6; }

/********************************************************************/
/* MENU DE GAUCHE                                                   */
/********************************************************************/

/* Titre du menu */
/* .menuFondTitre { background: #003399; } */
.menuFondTitre { background: #008C53;height:3px; }
.menuTitre { padding: 3px 3px; color: #FFFFFF; font-size: 75%; font-weight: bold; }

/* Éléments du menu (= étapes du formulaire : 1), 2), etc.), précédé du numéro d'étape et d'une parenthèse fermante */
/* .menuFondNiv1 { background: #D5DDEB; } */
.menuFondNiv1 { background: #e4e4e4; }
.menuFondNiv1Select { background: #FFFFFF; }
.menuNiv1 { padding: 3px 0px; font-size: 75%; }
.menuNiv1 a:link { text-decoration: none; color: #000000; }
.menuNiv1 a:visited { text-decoration: none; color: #000000; }
.menuNiv1 a:active { text-decoration: underline; color: #000000; }
.menuNiv1 a:hover { text-decoration: underline; color: #000000; }
.menuNiv1Select { padding: 3px 0px; font-size: 75%; font-weight: bold; }
.menuNiv1Select a:link { text-decoration: none; color: #000000; }
.menuNiv1Select a:visited { text-decoration: none; color: #000000; }
.menuNiv1Select a:active { text-decoration: none; color: #000000; }
.menuNiv1Select a:hover { text-decoration: underline; color: #000000; }
.menuNiv1Grise { padding: 3px 0px; font-size: 75%; color: #666666; }

/* Sous-éléments du menu (= sous-étapes du formulaire : 2.1, 2.2 etc.), précédés d'un tiret */
/* .menuFondNiv2 { background: #EEF1F6; } */
.menuFondNiv2 { background: #e4e4e4; }
.menuFondNiv2Select { background: #FFFFFF; }
.menuNiv2 { padding: 2px 0px; font-size: 75%; }
.menuNiv2 a:link { text-decoration: none; color: #000000;  }
.menuNiv2 a:visited { text-decoration: none; color: #000000;  }
.menuNiv2 a:active { text-decoration: underline; color: #000000;  }
.menuNiv2 a:hover { text-decoration: underline; color: #000000;  }
.menuNiv2Select { padding: 2px 0px; font-size: 75%; font-weight: bold; }
.menuNiv2Select a:link { text-decoration: none; color: #000000; }
.menuNiv2Select a:visited { text-decoration: none; color: #000000; }
.menuNiv2Select a:active { text-decoration: none; color: #000000; }
.menuNiv2Select a:hover { text-decoration: underline; color: #000000; }
.menuNiv2Grise { padding: 2px 0px; font-size: 75%; color: #666666; }
/* .menuSeparateurNiv1 { background: #B3C5D6; } */
.menuSeparateurNiv1 { background: #fff; }
.menuSeparateurNiv2 { background: #FFFFFF; }

/********************************************************************/
/* TABLEAUX                                                         */
/********************************************************************/

caption { font-size: 75%; font-weight: bold; color: #000; text-align: left; }
.rangeeMultiple { vertical-align: middle; }
.caption { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 75%; text-align: left; }
.cellFondTitre { background: #008c53; }
.cellTitre { padding: 3px 3px; color: #FFFFFF; font-size: 75%; font-weight: bold; text-align: left; vertical-align: top; }
.cellTitreNum { padding: 3px 3px; color: #FFFFFF; font-size: 75%; font-weight: bold; text-align: right; vertical-align: top; }
.cellTitreMultiple { padding: 3px 3px; color: #FFFFFF; font-size: 75%; font-weight: bold; text-align: center; vertical-align: top; }
.cellFondSousTitre { background: #e1dcd0; }
.cellSousTitre { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold; text-align: left; vertical-align: top; }
.cellSousTitreNum { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold; text-align: right; vertical-align: top; }
.cellSousTitreMultiple { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold; text-align: center; vertical-align: top; }
.cellSousTitrePetit { padding: 3px 3px; color: #000000; font-size: 70%; font-weight: bold;}
.cellTitreLigne { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold; text-align: left; vertical-align: top; }
.cellTitreLigneNiv2 { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: normal; text-align: left; vertical-align: top; }
.cellImpaire { background: #eee; }
.cellPaire { background: #fff; }
.cellErreur { background: #FF3333; }
.cellTexte { padding: 3px 3px; color: #000000; font-size: 75%; vertical-align: top; vertical-align: top; }
.cellTexteNum { padding: 3px 3px; color: #000000; font-size: 75%; text-align: right; vertical-align: top; }
.cellTextePetit { padding: 3px 5px; color: #000000; font-size: 70%; }
.cellLibelleChamps { padding: 3px 3px; color: #000000; font-size: 75%; text-align: right}
.cellLibelleChampsErreur { padding: 3px 3px; color: #FFFFFF; font-size: 75%; text-align: right}
.cellTexteErreur { padding: 3px 3px; color: #FFFFFF; font-size: 75%; }
.cellTexteErreur a:link { color: #FFFFFF; }
.cellTexteErreur a:visited { color: #FFFFFF; }
.noteAppel { text-decoration: none; color: #000000; }
.noteCellTitre { text-decoration: none; color: #FFFFFF; }
.cellChampIndente { padding: 0 0 0 24px; vertical-align: text-top; }
.cellTexteIndente { padding: 3px 3px 3px 18px; color: #000000; font-size: 75%; vertical-align: top; }
.cellChoix { padding: 3px 3px; text-align: center; vertical-align: top; }
.cellIndent { margin-left: 30px; }

/********************************************************************/
/* ENCADRÉS                                                         */
/********************************************************************/

.encadreBordure { background: #000000; }
.encadreFond { background: #D5DDEB; }
.encadreTexte { padding: 5px 5px; color: #000000; font-size: 75%; }

.petit { font-size: 80%; }
.texte { font-size: 75%; }
.rechercheTexte { font-size: 75%; }
.rechercheTextePetit { font-size: 70%; }
.messageErreur { color: #FF0000; font-weight: bold; }
.texte-nowrap { white-space: nowrap; }

/********************************************************************/
/* PAGES D'AIDE                                                     */
/********************************************************************/

.AideMessage { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #006600; text-decoration: none }
.AidePageTitre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #008c53; text-decoration: none }
.AideSousTitre { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #003399; background: transparent; }
.AideBouton { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-decoration: none }

/* Coast */
.AideMessageCoast { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #006600; text-decoration: none }
.AidePageTitreCoast { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #00639E; text-decoration: none }
.AideSousTitreCoast { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #00639E; background: transparent; }
.AideBoutonCoast { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; text-decoration: none }
.cellTexteCoast { padding: 3px 3px; color: #000000; font-size: 75%; }
.cellTitreCoast { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold;}
.cellFondTitreCoast { background: #E0E0D7; }
.cellImpaireCoast { background: #F9F7ED; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cellPaireCoast { background: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cellEnTeteCoast { padding: 3px 3px; background: #E0E0D7; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }

/* AccèsD */
.cellFiletADP { background: #000000; }
.cellTitreADP { padding: 3px 3px; color: #000000; font-size: 75%; font-weight: bold;}
.cellFondTitreADP { background: #C1DBC0; }
.cellImpaireADP { background: #EBEBEB; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cellPaireADP { background: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.cellEnTeteADP { padding: 3px 3px; background: #C1DBC0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }


/********************************************************************/
/* CLASSES DU TRANSACTIONNEL                                        */
/********************************************************************/

/*
Nom long : BandeauFond
Applicable dans les régions : Bandeau
*/
.bf {
 BACKGROUND-COLOR: #008c53;
}
/*
Nom long : BandeauOutilLien
Applicable dans les régions : Bandeau
*/
.bol {
 COLOR: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
}
/*
Nom long : BandeauOutilLienImportant
Applicable dans les régions : Bandeau
*/
.boli {
 COLOR: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}
/*
Nom long : OngletEncadre
Applicable dans les régions : Barre de navigation (Onglet)
*/
.oe {
 background-color : #000000;
}
/*
Nom long : OngletFond
Applicable dans les régions : Barre de navigation (Onglet)
*/
.of {
 background-color : #003399;
}
/*
Nom long : OngletFondSelect
Applicable dans les régions : Barre de navigation (Onglet)
*/
.ofs {
 background-color : #ffffff;
}
/*
Nom long : OngletNonSelect
Applicable dans les régions : Barre de navigation (Onglet)
*/
.ons {
 COLOR: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 line-height : 11px;
}
/*
Nom long : OngletSelect
Applicable dans les régions : Barre de navigation (Onglet)
*/
.os {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 line-height : 11px;
}
/*
Nom long : MenuFondTitre
Applicable dans les régions : Menu de gauche
*/
.mft{
 background : #003399;
}
/*
Nom long : MenuTitre
Applicable dans les régions : Menu de gauche
*/
.mt {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 color : #ffffff;
}
/*
Nom long : MenuFondElement
Applicable dans les régions : Menu de gauche
*/
.mfe{
 background : #D5DDEB;
}
/*
Nom long : MenuFondElementSelect
Applicable dans les régions : Menu de gauche
*/
.mfes{
 background : #ffffff;
}
/*
Nom long : MenuFondElementSousElementSelect
Applicable dans les régions : Menu de gauche
*/
.mfeses{
 background : #EEF1F6;
}
/*
Nom long : MenuFondSousElement
Applicable dans les régions : Menu de gauche
*/
.mfs{
 background : #EEF1F6;
 vertical-align : top;
}
/*
Nom long : MenuFondSousElementSelect
Applicable dans les régions : Menu de gauche
*/
.mfses{
 background : #ffffff;
 vertical-align : top;
}
/*
Nom long : MenuElement
Applicable dans les régions : Menu de gauche
*/
.me {
 COLOR: #0000FF;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
}
/*
Nom long : MenuElementSelect
Applicable dans les régions : Menu de gauche
*/
.mes {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}
/*
Nom long : MenuElementSousElementSelect
Applicable dans les régions : Menu de gauche
*/
.meses {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}
/*
Nom long : MenuSousElementSelect
Applicable dans les régions : Menu de gauche
*/
.mses {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
}
/*
Nom long : MenuSousElement
Applicable dans les régions : Menu de gauche
*/
.mse {
 COLOR: #0000FF;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
}
/*
Nom long : MenuTiret
Applicable dans les régions : Menu de gauche
*/
.mtt {
 COLOR: #0000FF;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bolder;
 LINE-HEIGHT: 90%;
}
/*
Nom long : MenuTiretSelect
Applicable dans les régions : Menu de gauche
*/
.mts {
 COLOR: #000000;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
   FONT-SIZE: 75%;
   FONT-WEIGHT: bolder;
   LINE-HEIGHT: 90%;
}
/*
Nom long : MenuLigneInterne
Applicable dans les régions : Menu de gauche
*/
.mli {
    font-family: Arial, Helvetica, sans-serif;
 BACKGROUND-COLOR: #B3C5D6;
 font-size : 1pt;
 line-height : 1pt;
}
/*
Nom long : MenuLigneInterneSelectionne
Applicable dans les régions : Menu de gauche
*/
.mlis {
    font-family: Arial, Helvetica, sans-serif;
 BACKGROUND-COLOR: #ffffff;
 font-size : 1pt;
 line-height : 1pt;
}
/*
Nom long : LigneSeparateur
Applicable dans les régions : Menu de gauche, Titre de page, Contenu, Pied de page
*/
.ls {
    font-family: Arial, Helvetica, sans-serif;
 background-color: #000000;
 color : #000000;
 font-size : 1pt;
 line-height : 1pt;
}
/*
Nom long : TexteDroite
Applicable dans les régions : Titre de page, Contenu
*/
.td {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 vertical-align: text-top;
 TEXT-ALIGN: right;
}
/*
Nom long : MessageConfirmation
Applicable dans les régions : Zone message
*/
.msgc {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
}
/*
Nom long : MessageErreur
Applicable dans les régions : Zone message
*/
.msge {
 COLOR: #CC0000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-WEIGHT: bold;
 font-size : 75%;
}
/*
Nom long : MessagePromo
Applicable dans les régions : Zone message
*/
.msgp {
 COLOR: #006600;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
}
/*
Nom long : PageTitre
Applicable dans les régions : Titre de page
*/
.pt {
 COLOR: #008c53;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 100%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 vertical-align: text-top;
}
/*
Nom long : PageSousTitre
Applicable dans les régions : Titre de page
*/
.pst {
 COLOR: #003399;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 80%;
 FONT-WEIGHT: bold;
 vertical-align: text-top;
}
/*
Nom long : PageIntertitre
Applicable dans les régions : Contenu
*/
.pi {
 COLOR: #003399;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
}
/*
Nom long : PageSousTitreLogon
Applicable dans les régions : Contenu
*/
.pstl {
 COLOR: #003399;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 100%;
 FONT-WEIGHT: bold;
}
/*
Nom long : Instruction
Applicable dans les régions : Contenu
*/
.i {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 vertical-align: text-top;
}
/*
Nom long : EnteteFond
Applicable dans les régions : Contenu (Table)
*/
.et {
 BACKGROUND-COLOR: #C1DBC0;
 COLOR: #000000;
}
/*
Nom long : Entete
Applicable dans les régions : Contenu (Table)
*/
.e {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 PADDING-LEFT: 2px;
 TEXT-ALIGN: left;
 vertical-align: text-top;
}
/*
Nom long : EnteteAffiMntNmbPct
Applicable dans les régions : Contenu (Table)
*/
.eamnp {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: right;
 vertical-align: text-top
}
/*
Nom long : EnteteSaisie
Applicable dans les régions : Contenu (Table)
*/
.es {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 PADDING-LEFT: 2px;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: center;
 vertical-align: text-top
}
/*
Nom long : TableauFond
Applicable dans les régions : Contenu (Table)
*/
.tf {
 background-color : #ffffff;
}
/*
Nom long : LigneImpaireFond
Applicable dans les régions : Contenu (Table)
*/
.lif {
 BACKGROUND-COLOR: #E9F5E9;
 COLOR: #000000;
}
/*
Nom long : LignePaireFond
Applicable dans les régions : Contenu (Table)
*/
.lpf {
 BACKGROUND-COLOR: #ffffff;
 COLOR: #000000;
}
/*
Nom long : Cellule
Applicable dans les régions : Contenu (Table)
*/
.c {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-LEFT: 2px;
 TEXT-ALIGN: left;
 vertical-align: text-top;
}
/*
Nom long : CelluleAffiMntNmbPct
Applicable dans les régions : Contenu (Table)
*/
.camnp {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: right;
 vertical-align: text-top
}
/*
Nom long : CelluleSaisie
Applicable dans les régions : Contenu (Table)
*/
.cs {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-LEFT: 2px;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: center;
 vertical-align: text-top
}
/*
Nom long : CelluleErreur
Applicable dans les régions : Contenu (Table)
*/
.ce {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-LEFT: 2px;
 TEXT-ALIGN: left;
 vertical-align: text-top;
 color : #ffffff;
}
/*
Nom long : CelluleAffiMntNmbPctErreur
Applicable dans les régions : Contenu (Table)
*/
.camnpe {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: right;
 vertical-align: text-top;
 color : #ffffff;
}
/*
Nom long : CelluleSaisieErreur
Applicable dans les régions : Contenu (Table)
*/
.cse {
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 PADDING-LEFT: 2px;
 PADDING-RIGHT: 2px;
 TEXT-ALIGN: center;
 vertical-align: text-top;
 color : #ffffff;
}
/*
Nom long : CelluleImportante
Applicable dans les régions : Contenu (Table)
*/
.ci {
 FONT-WEIGHT: bold;
}
/*
Nom long : LigneErreurFond
Applicable dans les régions : Contenu
*/
.lef {
 BACKGROUND-COLOR: #ff3333;
}
/*
Nom long : EncadreFond
Applicable dans les régions : Contenu
*/
.ec {
 BACKGROUND-COLOR: #e5ebf5;
}
/*
Nom long : BordureNoire
Applicable dans les régions : Contenu
*/
.bn {
 BORDER: solid black 1px;
}
/*
Nom long : EncadreBordure
Applicable dans les régions : Contenu
*/
.eb {
 BACKGROUND-COLOR: #000000;
 color : #000000;
}
/*
Nom long : Texte
Applicable dans les régions : Contenu, Pied de page
*/
.t {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
/*
Nom long : Texte guidage
Applicable dans les régions : Contenu
*/
.tg {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 70%;
 FONT-WEIGHT: normal;
        TEXT-DECORATION: none;
}
/*
Nom long : TexteHyper
Applicable dans les régions : Contenu, Pied de page
*/
.th {
 COLOR: #000000;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-ALIGN: center;
}
/*
Nom long : TexteImportant
Applicable dans les régions : Contenu
*/
.ti{
 font-weight : bold;
}
/*
Nom long : LigneInv
Applicable dans les régions : Contenu
*/
.li {
 FONT-SIZE: 1pt;
}
/*
Nom long : LigneInvPub
Applicable dans les régions : Contenu
*/
.lip {
 FONT-SIZE: 5pt;
}
/*
Nom long : ZoneEspacement
Applicable dans les régions : Titre de page, Contenu, Pied de page
*/
.ze {
     FONT-SIZE: 12pt;
}
/*
Nom long : ZoneEspacementMinimal
Applicable dans les régions : Zone message, Titre de page, Contenu, Pied de page
*/
.zem {
     FONT-SIZE: 6pt;
}
/*
Nom long : EspacePageContenu
Applicable dans les régions : Contenu
*/
.epc{
 font-size : 8pt;
}
/*
Nom long : TexteExemple
Applicable dans les régions : Contenu
*/
.te {
 COLOR: #666666;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 LINE-HEIGHT: 90%;
 TEXT-DECORATION: none;
 text-align : left;
 vertical-align : middle;
}
/*
Nom long : Liste
Applicable dans les régions : Contenu (Liste)
*/
.l {
 margin-bottom : 0;
 margin-top : 0;
}
/*
Nom long : Formulaire
Applicable dans les régions : Contenu (Form)
*/
.f {
 margin-bottom : 0px;
 margin-top : 0px;
   }
/*
Nom long : Icone Fiche Fond
Applicable dans les régions : Contenu (Form)
*/
.iff {
 BACKGROUND-COLOR: #003399;
}
/*
Nom long : Icone Fiche Titre
Applicable dans les régions : Contenu (Form)
*/
.ift {
 COLOR: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}
/*
Nom long : Lu
Applicable dans les régions : Contenu
*/
.lu {
 COLOR: #800080;
}
/*
Nom long : NonLu
Applicable dans les régions : Contenu
*/
.nlu {
 COLOR: #0000FF;
}
/*
Applicable pour "Dernieres Operations Visa"
*/
.MenuElementNonDisponible {
 COLOR: #666666;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 FONT-SIZE: 75%;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
}

.CelluleEntete {
 background-color: #C1DBC0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%; color: #000000;
 font-weight: bold
}
/*
Nouveau css
*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  min-width: 760px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background: #dbdbdb url(https://images.desjardins.com/protect/fond_page_800px.gif) repeat-y top center;
}
* html body { text-align: center; }
#centre {
  width: 760px;
}

#bas-page-clear {
  clear: both;
  height: 40px;
}

#bas-page {
  position: relative;
  clear: both;
  margin: 0 auto;
  width: 760px;
  text-align: center;
}
*html #bas-page{width: 760px;}

#page {
  margin: 0 auto;
  width: 757px;
  min-height: 100%;
  margin-bottom: -25px;
  background-color: #fff;
}
* html #page { height: 100%;width: 757px; }

#entete {
  position: relative;
  min-height: 111px;
  background: #fff url(https://images.desjardins.com/protect/fond_entete_760px.gif) no-repeat top left;
}
* html #entete { height: 111px; }

#logo {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 23px;
  left: 8px;
  width: 154px;
  height: 59px;
}

#logo h1, #logo a {
  display: block;
  width: 154px;
  height: 59px;
}

#logo img { border: none; }

#outils  {
  margin: 0 0 0 166px;
  padding: 53px 0 10px 0;
  font-size: 80%;
  text-align: right;
}

#outils .logo-partenaire {
  margin: -18px 8px 10px 0;
}

#outils .rona {
  margin-top: -10px;
}

#outils p {
  margin: 0;
  padding: 0 5px 5px 0;
}

#outils ul { margin: 0; padding: 0; list-style-type: none; }
#outils ul li { display: inline; margin: 0; padding: 0 6px 0 2px; border-right: 1px solid #000; }
* html #outils ul li { padding: 0 2px 0 6px; }
*+html #outils ul li { padding: 0 2px 0 6px; }
#outils ul li.rss a { padding-right: 18px; background: url(https://images.desjardins.com/pict/1a00_icone_rss.gif) no-repeat right center; }
#outils ul li.dernier { border: none; }
#outils ul li a { color: #000; white-space: nowrap; }
#outils ul li a:link, #outils li a:visited, #outils li a:active { text-decoration: none; }
#outils ul li a:hover { text-decoration: underline; }
#outils ul li.fermer a { color: #00f; font-weight: normal; }
#outils ul li.fermer a:link, #outils li.fermer a:visited, #outils li.fermer a:active { text-decoration: underline; }

#fonctions {
  position: relative;
  float: left;
  width: 100%;
  padding: 14px 0 20px 0;
  font-size: 75%;
  overflow: hidden;
  min-height: 38px;
}


#fonctions ul {
  clear: left;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  left: 50%;
}

#fonctions ul li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  right: 50%;
}

#fonctions ul li a {
  display: block;
  padding: 0 0 0 38px;
  margin-right: 14px;
  color: #000;
  white-space: nowrap;
  line-height: 38px;
  min-height: 38px;
  text-decoration: underline;
  background-repeat: no-repeat;
  background-position: left middle;
}
#fonctions ul li a.imprimer { background-image: url(https://images.desjardins.com/protect/icone_impression.gif); }
#fonctions ul li a.envoyer { background-image: url(https://images.desjardins.com/protect/icone_courriel.gif); }
#fonctions ul li a.evaluer { background-image: url(https://images.desjardins.com/protect/icone_evaluer.gif); }
#fonctions ul li a.haut-page { background-image: url(https://images.desjardins.com/protect/icone_haut_page.gif); }


#pied {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 10px 0 2px 0;
  min-height: 41px;
  font-size: 75%;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #cfcfcf;
}
* html #pied { height: 41px; }

#pied ul { margin: 0 0 4px 0; padding: 0; list-style-type: none; }
#pied ul li { display: inline; padding: 0 5px 0 2px; border-right: 1px solid #000000; }
* html #pied ul li { padding: 0 2px 0 5px; }
*+html #pied ul li { padding: 0 2px 0 5px; }
#pied ul li.dernier { border: none; }
#pied ul li a { white-space: nowrap; }


#copyright {
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #666;
}