body {
    margin: 0;
    background-color: var(--color-light-gray);
    --color-black: #000;
    --color-carbon: #333738;
    --color-dark-gray: #878d9c;
    --color-baby-gray: #bebebe;
    --color-light-gray: #f3f3ff;
    --color-very-light-gray: #f8f8ff;
    --color-super-light-gray: #fcfcff;
    --color-white: #fff;
    --color-marine: #00003c;
    --color-marine-light: #00004f;
    --color-lavender: #696998;
    --color-lavender-light: #8992a8;
    --color-link: #4f92ff;
    --color-baby-blue: #bebeff;
    --color-light-gold: #fed506;
    --color-gold: #f4c726;
    --color-warning: #f8c800;
    --color-error: #e1001a;
    --color-green: darkgreen;
}

form {
    padding: 0;
    margin: 0;
}

ul {
    list-style-type: none;
    list-style-image: url('/images/picto/fleche_droite.gif');
    padding-left: 20px;
    margin-left: 0;
}

h1 {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-black);
    background-color: inherit;
    margin-top: 0;
    margin-bottom: 5px;
}

h2 {
    font: bold 13px/16px arial, verdana, helvetica, sans-serif;
    text-transform: uppercase;
    color: var(--color-black);
    background-color: inherit;
    margin-top: 0;
    margin-bottom: 5px;
}

h3 {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-black);
    background-color: inherit;
    margin-top: 0;
    margin-bottom: 5px;
}

a, a:visited, a:active, a:hover, a:focus {
    color: var(--color-link);
    font-weight: bold;
    font-size: 13px;
    font-family: arial, verdana, helvetica, sans-serif;
    text-decoration: underline;
}

a, a:visited, a:active {
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

table {
    border-collapse: separate;
}

.nowrap {
    white-space: nowrap;
}

table.onglet tr {
    vertical-align: bottom;
}

table.onglet td img, table.onglet td a img {
    vertical-align: middle;
    border: 0;
}

table.onglet td div, table.onglet td a {
    position: relative;
    top: 1px;
    color: var(--color-black) !important;
    font-weight: normal !important;
    font-size: 13px;
    font-family: arial, verdana, helvetica, sans-serif;
    white-space: nowrap;
    box-shadow: .125rem -.06rem .125rem rgba(0, 0, 0, .05), inset 0 -.125rem .125rem rgba(0, 0, 0, .1);
    display: block;
    text-decoration: none;
    line-height: 16px;
    border-radius: 5px 5px 0 0;
    background-position: 2px center;
    background-repeat: no-repeat;
    background-image: none;
}

table.onglet td a {
    padding: .3rem .6rem;
    margin: 0 .125rem 0 0;
    background-color: var(--color-white);
}

table.onglet td a:hover {
    font-weight: normal;
    text-decoration: none;
    background-color: var(--color-very-light-gray);
    background-position: 2px center;
    box-shadow: .125rem -.06rem .125rem rgba(0, 0, 0, .05);
}

table.onglet td.sel div, table.onglet td.sel a, table.onglet td.sel a:hover {
    font-weight: bold !important;
    background-color: var(--color-very-light-gray);
    cursor: default;
    background-position: 2px center;
    box-shadow: .125rem -.06rem .125rem rgba(0, 0, 0, .2);
}

fieldset {
    padding: 5px 5px 8px 10px;
    border: 1px solid #ddd;
    box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, .05);
    background: var(--color-super-light-gray);
}

fieldset legend {
    font: bold 13px/16px arial, verdana, helvetica, sans-serif;
    text-transform: uppercase;
}

fieldset legend img {
    margin-right: 2px;
}

div.fieldset {
    padding: 8px 5px 8px 10px;
    margin: 5px 5px 15px 0;
    border-radius: 5px 5px 0 0;
    box-shadow: .05rem .125rem .5rem rgba(0, 0, 0, .1);
}

div.fieldset.bglight {
    background: var(--color-light-gray);
}

div.fieldset > h1:first-child {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    font-family: arial, verdana, helvetica, sans-serif;
    text-transform: uppercase;
    padding: .25rem .75rem;
    margin: -8px -5px 5px -10px;
    color: #00004d;
    background-color: var(--color-white);
    text-align: left;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid var(--color-baby-blue);
}

* html div.fieldset > h1:first-child {
    position: relative;
    top: -8px;
    margin: 0 -5px 5px -10px;
}

