.syntax_comment {
    color: #808000;
}

.syntax_comment_mysql {}

.syntax_comment_ansi {}

.factureEdit:hover {
    background-color: #D6D6D6;
    background-image: url(../images/b_edit.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.syntax_comment_c {}

.syntax_digit {}

.syntax_digit_hex {
    color: teal;
}

.syntax_digit_integer {
    color: teal;
}

.syntax_digit_float {
    color: aqua;
}

.syntax_punct {
    color: fuchsia;
}

.syntax_alpha {}

.syntax_alpha_columnType {
    color: #FF9900;
}

.syntax_alpha_columnAttrib {
    color: #0000FF;
}

.syntax_alpha_reservedWord {
    color: #990099;
}

.syntax_alpha_functionName {
    color: #FF0000;
}

.syntax_alpha_identifier {
    color: black;
}

.syntax_alpha_charset {
    color: #6495ed;
}

.syntax_alpha_variable {
    color: #800000;
}

.ZoneEveRH {
    font-size: 11px;
    background-color: #F7F7F7;
    width: 98%;
    border: 1px solid #999;
    margin: 2px;
}

.syntax_quote {
    color: #008000;
}

.syntax_quote_double {}

.syntax_quote_single {}

.syntax_quote_backtick {}

.syntax_indent0 {
    margin-left: 0em;
}

.syntax_indent1 {
    margin-left: 1em;
}

.syntax_indent2 {
    margin-left: 2em;
}

.syntax_indent3 {
    margin-left: 3em;
}

.syntax_indent4 {
    margin-left: 4em;
}

.syntax_indent5 {
    margin-left: 5em;
}

.syntax_indent6 {
    margin-left: 6em;
}

.syntax_indent7 {
    margin-left: 7em;
}


/******************************************************************************/


/* general tags */

html {
    font-size: 82%;
}

input,
select,
textarea {
    font-size: 1em;
}

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0.5em;
    color: #444;
    background: #fff;
}

textarea,
tt,
pre,
code {
    font-family: monospace;
}

h1 {
    font-size: 140%;
    font-weight: bold;
    color: #F00;
}

h2 {
    font-size: 2em;
    font-weight: normal;
    text-shadow: 0px 1px 0px #fff;
    padding: 10px 0 10px 3px;
    color: #777;
}


/* Hiding icons in the page titles */

h2 img {
    display: none;
}

h2 a img {
    display: inline;
}

.data {
    margin: 0 0 12px 0;
}

h3 {
    font-weight: bold;
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #235a81;
    cursor: pointer;
    outline: none;
}

a:hover {
    text-decoration: underline;
    color: #235a81;
}

#initials_table {
    background: #f3f3f3;
    border: 1px solid #aaa;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#initials_table td {
    padding: 8px !important
}

#initials_table a {
    border: 1px solid #aaa;
    background: #fff;
    padding: 4px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
}

dfn {
    font-style: normal;
}

dfn:hover {
    font-style: normal;
    cursor: help;
}

