/* *************** */
/* CSS pour le SVG */
/* *************** */

/* logon */
.svgLogonText {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    fill: #528abf;
}
.svgLogonBgColor {
    fill: #e7e6e0;
    stroke: none;
}
/* logout */
.svgLogoutText {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    fill: #528abf;
}
.svgLogoutBgColor {
    fill: #e7e6e0;
    stroke: none;
}

/* menuLevel0 */
.svgMenuLevel0TextBlack {
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    fill: #3c4254;
}
.svgMenuLevel0Text {
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    fill: #528abf;
}
.svgMenuLevel0BgColor {
    fill: #e7e6e0;
    stroke: none;
}
.svgMenuLevel0TextOff {
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: normal;
    fill: #528abf;
}
.svgMenuLevel0BgColorOff {
    fill: #e7e6e0;
    stroke: none;
}

/* menuLevel1 */
.svgMenuLevel1Text {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    fill: #528abf;
}
.svgMenuLevel1BgColor {
    fill: #ffffff;
    stroke: none;
}

/* menuLevelN */
.svgMenuLevelNText {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    fill: #2d3c40;
}
.svgMenuLevelNBgColor {
    fill: #e7e6e0;
    stroke: none;
}
.svgMenuLevelNDotOn {
    fill: #aa5e0f;
    stroke: #aa5e0f;
}

.svgMenuLevelNDotOff {
    fill: none;
    stroke: #2d3c40;
}
/* **************** */
/* **************** */

/* ===== General ============================================================ */

html, body {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #ffffff;
}

p {
    font-size: 11px;
    font-family: arial;
	margin-top: 1pt;
	margin-bottom: 3pt;
}

td {
    font-size: 11px;
    font-family: arial;
}

h1 {
    font-size: 11pt;
	margin-bottom: 5pt;
    margin-bottom: 0pt;
    color: #528abf;
}

h2 {
    font-size: 10pt;
    color: #528abf;
	margin-bottom: 5pt;
	margin-bottom: 0pt;
}

h3 {
    font-size: 10pt;
    color: #528abf;
	margin-bottom: 5pt;
	margin-bottom: 0pt;
}

h4 {
    font-size: 10pt;
    color: #528abf;
	margin-bottom: 5pt;
	margin-bottom: 0pt;
}

a {
    font-size: 11px;
    font-family: arial;
    color: #b87200;
    text-decoration: none;
    cursor: pointer;    
}

/* ===== Nouvelles ========================================================== */

.textBaseColorDark {
    color: #000033;
}

.textBaseColorLight {
    font-family: arial;
    color: #3c4254;
}

.textBaseColorGold {
    color: #cc9933;
}

.textWhiteBgBaseColorLight {
    font-family: arial;
    background-color: #bb6c07;
    color: #ffffff;
}

.textWhiteBgBaseColorLightAlt {
    color: #ffffff;
    background-color: #bb6c07;
}

.textWhiteBgBaseColorDark {
    color: #ffffff;
    background-color: #000033;
}

.textWhiteBgBlack {
    color: #ffffff;
    background-color: #3c4254;
}

.textRed {
    color: #cc0000;
}

.textGray {
    color: #aaaaaa;
}

.textGrayDark {
    color: #444444;
}

.bgColorColumnSeparator {
    background-color: #e7e6e0;
}

.bgColorLineOdd {
    background-color: #ffffff;
}

.bgColorLineEven {
    background-color: #e7e6e0;
}

.bgColorBottomForm {
    background-color: #bb6c07;
}

.bgBaseColorLight {
    background-color: #bb6c07;
}

.bgBaseColorLightAlt {
    background-color: #bb6c07;
}

.bgBaseColorLighter {
    background-color: #faf6ed;
}

.bgBaseColorLighterMore {
    background-color: #faf6ed;
}

.bgBaseColorDark {
    background-color: #faf6ed;
}

.bgBaseColorGold {
    background-color: #CC9933;
}

.bgGray {
    background-color: #aaaaaa;
}

.bgGrayLight {
    background-color: #cccccc;
}

.bgGrayLighter {
    background-color: #e7e6e0;
}

.bgGrayDark {
    background-color: #444444;
}

.bgBlack {
    background-color: #3c4254;
}

.bgBeigeLight {
    background-color: #faf6ed;
}

.bgBleuLight {
    background-color: #e2f2f9;
}

.bgFormulaireColor {
    background-color: #faf6ed;
}

.linkRedBoldSmall {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    text-decoration: none;
    color: #cc0000;
}

.linkRedUnderline {
    text-decoration: underline;
    color: #cc0000;
}