div.fieldset h1.toggleTitle {
    color: var(--color-white);
    background-color: #0078f0;
    cursor: pointer;
}

div.fieldset h1 img {
    vertical-align: text-bottom;
    margin: 0 5px 0 5px;
    border-width: 0;
}

div.fieldset .toggle {
    display: none;
}

div.fieldset .display {
    display: block;
}

div.fieldset a.toggleBar {
    display: block;
    margin: 10px -6px -21px -11px;
    text-align: center;
}

* + html div.fieldset a.toggleBar {
    position: relative;
    top: 21px;
    margin: 10px -6px 0 -11px;
}

* html div.fieldset a.toggleBar {
    position: relative;
    top: 21px;
    margin: 10px -6px 0 -11px;
}

div.fieldset a.toggleBar div {
    height: 6px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 0 1px 1px 1px;
    border-color: #BEBEBE;
    border-style: solid;
    background: #cacacb;
}

div.fieldset a.toggleBar span {
    display: inline-block;
    margin-top: -6px;
    width: 35px;
    height: 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 0 0 1px 0;
    border-color: #BEBEBE;
    border-style: solid;
    background: #cacacb;
}

div.fieldset a.toggleBar span img {
    margin-top: 3px;
    border: 0;
    width: 7px;
    height: 7px;
    background-image: url(/images/fieldset/toggle_open.png);
}

div.fieldset a.toggleBar.toggleBar-close span img {
    background-image: url(/images/fieldset/toggle_close.png);
}

div.fieldset a.toggleBar:focus {
    outline-style: none;
}