th {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    font-weight: bold;
    color: #000000;
    background: rgb(252, 255, 244);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 255, 244, 1)), color-stop(40%, rgba(223, 229, 215, 1)), color-stop(100%, rgba(179, 190, 173, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 40%, rgba(179, 190, 173, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
    /* IE6-8 */
}

a img {
    border: 0;
}

hr {
    color: #000000;
    background-color: #000000;
    border: 0;
    height: 1px;
}

form {
    padding: 0;
    margin: 0;
    display: inline;
}

input[type=text] {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;
    /* background: url(../images/input_bg.gif); */
    border: 1px solid #aaa;
    color: #555555;
    padding: 4px 0px;
    padding-left: 4px;
    margin: 6px 0px;
    margin-right: 6px;
}

input[type=password] {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 2px #ddd;
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;
    /* background: url(../images/input_bg.gif); */
    border: 1px solid #aaa;
    color: #555555;
    padding: 4px 0px;
    padding-left: 4px;
    margin: 6px 0px;
    margin-right: 6px;
}

input[type=submit],
input[type=button] {
    font-weight: bold;
    margin-left: 14px;
    border: 1px solid #aaa;
    padding: 3px 7px;
    color: #111;
    text-decoration: none;
    background: #ddd;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-shadow: 0px 1px 0px #fff;
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
}

input[type=submit]:hover,
input[type=button]:hover {
    position: relative;
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
    background: -moz-linear-gradient(top, #cccccc, #dddddd);
    background: -o-linear-gradient(top, #cccccc, #dddddd);
    cursor: pointer;
}

input[type=submit]:active,
input[type=button]:active {
    position: relative;
    top: 1px;
    left: 1px;
}

textarea {
    overflow: visible;
    height: 6em;
}

.tdEtatResult {
    border-right-width: 2px;
    border-right-style: double;
    border-right-color: #000;
}

.trTotaux {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #999;
    border-bottom-color: #000;
    background-color: #D2D2D2;
    height: 40px;
}

fieldset {
    margin-top: 1em;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    padding: 5px;
    border: #aaa solid 1px;
    padding: 1.5em;
    background: #eee;
    text-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}

fieldset fieldset {
    margin: 0.8em;
    background: #fff;
    border: 1px solid #aaa;
    background: none repeat scroll 0 0 #E8E8E8;
}

fieldset legend {
    font-weight: bold;
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 15px #bbb;
    box-shadow: 3px 3px 15px #bbb;
}


/* buttons in some browsers (eg. Konqueror) are block elements,
   this breaks design */

button {
    display: inline;
}

table caption,
table th,
table td {
    padding: 0.3em;
    margin: 0.1em;
    vertical-align:top;
    text-shadow: 0 1px 0 #FFFFFF;
}


/* 3.4 */

table {
    border-collapse: collapse;
}

th {
    border-right: 1px solid #fff;
    text-align: left;
}

img,
input,
select,
button {
    vertical-align: middle;
}

select {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 2px #ddd;
    -webkit-box-shadow: 0 1px 2px #ddd;
    box-shadow: 0 1px 2px #ddd;
    border: 1px solid #aaa;
    color: #333333;
    padding: 3px;
    /* background: url(../images/input_bg.gif) */
}

select[multiple] {
    background: #fff;
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.8, #f1f1f1), to(#fbfbfb));
    background: -webkit-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
    background: -moz-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
    /* none for Opera 11.10 as <option>s always have solid white background */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2");
}


/******************************************************************************/


/* classes */

div.tools {
    /* border: 1px solid #000000; */
    padding: 0.2em;
}

div.tools a {
    color: #3a7ead !important;
}

div.tools,
fieldset.tblFooters {
    margin-top: 0;
    margin-bottom: 0.5em;
    /* avoid a thick line since this should be used under another fieldset */
    border-top: 0;
    text-align: right;
    float: none;
    clear: both;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 5px;
}

div.null_div {
    height: 20px;
    text-align: center;
    font-style: normal;
    min-width: 50px;
}

fieldset .formelement {
    float: left;
    margin-right: 0.5em;
    /* IE */
    white-space: nowrap;
}


/* revert for Gecko */

fieldset div[class=formelement] {
    white-space: normal;
}

button.mult_submit {
    border: none;
    background-color: transparent;
}


/* odd items 1,3,5,7,... */

table tr.odd th,
.odd {
    background: #fff;
}


/* even items 2,4,6,8,... */

table tr.even th,
.even {
    background: #f3f3f3;
}


/* odd table rows 1,3,5,7,... */

table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align: left;
}


/* marked table rows */

td.marked,
table tr.marked td,
table tr.marked th,
table tr.marked {
    background: url(../images/marked_bg.png) repeat-x #b6c6d7;
    color: #000000;
}


/* hovered items */

.odd:hover,
.even:hover,
.hover,
.structure_actions_dropdown {
    background: url(../images/marked_bg.png) repeat-x #b6c6d7;
    /* 3.4 */
    color: #000000;
}


/* hovered table rows */

table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th {
    background: url(../images/marked_bg.png) repeat-x #b6c6d7;
    /* 3.4 */
    color: #000000;
}


/**
 * marks table rows/cells if the db field is in a where condition
 */

tr.condition th,
tr.condition td,
td.condition,
th.condition {
    border: 1px solid #FFCC99;
}


/**
 * cells with the value NULL
 */

td.null {
    font-style: italic;
    text-align: right;
}

table .value {
    text-align: right;
    white-space: normal;
}


/* IE doesnt handles 'pre' right */

table [class=value] {
    white-space: normal;
}

.value {
    font-family: monospace;
}

.value .attention {
    color: red;
    font-weight: bold;
}

.value .allfine {
    color: green;
}

img.lightbulb {
    cursor: pointer;
}

.pdflayout {
    overflow: hidden;
    clip: inherit;
    background-color: #FFFFFF;
    display: none;
    border: 1px solid #000000;
    position: relative;
}

.pdflayout_table {
    background: #D3DCE3;
    color: #000000;
    overflow: hidden;
    clip: inherit;
    z-index: 2;
    display: inline;
    visibility: inherit;
    cursor: move;
    position: absolute;
    font-size: 80%;
    border: 1px dashed #000000;
}


/* MySQL Parser */

.syntax {
    font-family: Verdan, Arial, Tahoma;
    font-size: 110%;
}

.syntax a {
    text-decoration: none;
    border-bottom: 1px dotted black;
}

.syntax_comment {
    padding-left: 4pt;
    padding-right: 4pt;
}

.syntax_digit {}

.syntax_digit_hex {}

.syntax_digit_integer {}

.syntax_digit_float {}

.syntax_punct {}

.syntax_alpha {}

.syntax_alpha_columnType {
    text-transform: uppercase;
}

.syntax_alpha_columnAttrib {
    text-transform: uppercase;
}

.syntax_alpha_reservedWord {
    text-transform: uppercase;
    font-weight: bold;
}

.syntax_alpha_functionName {
    text-transform: uppercase;
}

.syntax_alpha_identifier {}

.syntax_alpha_charset {}

.syntax_alpha_variable {}

.syntax_quote {
    white-space: pre;
}

.syntax_quote_backtick {}


/* leave some space between icons and text */

.icon,
img.footnotemarker {
    vertical-align: -3px;
    margin-right: 0.3em;
    margin-left: 0.3em;
}

img.footnotemarker {
    display: none;
}


/* no extra space in table cells */

td .icon {
    margin: 0;
}

.selectallarrow {
    margin-right: 0.3em;
    margin-left: 0.6em;
}


/* message boxes: error, confirmation */

.success h1,
.notice h1,
div.error h1 {
    border-bottom: 2px solid;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0.2em 0;
}

div.success,
div.notice,
div.error,
div.footnotes {
    margin: 0.5em 0 1.3em 0;
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
}

.success a {
    text-decoration: underline;
}

.notice a {
    text-decoration: underline;
}

.error a {
    text-decoration: underline;
}

.footnotes a {
    text-decoration: underline;
}

.success {
    color: #000000;
    background-color: #ebf8a4;
}

h1.success,
div.success {
    border-color: #303030;
    background-image: url(../images/s_success.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.success h1 {
    border-color: #00FF00;
}

.notice,
.footnotes {
    color: #000;
    background-color: #e8eef1;
}

h1.notice,
div.notice,
div.footnotes {
    border-color: #3a6c7e;
    background-image: url(../images/s_notice.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.notice h1 {
    border-color: #ffb10a;
}

.error {
    border: 1px solid maroon !important;
    color: #000;
    background: pink;
}

h1.error,
div.error {
    border-color: #333;
    background-image: url(../images/s_error.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

div.error h1 {
    border-color: #ff0000;
}

.confirmation {
    color: #000000;
    background-color: pink;
}

fieldset.confirmation {}

fieldset.confirmation legend {}


/* end messageboxes */

.tblcomment {
    font-size: 70%;
    font-weight: normal;
    color: #000099;
}

.tblHeaders {
    font-weight: bold;
    color: #000000;
    background: #D3DCE3;
}

div.tools,
.tblFooters {
    font-weight: normal;
    color: #000000;
    background: #D3DCE3;
}

.tblHeaders a:link,
.tblHeaders a:active,
.tblHeaders a:visited,
div.tools a:link,
div.tools a:visited,
div.tools a:active,
.tblFooters a:link,
.tblFooters a:active,
.tblFooters a:visited {
    color: #0000FF;
}

.tblHeaders a:hover,
div.tools a:hover,
.tblFooters a:hover {
    color: #FF0000;
}


/* forbidden, no privilegs */

.noPrivileges {
    color: #FF0000;
    font-weight: bold;
}


/* disabled text */

.disabled,
.disabled a:link,
.disabled a:active,
.disabled a:visited {
    color: #666666;
}

.disabled a:hover {
    color: #666666;
    text-decoration: none;
}

tr.disabled td,
td.disabled {
    background-color: #f3f3f3;
    color: #aaa;
}

.nowrap {
    white-space: nowrap;
}


/**
 * login form
 */

body.loginform h1,
body.loginform a.logo {
    display: block;
    text-align: center;
}

body.loginform {
    text-align: center;
}

body.loginform div.container {
    text-align: left;
    width: 30em;
    margin: 0 auto;
}

form.login label {
    float: left;
    width: 10em;
    font-weight: bolder;
}

.commented_column {
    border-bottom: 1px dashed black;
}

.column_attribute {
    font-size: 70%;
}


/******************************************************************************/


/* specific elements */


/* topmenucontainer */

#topmenucontainer a {
    /* text-shadow: 0px 1px 0px #fff; */
}

#topmenucontainer .error {
    background: #eee;
    border: 0px !important;
    color: #aaa;
}

ul#topmenucontainer,
ul#topmenu2,
ul.tabs {
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#topmenu2 {
    margin: 0.25em 0.5em 0;
    height: 2em;
    clear: both;
}

ul#topmenucontainer li,
ul#topmenu2 li {
    float: left;
    margin: 0;
    vertical-align: middle;
}

#topmenucontainer img,
#topmenu2 img {
    margin-right: 0.5em;
    vertical-align: -3px;
}

#topmenucontainer {
    border-top: 1px solid #aaa;
    background-image: url(../images/tab_bg.png);
    background-repeat: repeat-x;
    height: 40px;
}

#topmenucontainer li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 101;
    background: none;
    list-style: none;
}


/* default tab styles */

.tabactive {
    background: #fff !important;
}

ul#topmenucontainer a,
ul#topmenucontainer span {
    display: block;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

ul#topmenucontainer ul a {
    margin: 0;
}

ul#topmenucontainer .submenu {
    display: none;
    position: relative;
}

ul#topmenucontainer .shown {
    display: inline-block;
}