.linkBaseColor {
    font-size: 11px;
    font-family: arial;
    text-decoration: none;
    color: #2d3c40;
}

.linkTitreMenuBaseColor {
    font-size: 11px;
    font-family: Verdana, Arial;
    text-decoration: none;
    color: #528abf;
}

.linkBaseColorDark {
    font-size: 11px;
    font-family: Geneva, Verdana, sans-serif;
    text-decoration: none;
    color: #003300;
}

.linkBaseColorDarkUnderline {
    text-decoration: underline;
    color: #000033;
}

.linkBaseColorLight {
    text-decoration: none;
    color: #b87200;
}

.linkBlackUnderline:active {
    text-decoration: none;
    color: #3c4254;
}

.linkBlackUnderline:visited {
    text-decoration: none;
	color: #3c4254;
}

.linkBlackUnderline:link {
    text-decoration: none;
	color: #3c4254;
}

.linkBlackUnderline:hover {
    text-decoration: underline;
	color: #3c4254;
}

.titleBaseColorLight {
    font-size: 11px;
    font-weight: bold;
    color: #3c4254;
}

.titleBaseColorLightAlt {
    font-size: 11px;
    font-weight: bold;
    color: #bb6c07;
}

.titleBaseColorDark {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #000033;
}

.titleRed {
    font-size: 11px;
    font-family: verdana, arial;
    color: #cc0000;
}

.subtitleBaseColor {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #2d3c40;
}

.subtitleBaseColorLight {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #5c6a6e;
}

.subtitleBlack {
    font-size: 21px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
}

.subtitleRed {
    font-size: 11px;
    font-family: verdana, arial;
    color: #cc0000;
}

.subtitleWhiteBgBaseColorLight {
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #bb6c07;
}

.subtitleWhiteBgBaseColorLightAlt {
    font-family: verdana, arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #bb6c07;
}

.subtitleBlackBgBaseColorLighter {
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #e3ba8e;
}

.subtitleTableBgBaseColorLighter {
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #e3ba8e;
}

.subtitleWhiteBgBaseColorDark {
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #bb6c07;
}

.subtitleWhiteBgBlack {
    font-size: 11px;
    font-family: verdana, arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #3c4254;
}

.subsubtitleBlack {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
}

.subsubtitleBlackBgBaseColorLighter {
    font-family: arial;
    color: #3c4254;
    background-color: #e3ba8e;
}

.subsubtitleBlackBgBaseColorLighterMore {
    font-family: arial;
    color: #3c4254;
    background-color: #faf6ed;
}

/* ===== Titres ============================================================= */

.titre {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #2d3c40;
}

.titreProduit {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #CC0000;
    background-color: #ffffff;
}

.titreSection {
    font-size: 16px;
    font-family: georgia;
    font-weight: bold;
    color: #b87200;
}

.titreTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
}

.titreSousTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #bb6c07;
    background-color: #ffffcc;
}

.titreColonne {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #6A8A86;
}

.titrePetitTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #ffffcc;
}

/* ===== Contenu ============================================================ */

.contenuTitreTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #bb6c07;
    background-color: #ffffff;
}

.contenuTitreTableauGris {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #bb6c07;
    background-color: #cccccc;
}

.contenuPetitTitreTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #bb6c07;
    background-color: #ffffff;
}

.contenuTableau {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #ffffff;
}

.contenuGrisTableau {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #cccccc;
}

.contenuPetitTableau {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #ffffff;
}

.contenuPetitTableauOmbre {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #cccccc;
}

.headerTableauDixTitres {
    font-size: 11px;
    font-family: arial;
    font-weight: bold; 
    color: #ffffff;
    text-align: left;
    text-valign: center;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}
.headerTableauDetailFond {
    font-size: 11px;
    font-family: arial;
    font-weight: bold; 
    color: #ffffff;
    text-align: center;
    text-valign: center;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}

.rowTitleTableauDetailFond {
    font-size: 11px;
    font-family: arial;
    color: black;
    text-align: right;
    text-valign: center;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}

.rowAjouteeTableauDetailFond {
    font-size: 11px;
    font-family: arial;
    text-align: right;
    text-valign: center;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}

.contenuAjouteeTableauDetailFond {
    font-size: 11px;
    font-family: arial;
    text-valign: center;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}

.contenuTableauDetailFond {
    font-size: 11px;
    font-family: arial;
    color: black;
    text-valign: center;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;
}

.contenuTableauDetailMetho {
    font-size: 9px;
    font-family: arial;
    color: black;
    text-valign: left;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;
}

.rowTitleTableauMetho {
    font-size: 9px;
    font-family: arial;
    color: black;
    text-align: left;
    text-valign: center;
    border-color: #ffffff;
    border-width: 1px; 
    border-style: solid;    
}