div.fieldset a.toggleBar:hover div {
    background: var(--color-light-gold);
    background: linear-gradient(0deg, #fccc00 0%, var(--color-warning) 100%);
}

div.fieldset a.toggleBar:hover span {
    background: var(--color-light-gold);
    background: linear-gradient(0deg, var(--color-light-gold) 0%, var(--color-warning) 100%);
}

div.editbody2 {
    margin: 1rem;
}

body.editbody {
    background-color: #FDFDFD;
}

div.cadre1 {
    overflow: visible;
    background-color: var(--color-very-light-gray);
    box-shadow: .125rem .125rem .125rem rgba(0, 0, 60, .1);
}

div.cadre1 div.cadre2 {
    padding: .75rem;
}

div.cadre1 div.cadre2 div.bouton {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    padding: 10px 0;
    text-align: right;
}

th, td, p, div, .champ, .champreadonly, table.liste, table.liste th, table.liste td, input.file {
    font: normal 13px arial, verdana, helvetica, sans-serif;
}

th {
    font-weight: bold;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.champ {
    vertical-align: middle;
    padding: 0 2px;
}

.radio {
    vertical-align: text-bottom;
}

label.blue {
    color: #003B73;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 4px;
    background-color: var(--color-very-light-gray);
    border-radius: 3px;
    margin-bottom: 4px;
}

input.focus, select.focus, textarea.focus {
    background-color: var(--color-light-gray);
}

input.placeholder, textarea.placeholder {
    color: #AAAAAA;
}

input.title {
    font-size: 20px;
}

.champreadonly {
    border-width: 0;
    background-color: transparent;
    vertical-align: middle;
    padding: 0 2px;
}

.comment {
    color: #808080;
}

.erreur {
    color: #F00;
    font-weight: bold;
}

a.clearfield {
    display: inline-block;
    vertical-align: middle;
    background: url(/images/picto/erase-field.png) no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    left: -18px;
    margin-right: -16px;
}

a.bouton, a.bouton:visited, a.bouton:active, a.bouton:hover, a.bouton:focus {
    font: 13px arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    vertical-align: middle;
}

a.bouton, a.bouton:visited, a.bouton:active {
    color: var(--color-black);
    border-color: var(--color-white) #808080 #808080 var(--color-white);
}

a.bouton:hover, a.bouton:focus {
    color: #E38D00;
    border-color: #808080 var(--color-white) var(--color-white) #808080;
}

img.bouton, img.bouton_on {
    margin: 0 1px;
    border-width: 1px !important;
    border-style: solid;
    vertical-align: middle;
}

img.bouton {
    border-color: var(--color-white) #808080 #808080 var(--color-white);
}

img.bouton_on {
    border-color: #808080 var(--color-white) var(--color-white) #808080;
}

.btn,
.backbutton,
.backbutton_save,
.backbutton_valider,
.backbutton_annuler,
.backbutton_liste,
.backbutton_ajouter,
.backbutton_init,
.backbutton_fermer,
.backbutton_img,
.backbutton_toleft,
.backbutton_toright,
.backbutton_allleft,
.backbutton_allright,
.backbutton_up,
.backbutton_down {
    background-position: .5rem center;
    background-repeat: no-repeat;
    font-size: 13px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 0;
    cursor: pointer;
    padding: .35rem .5rem;
    margin: 0 .5rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .15);
    text-decoration: none;
}

.btn,
.btn:visited,
.backbutton_save,
.backbutton_valider,
.backbutton_liste,
.backbutton_ajouter,
.backbutton_init,
.backbutton_img,
.backbutton_toleft,
.backbutton_toright,
.backbutton_allleft,
.backbutton_allright,
.backbutton_up,
.backbutton_down,
.backbutton_xls {
    background-color: var(--color-marine);
    color: var(--color-white);
}

.btn:hover,
.backbutton:hover,
.backbutton_save:hover,
.backbutton_valider:hover,
.backbutton_liste:hover,
.backbutton_ajouter:hover,
.backbutton_init:hover,
.backbutton_img:hover,
.backbutton_toleft:hover,
.backbutton_toright:hover,
.backbutton_allleft:hover,
.backbutton_allright:hover,
.backbutton_up:hover,
.backbutton_down:hover,
.backbutton_xls:hover {
    background-color: #00004f;
    color: var(--color-white);
    text-decoration: none;
}

.btn.btn-white,
.backbutton_annuler,
.backbutton_fermer {
    background-color: var(--color-white);
    color: var(--color-lavender-light);
}

.btn.btn-white:hover,
.backbutton_annuler:hover,
.backbutton_fermer:hover {
    background-color: var(--color-very-light-gray);
    color: var(--color-lavender);
}

.backbutton_img,
.backbutton_liste,
.backbutton_ajouter,
.backbutton_fermer {
    padding-left: 1.75rem;
}

.btn,
.backbutton_save,
.backbutton_valider,
.backbutton_ajouter,
.backbutton_annuler,
.backbutton_init,
.backbutton_xls {
    background-size: 1.5em;
    padding-left: 2.3em;
}

.btn.no-icon {
    padding-left: .5rem;
}

.btn-search {
    background-image: url('/images/mdi/magnify-w.svg');
}

.btn-white.btn-search {
    background-image: url('/images/mdi/magnify.svg');
}

.btn-excel, .backbutton_xls {
    background-image: url('/images/mdi/microsoft-excel-w.svg');
}

.btn-xml {
    background-image: url('/images/mdi/xml-w.svg');
}

.btn-stat {
    background-image: url('/images/mdi/chart-bar-w.svg');
}

.btn-print {
    background-image: url('/images/mdi/printer-w.svg');
}

.btn-email {
    background-image: url('/images/mdi/email-outline-w.svg');
}

.btn-attendee {
    background-image: url('/images/mdi/account-school.svg');
}

.backbutton_fermer, .btn-close.btn-white {
    background-image: url('/images/picto/fermer.gif');
}

.backbutton_save, .btn-save {
    background-image: url('/images/mdi/content-save-gold.svg');
}

.backbutton_valider, .btn-confirm {
    background-image: url('/images/mdi/check-bold-gold.svg');
}

.backbutton_annuler, .btn-cancel.btn-white {
    background-image: url('/images/mdi/close-thick.svg');
}

.backbutton_liste {
    background-image: url('/images/picto/liste.gif');
}

.backbutton_ajouter, .btn-add {
    background-image: url('/images/mdi/plus-circle-g.svg');
}

.btn-init.btn-white {
    background-image: url('/images/mdi/sync.svg');
}

.btn-init, .backbutton_init {
    background-image: url('/images/mdi/sync-w.svg');
}

.btn-copy {
    background-image: url('/images/mdi/content-copy.svg');
}

.btn-edit {
    background-image: url('/images/mdi/lead-pencil.svg');
}

.btn-report {
    background-image: url('/images/mdi/account-arrow-right.svg');
}

.btn-chart {
    background-image: url('/images/mdi/chart-bar-w.svg');
}

.btn-download {
    background-image: url('/images/mdi/download.svg');
}

.btn-move-up {
    background-image: url('/images/mdi/chevron-up-w.svg');
}

.btn-move-down {
    background-image: url('/images/mdi/chevron-down-w.svg');
}

.btn-move-left {
    background-image: url('/images/mdi/chevron-double-left.svg');
}

.btn-move-right {
    background-image: url('/images/mdi/chevron-double-right.svg');
}

.backbutton_toleft, .backbutton_toright, .backbutton_allleft, .backbutton_allright, .backbutton_up, .backbutton_down {
    width: 20px;
}

.backbutton_toleft {
    background-image: url('/images/picto/fleche_gauche.gif');
}

.backbutton_toright {
    background-image: url('/images/picto/fleche_droite.gif');
}

.backbutton_allleft {
    background-image: url('/images/picto/double_fleche_gauche.gif');
}

.backbutton_allright {
    background-image: url('/images/picto/double_fleche_droite.gif');
}

.backbutton_up {
    background-image: url('/images/picto/fleche_monte.gif');
}

.backbutton_down {
    background-image: url('/images/picto/fleche_descend.gif');
}

button {
    display: inline-block;
    line-height: 16px;
    padding: 0 4px;
    vertical-align: middle;
    cursor: pointer;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-white);
    border: 1px solid #56a6d8;
    border-radius: 5px;
}