ul#topmenucontainer ul {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    list-style-type: none;
    display: none;
    border: 1px #ddd solid;
}

ul#topmenucontainer li:hover {
    background: url(../images/tab_hover_bg.png) repeat-x 50% 0%!important;
}

ul#topmenucontainer li:hover ul,
ul#topmenucontainer .submenuhover ul {
    display: block;
    font-weight: 3em;
    background: #fff;
}

ul#topmenucontainer ul li {
    width: 100%;
}

ul#topmenu2 a {
    display: block;
    margin: 7px 6px 7px 0px;
    padding: 4px 10px;
    white-space: nowrap;
    border: 1px solid #ddd;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: #f2f2f2;
}


/* disabled tabs */

ul#topmenucontainer span.tab {
    color: #666666;
}

fieldset.caution a {
    color: #FF0000;
}

fieldset.caution a:hover {
    color: #ffffff;
    background-color: #FF0000;
}

#topmenucontainer {
    margin-top: 0.5em;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

ul#topmenucontainer ul {
    -moz-box-shadow: 1px 1px 6px #ddd;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
}

ul#topmenucontainer>li {
    border-right: 1px solid #fff;
    border-left: 1px solid #ccc;
}


/* default tab styles */

ul#topmenucontainer a,
ul#topmenucontainer span {
    padding: 10px;
}

ul#topmenucontainer ul a {
    border-width: 1pt 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

ul#topmenucontainer ul li:first-child a {
    border-width: 0;
}


/* enabled hover/active tabs */

ul#topmenucontainer>li>a:hover,
ul#topmenucontainer>li>.tabactive {
    text-decoration: none;
}

ul#topmenucontainer ul a:hover,
ul#topmenucontainer ul .tabactive {
    text-decoration: none;
}

ul#topmenucontainer a.tab:hover,
ul#topmenucontainer .tabactive {
    /* background-color:   #F5F5F5;  */
}

ul#topmenu2 a.tab:hover,
ul#topmenu2 a.tabactive {
    background-color: #E5E5E5;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    text-decoration: none;
}


/* to be able to cancel the bottom border, use <li class="active"> */

ul#topmenucontainer>li.active {
    /* border-bottom:      0pt solid #F5F5F5; */
    border-right: 0px;
}


/* disabled tabs */

ul#topmenucontainer span.tab,
a.error {
    cursor: url(../images/error.ico), default;
    color: #ccc;
}


/* end topmenucontainer */


/* Calendar */

table.calendar {
    width: 100%;
}

table.calendar td {
    text-align: center;
}

table.calendar td a {
    display: block;
}

table.calendar td a:hover {
    background-color: #CCFFCC;
}

table.calendar th {
    background-color: #D3DCE3;
}

table.calendar td.selected {
    background-color: #FFCC99;
}

img.calendar {
    border: none;
}

form.clock {
    text-align: center;
}


/* end Calendar */


/* table stats */

div#tablestatistics {
    border-bottom: 0.1em solid #669999;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div#tablestatistics table {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 1.5em;
    margin-top: 0.5em;
}

div#tablestatistics table caption {
    margin-right: 0.5em;
}


/* END table stats */


/* server privileges */

#tableuserrights td,
#tablespecificuserrights td,
#tabledatabases td {
    vertical-align: middle;
}


/* END server privileges */


/* Heading */

#serverinfo {
    border-bottom: 1px solid #fff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #888;
    padding: 10px;
    text-shadow: 0 1px 0 #000000;
}

#serverinfo .item {
    white-space: nowrap;
    color: #fff;
}

#span_table_comment {
    font-weight: normal;
    font-style: italic;
    white-space: nowrap;
}

#serverinfo img {
    margin: 0 0.1em 0 0.2em;
}

#textSQLDUMP {
    width: 95%;
    height: 95%;
    font-family: "Courier New", Courier, mono;
    font-size: 110%;
}

#TooltipContainer {
    position: absolute;
    z-index: 99;
    width: 20em;
    height: auto;
    overflow: visible;
    visibility: hidden;
    background-color: #ffffcc;
    color: #006600;
    border: 0.1em solid #000000;
    padding: 0.5em;
}


/* user privileges */

#fieldset_add_user_login div.item {
    border-bottom: 1px solid silver;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

#fieldset_add_user_login label {
    float: left;
    display: block;
    width: 10em;
    max-width: 100%;
    text-align: right;
    padding-right: 0.5em;
}

#fieldset_add_user_login span.options #select_pred_username,
#fieldset_add_user_login span.options #select_pred_hostname,
#fieldset_add_user_login span.options #select_pred_password {
    width: 100%;
    max-width: 100%;
}

#fieldset_add_user_login span.options {
    float: left;
    display: block;
    width: 12em;
    max-width: 100%;
    padding-right: 0.5em;
}

