body {
  background:#E0E0E0 url(gfx/fondpage1.png) repeat-x top left; color:#333; padding:0; margin:0;
  font-family:Arial,Helvetica,sans-serif;
}
a       { color:#F33; text-decoration:none; }
a:hover { color:#F03; text-decoration:none; }
a:focus { color:#F03; text-decoration:underline; }
a.clSel { color:#F90; font-weight:bold; }

img { border:0px; vertical-align:middle; }
hr { clear:both; visibility:hidden; margin:0; padding:0; height:0px; }
p img { margin:1em; }

/* ------------------------------------------------------------------------- BLOC & DIV */

#header {
  height:80px; margin:0px; padding:0px;
  background:#FCC url(gfx/barre-degr1.png) repeat top left; color:#FFF;
}
/*#header #title { padding:0.5em 2em 0 0; color:#07B; font-weight:bold; text-align:right; }*/
/*#header #logo { position:absolute; top:0px; left:0px; z-index:80; color:#003; text-decoration:none; }*/
/*#header #logo img { height:4em; margin:0 0.2em 0 0.2em; padding:0; }*/

#header table {
  border:1px; border-spacing:0px; border-collapse:collapse; 
  margin:0px; padding:0px; height:80px;
}
#header table td { color:#FCC; font-size:1.0em; font-weight:bold; }
#header table td a { color:#FFF; text-decoration:none; }
#header table td.title { color:#036; text-decoration:none; }
#header table td a:hover { color:#FE8; }

#header a#logo { position:absolute; top:0px; left:0px; z-index:80; }


#footer { 
  margin:1em 0em 0em 0em; padding:0px 1em 0px 1em; height:2em;
/*color:#666; font-size:0.75em; padding:0; margin-right:3em; font-size:10px; line-height:20px; height:22px;*/
  font-size:0.75em; font-weight:300; line-height:2em; text-align:right;
/*background:#EEE url(gfx/footer1b.png) no-repeat top left; color:#FFF;*/
  background:#FCC; color:#999;
}
#footer a { color:#69F; }
 

#error {
/*position:absolute; z-index:200; top:15em; left:50%; width:40em; margin-left:-20em;*/
  position:absolute; z-index:200; top:15em; left:50%; width:400px; margin-left:-160px;
  background:#FFE; color:#900; border:2px dashed #C33;
/*width:75%; margin:2em auto 2em auto; padding:2em 1em 2em 1em;*/ text-align:center;
  filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
}

#debug { 
  position:absolute; z-index:200; top:0px; left:50%; width:640px; height:40px; margin-left:-320px; visibility:hidden;
  padding:0.5em 1em 0.5em 1em; border:1px dashed #CCC; background-color:#FFE; color:#666; font-size:0.8em; text-align:left;
  opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75);
/*zoom:1; filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);*/
}

#loading {
  position:absolute; z-index:1000; visibility:hidden; top:0; left:0; height:100%; width:100%;
  background-color: #666; color:#FFF; padding-top:10em;
  font-size:1em; font-weight:bold; font-style:italic; text-align:center;
  opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80);
}

#flags { position:absolute; top:40px; right:0.5em; z-index:90; }


/* ------------------------------------------------------------------------- CONTENT */

#content {
  border:0.05em solid #CDE; color:#000; background-color:transparent;
  padding:0 3em 1em 3em; margin:1.5em 15px 1.5em 175px; min-height:400px;
  font-size:0.9em;
}
#content h1 { color:#039; border-bottom:0.1em solid #F99; margin-bottom:2.5em; letter-spacing:0.5em; font-size:1.3em; text-align:center; }
#content h2 { color:#039; border-bottom:0.1em solid #F99; margin-bottom:2.5em; letter-spacing:0.5em; font-size:1.2em; text-align:center; }
#content h3 { color:#039; border-bottom:0.1em solid #F99; margin-bottom:2em; font-size:1.1em; text-align:center; }
#content h4 { color:#039; font-size:1.0em; margin:2em 0 1em 0em; text-align:center; }
#content p  { font-size:1.0em; text-indent:1.5em; text-align:justify; }
#content .color { color:#F60; }
#content li     { padding:0em 0em 0.2em 0.2em; list-style-type:disc; }
#content li.br  { padding:0.25em 0 0.75em 0; }
#content li.big { font-size:1.2em; padding:0.5em; }

#content0 { color:#000; background-color:transparent; padding:0; margin:0; font-size:0.8em; }
#content0 h2 { color:#039; border-bottom:0.1em solid #F99; margin-bottom:1.5em; letter-spacing:0.25em; font-size:1.0em; text-align:center; }