button, button.backbutton {
    border: 1px solid #86C8F7;
    padding: .25rem;
    background: var(--color-white);
}

button, button.backbutton:hover {
    background: #86C8F7;
}

button * {
    vertical-align: middle;
}

button.grey {
    border: 1px solid #262626;
    background: linear-gradient(0, #757575 0%, #3F3F3F 100%);
}

button.link {
    display: inline-block;
    padding: 0 4px;
    vertical-align: middle;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #4f92ff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background: #e7e7e7;
    text-decoration: none;
}

input.button {
    display: inline-block;
    padding: 0 6px 2px;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-white);
    border: 1px solid #56a6d8;
    border-radius: 5px;
    background: linear-gradient(0, #86D8F7 0%, #005E9A 100%);
}

input.button.click {
    background: linear-gradient(0, #005E9A 0%, #86D8F7 100%);
}

input.button.text-danger {
    border: 1px solid #C62707;
    background: linear-gradient(0, #EA1010 0%, #D30000 100%);
}

input.button.text-danger.click {
    background: linear-gradient(0, #D30000 0%, #EA1010 100%);
}

input.button.grey {
    border: 1px solid #262626;
    background: linear-gradient(0, #757575 0%, #3F3F3F 100%);
}

input.button.grey.click {
    background: linear-gradient(0, #3F3F3F 0%, #757575 100%);
}

a.button, a.button:visited, a.button:active {
    display: inline-block;
    padding: 0 6px 0;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #4f92ff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #e7e7e7;
    text-decoration: none;
}

a.button:hover, a.button:focus {
    padding: 0 6px 0;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
}

a.button.img, a.button.img:visited, a.button.img:active {
    padding: 0 6px 0 25px;
    height: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 2px center;
}

a.button.img:hover, a.button.img:focus {
    text-decoration: underline;
    padding: 0 6px 0 25px;
    height: 20px;
    line-height: 20px;
}

a.button.img.aide {
    background-image: url(/images/picto/help.png);
}

a.button.img.add {
    background-image: url(/images/picto/add.png);
}

.checkbox {
    vertical-align: middle;
    margin: 0 4px 2px 2px;
}

table.liste th {
    background-color: var(--color-dark-gray);
    color: var(--color-white);
    padding: 2px 2px;
    font-weight: bold;
}

table.liste th a, table.liste th a:visited, table.liste th a:active {
    color: var(--color-white);
    font: bold 13px arial, verdana, helvetica, sans-serif;
    text-decoration: underline;
}

table.liste th a:hover, table.liste th a:focus {
    color: #E38D00;
    font: bold 13px arial, verdana, helvetica, sans-serif;
    text-decoration: underline;
}

table.liste td {
    padding: 0 2px;
}

table.liste tr {
    background-color: var(--color-white);
}

table.liste tr.pair {
    background-color: #F0EEEA;
}

table.liste tr.hover {
    background-color: var(--color-gold) !important;
}

table.liste tr.transparent {
    background-color: transparent !important;
}

table.liste tr.hover a, table.liste tr.hover a:visited, table.liste tr.hover a:active, table.liste tr.hover a:hover, table.liste tr.hover a:focus {
    color: var(--color-white);
}

div.stylefile {
    width: 16px;
    height: 16px;
    background: url('/images/picto/parcourir.gif') no-repeat right;
    display: inline;
    position: absolute;
    overflow: hidden;
}

input.file {
    vertical-align: middle;
    padding: 0 2px;
    margin-right: 2px;
}

input.fakefile {
    position: relative;
    height: 16px;
    display: inline;
    cursor: pointer;
}

div.infobulle {
    border: 1px solid var(--color-black);
    background-color: #FFFFE1;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    padding: 3px;
    max-width: 500px;
}

#publialert {
    color: var(--color-white);
    background-color: var(--color-green);
    box-shadow: 0 2px 4px rgba(127, 106, 3, 0.3);
    margin-top: 1px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    padding: .75rem 1rem;
}

#publialert .alert-message {
    flex-grow: 1;
}

#publialert .close {
    flex-grow: 0;
}

#publialert a {
    color: var(--color-white);
    font-size: 14px;
    text-decoration: underline;
}

#publialert.warning a {
    color: var(--color-black);
}

#publialert td, table#publiloading td {
    padding: 5px;
}