#fieldset_add_user_login input {
    width: 12em;
    clear: right;
    max-width: 100%;
}

#fieldset_add_user_login span.options input {
    width: auto;
}

#fieldset_user_priv div.item {
    float: left;
    width: 9em;
    max-width: 100%;
}

#fieldset_user_priv div.item div.item {
    float: none;
}

#fieldset_user_priv div.item label {
    white-space: nowrap;
}

#fieldset_user_priv div.item select {
    width: 100%;
}

#fieldset_user_global_rights fieldset {
    float: left;
}


/* END user privileges */


/* serverstatus */

div#serverstatus table caption a.top {
    float: right;
}

div#serverstatus div#serverstatusqueriesdetails table,
div#serverstatus table#serverstatustraffic,
div#serverstatus table#serverstatusconnections {
    float: left;
}

#serverstatussection,
.clearfloat {
    clear: both;
}

div#serverstatussection table {
    width: 100%;
    margin-bottom: 1em;
}

div#serverstatussection table .name {
    width: 18em;
}

div#serverstatussection table .value {
    width: 6em;
}

div#serverstatus table tbody td.descr a,
div#serverstatus table .tblFooters a {
    white-space: nowrap;
}

div#serverstatus div#statuslinks a:before,
div#serverstatus div#sectionlinks a:before,
div#serverstatus table tbody td.descr a:before,
div#serverstatus table .tblFooters a:before {}

div#serverstatus div#statuslinks a:after,
div#serverstatus div#sectionlinks a:after,
div#serverstatus table tbody td.descr a:after,
div#serverstatus table .tblFooters a:after {}


/* end serverstatus */


/* querywindow */

body#bodyquerywindow {
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #F5F5F5;
}

div#querywindowcontainer {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#querywindowcontainer fieldset {
    margin-top: 0;
}


/* END querywindow */


/* querybox */

#togglequerybox {
    margin: 0 10px
}

#serverstatus p {
    margin: 1.5em 0px;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 2px #fff inset;
    -webkit-box-shadow: 0px 1px 2px #fff inset;
    box-shadow: 0px 1px 2px #fff;
    inset: inherit;
    background: #555;
    color: #d4fb6a;
}

#serverstatus p a {
    color: #fff;
    text-decoration: underline;
}

#serverstatus h3 {
    margin: 35px 0px;
    font-weight: normal;
    color: #999;
    font-size: 1.7em;
}

#sectionlinks {
    padding: 16px;
    background: #f3f3f3;
    border: 1px solid #aaa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 1px 1px #fff inset;
    -webkit-box-shadow: 0px 1px 1px #fff inset;
    -moz-box-shadow: 0px 1px 1px #fff inset;
}

#sectionlinks a,
#statuslinks a {
    font-size: 0.88em;
    font-weight: bold;
    text-shadow: 0px 1px 0px #fff;
    line-height: 35px;
    margin-left: 7px;
    border: 1px solid #aaa;
    padding: 5px 10px;
    color: #111;
    text-decoration: none;
    background: #ddd;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	text-shadow: #fff 0px 1px 0px;
    */
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
}

#sectionlinks a:hover,
#statuslinks a:hover {
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
    background: -moz-linear-gradient(top, #cccccc, #dddddd);
    background: -o-linear-gradient(top, #cccccc, #dddddd);
}

div#sqlquerycontainer {
    float: left;
    width: 69%;
    /* height: 15em; */
}

div#tablefieldscontainer {
    float: right;
    width: 29%;
    /* height: 15em; */
}

div#tablefieldscontainer select {
    width: 100%;
    background: #fff;
    /* height: 12em; */
}

textarea#sqlquery {
    width: 100%;
    /* height: 100%; */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* border-raduis: 4px  1px solid #aaa; */
    padding: 5px;
    font-family: inherit;
}

textarea#sql_query_edit {
    height: 7em;
    width: 95%;
    display: block;
}

div#queryboxcontainer div#bookmarkoptions {
    margin-top: 0.5em;
}


/* end querybox */


/* main page */

#maincontainer {
    /* background-image: url(../images/logo_right.png); */
    /* background-position: right bottom; */
    /* background-repeat: no-repeat; */
}

#mysqlmaininformation,
#pmamaininformation {
    float: left;
    width: 49%;
}

#maincontainer ul {
    list-style-type: disc;
    vertical-align: middle;
}

#maincontainer li {
    margin-bottom: 0.3em;
}


/* END main page */

#tableEtatValide ul {
    list-style-type: square;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

#tableEtatValide li {
    margin: 0px;
    padding: 0px;
}


/* END main page */


/* iconic view for ul items */

li#li_create_database {
    list-style-image: url(../images/b_newdb.png);
}

li#li_select_lang {
    list-style-image: url(../images/s_lang.png);
}

li#li_select_mysql_collation {
    list-style-image: url(../images/s_asci.png);
}

li#li_select_theme {
    list-style-image: url(../images/s_theme.png);
}

li#li_user_info {
    /* list-style-image: url(../images/s_rights.png); */
}

li#li_mysql_status {
    list-style-image: url(../images/s_status.png);
}

li#li_mysql_variables {
    list-style-image: url(../images/s_vars.png);
}

li#li_mysql_processes {
    list-style-image: url(../images/s_process.png);
}

li#li_mysql_collations {
    list-style-image: url(../images/s_asci.png);
}

li#li_mysql_engines {
    list-style-image: url(../images/b_engine.png);
}

li#li_mysql_binlogs {
    list-style-image: url(../images/s_tbl.png);
}

li#li_mysql_databases {
    list-style-image: url(../images/s_db.png);
}

li#li_export {
    list-style-image: url(../images/b_export.png);
}

li#li_import {
    list-style-image: url(../images/b_import.png);
}

li#li_change_password {
    list-style-image: url(../images/s_passwd.png);
}

li#li_log_out {
    list-style-image: url(../images/s_loggoff.png);
}

li#li_mysql_privilegs {
    list-style-image: url(../images/s_rights.png);
}

li#li_switch_dbstats {
    list-style-image: url(../images/b_dbstatistics.png);
}

li#li_flush_privileges {
    list-style-image: url(../images/s_reload.png);
}

li#li_user_preferences {
    list-style-image: url(../images/b_tblops.png);
}


/* END iconic view for ul items */

#body_browse_foreigners {
    background: #D0DCE0;
    margin: 0.5em 0.5em 0 0.5em;
}

#bodyquerywindow {
    background: #D0DCE0;
}

