/* General look */ * { color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } body { color: black; background-color: #E7E7E7; font-family: Tahoma, Arial, Tahoma; font-size: 8pt; } form { margin: 0px; font-family: Tahoma, Arial, Tahoma; font-size: 8pt; } a { color: black; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } a:visited { color: black; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } a:hover { color: black; text-decoration: underline; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } a:active { color: black; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } input { border: solid 1px #949494; color: black; font-size: 8pt} input[type=password], input[type=text]{background-image:url("input-bg.gif");-moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px; padding:3px 3px 3px 3px}; select { background: #FFFFFF; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } option { background: #FFFFFF; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } textarea { border: 1px solid #C0C0C0; background: #FFFFFF; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } input.clFlatTextInput { border: solid 1px #949494; padding-left: 2px; padding-top: 2px; height: 19px; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } textarea.clFlatTextInput { border: solid 1px #949494; padding-left: 2px; padding-top: 2px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } b, div, td, tr { font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .Field { border: 1px solid #949494; } .FieldOver { border: 1px solid #716F64; } .FieldFocus { border: 1px solid #006699; } .FieldError { border: 1px dashed red; } /* Message d'erreur */ .clErrorMsg { background-color:#265DAF; background-position-y:top; border-style: solid; border-color: #999999; border-width: 0px 1px 1px 0px; color: black; font-weight: bold; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 12pt; } /* Message sur les zooms pour annoncer qu'il n'y a pas de résultats*/ .clPopupNoRes { background-color:#FFD6D6; background-position-y:top; border-style: solid; border-color: #999999; border-width: 0px 1px 1px 0px; color: black; font-weight: bold; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 12pt; text-align:center;} /* FlatTable and DataGrid */ .clToolbar { height: 23px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTabControl { color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } table.clFlatTable { border: solid 1px #999999; border-collapse: collapse; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader { background-image: url("rowHeaderBg.gif"); background-repeat:repeat-x; background-color:#00AEEF; background-position-y:top; border-style: solid; border-color: #999999; border-width: 0px 1px 1px 0px; color: black; font-weight: bold; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader td { border-style: solid; border-color: #999999; border-width: 0px 1px 1px 0px; color: black; font-weight: bold; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowHeader a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark { background: #BFECFD; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDark a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight { background: #F2F1EC; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLight a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn { background: #FF0000; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn a:hover { color: yellow; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowWarn a:active { color: yellow; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree { background: #66FF00; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowFree a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal { background: #E7E7E7; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowNormal a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate { background: #FFADAD; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowDarkLate input { background: #FFADAD; color: black; border: 0px; margin: 0px; width: 100%; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate { background: #FFD6D6; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowLightLate input { background: #FFD6D6; color: black; border: 0px; margin: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridDark { background: #BFECFD; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridDark td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridDark input { background: #BFECFD; color: black; border: 0px; margin: 0px; width: 100%; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridLight { background: #FFFFFF; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridLight td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDataGridLight input { background: #FFFFFF; color: black; border: 0px; margin: 0px; width: 100%; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark * { background: #949494; color: white; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark td { background: #949494; border: solid 0px; color: white; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clDark a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight * { background: #ECECEC; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight td { background: #ECECEC; border: solid 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clLight a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal * { background: #E7E7E7; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal td { background: #E7E7E7; border: solid 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clNormal a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle { background: #ffff99; border-color: black; border-style: solid; border-width: 1px 1px 1px 1px; color: navy; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowBulle a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours { background: #FFADAD; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteEncours input { background: #FFADAD; color: black; border: 0px; margin: 0px; width: 100%; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour { background: #57F25C; border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour td { border-color: #C0C0C0; border-style: solid; border-width: 0px 1px 1px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour a { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour a:hover { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour a:active { color: red; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clRowEnteteRetour input { background: #FFADAD; color: black; border: 0px; margin: 0px; width: 100%; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } /* Classes directly linked to elements must be declared after those using inheritance */ td.clRowHeader { border-color: #193725; border-style: solid; border-width: 0px 1px 1px 0px; color: white; font-weight: bold; padding: 2px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } td.clDataGridDark { padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } td.clDataGridLight { padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } td.clDataGridNormal { padding: 0px; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } /* Graphic Tab Control */ .clActiveTab { color : white; font-weight: bold; padding-left: 3px; padding-right: 5px; background-position:center; background-image: url('tabcontrol/activetab_body.gif'); } .clActiveTab div,.clActiveTab p,.clActivetab a:visited { color : white; text-shadow:0px 2px 2px #193725} .clTabControl {color:red;} .clTab { color : black; cursor: pointer; padding-left: 3px; padding-right: 5px; background-position:center; background-image: url('tabcontrol/tab_body.gif'); } .clToolbar { height: 23px; background: url('toolbar/toolbar.gif') white repeat-x top left; } .clToolbarGradient { height: 23px; background: url('toolbar/toolbar_gradient.gif') white repeat-x top left; } .ActiveTabCaption { font-weight: bold; } .TabCaption { } .TabControlPageTitle { border-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; background-image: url('tabcontrol/main_background.gif'); } .PageTitle { border-collapse: collapse; padding: 3px; font-size: 12pt; font-weight: bold; margin-bottom: 8px; background-image: url('pagetitle/main_background.gif'); } .clOverBackground { color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clOverBackground * { color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } *.clSelectable { border-color : #E7E7E7; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTitreFenetre { color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 18pt;font-weight: bold; font-style: italic;} /* Classe pour le treeview */ .clTree { background: #ffffff; border-color: #C0C0C0; border-style: solid; border-width: 0px 0px 0px 0px; color: black; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTree a { color: red; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTree a:visited { color: navy; text-decoration: none; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTree a:hover { color: yellow; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; } .clTree a:active { color: yellow; font-family: "Segoe UI", "Tahoma", "Verdana"; font-size: 8pt; }