/* ===== Separateurs ======================================================== */

.separateurTitreTableau {
    font-size: 11px;
    font-family: arial;
    color: #ffffff;
    background-color: #026626;
}

.separateurCouleurTableau {
    font-size: 11px;
    font-family: arial;
    color: #ffffff;
    background-color: #bb6c07;
}

.separateurLigne {
    font-size: 11px;
    font-family: arial;
    color: #ffffff;
    background-color: #cccccc;
}

/* ===== Textes ============================================================= */

.titreTexte {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #bb6c07;
    background-color: #ffffff;
}

.grasTexte {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #ffffff;
}

.grasCouleurTexte {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #DDD317;
    background-color: #ffffff;
}

.texte {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
}

.texteBaseColor {
    font-size: 11px;
    font-family: arial;
    color: #2d3c40;
}

.grasTexteBaseColor {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #2d3c40;
}

.texteBaseColorLight {
    font-size: 11px;
    font-family: arial;
    color: #5c6a6e;
}

.texteActif {
    font-size: 11px;
    font-family: arial;
    color: #FF0000;
}

.petitTexte {
    font-size: 9px;
    font-family: arial;
    color: #2d3c40;
}

.petitTexteBlanc {
    font-size: 9px;
    font-family: arial;
    color: #ffffff;
}

.petitTexteGris {
    font-size: 9px;
    font-family: arial;
    color: #5c6a6e;
}

.petitGrasTexte {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #ffffff;
}

.petitGrasTexteRouge {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #800000;
    text-decoration: none;
}

/* ===== Erreurs ============================================================ */

.bgBaseColorError {
    background-color: #800000;
}

.subtitleWhiteBgBaseColorError {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #800000;
}

.textBlackBgBaseColorError {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #e7e6e0;
}

.erreurTitre {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: white;
    background-color: #800000;
}

.erreurTexte {
    font-size: 11px;
    font-family: arial;
    color: red;
    background-color: #ffffff;
}

/* ===== Succes ============================================================ */

.bgBaseColorMessage {
    background-color: #ffffcc;
}

.subtitleWhiteBgBaseColorMessage {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #ffffcc;
}

.textBlackBgBaseColorMessage {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #e7e6e0;
}

.messageTitre {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: white;
    background-color: #bb6c07;
}

.messageTexte {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #ffffff;
}

/* ===== Liens ============================================================== */

.lienTitreTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #bb6c07;
    text-decoration: none;
    cursor: pointer;
}

.linkSubtitleTableBgBaseColorLighter {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #e3ba8e;
    text-decoration: none;
    cursor: pointer;
}

.lienColonneTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #6A8A86;
    text-decoration: none;
    cursor: pointer;
}

.lienGrisContenuTableau {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    background-color: #cccccc;
    text-decoration: none;
    cursor: pointer;
}

.lienTitreSection {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    color: #3c4254;
    text-decoration: none;
    cursor: pointer;
}

.lienTexte {
    font-size: 11px;
    font-family: arial;
    color: #b87200;
    text-decoration: none;
    cursor: pointer;
}

.petitLienTexte {
    font-size: 9px;
    font-family: arial;
    color: #b87200;
    text-decoration: none;
    cursor: pointer;
}

.lienTexteGris {
    font-size: 11px;
    font-family: arial;
    color: #3c4254;
    background-color: #cccccc;
    text-decoration: none;
    cursor: pointer;
}

/* ===== Boite de dialogue popup onmousover ================================= */

.logMsg {
    border-style: solid;
    border-color: #3c4254;
    border-width: 1px;
    background-color: #ffffdd;
    padding: 5px;
    position: absolute;
}

/* ===== Bulle d'information (popup onmousover) ================================= */

.popupBulle {
    border-style: solid;
    border-color: #336699;
    border-width: 1px;
    background-color: #EBEBD8;
    padding: 5px;
    position: absolute;
 }

.textePopupBulle {
    font-size: 11px;
    font-family: arial, helvetica;
    color: #000000;
}

/* ===== Illustration RGA ================================= */

.titreH1Aide {
    font-size: 11pt;
	margin-bottom: 5pt;
    margin-bottom: 0pt;
    color: #e49c00;
}

.titreSectionH2 {
    font-size: 10pt;
    color: #000000;
	margin-bottom: 5pt;
	margin-bottom: 0pt;
}

.titreSectionH2Aide {
    color: #3f5657;
    font-weight: bold;
}

.bgPaleRGA {
    background-color: #fce9c0;
}
.bgFonceRGA {
    background-color: #fcdd9a;
}
.hyperlienAide{
	color: #909216;	
}