#bodythemes {
    width: 500px;
    margin: auto;
    text-align: center;
}

#bodythemes img {
    border: 0.1em solid black;
}

#bodythemes a:hover img {
    border: 0.1em solid red;
}

#fieldset_select_fields {
    float: left;
}

#selflink {
    clear: both;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    background: #f3f3f3;
    width: 100%;
    border-top: 0.1em solid silver;
    text-align: right;
}

#table_innodb_bufferpool_usage,
#table_innodb_bufferpool_activity {
    float: left;
}

#div_mysql_charset_collations table {
    float: left;
}

.operations_half_width {
    width: 48%;
    float: left;
}

.operations_full_width {
    width: 100%;
    clear: both;
}

#qbe_div_table_list {
    float: left;
}

#qbe_div_sql_query {
    float: left;
}

label.desc {
    width: 30em;
    float: left;
}

label.desc sup {
    position: absolute;
}

code.sql,
div.sqlvalidate {
    display: block;
    padding: 1em;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    max-height: 10em;
    overflow: auto;
    background: #E5E5E5;
}

#main_pane_left {
    width: 70%;
    float: left;
    padding-top: 1em;
}

#main_pane_right {
    margin-left: 70%;
    padding-top: 1em;
    padding-left: 1em;
}

.group {
    border: 1px solid #999;
    background: #f3f3f3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 3px 3px 10px #ddd;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.group h2 {
    background-color: #bbb;
    padding: 0.1em 0.3em;
    margin-top: 0;
    color: #fff;
    font-size: 1.6em;
    font-weight: normal;
    text-shadow: 0 1px 0 #777;
    -moz-box-shadow: 1px 1px 15px #999 inset;
    -webkit-box-shadow: 1px 1px 15px #999 inset;
    box-shadow: 1px 1px 15px #999 inset;
}

.group-cnt {
    padding: 0 0 0 0.5em;
    display: inline-block;
    width: 98%;
}

textarea#partitiondefinition {
    height: 3em;
}


/* for elements that should be revealed only via js */

.hide {
    display: none;
}

#li_select_server {
    list-style-image: url(../images/s_host.png);
}

#list_server {
    list-style-image: none;
}


/**
  *  Progress bar styles
  */

div.upload_progress_bar_outer {
    border: 1px solid black;
    width: 202px;
}

div.upload_progress_bar_inner {
    background-color: #D0DCE0;
    width: 0px;
    height: 12px;
    margin: 1px;
}

table#serverconnection_src_remote,
table#serverconnection_trg_remote,
table#serverconnection_src_local,
table#serverconnection_trg_local {
    float: left;
}


/**
  *  Validation error message styles
  */

input[type=text].invalid_value,
.invalid_value {
    background: #F00;
}


/**
  *  Ajax notification styling
  */

.ajax_notification {
    top: 0px;
    /** The notification needs to be shown on the top of the page */
    position: fixed;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 5px;
    /** Keep a little space on the sides of the text */
    width: 350px;
    z-index: 1100;
    /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
    text-align: center;
    display: inline;
    left: 0;
    right: 0;
    background-image: url(../images/ajax_clock_small.gif);
    background-repeat: no-repeat;
    background-position: 2%;
    border: 1px solid #e2b709;
}


/* additional styles */

.ajax_notification {
    margin-top: 200px;
    background: #ffe57e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 5px 90px #888;
    -moz-box-shadow: 0px 5px 90px #888;
    -webkit-box-shadow: 0px 5px 90px #888;
}

#loading_parent {
    /** Need this parent to properly center the notification division */
    position: relative;
    width: 100%;
}


/**
  * Export and Import styles
  */

.exportoptions h3,
.importoptions h3 {
    border-bottom: 1px #999999 solid;
    font-size: 110%;
}

.exportoptions ul,
.importoptions ul,
.format_specific_options ul {
    list-style-type: none;
    margin-bottom: 15px;
}

.exportoptions li,
.importoptions li {
    margin: 7px;
}

.exportoptions label,
.importoptions label,
.exportoptions p,
.importoptions p {
    margin: 5px;
    float: none;
}

#csv_options label.desc,
#ldi_options label.desc,
#latex_options label.desc,
#output label.desc {
    float: left;
    width: 15em;
}

.exportoptions,
.importoptions {
    margin: 20px 30px 30px 10px
}

.exportoptions #buttonGo,
.importoptions #buttonGo {
    font-weight: bold;
    margin-left: 14px;
    border: 1px solid #aaa;
    padding: 5px 12px;
    color: #111;
    text-decoration: none;
    background: #ddd;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-shadow: 0px 1px 0px #fff;
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
    cursor: pointer;
}

#buttonGo:hover {
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
    background: -moz-linear-gradient(top, #cccccc, #dddddd);
    background: -o-linear-gradient(top, #cccccc, #dddddd);
}

.format_specific_options h3 {
    margin: 10px 0px 0px 10px;
    border: 0px;
}

.format_specific_options {
    border: 1px solid #999999;
    margin: 7px 0px;
    padding: 3px;
}

p.desc {
    margin: 5px;
}


/**
  * Export styles only
  */

select#db_select,
select#table_select {
    width: 400px;
}

.export_sub_options {
    margin: 20px 0px 0px 30px;
}

.export_sub_options h4 {
    border-bottom: 1px #999999 solid;
}

.export_sub_options li.subgroup {
    display: inline-block;
    margin-top: 0;
}

.export_sub_options li {
    margin-bottom: 0;
}

#quick_or_custom,
#output_quick_export {
    display: none;
}


/**
 * Import styles only
 */

.importoptions #import_notification {
    margin: 10px 0px;
    font-style: italic;
}

input#input_import_file {
    margin: 5px;
}

.formelementrow {
    margin: 5px 0px 5px 0px;
}


/**
 * ENUM/SET editor styles
 */

p.enum_notice {
    margin: 5px 2px;
    font-size: 80%;
}

#enum_editor {
    display: none;
    position: fixed;
    _position: absolute;
    /* hack for IE */
    z-index: 101;
    overflow-y: auto;
    overflow-x: hidden;
}

#enum_editor_no_js {
    margin: auto auto;
}

#enum_editor,
#enum_editor_no_js {
    background: #D0DCE0;
    padding: 15px;
}

#popup_background {
    display: none;
    position: fixed;
    _position: absolute;
    /* hack for IE6 */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 100;
    overflow: hidden;
}

a.close_enum_editor {
    float: right;
}

#enum_editor #values,
#enum_editor_no_js #values {
    margin: 15px 0px;
    width: 100%;
}