#publialert.warning {
    color: var(--color-black);
    background-color: var(--color-warning);
}

#publialert.error {
    background-color: var(--color-error);
}

#publialert .alert-message, table#publiloading td.message {
    padding: 2px 0 2px 25px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

#publialert .alert-message p, table#publiloading td.message p {
    margin: 1px;
}

#publialert:before {
    content: '';
    display: block;
    height: 1.5em;
    width: 1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

#publialert.aide:before {
    background-image: url('/images/picto/aide.gif');
}

#publialert.info:before {
    background-image: url('/images/mdi/check-bold-w.svg');
}

#publialert.warning:before {
    background-image: url('/images/mdi/alert.svg');
}

#publialert.error:before {
    background-image: url('/images/mdi/emoticon-dead-w.svg');
}

table#publiloading td.message {
    padding: 2px 0 2px 40px;
    background: url('/images/loader.gif') no-repeat left center;
}

div#publiloading div.message {
    padding: 40px 0 0 0;
    background: url('/images/loader.gif') no-repeat center top;
    text-align: center;
}

#publiloading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5001;
}

table#publiloading {
    height: 50px;
    background-color: var(--color-light-gray);
    width: 100%;
}

div#publiloadingbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-light-gray);
    z-index: 5000;
    text-align: center;
}

#cache {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

#menutitle {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: linear-gradient(0, #000032 45%, #000037 55%, var(--color-marine));
    border-bottom: 2px solid var(--color-light-gold);
}

#menutitle #menulogo {
    border: 0;
}

#menutitle .title a {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: linear-gradient(0, var(--color-super-light-gray) 45%, var(--color-white) 55%);
}

#menutitle .title a:hover {
    text-decoration: none;
}

#menutitle .title a img {
    margin: .25rem .75rem;
    height: 2rem;
}

#menutitle .title span {
    padding: 0 1rem;
    color: var(--color-black);
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

div.jqDockLabel {
    color: var(--color-black);
    font-weight: bold;
    top: 40px !important;
    padding: 4px;
    background: #B7BABA;
    border: 1px solid var(--color-black);
    z-index: 10000;
    white-space: nowrap;
}

#menubar {
    height: 100%;
    background: linear-gradient(0, var(--color-marine), var(--color-marine-light));
}

#menubar td.logo img {
    height: 62px;
    width: 16px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

#menubar td.menu {
    padding: 0 .25rem;
    position: relative;
    z-index: 3;
}

#menubar td.menu div.cadre {
    background: rgba(255, 255, 255, .05);
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
    padding: .25rem;
}

#menubar td.menu th {
    white-space: nowrap;
}

#menubar td.menu th div {
    padding: 1px 5px 1px;
    font: normal 10px arial, verdana, helvetica, sans-serif;
    color: var(--color-white);
    text-align: center;
}

#menubar td.menu tr {
    height: 100%;
}

#menubar td.menu td,
#menubar td.menu .encart-content div {
    background: none;
    text-align: center;
    white-space: nowrap;
    padding: 1px 1px 2px 1px;
    min-width: 3.5rem;
}

#menubar td.menu a.top {
    padding-top: .25rem;
}

#menubar td.menu a.top, #menubar a.bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font: normal 11px arial, verdana, helvetica, sans-serif !important;
    color: var(--color-white);
    text-decoration: none !important;
    height: 1.75rem;
}

