:root {
    --mms-global-font-size: .8rem;
    --mms-global-border-radius: .1rem;
    --mms-global-comp-font-size: .8rem;
    --mms-global-comp-font-size-small: .75rem;
    --mms-global-comp-font-size-smaller: .7rem;
    --mms-global-comp-font-size-smallest: .7rem;
    --mms-global-comp-font-size-mini: .5rem;
    --mms-global-comp-font-size-big: .9rem;
    --mms-global-comp-font-size-bigger: 1rem;
    --mms-global-comp-font-size-biggest: 1.1rem;
    --mms-global-default-font-family: Open Sans, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
    --mms-global-scheme: #970000;
    --mms-global-scheme-85: #970000;
    --mms-global-yellow: #FFF76C;
    --mms-global-red: #C4282C;
    --mms-global-blue: #1385E4;
    --mms-global-violet: #A02B93;
    --mms-global-green: #6DC428;
    --mms-global-orange: #E97132;
    --mms-global-lightgrey: #f0f0f0;
    --mms-global-grey: #898989;
    --mms-global-darkgrey: #484848;
    --mms-global-black: #000000;
    --mms-global-white: #FFFFFF;
    --mms-global-font-color-dark: #000000;
    --mms-global-font-color-light: #FFFFFF;
}

/* Structure */

* { -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: auto; box-sizing: border-box; font-family: var(--mms-global-default-font-family); }