#enum_editor #values input,
#enum_editor_no_js #values input {
    margin: 5px 0px;
    float: top;
    width: 100%;
}


#enum_editor_output {
    margin-top: 50px;
}

/**
 * Table structure styles
 */
.structure_actions_dropdown {
    position: absolute;
    padding: 3px;
    display: none;
    z-index: 100;
    background: #fff;
    line-height: 24px;
    border: 1px solid #aaa;
    -moz-box-shadow: 0px 3px 3px #ddd;
}
.structure_actions_dropdown span {
    display: block;
}
.structure_actions_dropdown span:hover {
    background: #ddd;
}
td.more_opts {
    white-space: nowrap;
}
iframe.IE_hack {
    z-index: 1;
    position: absolute;
    display: none;
    border: 0;
    filter: alpha(opacity=0);
}

/* config forms */
.config-form ul.tabs {
    margin: 1.1em 0.2em 0;
    padding: 0 0 0.3em 0;
    list-style: none;
    font-weight: bold;
}
.config-form ul.tabs li {
    float: left;
}
.config-form ul.tabs li a {
    display: block;
    margin: 0.1em 0.2em 0;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid #D5D5D5;
    border-bottom: none;
}
.config-form ul.tabs li a {
    padding: 7px 10px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #f2f2f2;
    color: #555;
    text-shadow: 0 1px 0 #fff;
}
.config-form ul.tabs li a:hover,
.config-form ul.tabs li a:active {
    background: #e5e5e5;
}
.config-form ul.tabs li a.active {
    background-color: #fff;
    margin-top: 1px;
    color: #000;
    text-shadow: none;
}
.config-form fieldset {
    margin-top: 0;
    padding: 0;
    clear: both;
    /*border-color: #D5D5D5;*/
}
.config-form legend {
    display: none;
}
.config-form fieldset p {
    margin: 0;
    padding: 0.5em;
    background: #fff;
    border-top: 0px;
}
.config-form fieldset .errors {
    /* form error list */
    
    margin: 0 -2px 1em -2px;
    padding: 0.5em 1.5em;
    background: #FBEAD9;
    border: 0 #C83838 solid;
    border-width: 1px 0;
    list-style: none;
    font-family: sans-serif;
    font-size: small;
}
.config-form fieldset .inline_errors {
    /* field error list */
    
    margin: 0.3em 0.3em 0.3em 0;
    padding: 0;
    list-style: none;
    color: #9A0000;
    font-size: small;
}
.config-form fieldset th {
    padding: 0.3em 0.3em 0.3em 0.5em;
    text-align: left;
    vertical-align: top;
    width: 40%;
    background: transparent;
}
.config-form fieldset .doc,
.config-form fieldset .disabled-notice {
    margin-left: 1em;
}
.config-form fieldset .disabled-notice {
    font-size: 80%;
    text-transform: uppercase;
    color: #E00;
    cursor: help;
}
.config-form fieldset td {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    vertical-align: top;
}
.config-form fieldset th small {
    display: block;
    font-weight: normal;
    font-family: sans-serif;
    font-size: x-small;
    color: #444;
}
.config-form fieldset th,
.config-form fieldset td {
    border-top: 1px #D5D5D5 solid;
    border-right: none;
}
fieldset .group-header th {
    background: #D5D5D5;
}
fieldset .group-header+tr th {
    padding-top: 0.6em;
}
fieldset .group-field-1 th,
fieldset .group-header-2 th {
    padding-left: 1.5em;
}
fieldset .group-field-2 th,
fieldset .group-header-3 th {
    padding-left: 3em;
}
fieldset .group-field-3 th {
    padding-left: 4.5em;
}
fieldset .disabled-field th,
fieldset .disabled-field th small,
fieldset .disabled-field td {
    color: #666;
    background-color: #ddd;
}
.config-form .lastrow {
    border-top: 1px #000 solid;
}
.config-form .lastrow {
    background: #D3DCE3;
    ;
    padding: 0.5em;
    text-align: center;
}
.config-form .lastrow input {
    font-weight: bold;
}

/* form elements */
.config-form span.checkbox {
    padding: 2px;
    display: inline-block;
}
.config-form .custom {
    /* customized field */
    
    background: #FFC;
}
.config-form span.checkbox.custom {
    padding: 1px;
    border: 1px #EDEC90 solid;
    background: #FFC;
}
.config-form .field-error {
    border-color: #A11 !important;
}
.config-form input[type="text"],
.config-form select,
.config-form textarea {
    border: 1px #A7A6AA solid;
    height: auto;
}
.config-form input[type="text"]:focus,
.config-form select:focus,
.config-form textarea:focus {
    border: 1px #6676FF solid;
    background: #F7FBFF;
}
.config-form .field-comment-mark {
    font-family: serif;
    color: #007;
    cursor: help;
    padding: 0 0.2em;
    font-weight: bold;
    font-style: italic;
}
.config-form .field-comment-warning {
    color: #A00;
}