#menubar td.menu a span {
    display: block;
    padding: 0 .25rem;
}

#menubar td.menu a.top img, #menubar td.menu a.bottom img {
    display: block;
    margin: auto;
    border: 0;
    height: 1.5rem;
    width: 1.5rem;
}

#menubar td.menu td:hover, #menubar td.menu td.hover {
    background: rgba(255, 255, 255, .25);
}

#menubar td.menu a.layer:hover {
    background: none;
}

#menubar .encart {
    width: 100%;
    text-align: right;
    padding-right: .25rem;
}

#menubar .encart .encart-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: end;
    height: 100%;
}

#menubar .encart .encart-wrapper .encart-content {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    background: rgba(255, 255, 255, .75);
    padding: .25rem;
}

#menubar .encart-content > div:hover, #menubar .encart-content > div.hover {
    background: rgba(255, 255, 255, .5);
}

#menubar .encart a.top, #menubar .encart a.bottom {
    color: var(--color-black);
}

#menubar .encart a.layer:hover {
    background: none;
}

h1.pagetitle, h1.frametitle {
    margin: 1em 1em 0 .6em;
    font-size: 1.5rem;
    display: none;
    color: var(--color-black);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0;
}

h1.frametitle {
    display: block;
}

h1.pagetitle a, h1.pagetitle a:visited, h1.pagetitle a:active, h1.pagetitle a:hover, h1.pagetitle a:focus, h1.frametitle a, h1.frametitle a:visited, h1.frametitle a:active, h1.frametitle a:hover, h1.frametitle a:focus {
    color: var(--color-black);
    font-size: 20px;
    text-decoration: none;
}

div.menu_contextuel {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    padding: 0 0 0 16px;
    visibility: hidden;
    display: block;
    border-bottom: 1px solid rgba(50, 55, 55, .5);
}

div.menu_contextuel ul {
    background-color: rgba(0, 0, 60, .9);
    padding: 0;
    margin: 0;
    list-style: none none;
    font-size: 0;
    box-shadow: 0 .25rem 1rem -.15rem rgba(0, 0, 0, .5);
}

div.menu_contextuel ul li {
    display: none;
    color: var(--color-white);
    margin: 0;
    padding: .3rem 1rem .3rem .5rem;
    font-size: 0;
}

div.menu_contextuel ul li.ssmenu {
    background: none !important;
}

div.menu_contextuel ul li.sel, div.menu_contextuel ul li.on {
    background: rgba(255, 255, 255, .25);
}

div.menu_contextuel ul li.sep {
    border-top: 1px solid var(--color-white);
    padding: 0;
    background: none;
    margin: 0 2px 0;
    line-height: 0;
}

div.menu_contextuel ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--color-white) !important;
    text-decoration: none !important;
    font: bold 12px arial, verdana, helvetica, sans-serif;
    padding: .25rem .25rem .25rem .25rem;
    background-position: center left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

div.menu_contextuel ul li a img {
    margin-right: .2rem;
}

div.menu_contextuel ul li.ssmenu a {
    font: normal 11px/16px arial, verdana, helvetica, sans-serif;
    margin-left: 20px;
    padding-left: 20px;
}

div.menu_contextuel ul li.sel_ssmenu a, div.menu_contextuel ul li.ssmenu a:hover {
    text-decoration: underline !important;
}

div.menu_contextuel ul li a.enable {
    background-image: url('/images/menucontext/enable.gif');
}

div.menu_contextuel ul li a.disable {
    background-image: url('/images/menucontext/disable.gif');
}

div.menu_contextuel ul li a.fr {
    background-image: url('/images/lang/fr.gif');
}

div.menu_contextuel ul li a.uk {
    background-image: url('/images/lang/uk.gif');
}

div.menu_contextuel ul li a.de {
    background-image: url('/images/lang/de.gif');
}

div.menu_contextuel ul li a.es {
    background-image: url('/images/lang/es.gif');
}

div.menu_contextuel ul li a.it {
    background-image: url('/images/lang/it.gif');
}

div.sousmenu {
    display: none;
    visibility: visible;
    padding: 8px 0 0 0;
}

div.sousmenu ul li {
    display: block;
}

table#explorer {
    margin-top: 1px;
    width: 100%;
}

table#explorer td {
    vertical-align: top;
    padding: 0;
}