.clPanel { font-size:0.9em; text-align:center; margin:1em; }

.clDialog { margin:1em 15%; padding:0.5em; background:#FFE; color:#003; border:2px dashed #039; text-align:center; }

div.clPopup {
  position:absolute; z-index:500; display:none; padding:0; margin:0; /*border:1px dashed #CCC;*/
/*opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75);*/
/*zoom:1; filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);*/
}


/* ------------------------------------------------------------------------- END */

/* ------------------------------------------------------------------------- MENUS */

.dynMenu { position:absolute; z-index:50; padding:0; margin:0; font-size:1em; font-family:Arial,Helvetica,sans-serif; }
/* html>body .dynMenu { position:fixed; } */
.dynMenu .dynMenuList { background:#205060; padding:0; margin:0; }

.dynMenu div.menu a, .dynMenu div.mcur a, .dynMenu div.msel a, .dynMenu div.mcursel a {
  display:block; margin-left:5px; width:140px; line-height:25px; text-align:center;
  color:#FFF; cursor:pointer; text-decoration:none; font-weight:bold; font-size:13px;
}
.dynMenu div.mcur    a { color:#FCC; }
.dynMenu div.msel    a { color:#FE9; /*background:#507080;*/ }
.dynMenu div.mcursel a { color:#FC9; /*background:#507080;*/ }
.dynMenu div a:active, .dynMenu div a:focus { background:#507080; }
 
.dynMenu ul.menu, .dynMenu ul.mcur, .dynMenu ul.msel, .dynMenu ul.mcursel {
  display:none; position:absolute; padding:0; margin:0; margin-top:-8px; list-style-type:none;
}
.dynMenu ul.mcur    { display:none; color:#FCC; }
.dynMenu ul.msel    { display:block; }
.dynMenu ul.mcursel { display:block; }


.dynMenu ul li {
/*width:150px; padding:0.5em 0 0.5em 0; margin:0; line-height:16px;*/
  width:150px; padding:0; margin:0; line-height:25px;
  background:#507080; color:#000; text-align:center; font-weight:bold; font-size:12px;
}
.dynMenu ul li a { display:block; color:#FFF; background:transparent; cursor:pointer; text-decoration:none; }
.dynMenu ul li a:hover, .dynMenu ul li a:active, .dynMenu ul li a:focus { color:#FE9; }
.dynMenu ul li a.smcur { color:#FCC; }


.dynMenu #hg { height:8px; line-height:8px; font-size:5px; background:transparent url(gfx/arrondi2-hg.png) no-repeat top left; }
.dynMenu #hd { height:8px; line-height:8px; font-size:5px; background:transparent url(gfx/arrondi2-hd.png) no-repeat top right; }
.dynMenu #bg { height:8px; line-height:8px; font-size:5px; background:transparent url(gfx/arrondi2-bg.png) no-repeat bottom left; }
.dynMenu #bd { height:8px; line-height:8px; font-size:5px; background:transparent url(gfx/arrondi2-bd.png) no-repeat bottom right; }

.dynMenu ul li#head { height:8px; line-height:8px; font-size:5px; padding:0; margin:0; background:transparent url(gfx/arrondi3-h.png) no-repeat bottom center; }
.dynMenu ul li#foot { height:8px; line-height:8px; font-size:5px; padding:0; margin:0; background:transparent url(gfx/arrondi3-b.png) no-repeat top center; }
.dynMenu ul li#head a { display:none; height:8px; line-height:5px; font-size:5px; }


.dynMenu .dynMenuExtra { background:transparent; text-align:center; padding:1em; font-size:0.8em; }


#menubloc1 { top:100px; left:5px; width:150px; /*height:400px;*/ }
#menubloc2 { top:100px; right:5px; width:150px; /*background:#205060;*/ }
html>body #menubloc1 { position:fixed; }

#menubloc1 ul.menu, #menubloc1 ul.mcur, #menubloc1 ul.msel, #menubloc1 ul.mcursel { left:155px; width:150px; }
#menubloc2 ul.menu, #menubloc2 ul.mcur, #menubloc2 ul.msel, #menubloc2 ul.mcursel { right:155px; width:150px; }


/* ------------------------------------------------------------------------- TREES */

.dynTree { text-align:left; }
.dynTree div { white-space:nowrap; }

#menuBox { position:absolute; top:7em; left:0px; width:14em; font-size:0.8em; }
#menuBox .dynTree { font-size:0.9em; background-color:#FFF; }
#menuBox .dynTree .clPanel { display:none; }
#menuBox .dynTree a.nodeSel { color:#F90; font-weight:bold; }
#menuBox .dynTree a.nodeSel:hover { color:#C00; font-weight:bold; }


/* ------------------------------------------------------------------------- TABS */

.dynTabs {
  /*width:800px; height:400px; background:#CCC;*/
  padding:0; margin:0; font-family:Arial,Helvetica,sans-serif; font-size:0.8em;
}
.dynTabs a.menu, .dynTabs a.msel {
  display:block; float:left; width:8em; line-height:2em; text-align:center;
  color:#FFF; background:#036; cursor:pointer; text-decoration:none; font-weight:bold;
  border:1px solid #036; margin:5px; margin-bottom:0px;
}
.dynTabs a.msel   { color:#036; background:#EEE; border-bottom:1px solid #EEE; }
.dynTabs a:active, .dynTabs a:focus { text-decoration:underline; }
 
.dynTabs div.menu, .dynTabs div.msel {
 display:none; padding:5px; margin:5px; margin-top:-1px; /*min-height:10em;*/
 background-color:#EEE; border:1px solid #036;
}
.dynTabs div.msel { display:block; }


/* ------------------------------------------------------------------------- SLIDES */

.dynText { background:#EEE; border:1px solid #CCC; padding:0px; margin:0px; text-align:left; font-family:Arial,Helvetica,sans-serif; }
.dynText .clSlide { position:absolute; padding:0px; margin:0px; z-index:100; opacity:0; filter:alpha (opacity=0); }


/* ------------------------------------------------------------------------- END */

/* ------------------------------------------------------------------------- TABLES OLD */

table.clTab { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; }

table.clTab tr { /*background-color:#EEE;*/ }
table.clTab th { color:#FFF; padding:0.25em 0px 0.25em 0px; font-size:0.85em; font-weight:bold; height:2.5em; }
table.clTab td { color:#000; padding:0.10em 0px 0.10em 0px; font-size:0.75em; }
table.clTab tr.clLine1 { background-color:#EEE; } table.clTab tr.clLine1:hover { background-color:#FFE; }
table.clTab tr.clLine2 { background-color:#DDD; } table.clTab tr.clLine2:hover { background-color:#FFD; }
table.clTab tr.clSep, table.clTab tr.clSep td {
  background-color:#DDD; border-top:1px solid #CCC; border-bottom:1px solid #CCC;
  margin:0px; padding:0px; height:2px; line-height:2px; font-size:7px;
}

table.clTab th.chead { background:#444 url(gfx/bar23-ch.png) repeat-x top;        white-space:nowrap; vertical-align:middle; }
table.clTab th.lhead { background:#FFF url(gfx/bar23-lh.png) no-repeat top left;  white-space:nowrap; }
table.clTab th.rhead { background:#FFF url(gfx/bar23-rh.png) no-repeat top right; white-space:nowrap; }
table.clTab th.lside { background:transparent url(gfx/bar23-ch.png) repeat-y left top; }
table.clTab th.rside { background:transparent url(gfx/bar23-ch.png) repeat-y right top; }
table.clTab td.lside { background:transparent url(gfx/bar23-ch.png) repeat-y left top; }
table.clTab td.rside { background:transparent url(gfx/bar23-ch.png) repeat-y right top; }
table.clTab th.cfoot { background:#444 url(gfx/bar23-cf.png) repeat-x bottom;        text-align:center; }
table.clTab th.lfoot { background:#FFF url(gfx/bar23-lf.png) no-repeat bottom left;  text-align:left;   }
table.clTab th.rfoot { background:#FFF url(gfx/bar23-rf.png) no-repeat bottom right; text-align:right;  }

table.clTab td.clLib { color:#003; text-align:right; vertical-align:middle; white-space:nowrap; }

table.clTab a { color:#069; text-decoration:none; }
table.clTab a:hover, table.clTab a:active { color:#39F; }
table.clTab th a { color:#FC0; font-weight:bold; }
table.clTab th a:hover, table.clTab th a:active { color:#C00; }
table.clTab th b { color:#FF9; font-weight:bold; }


/* ------------------------------------------------------------------------- TABLES NEW */

table.clList { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; width:95%; }
table.clList th { color:#000; padding:0.4em 0px 0.2em 0px; font-size:0.9em; font-weight:bold; height:1.5em; line-height:1.5em; }
table.clList td { color:#333; padding:0.15em 0px 0.15em 0px; font-size:0.8em; }
table.clList tr.clPlain { background-color:#FFF; }
table.clList tr.clLine1 { background-color:#EEE; } table.clList tr.clLine1:hover { background-color:#FE9; }
table.clList tr.clLineA { background-color:#EEE; } table.clList tr.clLineA:hover { background-color:#FE9; }
table.clList tr.clLine2 { background-color:#FEE; } table.clList tr.clLine2:hover { background-color:#FE9; }
table.clList tr.clLineB { background-color:#FEE; } table.clList tr.clLineB:hover { background-color:#FE9; }
table.clList tr.clLine0 { background-color:#CCC; } table.clList tr.clLine0 { display:none; }
table.clList tr.clExtra { background-color:#CCC;}
table.clList tr.clPlain td { color:#333; }
table.clList tr.clLine1 td, table.clList tr.clLine2 td, table.clList tr.clLineA td, table.clList tr.clLineB td { color:#333; }
table.clList tr.clExtra td { color:#CCC; padding:0 0 0.5em 0; }
table.clList tr.clSep   { background:#FFF; padding:0px; margin:0px; height:10px; line-height:1px; font-size:7px; border-bottom:2px solid #205060; }
table.clList td.clLib   { white-space:nowrap; vertical-align:top; text-align:right; padding:0.5em 1em 0.5em 0em;}
table.clList td.clVal   { /*vertical-align:top;*/ }

table.clList th.lhead { background:transparent url(gfx/border-b1.png) no-repeat top left; }
table.clList th.chead { background:transparent url(gfx/border-b2.png) repeat-x top; height:25px; }
table.clList th.rhead { background:transparent url(gfx/border-b3.png) no-repeat top right; }
table.clList th.lsort { background:transparent url(gfx/border-b4.png) repeat-y left; }
table.clList th.csort { background:transparent; }
table.clList th.rsort { background:transparent url(gfx/border-b6.png) repeat-y right; }
table.clList th.lside { background:transparent url(gfx/border-b4.png) repeat-y top left; }
table.clList th.rside { background:transparent url(gfx/border-b6.png) repeat-y top right; }
table.clList td.lside { background-image:url(gfx/border-b4.png); background-repeat:repeat-y; background-position:left; }
table.clList td.rside { background-image:url(gfx/border-b6.png); background-repeat:repeat-y; background-position:right; }
table.clList th.lfoot { background:transparent url(gfx/border-b7.png) no-repeat bottom left; }
table.clList th.cfoot { background:transparent url(gfx/border-b8.png) repeat-x bottom; height:25px; }
table.clList th.rfoot { background:transparent url(gfx/border-b9.png) no-repeat bottom right; }

table.clList a { color:#900; text-decoration:none; }
table.clList a:hover, table.clList a:active { color:#C00; }
table.clList th a { color:#900; font-weight:bold; }
table.clList th a:hover, table.clList th a:active { color:#C00; }

table.clList_roll { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; width:95%; }
table.clList_roll th { color:#999; padding:0.25em 0px 0.25em 0px; font-size:0.9em; font-weight:bold; font-style:italic; height:0.5em; }
table.clList_roll td { color:#EEE; padding:0.15em 0px 0.15em 0px; font-size:0.8em; }
table.clList_roll th.lhead { width:20px; background:#332 url(gfx/border-b1.png) no-repeat top left; }
table.clList_roll th.chead { height:20px; background:#332 url(gfx/border-b2.png) repeat-x top; }
table.clList_roll th.rhead { width:20px; background:#332 url(gfx/border-b3.png) no-repeat top right; }
table.clList_roll th.lfoot { width:20px; background:#332 url(gfx/border-b7.png) no-repeat bottom left; }
table.clList_roll th.cfoot { height:20px; background:#332 url(gfx/border-b8.png) repeat-x bottom; }
table.clList_roll th.rfoot { width:20px; background:#332 url(gfx/border-b9.png) no-repeat bottom right; }
table.clList_roll tr { display:none; } table.clList_roll tr.nohide { display:block; } table.clList_roll tr.nohide { display:table-row; }



table.clPopup { position:absolute; z-index:500; margin:auto; right:0px; border-spacing:0px; border-collapse:collapse; }
table.clPopup th { color:#FFC; padding:0.25em 0px 0.25em 0px; font-size:0.9em; font-weight:bold; }
table.clPopup td { color:#000; padding:0.15em 0px 0.15em 0px; font-size:0.8em; }
table.clPopup th a { color:#900; font-weight:bold; }
table.clPopup th a:hover, a:active { color:#C00; }

table.clPopup th.lhead { width:20px; background:transparent url(cronous/popup-b1.png) no-repeat bottom left; }
table.clPopup th.chead { height:40px; background:transparent url(cronous/popup-b2.png) repeat-x bottom center; }
table.clPopup th.rhead { width:20px; background:transparent url(cronous/popup-b3.png) no-repeat bottom right; }
table.clPopup td.lside { width:20px; background:transparent url(cronous/popup-b4.png) repeat-y top left; }
table.clPopup td.bdata { height:1.5em; background:#333 url(cronous/popup-b5.png) repeat top center; color:#EEE; text-align:center; }
table.clPopup td.rside { width:20px; background:transparent url(cronous/popup-b6.png) no-repeat bottom right; }
table.clPopup th.lfoot { width:20px; background:transparent url(cronous/popup-b7.png) no-repeat top left; }
table.clPopup th.cfoot { height:6px; background:transparent url(cronous/popup-b8.png) repeat-x top center; }
table.clPopup th.rfoot { width:20px; background:transparent url(cronous/popup-b9.png) no-repeat top right; }



table.clBox { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; }
table.clBox th { color:#FFF; padding:0.25em 0px 0.25em 0px; font-size:0.9em; font-weight:bold; height:0.5em; }
table.clBox td { color:#FFE; padding:0.15em 0px 0.15em 0px; font-size:0.8em; }
table.clBox th.lhead { width:20px; background:transparent url(gfx/border-b1.png) no-repeat top left; }
table.clBox th.chead { height:20px; background:transparent url(gfx/border-b2.png) repeat-x top; }
table.clBox th.rhead { width:20px; background:transparent url(gfx/border-b3.png) no-repeat top right; }
table.clBox td.lside { background:transparent url(gfx/border-b4.png) repeat-y left; }
table.clBox td.bdata { background:transparent; color:#333; }
table.clBox td.rside { background:transparent url(gfx/border-b6.png) repeat-y right; }
table.clBox th.lfoot { width:20px; background:transparent url(gfx/border-b7.png) no-repeat bottom left; }
table.clBox th.cfoot { height:20px; background:transparent url(gfx/border-b8.png) repeat-x bottom; }
table.clBox th.rfoot { width:20px; background:transparent url(gfx/border-b9.png) no-repeat bottom right; }

table.clBox_roll { margin:auto; border:0px; border-spacing:0px; border-collapse:collapse; background:#EEE; }
table.clBox_roll th { color:#CCC; padding:0.25em 0px 0.25em 0px; font-size:0.9em; font-weight:bold; font-style:italic; height:0.5em; }
table.clBox_roll td { color:#EEC; padding:0.15em 0px 0.15em 0px; font-size:0.8em; }
table.clBox_roll th.lhead { width:20px; background:transparent url(gfx/border-b1.png) no-repeat top left; }
table.clBox_roll th.chead { height:20px; background:transparent url(gfx/border-b2.png) repeat-x top; }
table.clBox_roll th.rhead { width:20px; background:transparent url(gfx/border-b3.png) no-repeat top right; }
table.clBox_roll td.lside { background-image:url(gfx/border-b4.png); background-repeat:repeat-y; background-position:left; }
table.clBox_roll td.bdata { background:#666; }
table.clBox_roll td.rside { background-image:url(gfx/border-b6.png); background-repeat:repeat-y; background-position:right; }
table.clBox_roll th.lfoot { width:20px; background:transparent url(gfx/border-b7.png) no-repeat bottom left; }
table.clBox_roll th.cfoot { height:20px; background:transparent url(gfx/border-b8.png) repeat-x bottom; }
table.clBox_roll th.rfoot { width:20px; background:transparent url(gfx/border-b9.png) no-repeat bottom right; }
table.clBox_roll tr { display:none; } table.clBox_roll tr.nohide { display:block; } table.clBox_roll tr.nohide { display:table-row; }

table.clBox_CCC th.lhead { width:10px; background:transparent url(gfx/arrondi-CCC-1.png) no-repeat top left; }
table.clBox_CCC th.chead { height:10px; background:#CCC; }
table.clBox_CCC th.rhead { width:10px; background:transparent url(gfx/arrondi-CCC-3.png) no-repeat top right; }
table.clBox_CCC td.lside { background:#CCC; }
table.clBox_CCC td.bdata { background:#CCC; color:#666; text-align:center; }
table.clBox_CCC td.rside { background:#CCC; }
table.clBox_CCC th.lfoot { width:10px; background:transparent url(gfx/arrondi-CCC-7.png) no-repeat bottom left; }
table.clBox_CCC th.cfoot { height:10px; background:#CCC; }
table.clBox_CCC th.rfoot { width:10px; background:transparent url(gfx/arrondi-CCC-9.png) no-repeat bottom right; }

table.clBox_BBB th.lhead { width:10px; background:transparent url(gfx/arrondi-BBB-1.png) no-repeat top left; }
table.clBox_BBB th.chead { height:10px; background:#BBB; }
table.clBox_BBB th.rhead { width:10px; background:transparent url(gfx/arrondi-BBB-3.png) no-repeat top right; }
table.clBox_BBB td.lside { background:#BBB; }
table.clBox_BBB td.bdata { background:#BBB; color:#333; text-align:center; }
table.clBox_BBB td.rside { background:#BBB; }
table.clBox_BBB th.lfoot { width:10px; background:transparent url(gfx/arrondi-BBB-7.png) no-repeat bottom left; }
table.clBox_BBB th.cfoot { height:10px; background:#BBB; }
table.clBox_BBB th.rfoot { width:10px; background:transparent url(gfx/arrondi-BBB-9.png) no-repeat bottom right; }

table.clBox_999 th.lhead { width:10px; background:transparent url(gfx/arrondi-999-1.png) no-repeat top left; }
table.clBox_999 th.chead { height:10px; background:#999; }
table.clBox_999 th.rhead { width:10px; background:transparent url(gfx/arrondi-999-3.png) no-repeat top right; }
table.clBox_999 td.lside { background:#999; }
table.clBox_999 td.bdata { background:#999; color:#333; text-align:center; }
table.clBox_999 td.rside { background:#999; }
table.clBox_999 th.lfoot { width:10px; background:transparent url(gfx/arrondi-999-7.png) no-repeat bottom left; }
table.clBox_999 th.cfoot { height:10px; background:#999; }
table.clBox_999 th.rfoot { width:10px; background:transparent url(gfx/arrondi-999-9.png) no-repeat bottom right; }

table.clBox_FEE th.lhead { width:10px; background:transparent url(gfx/arrondi-FEE-1.png) no-repeat top left; }
table.clBox_FEE th.chead { height:10px; background:#FEE; }
table.clBox_FEE th.rhead { width:10px; background:transparent url(gfx/arrondi-FEE-3.png) no-repeat top right; }
table.clBox_FEE td.lside { background:#FEE; }
table.clBox_FEE td.bdata { background:#FEE; color:#333; text-align:center; }
table.clBox_FEE td.rside { background:#FEE; }
table.clBox_FEE th.lfoot { width:10px; background:transparent url(gfx/arrondi-FEE-7.png) no-repeat bottom left; }
table.clBox_FEE th.cfoot { height:10px; background:#FEE; }
table.clBox_FEE th.rfoot { width:10px; background:transparent url(gfx/arrondi-FEE-9.png) no-repeat bottom right; }

table.clBox_FDD th.lhead { width:10px; background:transparent url(gfx/arrondi-FDD-1.png) no-repeat top left; }
table.clBox_FDD th.chead { height:10px; background:#FDD; }
table.clBox_FDD th.rhead { width:10px; background:transparent url(gfx/arrondi-FDD-3.png) no-repeat top right; }
table.clBox_FDD td.lside { background:#FDD; }
table.clBox_FDD td.bdata { background:#FDD; color:#333; text-align:center; }
table.clBox_FDD td.rside { background:#FDD; }
table.clBox_FDD th.lfoot { width:10px; background:transparent url(gfx/arrondi-FDD-7.png) no-repeat bottom left; }
table.clBox_FDD th.cfoot { height:10px; background:#FDD; }
table.clBox_FDD th.rfoot { width:10px; background:transparent url(gfx/arrondi-FDD-9.png) no-repeat bottom right; }

table.clBox_FCC th.lhead { width:10px; background:transparent url(gfx/arrondi-FCC-1.png) no-repeat top left; }
table.clBox_FCC th.chead { height:10px; background:#FCC; }
table.clBox_FCC th.rhead { width:10px; background:transparent url(gfx/arrondi-FCC-3.png) no-repeat top right; }
table.clBox_FCC td.lside { background:#FCC; }
table.clBox_FCC td.bdata { background:#FCC; color:#333; text-align:center; }
table.clBox_FCC td.rside { background:#FCC; }
table.clBox_FCC th.lfoot { width:10px; background:transparent url(gfx/arrondi-FCC-7.png) no-repeat bottom left; }
table.clBox_FCC th.cfoot { height:10px; background:#FCC; }
table.clBox_FCC th.rfoot { width:10px; background:transparent url(gfx/arrondi-FCC-9.png) no-repeat bottom right; }


/* ------------------------------------------------------------------------- FORMS */

form { display:inline; }


input[type="text"], input[type="password"], textarea, select {
  background-color:#FFF; color:#333; border:1px inset #369; padding:0px; margin:0em;
/*font-size:0.9em; font-family:Bitstream Vera Sans Mono,Lucida Sans Typewriter Regular,Lucida Console,Courier New,Courier,monospace;*/
  font-size:0.9em; font-family:Bitstream Vera Sans Mono,Lucida Sans Typewriter Regular,Lucida Console,Courier New,Courier,monospace;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { background-color:#FFE; }
input[type="text"]:active,input[type="password"]:active,textarea:active,select:active,
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background-color:#FFE; color:#000; border:1px solid #F60; }


input[type="button"], input[type="submit"], input[type="reset"] {
  background-color:#CCC; color:#000; border:1px outset #666; padding:2px;
  font-size:0.9em; font-weight:bold;
}
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover  {
  background-color:#DDD; color:#039;
}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active {
  background-color:#EEC; color:#000; border:1px inset #333;
}

/* ------------------------------------------------------------------------- JS OBJ */

table.clPalette { margin:auto; cursor:crosshair; z-index:200; border-spacing:2px; /*border-collapse:collapse;*/ }
table.clPalette td.clView { width:33%; font-size:0.8em; text-align:center; padding:0.5em 0 0.5em 0; margin:0; }


.clCalendar { width:175px; height:160px; margin:0px; padding:0px; border:2px solid #039; z-index:200; }
.clCalendar td {
  background-color:#69C; color:#FFF; margin:0px; padding:0px;
  font-size:11px; font-weight:bold; font-family:Helvetica,Arial,sans-serif;
  text-align:center; text-decoration:none;
}
.clCalendar td:hover { color:#FF6; }
.clCalendar .calnav       { background-color:#039; color:#FC0; }
.clCalendar .calnav:hover { background-color:#039; color:#F93; }
.clCalendar td.calout       { background-color:#EEE; border:1px solid #FFF; } .clCalendar td.calout a { color:#999; }
.clCalendar td.calout:hover { background-color:#069; border:1px solid #333; } .clCalendar td.calout a:hover { color:#FFF; }
.clCalendar td.calday       { background-color:#FFF; border:1px solid #EEE; } .clCalendar td.calday a { color:#000; }
.clCalendar td.calday:hover { background-color:#069; border:1px solid #000; } .clCalendar td.calday a:hover { color:#FFF; }
.clCalendar td.calnow       { background-color:#CEF; border:1px solid #999; } .clCalendar td.calnow a { color:#C00; }
.clCalendar td.calnow:hover { background-color:#069; border:1px solid #000; } .clCalendar td.calnow a:hover { color:#FC0; }
.clCalendar td.calcur       { background-color:#FFC; border:1px solid #C00; }
.clCalendar td.calcur:hover { background-color:#069; border:1px solid #F00; }
.clCalendar a.calout { color:#999; } .clCalendar a.calout:hover { background-color:#069; color:#FFF; }
.clCalendar a.calday { color:#000; } .clCalendar a.calday:hover { background-color:#069; color:#FFF; }
.clCalendar a.calnow { color:#C00; } .clCalendar a.calnow:hover { background-color:#069; color:#FFF; }


#tagStats { float:left; }
#tagStats img { width:1px; height:1px; }

/* ------------------------------------------------------------------------- FPLAYER */

div#voileNoir {
  position:absolute; display:none; left:0px; top:0px; width:100%; height:100%; z-index:102;
  background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
}
div#mpFlash {
  position:absolute; display:none; left:50%; z-index:103; border:1px solid #666;
}
div#mpCtrol {
  position:absolute; display:none; left:50%; z-index:104; border:1px solid #666;
  background-color:#000; text-align:center; font-size:0.8em; font-weight:bold;
}

/* ------------------------------------------------------------------------- END */
/* ------------------------------------------------------------------------- CUSTOM */

.clComment { background:#FFF; color:#036; text-align:justify; margin:0em 0em 1em 0em; padding:1em 0.5em 1em 0.5em; }

.clCriteria { background:#F0F0F0; text-align:right; margin:0 0 1em 0; }

.clItemGall { width:100%; }/*background:#FFF; color:#000; border:1px solid #066;*/
.clItemCase {
  float:left;
  background:#FFF; color:#000; border:1px outset #99C;
  width:10em; height:14em; margin:0 1em 1em 0; padding:0;/*.5em 0 0 0;*/
  font-size:0.8em; text-align:center;
/*-moz-border-radius:0.75em 0.75em; */
}
.clItemCase a { color:#906; }
.clItemCase a:hover { color:#C00; }
.clItemCase img { width:100%; border:1px; }
.clItemCase .clPromo { width:16px; height:16px; margin:5px; position:absolute; z-index:3; }
.clItemCase .clMeta  { width:16px; height:16px; margin:9em 5px 0 9em; position:absolute; z-index:3; }
.clItemCase #line1 { display:block; height:2.8em; }
.clItemCase #line2 { color:#606; }


.clProdHead {
/*background:#FFF; color:#000; width:100%; height:2.5em; margin:0px; padding:0px;*/
/*border:0px; border-spacing:0px; border-collapse:collapse; */
}

.clProdDetail {
  background:#FFF; color:#000; border:1px solid #EEE; min-height:13em;
  margin:0px; margin-bottom:1em; text-align:left; font-size:0.9em;
}
.clProdDetail .clProdText { list-style:none; font-style:italic; margin-top:1em; }

.clProdListe { font-size:0.9em; }
.clProdSelect {
  background:#EEE; color:#000; border:1px solid #FFF; /*min-height:13em;*/
  margin:0px; margin-bottom:1em; text-align:left; font-size:0.9em;
}
.clProdSelect .clColor { width:3em; height:2em; border:1px solid #000; text-align:right; }

.clProdPhoto {
  background:#DDD; color:#000; border:2px solid #000;
/*width:25em; height:25em; padding:0px; margin:1em; */
  width:20em; height:20em; padding:0px; margin:1em;
}



/* ------------------------------------------------------------------------- CADDY */

#caddyDialog {
  position:absolute; z-index:8; 
  background:#FFE; color:#306; border:1px solid #600;
/*width:40em; margin:2em auto 2em auto; padding:2em 1em 2em 1em;*/
  width:30em; left:50%; margin:2em -15em 2em -15em; padding:2em 1em 2em 1em;
  font-size:1.0em; font-weight:bold;
  filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
}

#caddyList {
  background:#EEE; color:#000;
  border-spacing:0px; border-collapse:collapse; 
  margin:0px; width:100%;
  font-size:1.0em;
}
#caddyList th { border-bottom:1px solid #FFF; background:#000; color:#FFF; height:2em; }
#caddyList td { border-bottom:1px solid #906; height:3em; }
#caddyList tr.clTotal { background:#FFE; font-weight:bold; }
#caddyList .clCaddyPict { border:1px solid #000; width:3em; height:3em; }


.clTabCadre { border:2px solid #906; /*border-collapse:collapse;*/ margin:0px 1em 0px 1em; }
.clTabCadre td { padding:0.2em; background:#FFF; }



#charts1 { border:0; border-collapse:collapse; margin:0; padding:0; background:#FFF; width:30em; }
#charts1 th { background:#FDD; }
#charts1 th, #charts1 td { border:0px; border-bottom:1px solid #000; text-align:center; width:25%; }
#charts1 tr:hover { background:#FFD; }


div.wlinks { border:1px solid #999; padding:0.2em; margin:0 0 1em 0; background-color:#FFF; }
div.wlinks .clImg { float:right; }
div.wlinks .clTit { font-weight:bold; }
div.wlinks .clTxt { padding:0.5em; font-size:0.8em; color:#333; text-align:left; }


/* ------------------------------------------------------------------------- INTRO */

#intro {
  background-color:#900; color:#FFE; padding:0; margin:0;
  text-align:center; width:100%; height:100%; border:#900 solid 1px;
}
#intro .logo {
  position:absolute; top:33%; left:50%; width:750px; height:250px;
  margin-left:-375px; margin-top:-125px; text-align:center; color:#039;
}
#intro .links {
  position:absolute; bottom:0%; left:50%; width:750px; height:50px;
  margin-left:-375px; font-size:0.9em; text-align:center; color:#039;
}
#intro .links a       { color:#FFC; text-decoration:none; }
#intro .links a:hover { color:#FF9; text-decoration:underline; }
#intro .links a:focus { color:#900; text-decoration:none; background-color:#FFC ; }

#intro #introFlash { position:absolute; bottom:0px; left:50%; width:600px; height:20px; margin-left:-300px; }


/* ------------------------------------------------------------------------- ADMIN */

div.adminGamme table { background-color:#EEE; border:2px solid #039; text-align:left; }
div.adminGamme a { color:#039; }


/* ------------------------------------------------------------------------- END */