/* error list */
.config-form dd {
    margin-left: 0.5em;
}
.config-form dd:before {
    content: "\25B8  ";
}
.click-hide-message {
    cursor: pointer;
}
.prefsmanage_opts {
    margin-left: 2em;
}
#prefs_autoload {
    margin-bottom: 0.5em;
}
#table_columns input,
#table_columns select {
    width: 14em;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#table_columns select {
    margin: 0 6px;
}
#topmenucontainer .sousMenu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#topmenucontainer .sousMenu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 149px;
    text-align: left;
    BACKGROUND-COLOR: #ffffff;
    filter: alpha(opacity=90); -moz-opacity: 0.9;opacity: 0.9;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 4px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #078309;
    border-bottom-color: #787978;
    border-left-color: #078309;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 18px;
}
#topmenucontainer .sousMenu li a:link,
#topmenucontainer .sousMenu li a:visited {
    display: block;
    COLOR: #003300;
}
#topmenucontainer .sousMenu li a:hover {
    background-image: none;
    background-color: #F2462E;
}
.classPageActif {
    color: #F00;
    font-weight: bold;
    text-decoration: underline;
    background-color: #FF0;
}
.bgMenuPP {
    height: 30px;
    background-image: url(../images/m.m.nav.jpg);
}
#menuDeroulant {
    width: 100%;
    list-style-type: none;
    /* margin: 0;
    padding: 0; */
    border: 0;
    position: absolute;
    z-index: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/m.m.nav.jpg);
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 25px;
    color: #048107;
}
#menuDeroulant li {
    float: left;
    /* width: 150px; */
    margin: 0;
    padding: 0px 5px;
    /*text-align: center;*/
    border-top-width: 0;
    border-right-width: 1;
    border-bottom-width: 0;
    border-right-style: solid;
    border-right-color: #333;
}
#menuDeroulant .sousMenu,
#menuDeroulant .sousMenu .sousSousMenu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#menuDeroulant li:hover>.sousMenu {
    display: block;
}
#menuDeroulant .sousMenu li {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 175px;
    text-align: left;
    BACKGROUND-COLOR: #ffffff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 4px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #078309;
    border-bottom-color: #078309;
    border-left-color: #078309;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /* height: 30px; */
    /* border-bottom: 1px solid #009933;
 border-right: 1px solid #009933;
 	BACKGROUND-COLOR: #0033FF;
filter : alpha(opacity=70); 
    -moz-opacity : 7; 
    opacity : 7; */
}
#menuDeroulant li a:link,
#menuDeroulant li a:visited {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    /*
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;*/
}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited {
    display: block;
    COLOR: #003300;
}
#menuDeroulant .sousMenu li a:hover {
    background-image: none;
    background-color: #030;
    color: #fff;
}
.bgMenuGauche {
    background-image: url(../images/fondMenu.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFF;
    margin-top: 50px;
}
#dropmenudiv,
#dropemail,
#dropRHmenudiv {
    Z-INDEX: 100;
    COLOR: #006633;
    POSITION: absolute;
    BACKGROUND-COLOR: #ffffff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #078309;
    border-bottom-color: #078309;
    border-left-color: #078309;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#dropmenudiv A,
dropRHmenudiv A {
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 1px;
    WIDTH: 100%;
    COLOR: #333;
    TEXT-INDENT: 3px;
    PADDING-TOP: 1px;
    TEXT-DECORATION: none;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #003333;
    /* height: 16px; */
}
#dropmenudiv A:hover,
#dropRHmenudiv A:hover {
    /* COLOR: #334; */
    COLOR: #fff;
    BACKGROUND-COLOR: #009933;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.SelPallistracks {
    background-color: #FFF;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #666;
    border-left-color: #666;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    text-align: center;
}
.SelPallistracksClos {
    background-color: #FFF;
    border-right-width: 2px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #0051FF;
    border-left-color: #666;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    text-align: center;
}
.NoSelPallistracks {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-left-color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    background-color: #E4E4E4;
    text-align: center;
}
.NoSelPallistracksClos {
    border-right-width: 2px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #0051FF;
    border-left-color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    background-color: #E4E4E4;
    text-align: center;
}
#zoneBuildQuery select {
    width: 120px;
}
.LignedetailGrume {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
}
.formEssenceVisible {
    visibility: visible;
}
.formEssenceNotVisible {
    visibility: hidden;
    height: 5px;
}
.Cal_eveNement {
    font-weight: bold;
    color: #F00;
    background-color: #ECFFC6;
}
.cal_table {
    background-color: #EFEAFB;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #D7D7FF;
    border-left-color: #D7D7FF;
}
.cal_Td {
    background-color: #F8F8F8;
    margin: 2px;
    padding: 2px;
    height: 60px;
    width: 14%;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #666;
    border-bottom-color: #999;
    font-family: "Arial", Gadget, sans-serif;
    font-size: 12px;
}
.boutonAdmin
{
    border:solid black 1px;
    border-radius:6px;
    background-color: rgb(212, 212, 214);
    width: 150px;
    text-align: center;
}
.cal_TdHead {
    background-color: #b8bbb8;
    margin: 2px;
    padding: 2px;
    height: 30px;
    width: 14%;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #4F4F4F;
    border-bottom-color: #838383;
    font-family: "Arial", Gadget, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #00F;
}
.cal_TdDuJour {
    background-color: #FFF2F2;
    margin: 2px;
    padding: 2px;
    height: 60px;
    width: 14%;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFCACA;
    border-bottom-color: #FFCACA;
    font-family: "Arial", Gadget, sans-serif;
    font-size: 12px;
}
.cal_TdJourMort {
    margin: 2px;
    padding: 2px;
    height: 60px;
    width: 14%;
    font-family: "Arial", Gadget, sans-serif;
    font-size: 12px;
    color: #999;
    border: 1px solid #CCC;
}
#SearchTable td,
th {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999;
}
#SearchTable {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
}
.tireDocumentNonEdit {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
    width: 95%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.tireDocumentEdit {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    width: 400px;
    text-align: center;
    width: 100%;
    border: 1px solid #333;
}
#zoneTitredoc {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
#T_optionAffichageEtat {
    border: 1px solid #333;
    background-color: #C5C5D8;
}
#menuResultat {
    position: fixed;
    z-index: 100;
    top: 400px;
    background-color: #006;
}
.cssDossier {
    float: left;
    background-image: url(../images/g_marker.gif);
    background-repeat: no-repeat;
    background-position: right center;
    height: 24px;
}
#divEtape {
    width: 400px;
    background-image: url(../images/g_colorbar2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
}
#divEtapeEtape {
    background-image: url(../images/g_colorbar.jpg);
    background-repeat: no-repeat;
    background-position: left;
    height: 24px;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    font-weight: bold;
}
.listEtape {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    width: auto;
    float: left;
    height: 100px;
    overflow: hidden;
}