table#explorer td#resizer {
    vertical-align: middle;
    text-align: center;
    background-color: var(--color-light-gray);
    border-left: 3px double var(--color-carbon);
    cursor: move;
}

table#explorer td#resizer img {
    background: var(--color-dark-gray) url('/images/entete/turnoff_frame.gif') no-repeat center center;
    cursor: pointer;
    border-right: 1px solid var(--color-carbon);
    border-top: 1px solid var(--color-carbon);
    border-bottom: 1px solid var(--color-carbon);
}

table#explorer td#resizer img.hover {
    background-color: #DBDBDB;
}

table#explorer td#resizer img.on {
    background: url('/images/entete/turnon_frame.gif') no-repeat center center;
}

div#explorer_cache {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

#treeview {
    background-color: var(--color-light-gray);
}

#frame_arbo, #frame_edit {
    width: 100%;
    height: 100%;
    background-color: var(--color-light-gray);
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    background: url(/images/picto/resize-se.gif) no-repeat 0 0;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: 0;
    bottom: 0;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: 0;
    top: 0;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: 0;
    top: 0;
}

.ui-dialog {
    position: absolute;
    width: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    background: var(--color-light-gray);
    border: 1px solid var(--color-carbon);
}

.ui-dialog .ui-dialog-titlebar {
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    list-style: none;
    padding: .5em 1.5em .5em 1em;
    color: var(--color-black);
    background: #D0D3D3 url(/images/entete/fond_bouton_on.gif) repeat-x top left;
    border-bottom: 2px solid var(--color-baby-gray);
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-align: center;
}

.ui-dialog-title {
    white-space: nowrap;
}

.ui-dialog-titlebar-close {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    background: url(/images/picto/fermer.gif) 0 0 no-repeat;
    position: absolute;
    right: 8px;
    top: .6em;
    width: 14px;
    height: 14px;
    z-index: 100;
}

.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
    background: url(/images/picto/fermer.gif) 0 0 no-repeat;
}

.ui-dialog-titlebar-close:active {
    background: url(/images/picto/fermer.gif) 0 0 no-repeat;
}

.ui-dialog-titlebar-close span {
    display: none;
}

.ui-dialog-content {
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    color: var(--color-black);
    padding: 1.5em 1.7em;
    overflow: auto;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-visualize .ui-dialog-content {
    padding: 0;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--color-white);
    opacity: 0.5;
}

.mdi-icon-small {
    width: 1em;
    height: 1em;
}

.mdi-icon {
    width: 1.5em;
    height: 1.5em;
}

.mdi-icon-bubble {
    width: 2em;
    height: 2em;
}

.mdi-icon-white {
    filter: invert(1);
}

.mdi-icon-red {
    filter: invert(17%) sepia(91%) saturate(7496%) hue-rotate(2deg) brightness(104%) contrast(116%);
}

.mdi-icon-dark {
    filter: invert(31%) sepia(4%) saturate(1593%) hue-rotate(131deg) brightness(94%) contrast(86%);
}

.mdi-icon-gold {
    filter: invert(90%) sepia(18%) saturate(5076%) hue-rotate(352deg) brightness(103%) contrast(103%);
}

.mdi-icon-green {
    filter: invert(71%) sepia(41%) saturate(3366%) hue-rotate(48deg) brightness(102%) contrast(103%);
}

.mdi-icon-darkgreen {
    filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(3066%) hue-rotate(106deg) brightness(97%) contrast(105%);
}

.mdi-icon-marine {
    filter: invert(16%) sepia(28%) saturate(5662%) hue-rotate(193deg) brightness(94%) contrast(102%);
}

.mdi-icon-link {
    filter: invert(51%) sepia(92%) saturate(2662%) hue-rotate(200deg) brightness(105%) contrast(101%);
}

.bg-marine {
    background-color: var(--color-marine);
}

.bg-gold {
    background-color: var(--color-gold);
}

.bg-dark-gray {
    background-color: var(--color-dark-gray);
}

.bg-link {
    background-color: var(--color-link);
}

.bg-light-gray {
    background-color: var(--color-light-gray);
}

.bg-green {
    background-color: var(--color-green);
}

.border-light-gray {
    border-color: var(--color-light-gray);
}

.post-it {
    background-color: #fff499;
    box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .05),
        inset 0 .6rem .4rem rgba(150, 110, 40, .1) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.fs-7 {
    font-size: .75rem !important;
}