/* General look */

*         { color: black; font-family: Verdana, Arial, Tahoma; font-size: 8pt }
.grille      { background-image: url('images/grille.gif'); }
.selobj      { left: 3%; overflow: auto; position:
               absolute; top: 40%; width: 70%; z-index: 100 }
.cache       { vertical-align: top; overflow: auto; width: 100%; height: 50%;
                }
body         { color: #000000;  scrollbar-arrow-color:CCCC99;
 scrollbar-highlight-color:CCCC99;
 scrollbar-darkshadow-color:ffffff;
 scrollbar-3dlight-color:CCCC99;
}
form      { margin: 0px }
.fond        { border-collapse: collapse; background-image: url('images/survol/sommaire.jpg'); border: 0 solid #000000 }
.sommaire    { background-color: #CCCC99 }
.principal { background-image: url('images/survol/centre_journal.jpg'); }

a         { text-decoration: none }
a:visited { text-decoration: none }
a:hover   { text-decoration: underline }
a:active  { text-decoration: none }
input     { color: black }
select    { background: #FFFFFF; color: black }
option    { background: #FFFFFF; color: black }
textarea  { background: #FFFFFF; color: black }
hr         {
	color: #CCCC99;
	height: 1px;
}
/* FlatTable and DataGrid */

table.clFlatTable                   { border: solid 1px #000000; border-collapse: collapse }

.clRowHeader                        { background: #CCCC99; border: solid 1px #C0C0C0; color: #000000; font-weight: bold }
.clRowHeader td                     { border: solid 1px #000000; color: #000000; font-weight: bold }
.clRowHeader a                      { color: red; text-decoration: none }
.clRowHeader a:visited              { color: red; text-decoration: none }
.clRowHeader a:hover { color: #FF0000 }
.clRowHeader a:active               { color: yellow }

.clRowDark                          { background: #ECECEC; border: solid 1px #C0C0C0; color: black }
.clRowDark td                       { border: solid 1px #C0C0C0; color: black }
.clRowDark a                        { color: navy; text-decoration: none }
.clRowDark a:visited                { color: navy; text-decoration: none }
.clRowDark a:hover                  { color: red }
.clRowDark a:active                 { color: red }

.clRowLight                         { background: #FFFFFF; border: solid 1px #C0C0C0; color: black }
.clRowLight td                      { border: solid 1px #C0C0C0; color: black }
.clRowLight a                       { color: navy; text-decoration: none }
.clRowLight a:visited               { color: navy; text-decoration: none }
.clRowLight a:hover                 { color: red }
.clRowLight a:active                { color: red }

.clRowNormal                        { background: #CCCC99; border: solid 1px #C0C0C0; color: black }
.clRowNormal td                     { border: solid 1px #C0C0C0; color: black }
.clRowNormal a                      { color: navy; text-decoration: none }
.clRowNormal a:visited              { color: navy; text-decoration: none }
.clRowNormal a:hover                { color: red }
.clRowNormal a:active               { color: red }

.clRowDarkLate                      { background: #FFADAD; border: solid 1px #C0C0C0; color: black }
.clRowDarkLate td                   { border: solid 1px #C0C0C0; color: black }
.clRowDarkLate a                    { color: navy; text-decoration: none }
.clRowDarkLate a:visited            { color: navy; text-decoration: none }
.clRowDarkLate a:hover              { color: red }
.clRowDarkLate a:active             { color: red }

.clRowLightLate                     { background: #FFD6D6; border: solid 1px #C0C0C0; color: black }
.clRowLightLate td                  { border: solid 1px #C0C0C0; color: black }
.clRowLightLate a                   { color: navy; text-decoration: none }
.clRowLightLate a:visited           { color: navy; text-decoration: none }
.clRowLightLate a:hover             { color: red }
.clRowLightLate a:active            { color: red }

.clDataGridDark                     { background: #ECECEC; border: solid 1px #C0C0C0; color: black }
.clDataGridDark td                  { border: solid 1px #C0C0C0; color: black; padding: 0px }
.clDataGridDark input               { background: #ECECEC; border: 0px; margin: 0px; width: 100% }

.clDataGridLight                    { background: #FFFFFF; border: solid 1px #C0C0C0; color: black }
.clDataGridLight td                 { border: solid 1px #C0C0C0; color: black; padding: 0px }
.clDataGridLight input              { background: #FFFFFF; border: 0px; margin: 0px; width: 100% }

.clDark *                           { background: #949494; color: black }
.clDark td                          { background: #949494; border: solid 0px; color: black }
.clDark a                           { color: navy; text-decoration: none }
.clDark a:visited                   { color: navy; text-decoration: none }
.clDark a:hover                     { color: red }
.clDark a:active                    { color: red }

.clLight *                          { background: #ECECEC; color: black }
.clLight td                         { background: #ECECEC; border: solid 0px; color: black }
.clLight a                          { color: navy; text-decoration: none }
.clLight a:visited                  { color: navy; text-decoration: none }
.clLight a:hover                    { color: red }
.clLight a:active                   { color: red }

.clNormal *                         { background: #CCCCCC; color: black }
.clNormal td                        { background: #CCCCCC; border: solid 0px; color: black }
.clNormal a                         { color: navy; text-decoration: none }
.clNormal a:visited                 { color: navy; text-decoration: none }
.clNormal a:hover                   { color: red }
.clNormal a:active                  { color: red }

/* Classes directly linked to elements must be declared after those using inheritance */

td.clRowHeader                      { border: solid 1px #000000; color: black; font-weight: bold; padding: 2px }
td.clDataGridDark                   { padding: 0px }
td.clDataGridLight                  { padding: 0px }
td.clDataGridNormal                 { padding: 0px }

/* Graphic Tab Control */
.clActiveTab { color: #FFFFFF; font-weight: bold; background-image: url('images/survol/trait_gris.gif');  }
.clTab       { color: #FFFFFF; cursor: hand; background-image: url('images/tab_body.gif');
                }
.clActiveLeftTab { background-image: url('images/activetab_left.gif');  width: 10px}
.clActiveRightTab { background-image: url('images/activetab_right.gif');   width: 10px}
.clLeftTab { background-image: url('images/tab_left.gif');  width: 10px}
.clRightTab   { background-image: url('images/tab_right.gif');   width: 10px}

.clActiveAdminTab { color: #FFFFFF; background-image: url('images/survol/tab_body_rouge.gif');
               height: 32px; font-weight: bold;
                }
.clAdminTab { color: #FFFFFF; cursor: hand; background-image:
               url('images/survol/tab_body_or.gif'); height: 32px; }
.clActiveAdminLeftTab {  background-image: url('images/survol/tab_left_rouge.gif'); height: 32px; width: 13px; }
.clActiveAdminRightTab { background-image: url('images/survol/tab_right_rouge.gif'); height: 32px; width: 13px; }
.clAdminLeftTab {  background-image: url('images/survol/tab_left_or.gif'); height: 32px; width: 13px; }
.clAdminRightTab   { background-image: url('images/survol/tab_right_or.gif'); height: 32px; width: 13px; }


.clActiveOngletTab { color: #FFFFFF; background-image: url('images/survol/tab_body_rouge.gif');
               height: 26px; font-weight: bold;
               padding-top: 9 }
.clOngletTab { color: #FFFFFF; cursor: hand; background-image:
               url('images/survol/tab_body_or.gif'); height: 26px;padding-top: 9 }
.clActiveOngletLeftTab {  background-image: url('images/survol/tab_left_rouge.gif'); height: 26px; width: 13px; }
.clActiveOngletRightTab { background-image: url('images/survol/tab_right_rouge.gif'); height: 26px; width: 13px; }
.clOngletLeftTab {  background-image: url('images/survol/tab_left_or.gif'); height: 26px; width: 13px; }
.clOngletRightTab   { background-image: url('images/survol/tab_right_or.gif'); height: 26px; width: 13px; }

.clOverBackground                   { color: black }
.clOverBackground *                 { color: black }