.cssRealiser {
    float: left;
    height: 14px;
    font-weight: bold;
    text-align: center;
    font-size: 9px;
    line-height: 14px;
    background-image: url(../images/marqueur.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.inputTypeDataDossier {
    font-size: 12px;
    width: 150px;
    border: 1px solid #030;
}
.textareaTypeDataDossier {
    font-size: 12px;
    width: 220px;
    border: 1px solid #030;
    font-family: Verdana, Geneva, sans-serif;
    height: 30px;
}
.texteDossier {
    font-size: 12px;
}
.GraphVolume {
    font-size: 9px;
    background-color: #900;
    border: 1px solid #000;
    width: 40px;
    background-image: url(../images/fondGraph.jpg);
    background-repeat: repeat-y;
    background-position: center bottom;
}
.cssDossierContrat {
    background-color: #CCC;
    margin: 1px;
    padding: 1px;
    float: left;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ficheArbre {
    background-image: url(../images/fondArbre.JPG);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 50px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #060;
}
.ldBar {
    position: relative;
}
.ldBar.label-center>.ldBar-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0 0 3px #fff;
    padding-top: 10px;
    Display: none;
}
.ldBar-label:after {
    /*content: "%";*/
    
    display: inline;
}
.ldBar.no-percent .ldBar-label:after {
    content: ""
}
.vertical-texte {
    writing-mode: vertical-lr;
    display: inline-block;
    float: left;
    min-width: 20px;
}
.imgNotActivate {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.alertsolde {
    color: #f00;
    font-weight: bold;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
    margin-left: 2px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
 .boutonToogleSearch
 {
    position: absolute;
     top: 172px; left: 0px;
     background-color: #888;
     width: 24px;
     height: 20px;
     border-radius: 0px 7px 7px 0px;
     margin-left: 4px;
     margin-top: 2px;
     margin-bottom: 2px;
     display:table;
     vertical-align: middle;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     cursor: pointer;
     color: white;
     font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
     
     
 }
 .boutonToogleSearch:hover
 {
    background-color: rgb(36, 36, 36);
    border-radius: 0px 7px 7px 0px;
    width: 30px;
    border-top: 1px;
    border-right: 1px;
    border-bottom: 1px;
    text-align: center;
    color: #b6c6d7;
 } 
 .boutonToogleSearchMenu
 {
    position: absolute;
     top: 40px; left: 10px;
     background-color: #888;
     width: 20px;
     height: 24px;
     border-radius: 0px 0px 7px 7px;
     margin-left: 2px;
     margin-top: 2px;
     margin-bottom: 2px;    
     display:table;
     vertical-align: middle;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     cursor: pointer;
     color: white;
     font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
     writing-mode: vertical-rl;
     text-orientation:mixed;
     
     
 }
 .boutonToogleSearchMenu:hover
 {
    background-color: rgb(36, 36, 36);height: 30px;color: #b6c6d7;
    
 } 
 .accueilLogin
 { background-image: url(../images/accueil.jpg);
   


 }
 .loginZone
 {background-color: white;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 0px 0px 10px 10px;
}
.backGroundUserMenu
{
    background-color:#c4c3c3;
    width: 150px;
    
    }
  .menubackground
  {
    background-image:linear-gradient(to top, rgba(255,255,255,0) 20%, rgba(255,255,255,1)), url(../images/accueil.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    
  }  
  .celluleTableuBordSelect
  {
    width: 50px;
    height: 50px;
    background-color: #edcbcb;
    text-align: center;
    color: #afacac;
    font-size: 25px;
    font-weight:400;
    border-color: rgb(6, 16, 74);

  }
  .celluleTableuBord
  {
    width: 50px;
    height: 50px;
    background-color: #bcb9b9;
    text-align: center;
    color: #afacac;
    font-size: 25px;
    font-weight:400;
    border-color: white;

  }

  .celluleTableuBord:hover
  {
    background-color: #b1afaf;
  }
  .numbreTableuBord
  {
    width: 100px;
    height: 100px;
    background-color: #bcb9b9;
    text-align: center;
    color: #f7efef;
    font-size: 15px;
    font-weight:400;
    border-color: rgb(74, 69, 69);
    border-radius: 25px;

  }
  .onglet {
    display: inline-block;
    padding: 5px;
    border: 1px solid #999;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}

.onglet_0 {
    border-bottom: 1px solid #999;
}

.onglet_1 {
    background: #dddddd;
    border-bottom: 0px solid #999;
    padding-bottom: 6px;
    color : #f00;
}

.contenu_onglet {
    background-color: #dddddd;
    border: 1px solid #999;
    margin-top: -1px;
    padding: 5px;
    display: none;
}

.NobuttonContenaire {
    width: 75px;
    height: 55px;
    padding: 10px 10px;
    margin: 10px 4px;
    color: #939393;
    font-family: sans-serif;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #6495ed ;
    cursor: pointer;
  }
  .buttonContenaire {
    width: 75px;
    height: 55px;
    padding: 10px 10px;
    margin: 10px 4px;
    color: #000000;
    font-family: sans-serif;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #6495ed ;
    cursor: pointer;
  }
  .buttonContenaire::before {

    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
    transition: all 0.4s;
  }

.buttonContenaire:hover {
    color: #989ba1;
}

.topnav {
    overflow: hidden;
    background-image: url(../images/tab_bg.png);
    background-color: #aaa;
    border-top: 1px solid #aaa;
    height: 40px;
}
  
.topnav a {
    float: left;
    display: block;
    color: #333;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
    font-weight: bold;
    /* font-size: 17px; */
}
  
.active {
    background-color: #04AA6D;
    color: white;
}
  
.topnav .icon {
    display: none;
}
  
.dropdown {
    float: left;
    overflow: hidden;
}
  
.dropdown .dropbtn {   
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    height: 40px;
    /* color: white;
    font-size: 17px;
    padding: 14px 16px;  */
}
  
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999;
    margin-top: 35px;
}
  
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    /* height: 40px; */
}
  
.topnav a:hover, .dropdown:hover .dropbtn {
    color: #003300;
    /* background-color: #555; */
}
  
.dropdown-content a:hover {
    background-color: #003300;
    color: #fff;
}
  
.dropdown:hover .dropdown-content {
    display: block;
}
  
@media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
      display: none;
    }
    .topnav a.icon {
      float: right;
      display: block;
    }
}
  
@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }
}

#serverinfo a:hover {
    text-decoration: none;
}

/* MODAL STYLES
-------------------------------*/
.modal-view {
    /* modals are hidden by default */
    display: none;

    /* modal container fixed across whole screen */
    position: fixed;
    inset: 0;

    /* z-index must be higher than everything else on the page */
    z-index: 10000;
    
    /* semi-transparent black background exposed by padding */
    background-color: rgba(0, 0, 0, .75);
    padding: 40px;

    /* enables scrolling for tall modals */
    overflow: auto;
}

.modal-view.open {
    display: block;
}

.modal-view-body {
    padding: 20px;
    background: #fff;
    width: 90%;
    margin: 0px auto;
}

body.modal-view-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}

.button {
 
    background-color:#cccce4;
    color: #000000;
    border:#5a5e63; 
    border-radius:5px; 
    padding:15px;
    min-height:20px; 
    min-width: 120px;
    cursor: pointer;
}
.button:focus {
    outline-color: transparent;
    outline-style:solid;
    box-shadow: 0 0 0 4px #5a01a7;
    transition: 0.7s;
}
.button:hover {
    background-color:#3f59a1;
    transition: 0.7s;
}
.zoneEmpotage
{
    background-color:#e4e4f1;
    color: #000000;
    border: 1px solid #cccce4 ;
    border-radius:5px; 
    padding:15px; 
}