body { margin: 0px; padding: 0px; overflow-y: scroll; padding-bottom: 50px; padding-bottom: 50px;  }
body.PRINT { margin: 0px; padding: 0px; max-width: 1280px; /*font-size: 15px;*/ overflow-y: scroll; background-color: #181818; /*font-family: var(--mms-global-default-font-family);*/ padding-bottom: 50px; }

body .cke_contents .cke_source { padding: 10px; }
body .cke_inner.cke_reset { background: #f0f0f0; }
body .cke_chrome { padding: 0; }
body .cke_resizer { border-color: transparent #cacaca transparent transparent ; }
body.cke_editable { padding: 10px 20px; background-color: #ffffff; }
body.cke_contents_ltr { background-color: #ffffff; }

p { padding: 0px; margin: 14px 0px;}
a, a img { text-decoration: none; color: inherit; outline: none; border: none; }
img, a img { vertical-align: middle; border: none; }
a { cursor: pointer; }
th { text-align: left; font-size: var(--mms-global-comp-font-size-small); }
textarea { width: 80%; border: 1px solid #C0C0C0; padding: 5px; vertical-align: middle; }
input { vertical-align: middle; }
label { cursor: pointer; }
iframe { border: none; width: 100%; }
.neutral { width: 0px; height: 0px; overflow: hidden; margin: 0px; padding: 0px; }

@media print {
    .noprint { display: none; }
}

div.lang_fr, span.lang_fr { display: none; }
div.lang_en, span.lang_en { display: none; }
body.lang_fr .lang_fr { display: inherit; }
body.lang_en .lang_en { display: inherit; }

/* SYSTEM */
.content .formTitle h1,
.content .formTitle h2,
.content .formTitle h3,
.content .formTitle h4,
.content .formTitle h5 { margin-top: 0px; }
.content a.blue { color: var(--mms-global-blue) !important; }
.content a.red { color: var(--mms-global-red) !important; }
.content a:hover { opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; filter: alpha(opacity=65);;  }

.w200 { width: 200px; }
.w150 { width: 150px; }
.w100 { width: 100px; }
.half { width: 50% !important; }
.wide { width: 100% !important; }

.wrap {  word-break: normal; white-space: normal !important; }
.nowrap {  word-break: keep-all; white-space: nowrap !important; }

.show-hover-block:hover, a:hover .show-hover-block { display: block; }
.show-hover-inline:hover, a:hover .show-hover-inline { display: inline; }
.show-hover-block, .show-hover-inline, a:hover .hide-hover, .hide-hover:hover { display: none; }
.ajax-lazy { display: none; }

/* PALETTE */
.red { color: var(--mms-global-red); }
.blue { color: var(--mms-global-blue); }
.green { color: var(--mms-global-green); }
.violet { color: mediumslateblue; }
.orange { color: var(--mms-global-orange); }
.etiquette { padding: 2px 5px; line-height: 1.25em; } 
.etiquette.red, .fill.red { background-color: var(--mms-global-red); color: var(--mms-global-font-color-light); }
.etiquette.orange, .fill.orange { background-color: var(--mms-global-orange); color: var(--mms-global-font-color-light); }
.etiquette.green, .fill.green { background-color: var(--mms-global-green); color: var(--mms-global-font-color-light); }
.etiquette.lightgray, .fill.lightgray, .etiquette.lightgrey, .fill.lightgrey  { background-color: var(--mms-global-lightgrey); color: #484848; }
.etiquette.grey, .fill.grey, .etiquette.gray, .fill.gray { background-color: var(--mms-global-grey); color: var(--mms-global-font-color-light); }
.etiquette.darkgrey, .fill.darkgrey, .etiquette.darkgray, .fill.darkgray { background-color: var(--mms-global-darkgrey); color: var(--mms-global-font-color-light); }
.etiquette.blue, .fill.blue { background-color: var(--mms-global-blue); color: var(--mms-global-font-color-light); }
.etiquette.violet, .fill.violet { background-color: var(--mms-global-violet); color: var(--mms-global-font-color-light); }
.etiquette.black, .fill.black { background-color: var(--mms-global-black); color: var(--mms-global-font-color-light); }
.etiquette.white { background-color: var(--mms-global-white); color: var(--mms-global-font-color-dark); }
.etiquette.yellow, .fill.yellow { background-color: var(--mms-global-yellow); color: var(--mms-global-font-color-dark); }
.etiquette.background { background-color: var(--mms-global-scheme); color: var(--mms-global-font-color-light); }
.palette.red { color: var(--mms-global-red); border-color: var(--mms-global-red) !important; }
.palette.orange { color: var(--mms-global-orange); border-color: var(--mms-global-orange) !important; }
.palette.green { color: var(--mms-global-green); border-color: var(--mms-global-green) !important; }
.palette.lightgray, .palette.lightgrey  { color: var(--mms-global-darkgrey); border-color: var(--mms-global-lightgrey) !important; }
.palette.grey, .palette.gray { color: var(--mms-global-grey); border-color: var(--mms-global-grey) !important; }
.palette.darkgrey, .palette.darkgray { color: var(--mms-global-darkgrey); border-color: var(--mms-global-darkgrey); }
.palette.blue { color: var(--mms-global-blue); border-color: var(--mms-global-blue) !important; }
.palette.violet { color: var(--mms-global-violet); border-color: var(--mms-global-violet); }
.palette.black { color: var(--mms-global-black); border-color: var(--mms-global-black) !important; }
.palette.white { color: var(--mms-global-white); border-color: var(--mms-global-white) !important; }
.palette.yellow { color: var(--mms-global-yellow); border-color: var(--mms-global-yellow) !important; }
.border.red { border-color: var(--mms-global-red) !important; }
.border.orange { border-color: var(--mms-global-orange) !important; }
.border.green { border-color: var(--mms-global-green) !important; }
.border.lightgray, .border.lightgrey  { border-color: var(--mms-global-lightgrey) !important; }
.border.grey, .border.gray { border-color: var(--mms-global-grey) !important; }
.border.darkgrey, .border.darkgray { border-color: var(--mms-global-darkgrey) !important; }
.border.blue { border-color: var(--mms-global-blue) !important; }
.border.violet { border-color: var(--mms-global-violet) !important; }
.border.black { border-color: var(--mms-global-black) !important; }
.border.white { border-color: var(--mms-global-white) !important; }
.border.yellow { border-color: var(--mms-global-yellow) !important; }

.highlight { color: var(--mms-global-scheme) !important; }
.backlight { background-color: var(--mms-global-scheme-85) !important; }
.background { background-color: var(--mms-global-scheme) !important; }

/* STYLES */
.normal { font-weight: normal; }
.bold, .strong { font-weight: bold !important; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.small { font-size: var(--mms-global-comp-font-size-small); }
.smaller { font-size: var(--mms-global-comp-font-size-smaller) }
.smallest { font-size: var(--mms-global-comp-font-size-smallest) }
.mini { font-size: var(--mms-global-comp-font-size-mini); }
.big { font-size: var(--mms-global-comp-font-size-big) }
.bigger, .biger { font-size: var(--mms-global-comp-font-size-bigger) }
.biggest, .biggest { font-size: var(--mms-global-comp-font-size-biggest) }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.nomargin { margin: 0px !important; }
.nopadding { padding: 0px !important; }
.reset { margin: 0px; padding: 0px; }

.middle, table.middle td { vertical-align: middle !important; }
.top, table.top td { vertical-align: top !important; }
.bottom, table.bottom td { vertical-align: bottom !important; }

.inline { display: inline; /*margin: 0px; padding: 0px;*/ }
.inline-block { display: inline-block; /*margin: 0px; padding: 0px;*/ }
    
.stamp { display: inline-block; position: relative; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); }
.NEW { display: inline-block; position: relative; font-weight: bold; line-height: 120%; text-shadow: none; font-size: var(--mms-global-comp-font-size-smallest); padding: 3px 10px; background-color: #FFF76C; color: black; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }
.popup { display: none; position: absolute; padding: 20px; border: 3px solid #BABABA; background-color: #FFFFFF; }
.locked { opacity: 0.3 !important; -moz-opacity: 0.3 !important; -webkit-opacity: 0.3 !important; filter: alpha(opacity=30); }

.discret { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); }
.transluent { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); }

.disabled, .disabled *, input[disabled] + label { color: #c6c6c6 !important; }
.imgAlign img { vertical-align: -10%; }
p.clean, ul.clean { margin: 0px; }
ul.inline { display: block; margin: 0px; padding: 0px; }
ul.inline li { display: inline; margin: 0px; padding: 0px; }
ul.separator li { border-left: 2px solid #cacaca; padding: 0px 5px; }
ul.separator li:first-child { border-left: none; padding: 0; }
ul.cleaner { margin: 0px; padding: 0px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.help { cursor: help; }
.move { cursor: move; }
.icon { width: 16px; height: 16px; line-height: 16px; }
.puce { background-color: #946A3B; width: 18px; height: 18px; line-height: 18px; position: absolute; margin: 0px; color: #E8E8E8; text-align: center; /*font-size: 10px;*/ font-weight: normal; border: 1px solid #181818; }
img.fit { max-width: 100%; }
img.nowrap { max-width: inherit; }

.mouseover { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); }
.mouseoverlike { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); }
.mouseover:hover { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.mouseover.selected { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.minimouseover { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.minimouseoverlike { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.minimouseover:hover { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.minimouseover.selected { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.rollover, .rolloverlike { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.rollover:hover { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); }
.rollover.selected { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.minirollover { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.minirollover:hover { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.minirollover.selected { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.trame { background: url('/resources/images/trame.png') repeat 0% 0%; }
.wraptext {hyphens: auto; word-wrap: break-word; white-space: pre-wrap;}

.tableau { border-collapse: collapse; }
.tableau th { border-collapse: collapse; padding: .2em 1em .2em 1em; }
.tableau td { border-collapse: collapse; padding: 1em; }
.tableau tr th {  border-bottom: 1px dashed var(--mms-global-lightgrey); }
.tableau.compact th { padding: .15em .3em .15em .3em; }
.tableau.compact td { padding: .15em .3em; }
.tableau.middle td, .tableau td.middle, .tableau th.middle { vertical-align: middle; }
.tableau.border td { border: 1px solid var(--mms-global-lightgrey); }
.tableau.border { border-collapse: collapse;  }
.tableau.noborder td { border: none; }
.tableau .error { color: #970000; }
.tableau .separator, .tableau .mms-field-separator { padding: 0px; width: 5px; background-color: #f0f0f0; }
.tableau .rowTitle { padding: 0px 5px; }
.tableau .colTitle { font-weight: bold; padding: 0px 5px; /*font-size: 80%;*/ }
.tableau .colTitle.rowTitle { padding: 0px 5px; }
.tableau.stripped tr:nth-child(2n+0) { background-color: var(--mms-global-lightgrey); }

.odd {  }
.even { background-color: #F3F3F3; }

.noborder, .noborder th, .noborder td { border: none; }
.nolink { text-decoration: none !important; }

.rounded { border-radius: 7px; }
.paragraph { padding: 10px 20px; }
.paragraph.etiquette, .etiquette.paragraph { padding: 10px 20px; line-height: 1.35em; }
.message { padding: 10px 20px; background-color: #f0f0f0 !important; border: 1px solid #e0e0e0; border-radius: 7px; }
.message.clean { padding: 0px 5px; }
.baseline { line-height: 75%; }
.border-aside { border-left: 7px solid #DCDCDC; padding-left: 10px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.hover-background:hover { background-color: #f0f0f0; }
.hide-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mms-image { border: 5px solid #fff; background: #fff; }
.mms-image-gallery ul { margin: 0; padding: 0; list-style-type: none; }
.mms-image-gallery ul li { line-height: 0; margin: 0; padding: 0; float: left; list-style-type: none; }
.mms-image-gallery.mms-slide { overflow: hidden; }
.invert { -webkit-filter: invert(100%); filter: invert(100%); }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.formBlock > table { width: 100%; }
.formTitle { clear: both; margin: 20px 0px 10px 0px; }
.formTitle.clean { margin-top: 0px; }
.formTitle.cleaner { margin-top: 0px; margin-bottom: 0px; }
.formBlock { border: 1px solid #C5C5C5; border-radius: 7px; margin: 1px; padding: 15px; background-color: #FFFFFF; }
.formBlock.etiquette { border: none; border-radius: 7px; }

.cam-block.formBlock { border: 1px solid #C5C5C5; background-color: #FFFFFF; padding: 0; }

.formBlock.thin { padding: 5px 15px; }
.formBlock .formBlock { padding: 5px; background-color: #FFFFFF; }
.formRow { clear: both; width: 100%; /*line-height: 200%; min-height: 24px; */ padding: 1px 5px; /*font-family: inherit; font-size: inherit;*/ }
.formRow .formLabel { float: left; width: 30%; text-align: right; /*font-family: inherit; font-size: inherit;*/ color: #181818; }
.formRow.nowrap .formLabel { white-space: nowrap; }
.formRow .formLabel label { cursor: pointer; margin-top: 5px; }
.formRow .formLabel label:hover { color: #181818; }
.formRow .formRequired { float: left; width: 10%; max-width: 25px; text-align: center; line-height: 175%; }
.formRow .formFieldSeparator { float: left; width: 10%; max-width: 20px; text-align: center; }
.formRow .formFieldSeparator img { cursor: help; }
.error { background-color: rgba(255,0,0,.15); }
.formRow.required .formLabel { }
.formRow .formField { float: left; width: 50%; }
.formRow .formField p:first-child { margin-top: 0px; }
.formRow .formField .normal span { color: #181818; }
.formRow .formField input { /*font-size: 80%; height: 18px; font-family: 'Open Sans', Verdana, sans-serif; line-height: 130%;*/ }
.formRow .formField textarea { /*font-size: 80%; font-family: 'Open Sans', Verdana, sans-serif;*/ }
.formRow .formField select { /*max-width: 100%;*/ }
input[type='text'], input[type='password'], select, textarea { /*border: 1px solid #cacaca; padding: 4px 10px; border-radius: 7px;*/  }
.extra-field-CheckBox table.mms-rootOnly td table td input:disabled { display: none; }
.extra-field-Radio table.mms-rootOnly td table td input:disabled { display: none; }

.formTableCommands { height: 25px; line-height: 200%; }

.formLink, .formButton { border-radius: 7px; font-size: var(--mms-global-comp-font-size); }
.formAction .formButton { margin-bottom: 2px;  }
a.formButton, a.formLink, .formButton, .formLink {
    display: inline-block;
    text-align: center;
    background-color: #363636;
    border: 1px solid #242424;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.formBlueLink:hover {
    text-decoration: none;
}
.formBlueLink {
    color: #1385E4;
    text-decoration: underline;
}
.formButton {
    padding: 0px 30px;
    margin: 0px 10px 0px 0px;
    height: 220%;
    line-height: 220%;
}
#pageAction { margin-top: 10px; }
.formLink, #pageAction.fixed .formButton {
    /*font-size: 80%;*/
    padding: 0px 5px;
    margin: 0px 5px 0px 0px;
    height: 200%;
    line-height: 200%;
    float: none;
}
.formLinkIcon {
    /*font-size: 11px;*/
    margin: 0px 0px 0px 3px;
    height: 120%;
    line-height: 120%;
}
.formLink .puce { margin: 1px 0px 0px -20px; line-height: 120%; width: 16px; height: 16px; }
.formButton:hover, .formLink:hover, body .formButton.ui-commandlink:hover, body .formLink.ui-commandlink:hover { background-color: #363636; border: 1px solid #242424; color: rgba(255,255,255,.75); text-decoration: none; }
.formButton.default, .formLink.default { background-color: #188000; border: 1px solid #146900; color: #fff; }
.formButton.default:hover, .formLink.default:hover { color: rgba(255,255,255,.75); }
.formButton.admin, .formLink.admin { background-color: #946A3B; border: 1px solid #594023; color: #FFFFFF; }
.formButton.admin:hover, .formLink.admin:hover { color: #F4F0EB; }
.formButton img { opacity: 1.0; -moz-opacity: 1.0; -webkit-opacity: 1.0; filter: alpha(opacity=100); }
.formButton:hover img { opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; filter: alpha(opacity=75); }

#pageAction.fixed { margin-top: 0px; border-bottom: 3px solid #F0F0F0; position: fixed; left: 0; top: 0; width: 100%; text-align: right; background-color: #ffffff; opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; filter: alpha(opacity=75); }
#pageAction.fixed > div { padding: 10px 50px; }
.toFix.fixed { position: fixed; border-bottom: 3px solid #F0F0F0 !important; border-radius: 0 !important; }
.toFix.fixed.reset { width: 100%; left: 0;}


/* COMPONENTS */
.mms-qr {}
.mms-qr .mms-qr-step { margin: 0 0 3px 0; }
.mms-qr .mms-qr-cont { margin: 0px;}
.mms-qr .mms-qr-lbl { padding-left: 5px; }

.mms-app-menu-admin { margin: 0px; background-color: white; line-height: 220%; padding: 5px 15px; /*font-size: 12px;*/ border-bottom: 3px solid #fff76c; }

.mask { background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 0px; left: 0px; z-index: 3000; }
.pickerContainer { background-color: #F0F0F0; width: 650px; margin: 0px auto; padding: 20px; }

.block { float: left; }
.block.top { margin-top: 10px; }
.block.right { margin-right: 10px; text-align: left; }
.block.bottom { margin-bottom: 10px; }
.block.left { margin-left: 10px; }
.block.floatRight { float: right; }
.hidden, ul.inline li.hidden { display: none; }
.Canceled { text-decoration: line-through;}

table, tr, td { border-collapse: collapse; border-spacing: 0px; padding: 0px; margin: 0px; vertical-align: top; }
hr { border-collapse: collapse; border-bottom: none; border-top: 2px dotted gray; }

ol.spaced li, dl.spaced dd, ul.spaced li {margin-bottom: 15px;}
ul.pictures { margin: 20px 0px !important; }
ul.pictures li { vertical-align: top; display: inline-block; list-style-type: none; text-align: center; padding: 5px 0px; }
ul.pictures li img { display: block; margin: 0px 0px 5px 0px; border: 3px solid #946A3B; }
ul.pictures li div { font-weight: bold; padding: 3px; /*font-size: 85%;*/ border-radius: 5px; background-color: #E8E8E8; color: #181818; }
ul.pictures.flow li img { margin: 0px 10px 0px 0px; }

.clean li { list-style-type: none; }

ol.plan li { list-style-type: upper-alpha; font-weight: bold; }
ol.plan ol li { list-style-type: decimal; text-decoration: underline; font-weight: normal; }
ol.plan ol ol li { list-style-type: none; font-weight: normal; text-decoration: none; }

.stroke { text-decoration: line-through; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.lh100 { line-height: 100%; }

acronym { cursor: help; }
span.exposant { font-size: var(--mms-global-comp-font-size-mini) !important; vertical-align: 15%; }
span.exposant a { color: #946A3B; }
span.mark { color: inherit; /*font-family: 'Open Sans', Verdana, sans-serif;*/ }
a.toplink { /*font-size: 80%;*/ text-decoration: none; /*font-family: 'Open Sans', Verdana, sans-serif;*/ margin-top: 10px; padding-right: 15px; display: block; text-align: right; color: #AA1919; background: url('/resources/images/arrow-up.png') no-repeat 100% 50%; }

table.rib { border-collapse: separate; border-spacing: 2px; }
table.rib th { font-weight: bold; /*font-size: 10px;*/ text-align: left; padding: 2px 10px; }
table.rib td { font-weight: bold; /*font-size: 10px;*/ text-align: center; padding: 2px 10px; margin: 0px 2px; background-color: #DCDCDC; }

/* Content */
.content h1 { /*font-size: 180%;*/ text-transform: uppercase; margin: 10px 0px 0px 0px; padding: 0px; }
.content h2 { /*font-size: 160%;*/ margin: 20px 0px 0px 0px; padding: 0px; }
.content h3 { /*font-size: 140%;*/ margin: 10px 0px 0px 0px; padding: 0px; }
.content h4 { /*font-size: 120%;*/ margin: 10px 0px 0px 0px; padding: 0px; }
.content p.retrait, .paragraph.retrait { margin-left: 30px; }
.content .mark { color: #000; }

/* Application */
#BASEURL, #SERVERTIME { display: none; }
#DEFINITIONS { /*font-family: Georgia, Arial, serif;*/ /*font-size: 130%;*/ line-height: 160%; position: fixed; top: 100px; left: -233px; width: 200px; margin: 0px; padding: 0px; overflow: hidden; background-color: #fff; padding: 5px 15px; }
#DEFINITIONS p { padding: 5px 10px; /*font-size: 14px;*/ line-height: 140%; }
a.define { cursor: help; color: #8C8C8C !important; font-style: italic; padding-right: 20px; background: url('/resources/icons/16x16/define.png') no-repeat 100% 50%; }

#NOTES { border-top: 1px dashed #B0B0B0; }
#NOTES ol { padding: 5px 10px; margin:0px 0px 0px 5px; }
#NOTES li { /*font-size: 70%;*/ list-style-type: none; line-height: 150%; }

#APPLICATION-MESSAGES {
    position: fixed; left: 0px; top: 0px; line-height: 21px; width: 400px; z-index: 101;
}
.APPLICATION-MESSAGES-ICON {
    background-color: #946A3B;
    color: #efefef;
    /*font-size: 70%;*/
    padding: 5px;
    text-align: center;
    display: none;
    cursor: pointer;
    border-bottom-right-radius: 10px;
}
.APPLICATION-MESSAGES-ICON:hover {
    color: #E8E8E8;
}
.APPLICATION-MESSAGES-CONTENT li:last-child {
    border-bottom-right-radius: 10px;
}
.APPLICATION-MESSAGES-CONTENT ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.APPLICATION-MESSAGES-CONTENT li {
    margin: 0px;
    padding: 2px 5px;
    line-height: 25px;
}
#MASK { cursor: wait; z-index: 4000; display: none; position: absolute; top: 0px; left: 0px; vertical-align: middle; text-align: center; background-color: rgba(0,0,0,0.75); }
#MASK div.container { cursor: wait; display: inline-block; width: 600px; margin: 0px auto; padding: 4rem; background-color: #fff; color: #181818; }
#MASK #loading-message { font-size: 1.5rem; font-weight: bold; }
#MASK #MASKCONTENT { margin-bottom: 2rem; }
#TIMEOUT {
    display: none; margin: 0 35%; width: 30%; padding: 5px; background-color: #970000; color: #FFF; text-align: center;
    border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
#AJAX-STATUS {
    display: none; width: 100%; padding: 10px; background-color: rgba(0,0,0,.8); color: #FFF; /*font-size: 110%;*/ text-align: center;
    position: fixed;
    top: 0;
    z-index: 99999;
}
#AJAX-STATUS.error { background-color: #C4282C;; }

.mms-circle { z-index: 97; }
.mms-loading { padding-top: 10px; }
.mms-loading img { margin: 0 auto; width: 128px; height: 128px; }

.mms-width-10 { width: 10%; }
.mms-width-15 { width: 15%; }
.mms-width-20 { width: 20%; }
.mms-width-25 { width: 25%; }
.mms-width-30 { width: 30%; }
.mms-width-35 { width: 35%; }
.mms-width-40 { width: 40%; }
.mms-width-45 { width: 45%; }
.mms-width-50 { width: 50%; }
.mms-width-55 { width: 55%; }
.mms-width-60 { width: 60%; }
.mms-width-65 { width: 65%; }
.mms-width-70 { width: 70%; }
.mms-width-75 { width: 75%; }
.mms-width-80 { width: 80%; }
.mms-width-85 { width: 85%; }
.mms-width-90 { width: 90%; }
.mms-width-95 { width: 95%; }
.mms-width-100 { width: 100%; }

.ui-message {
    color: white;
    padding: 5px 20px;
}
.ui-message.error {
    background-color: #C4282C;
}
.ui-message.warn {
    background-color: orange;
}
.ui-message.info {
    background-color: #6DC428;
}
.ui-message.fatal {
    background-color: black;
}

.extra-field { border-bottom: 1px dashed #C5C5C5; padding-bottom: 10px; margin-bottom: 10px; }
.extra-field.extra-field-Label { border-bottom: none; padding-bottom: 10px; margin-bottom: 10px; }
.extra-field-Label .labelContent { font-weight: bold; font-size: var(--mms-global-comp-font-size-bigger); line-height: 175%; margin-top: 10px; margin-bottom: 10px; border-left: 5px solid #946A3B; color: #946A3B; background-color: #F4F0EB; padding-left: 5px; }
.extra-field.extra-field-Label .labelContent, .formRowTitle { padding: .5rem .75rem; color: var(--mms-global-scheme); border-left: 5px solid var(--mms-global-scheme); border-top-left-radius: 7px; border-bottom-right-radius: 7px; background-color: #F4F0EB !important; }

.extra-field-expired {/* font-size: 80%;*/ color: #C4282C; font-style: italic; }
.mms-admin-only { background-color: #DFF5FF; }
.formBlock.mms-admin-only { border-color: #ADE5FF; }
.extra-field.extra-field-Radio input, .extra-field.extra-field-CheckBox input { float: left; }
.extra-field.enveloppe .extra-field-container { border-radius: 7px; max-height: 300px; overflow: auto; border: 1px solid #f0f0f0; margin-bottom: 20px; padding: 10px; }
.extra-field.extra-field-CheckBox .extra-field-container td { font-weight: bold; }
.extra-field.extra-field-CheckBox .extra-field-container td label { font-weight: normal !important; }
.extra-field.extra-field-CheckBox .extra-field-container table table { margin-left: 8px; }
.extra-field.extra-field-CheckBox .extra-field-container table table td { padding-left: 5px; border-left: 5px solid #DCDCDC; }
.extra-field.extra-field-Radio .extra-field-container td { font-weight: bold; }
.extra-field.extra-field-Radio .extra-field-container td label { font-weight: normal !important; }
.extra-field.extra-field-Radio .extra-field-container table table { margin-left: 8px; }
.extra-field.extra-field-Radio .extra-field-container table table td { padding-left: 5px; border-left: 5px solid #DCDCDC; }
.localeFlags.discret { opacity: 0.3; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); }

a > .show { display: none; }
a:hover > .show.inline { display: inline; }
a:hover > .show.block { display: block; }

.mms-app-add-translation, .mms-app-remove-translation { display: block; color: var(--mms-global-blue); }


/* MOBILITY */
.mobile { display: none; }
@media all and (max-width: 800px) {
    .formRow { clear: both; width: 100%; padding: 1px 5px; /*font-family: inherit; font-size: inherit;*/ }
    .formRow .formLabel { float: left; width: 85%; text-align: left; font-weight: bold; }
    .formRow .formLabel.emptyLabel { display: none; }
    .formRow .formRow .formRequired { float: left; width: 10%; }
    .formRow .formRequired .exposant { font-size: var(--mms-global-comp-font-size-smaller) !important; }
    .formRow .formFieldSeparator { display: none; }
    .formRow .formField .extra-field-container { margin: .5rem; }
    .formRow .formField .extra-field-suffix, .formRow .formField .extra-field-prefix { display: block; }
    .formRow .formField,
    .formRow .formField input[type=text],
    .formRow .formField select,
    .formRow .formField textarea { width: 100%; }
    .formRow .formField input[type=password] { width: 70%; }
    .formRow .extraData { display: block; }
    .no-mobile { display: none; }
    .mobile { display: block; }
    .formAction { text-align: center; }
    .formAction .formButton { float: none; width: 80%; clear: both; }
    .half { width: 100%; }
    .mobile-break { display: block; }
    .hide-xs-screens { display: none; }
    .hide-s-screens { display: none; }
    .hide-m-screens { display: none; }
}
@media all and (max-width: 1280px) {
    .hide-s-screens { display: none; }
    .hide-m-screens { display: none; }
}
@media all and (max-width: 1600px) {
    .hide-m-screens { display: none; }
}
    
.ui-symetric .formRow .formLabel { width: 40%; }

.ui-mobile .formRow { clear: both; width: 100%; line-height: 24px; min-height: 24px; padding: 1px 5px; }
.ui-mobile .formRow .formLabel { float: left; width: 85%; text-align: left; font-weight: bold; margin-bottom: .25rem;}
.ui-mobile .formRow .formLabel.emptyLabel { display: none; }
.ui-mobile .formRow .formRequired { float: left; width: 10%; }
.ui-mobile .formRow .formRequired .exposant { font-size: var(--mms-global-comp-font-size-smaller) !important;}
.ui-mobile .formRow .formFieldSeparator { display: none; }
.ui-mobile .formRow .formField,
.ui-mobile .formRow .formField input[type=text], 
.ui-mobile .formRow .formField input[type=password],
.ui-mobile .formRow .formField select,
.ui-mobile .formRow .formField textarea { width: 100%; }
.ui-mobile .formRow .formField .extra-field-container { margin: .5rem; }
.ui-mobile .formRow .formField .extra-field-suffix, .ui-mobile .formRow .formField .extra-field-prefix { display: block; }


.cam-block .mms-state img { max-width: none; }

.mms-remaining-places:before { content:'|'; padding: 0px 5px; }
.planning-unit-item-session div.floatLeft { max-width: 90%; }
.planning-unit-session-items { padding-bottom: 10px; border-bottom: 1px dashed #cacaca; }
.planning-unit-item-session { margin-top: 5px; }

.metaDocument { display: block; padding: 5px; }
.metaDocument .metaDocumentIcon { float: left; margin-top: 3px; }
.metaDocument .metaDocumentDescription { margin-left: 48px; }
.metaDocument .metaDocumentBaseLine { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); font-size: var(--mms-global-comp-font-size-small); font-style: italic; line-height: 100%; }

.mms-box { max-width: 60%; margin: 5rem auto; }
@media all and (max-width: 800px) {
    .mms-box {  margin: 0px; width: 100%; max-width: 100%; }
}