body { background: #5db1d5 url(../img/bgBody.gif) repeat-x top; color: #000000; font: normal normal 11px Verdana, Arial, sans-serif; }

h1    { color: #445D7E; font:  normal bold 13px Arial, sans-serif; margin-bottom: 4px; }

/* Define include_top area */
.banner { 
    color: #2D4780;
    background: #e6f0ff; background-image: url('../img/top1l.gif'); background-repeat:no-repeat;
    font: normal bold 16px Times, TimesRoman, serif;
    font-variant: small-caps;
}
.top1 { background-image: url('../img/top2l.jpg'); color: #fff; font: normal normal 11px Verdana, Arial, sans-serif;
    padding-left: 17px; padding-top: 10px; padding-right: 10px; }
.top1a { color: #000; font: normal normal 11px Verdana, Arial, sans-serif;
    line-height: 24px; }
.top1b { background-image: url('../img/top2lmini.jpg'); color: #000; font: normal normal 11px Verdana, Arial, sans-serif; }


.top1bs { background: #58749F; color: #FFF; font: normal bold 16px Verdana, Arial, sans-serif; }

/* Define top right banner */
.topbanner { background:url("../img/bkg_topBanner.gif") repeat-x; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif;  
    border-top: 0px solid #2D4780; border-left: 0px solid #2D4780; line-height: 20px; padding-top: 5px; }
.topbanner1 { background: #2D4780; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
    line-height: 20px; }
.topbanner1 a:link    { color: #FFF; text-decoration: none;   }
.topbanner1 a:active  { color: #ff6600; text-decoration: none;   }
.topbanner1 a:visited { color: #FFF; text-decoration: none;   }
.topbanner1 a:hover   { color: #DAE1EC; text-decoration: underline;  }
.topbanner2 { background: #2D4780; color: #FFF; font: normal normal 9px Verdana, Arial, sans-serif; 
    line-height: 20px; }
.topbanner2 a:link    { color: #FFF; text-decoration: none;   }
.topbanner2 a:active  { color: #58749F; text-decoration: none;   }
.topbanner2 a:visited { color: #FFF; text-decoration: none;   }
.topbanner2 a:hover   { color: #DAE1EC; text-decoration: underline;  }
.toptitle { background: #E6F0FF; }

/* Define doc sections */
.docfoldertitle0  { background: #E6F0FF; font: normal normal 18px Verdana, Arial, sans-serif; color: #2D4780;  }
.docfoldertitle2  { background: #E6F0FF; font: normal normal 18px Verdana, Arial, sans-serif; color: #CF7633;  }
.docno            { color: #960000; font: normal normal 10px Verdana, Arial, sans-serif; }
.docdesc          { font: italic normal 10px Verdana, Arial, sans-serif; color: #59759D; }

/* Define tree sections */
.treesideempty      { background: none; font: normal normal 11px Verdana, Arial, sans-serif; color: #FFF; }
.treeemptytxt       { font: normal normal 10px Verdana, Arial, sans-serif; color: #FFF; }
.treeboldemptytxt   { font: bold 10px Verdana, Arial, sans-serif; color: #FFF; }

.treeside1           { background: none; font: normal normal 11px Verdana, Arial, sans-serif; color: #108510; }
.treeside1 a:link    { color: #108510; text-decoration: none; }
.treeside1 a:active  { color: #108510; text-decoration: none; }
.treeside1 a:visited { color: #108510; text-decoration: none; }
.treeside1 a:hover   { color: #108510; text-decoration: underline overline; }
.treesideopen1       { background: #AABEDC; font: bold 11px Verdana, Arial, sans-serif; color: #108510; }

.treeside2           { background: #AABEDC; font: normal normal 11px Verdana, Arial, sans-serif; color: #CF7633; }
.treeside2 a:link    { color: #CF7633; text-decoration: none; }
.treeside2 a:active  { color: #CF7633; text-decoration: none; }
.treeside2 a:visited { color: #CF7633; text-decoration: none; }
.treeside2 a:hover   { color: #CF7633; text-decoration: underline overline; }
.treesideopen2       { background: #AABEDC; font: bold 11px Verdana, Arial, sans-serif; color: #CF7633; }

.treeside0           { background: none; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; }
.treeside0 a:link    { color: #2D4780; text-decoration: none; }
.treeside0 a:active  { color: #2D4780; text-decoration: none; }
.treeside0 a:visited { color: #2D4780; text-decoration: none; }
.treeside0 a:hover   { color: #2D4780; text-decoration: underline overline; }
.treesideopen0       { background: #AABEDC; font: bold 11px Verdana, Arial, sans-serif; color: #2D4780; }

.treeside           { background: #AABEDC; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; }
.treeside a:link    { color: #2D4780; text-decoration: none; }
.treeside a:active  { color: #2D4780; text-decoration: none; }
.treeside a:visited { color: #2D4780; text-decoration: none; }
.treeside a:hover   { color: #2D4780; text-decoration: underline overline; }
.treesideopen       { background: #AABEDC; font: bold 11px Verdana, Arial, sans-serif; color: #2D4780; }

.treemain      { background: #FFF; color: #000033; font: normal normal 10px Verdana, Arial, sans-serif; }
.treemainno    { background: #FFF; color: #960000; font: normal normal 10px Verdana, Arial, sans-serif;
    border: 1px solid #58749F; }
.treemainno2   { background: #FFF; color: #960000; font: normal normal 10px Verdana, Arial, sans-serif; }
.treeupbox     { background: #4999ad; border: 1px solid #58749F; font: normal normal 10px Verdana, Arial, sans-serif; }
.treeup        { background: #AABEDC; border-top: 1px solid #58749F; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.treeupend        { background: #E6F0FF; border-top: 1px solid #58749F; }
.treehighclear { background: #FFF; border: 1px solid #58749F; }
.treehighdark  { background: #AABEDC; border: 1px solid #58749F; }
.treeupclear   { background: #FFF; border-top: 1px solid #58749F; border-left: 1px solid #58749F;  border-right: 1px solid #58749F; }
.treeuptitle   { background-image: url('../img/boxokh.gif'); color: #FFF; font: bold 12px Verdana, Arial, sans-serif; }
.treeuptitle2  { background-image: url('../img/boxongh.gif'); color: #FFF; font: bold 12px Verdana, Arial, sans-serif; }
.treemidclear  { background: #FFF; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.treemiddark   { background: #AABEDC; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.treedownclear { background: #FFF;
    border-bottom: 1px solid #58749F; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.treeboxclear  { background: #FFF; border: 1px solid #58749F; }
.treedowndark  { background: #AABEDC;
    border-bottom: 1px solid #58749F; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.treeboxdark   { background: #AABEDC; border: 1px solid #58749F; }
.treetxt       { font: normal normal 10px Verdana, Arial, sans-serif; color: #000; }

.treeboldtxt           { font: bold 10px Verdana, Arial, sans-serif; color: #000; }
.treeboldtxt a:link    { font: bold 10px Verdana, Arial, sans-serif; color: #000; text-decoration: none; }
.treeboldtxt a:active  { font: bold 10px Verdana, Arial, sans-serif; color: #000; text-decoration: none; }
.treeboldtxt a:visited { font: bold 10px Verdana, Arial, sans-serif; color: #000; text-decoration: none; }
.treeboldtxt a:hover   { font: bold 10px Verdana, Arial, sans-serif; color: #2D4780; text-decoration: underline overline; }

.formtxt       { font: normal normal 12px Verdana, Arial, sans-serif; color: #000; }

/* Define main sections */
.leftside { background-image: url('../img/leftsidebk.gif'); font: normal normal 12px Verdana, Arial, sans-serif; 
    color: #fff;  }
.leftsidebot { background: #FFF; font: normal normal 12px Verdana, Arial, sans-serif; 
    color: #000; }
.main { background: #FFF; color: #000033; font: normal normal 12px/15px Verdana, Arial, sans-serif; 
    padding: 10px; }

.mainstrat { background-image: url(../img/tete-strat.png); background-position: center center; background-repeat: no-repeat;
    color: #000033; font: normal normal 12px/15px Verdana, Arial, sans-serif; }
.mainstrat a:link    { color: #000033; font: normal normal 12px/15px Verdana, Arial, sans-serif;; text-decoration: underline; }
.mainstrat a:active  { color: #000033; font: normal normal 12px/15px Verdana, Arial, sans-serif; text-decoration: underline; }
.mainstrat a:visited { color: #000033; font: normal normal 12px/15px Verdana, Arial, sans-serif; text-decoration: underline; }
.mainstrat a:hover   { color: #829AC0; font: normal normal 12px/15px Verdana, Arial, sans-serif; text-decoration: underline; }

.rightside { background: #AABEDC; font: normal normal 12px Verdana, Arial, sans-serif; 
    color: #000; padding: 4px; }
.formpage { background: #ffffff; font: normal normal 12px Verdana, Arial, sans-serif; 
    color: #000; padding: 10px; }
.formfield { background: #E6F0FF; font: normal normal 12px Verdana, Arial, sans-serif; 
    color: #000;  }

/* Define product page sections */
.productbox      { background: #E6F0FF; color: #000033; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px;
    border: 1px solid #58749F; }
.productboxtop   { background: #2D4780; color: #FFF; font: normal bold 12px/15px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px;
    border-top: 1px solid #58749F; border-left: 1px solid #58749F;  border-right: 1px solid #58749F;  }
.products        { background: #FFF; }
.productssleft   { background: #FFF; color: #000033; border-left: 1px solid #58749F; border-top: 1px solid #58749F; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.productssright  { background: #FFF; color: #000033; border-left: 1px solid #58749F; border-top: 1px solid #58749F; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #58749F; }
.productsstwo  { background: #FFF; color: #000033; border-left: 1px solid #58749F; border-top: 1px solid #58749F; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #58749F; border-left: 1px solid #58749F; }


/* Define textbox area */

.textsimple   { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; }

.textbox           { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px;
    border-left: 1px solid #58749F; border-bottom: 1px solid #58749F;  border-right: 1px solid #58749F; }
.textbox a:link    { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-decoration: underline; }
.textbox a:active  { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-decoration: underline; }
.textbox a:visited { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-decoration: underline; }
.textbox a:hover   { background: #FFF; color: #829AC0; font: normal normal 11px/14px Verdana, Arial, sans-serif; text-decoration: underline; }


.textboxheader { background-image: url('../img/boxtop.gif'); color: #fff; 
    font: normal bold 12px/15px Verdana, Arial, sans-serif;
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.textformboxheader { background-image: url('../img/boxformtop.gif'); color: #000; 
    font: normal bold 12px/15px Verdana, Arial, sans-serif;
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.textformbox { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
    padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
    border-left: 1px solid #58749F; border-bottom: 1px solid #58749F;  border-right: 1px solid #58749F; font-weight: bold;}
.textformbox-no-bold { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
    padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
    border-left: 1px solid #58749F; border-bottom: 1px solid #58749F;  border-right: 1px solid #58749F; font-weight: normal;}
.textform    { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
    border-left: 1px solid #58749F; border-bottom: 1px solid #58749F;  border-right: 1px solid #58749F; }

.textalertebox { background: #FFF; color: #000033; font: normal normal 11px/14px Verdana, Arial, sans-serif;
    padding-top: 5px; padding-bottom: 5px; }

/* Define horizontal rule */
HR { height:1px; width: 96%; background:#58749F; margin: 0% 2% 0% 2%; }

/* Define warning area */
.warner { background-image: url('../img/boxwarnh.gif'); color: #FFF; font: normal bold 12px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.warner a:link    { color: #FFF; text-decoration: none;   }
.warner a:active  { color: #58749F; text-decoration: none;   }
.warner a:visited { color: #FFF; text-decoration: none;   }
.warner a:hover   { color: #FFF; font: bold; text-decoration: underline;  }

/* Define valid area */
.valider { background-image: url('../img/boxokh.gif'); color: #FFF; font: normal bold 12px Verdana, Arial, sans-serif; 
    padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.valider a:link    { color: #FFF; text-decoration: none;   }
.valider a:active  { color: #FFF; text-decoration: none;   }
.valider a:visited { color: #FFF; text-decoration: none;   }
.valider a:hover   { color: #FFF; font: bold; text-decoration: underline;  }

/* Define footer area */
.docfooter { background: #2D4780; color: #FFF; font: normal normal 10px Arial, sans-serif; padding-top: 8px;
    padding-bottom: 5px;}
.footer { background: #2D4780; color: #FFF; font: normal normal 10px Arial, sans-serif; padding-top: 8px;
    padding-bottom: 5px;  padding-left: 180px; }
.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #58749F; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #DAE1EC; text-decoration: underline;  }

.version {font: italic normal 10px Verdana, Arial, sans-serif; color: #2D4780; text-align:right}

/* Define standard hyperlinks */	
a:link  { color: #000000; font-family: Verdana, Arial, sans-serif; text-decoration: underline; font-weight: normal }
a:active { color: #ffffff; font-family: Verdana, Arial, sans-serif; text-decoration: underline; font-weight: normal }
a:visited { color: #000000; font-family: Verdana, Arial, sans-serif; text-decoration: underline; font-weight: normal }
a:hover { color: #000000; text-decoration: underline overline; font-weight: bold }

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

/* Define navigation buttons */
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; margin-left: 7px;
    font: normal normal 12px Arial, Verdana, sans-serif; text-align: left; }

#navcontainer li { margin: 2px 0; }

#navcontainer a { display: block; width: 173px; height: 23px; line-height: 23px; 
    background-image: url(../img/bt-wait.png); background-repeat: no-repeat ;}

#navcontainer a:link,
#navlist a:visited { color: #fff; text-decoration: none;  }
#navlist li a, #navlist li#active  {padding-left: 20px;  }
#navcontainer a:hover { background-image: url(../img/bt-up.png); background-repeat: no-repeat }

#active,
#active a:link,
#active a:visited,
#active a:hover { display: block; width: 173px; height: 23px; line-height: 23px;
    background-image: url(../img/bt-down.png); background-repeat: no-repeat }


.treeside      { background: #AABEDC; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; }
.treetxt       { font: normal normal 10px Verdana, Arial, sans-serif; color: #000; }


/* Nouveaux styles pour les tableaux */ 
.tabtxt { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #FFFFFF; }
.tabtxtbold { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; font-weight : bold; color: #FFFFFF; }
.tabtitlebox { background-image: url('../img/boxongh.gif'); color: #FFF; font: bold 12px Verdana, Arial, sans-serif;border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
.tableft   { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-left: 1px solid #58749F; border-bottom: 1px solid #58749F; }
.tabmiddle { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-bottom: 1px solid #58749F; }
.tabright  { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-right: 1px solid #58749F; border-bottom: 1px solid #58749F; }
.tabbox    { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-left: 1px solid #58749F; border-right: 1px solid #58749F; border-bottom: 1px solid #58749F; } 
.tabbox2    { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border: 1px solid #58749F; } 
.tabbox3    { background: #4999ad; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-left: 1px solid #58749F; border-right: 1px solid #58749F; border-bottom: 1px solid #58749F; } 
.tabspace { background: #FFFFFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; }
input { background: #FFFFFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border:1px solid #58749F; border-width: 1px; border-style: solid;}
select { background: #FFFFFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border:1px solid #58749F; border-width: 1px; border-style: solid;}
textarea { background: #FFFFFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border:1px solid #58749F; border-width: 1px; border-style: solid;}
.radiotxt { background: #FFFFFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #2D4780; border-width: 0px; border-left: 0px; }