/* FORMULAIRE > CSS_CANDIDATURE_ICL_RESP_2019 version : 12.04.2022 - 0087 */ /* Foundation for Sites by ZURB - Version 6.2.4 */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: not-allowed; background-color: #e6e6e6; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { width: 100%; border-radius: 3px; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 3px; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.0625rem; } h6 { font-size: 1rem; } @media screen and (min-width: 40em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { color: #2ba6cb; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #258faf; } a img { border: 0; } hr { max-width: 62.5rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; } kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; border-radius: 3px; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; font-style: normal; color: #0a0a0a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 3px; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #fefefe; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child { border-radius: 3px 0 0 3px; } .input-group > :last-child > * { border-radius: 0 3px 3px 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; } .input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #0a0a0a; border: 1px solid #cacaca; white-space: nowrap; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.5rem; max-width: 100%; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #fefefe; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } /*@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }*/ select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(198, 15, 19, 0.1); border-color: #c60f13; } .is-invalid-label { color: #c60f13; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #c60f13; } .form-error.is-visible { display: block; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .clearfix::after { clear: both; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 3px; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #2ba6cb; color: #fefefe; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #258dad; color: #fefefe; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .button.primary { background-color: #2ba6cb; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #2285a2; color: #fefefe; } .button.secondary { background-color: #e9e9e9; color: #0a0a0a; } .button.secondary:hover, .button.secondary:focus { background-color: #bababa; color: #0a0a0a; } .button.alert { background-color: #c60f13; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #9e0c0f; color: #fefefe; } .button.success { background-color: #5da423; color: #fefefe; } .button.success:hover, .button.success:focus { background-color: #4a831c; color: #fefefe; } .button.warning { background-color: #ffae00; color: #fefefe; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe; } .button.body-font { background-color: #222222; color: #fefefe; } .button.body-font:hover, .button.body-font:focus { background-color: #1b1b1b; color: #fefefe; } .button.header { background-color: #222222; color: #fefefe; } .button.header:hover, .button.header:focus { background-color: #1b1b1b; color: #fefefe; } .button.hollow { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #165366; color: #165366; } .button.hollow.primary { border: 1px solid #2ba6cb; color: #2ba6cb; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #165366; color: #165366; } .button.hollow.secondary { border: 1px solid #e9e9e9; color: #e9e9e9; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #757575; color: #757575; } .button.hollow.alert { border: 1px solid #c60f13; color: #c60f13; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #63080a; color: #63080a; } .button.hollow.success { border: 1px solid #5da423; color: #5da423; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #2f5212; color: #2f5212; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.body-font { border: 1px solid #222222; color: #222222; } .button.hollow.body-font:hover, .button.hollow.body-font:focus { border-color: #111111; color: #111111; } .button.hollow.header { border: 1px solid #222222; color: #222222; } .button.hollow.header:hover, .button.hollow.header:focus { border-color: #111111; color: #111111; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; color: #fefefe; } .button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; } .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #2ba6cb; color: #fefefe; } .button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; } .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; color: #fefefe; } .button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; } .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; color: #fefefe; } .button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; } .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; color: #fefefe; } .button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; } .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #fefefe; } .button.disabled.body-font, .button[disabled].body-font { opacity: 0.25; cursor: not-allowed; } .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font:hover, .button[disabled].body-font:focus { background-color: #222222; color: #fefefe; } .button.disabled.header, .button[disabled].header { opacity: 0.25; cursor: not-allowed; } .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header:hover, .button[disabled].header:focus { background-color: #222222; color: #fefefe; } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fefefe transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; } .close-button { position: absolute; color: #8a8a8a; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .row { max-width: 62.5rem; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } .row.expanded { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-left: 0; margin-right: 0; } .column, .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-left: 0.9375rem; padding-right: 0.9375rem; min-width: initial; } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .small-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .small-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .small-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .small-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } @media screen and (min-width: 40em) { .medium-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .medium-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .medium-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .medium-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .medium-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } @media screen and (min-width: 64em) { .large-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .large-up-1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .large-up-4 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .large-up-7 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; } .large-up-8 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .shrink { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .column.align-top, .align-top.columns { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .column.align-bottom, .align-bottom.columns { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .column.align-middle, .align-middle.columns { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .column.align-stretch, .align-stretch.columns { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .align-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .align-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .align-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-self-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-self-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .align-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .small-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .small-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .small-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .small-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .small-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .small-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } @media screen and (min-width: 40em) { .medium-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .medium-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .medium-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .medium-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .medium-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .medium-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 64em) { .large-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .large-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .large-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .large-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .large-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .large-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } /* ----- GRID-MIXINES ----- */ /* ----- ISA_ICONES_SVG ----- */ /* 20.11.2018, jc, ajout du CSS pour les messages permanents */ .mainconsole { position: absolute; right: -500px; max-width: 450px; background: ghostwhite; -webkit-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; transition: right 300ms ease-out; display: none; } .mainconsole .console-permanent-txt { display: none; } .mainconsole.console-permanent .console-permanent-txt { display: block; position: absolute; padding: 0.8rem 1.5rem; top: -45px; left: 50px; right: 0px; font-size: 0.8rem; color: #666666; background: whitesmoke; border-bottom: 1px solid lightgray; cursor: pointer; } .mainconsole.console-permanent .console-permanent-txt .console-permanent-icone { display: inline-block; float: right; margin-left: 1rem; margin-top: -0.1rem; } .mainconsole.console-permanent .console-permanent-txt .console-permanent-icone img { opacity: 0.4; transition: all 200ms ease-out; } .mainconsole.console-permanent .console-permanent-txt .console-permanent-icone img:hover { opacity: 1; } .mainconsole ul { list-style-type: none; margin: 0; display: block; position: relative; min-width: 300px; } .mainconsole ul li { margin: 0; margin-left: 50px!important; padding: 0.2rem 0.8rem; font-size: 0.9rem; border-bottom: 1px solid lightgrey; padding-bottom: 0.5rem; margin-bottom: 0.5rem; } .mainconsole ul li:first-child { padding-top: 0.75rem; } .mainconsole ul li:last-child { padding-bottom: 0.75rem; border: none; margin-bottom: 0; } .mainconsole ul li:before { position: absolute; left: 0; top: 0; display: block; width: 50px; height: 100%; text-align: center; vertical-align: middle; padding: 0.5rem 0; box-sizing: border-box; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .mainconsole ul .alert { color: #d32a0e; font-weight: normal; border: none; } .console-info ul li { color: #00526e !important; } .console-info ul li:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDM2IDM2Jz48cGF0aCBkPSdNMzIuOCwwSDMuMkMxLjQsMCwwLDEuNCwwLDMuMnYxNy43YzAsMS43LDEuNCwzLjIsMy4yLDMuMmgzLjJsLTMuOCw2LjdsMTMuNS02LjdoMTYuN2MxLjcsMCwzLjItMS40LDMuMi0zLjJWMy4yQzM2LDEuNCwzNC42LDAsMzIuOCwweicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+"); background: #008cba; } .console-success ul li { color: #2e7548 !important; } .console-success ul li:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjAuOCAxMS4xbC02LjMgNi4zbDAgMGwtMi4yIDIuMmMtMC40IDAuNC0xIDAuNC0xLjQgMGwtNS43LTUuN2MtMC40LTAuNC0wLjQtMSAwLTEuNEw2LjcgMTFjMC40LTAuNCAxLTAuNCAxLjQgMGwzLjUgMy41bDYuMy02LjNjMC40LTAuNCAxLTAuNCAxLjQgMGwxLjUgMS41QzIxLjIgMTAuMSAyMS4yIDEwLjggMjAuOCAxMS4xeiBNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6JyBmaWxsPSd3aGl0ZScgLz48L3N2Zz4="); background: #43ac6a; } .console-warning ul li { color: #bb640d !important; } .console-warning ul li:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMjQuOCAyMC44Yy0xLjMtMi40LTMuMS01LjctNC45LTguOWMtMi0zLjYtNC03LjMtNS40LTkuOWMtMC43LTEuMi0yLjQtMS4yLTMgMEM4LjcgNyA0IDE1LjcgMS4yIDIwLjhjLTAuNiAxLjEgMC4yIDIuNSAxLjUgMi41aDIwLjZDMjQuNiAyMy4zIDI1LjQgMjEuOSAyNC44IDIwLjh6IE0xNC43IDE5LjRjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNXYtMi41YzAtMC4zIDAuMi0wLjUgMC41LTAuNWgyLjVjMC4zIDAgMC41IDAuMiAwLjUgMC41VjE5LjR6IE0xNC43IDE0LjNjMCAwLjMtMC4yIDAuNS0wLjUgMC41aC0yLjVjLTAuMyAwLTAuNS0wLjItMC41LTAuNUwxMSA4LjRjMC0wLjMgMC4yLTAuNSAwLjUtMC41aDIuOWMwLjMgMCAwLjUgMC4yIDAuNSAwLjVMMTQuNyAxNC4zeicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+"); background: #f08a24; } .console-error ul li { color: #bb260d !important; } .console-error ul li:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzI2cHgnIGhlaWdodD0nMjZweCcgdmlld0JveD0nMCAwIDI2IDI2Jz48cGF0aCBkPSdNMTMgMUM2LjQgMSAxIDYuNCAxIDEzczUuNCAxMiAxMiAxMnMxMi01LjQgMTItMTJTMTkuNiAxIDEzIDF6IE0xOC40IDZMMjAgNy42YzAuNSAwLjUgMC41IDEuMyAwIDEuOEwxNi40IDEzbDMuNiAzLjZjMC41IDAuNSAwLjUgMS4zIDAgMS44TDE4LjQgMjBjLTAuNSAwLjUtMS4zIDAuNS0xLjggMEwxMyAxNi40TDkuNCAyMGMtMC41IDAuNS0xLjMgMC41LTEuOCAwTDYgMTguNGMtMC41LTAuNS0wLjUtMS4zIDAtMS44TDkuNiAxM0w2IDkuNEM1LjUgOC45IDUuNSA4LjEgNiA3LjZMNy42IDZjMC41LTAuNSAxLjMtMC41IDEuOCAwTDEzIDkuNkwxNi42IDZDMTcuMSA1LjUgMTcuOSA1LjUgMTguNCA2eicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+"); background: #f04124; } .cs-show { right: 20px; } /* 27.11.2018, jc, masquage des éléments de la nouvelle console dans les écrans */ .notification-center { display: none; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; font-size: 0.9rem; font-family: Montserrat, helvetica, arial, sans-serif; } /* ----- VARIABLES ----- */ /* ----- Liens utils Génération d'icônes SVG https://isadci.epfl.ch/imoniteur_ISAD/!monupages.htm?ww_x_path=Eqnx.Templates.LstIconeSvg_js Encode / décode 64bits https://www.freeformatter.com/base64-encoder.html#ad-output */ /* ----- STRUCTURE DOM DU FORMULAIRE ----- */ body { background-color: #efeff4; } .main-content { height: 100%; } .main-content .table4 { margin-bottom: 3em; } .main-content h2, .main-content .titre4 { font-weight: 700; font-size: 1.35em; color: #3c3f4d; margin: 0; padding: 0; letter-spacing: normal; text-transform: uppercase; padding-bottom: 0.4rem; border-bottom: 1px solid #9b9ca3; } .main-content a { color: #b8cf32; } .main-content .form-breadcrumbs-wrapper { position: fixed; z-index: 500; top: 0; left: -180px; bottom: 0; width: 180px; background-color: #454441; transition: all 300ms ease-out; } .main-content .form-breadcrumbs-wrapper .close-button { position: absolute; background-color: #454441; padding: 0.5rem; right: -2rem; top: 1rem; display: none; } .main-content .form-breadcrumbs-wrapper .breadcrumbs-scroller { position: absolute; top: 0; bottom: 0; overflow: auto; width: 180px; } .main-content .form-breadcrumbs-wrapper.active { left: 0; } .main-content .form-breadcrumbs-wrapper.active .close-button { display: block; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper { list-style-type: none; margin: 0; padding: 0; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb { position: relative; z-index: 10; min-height: 60px; color: #ffffff; text-align: center; padding: 20px 0.8rem; cursor: pointer; border-bottom: 1px solid #e0e0ec; transition: all 300ms ease-out; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb:hover { background-color: #9b9ca3; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb span:not(.crumb-icone) { position: relative; overflow: hidden; text-overflow: ellipsis; font-weight: 700; text-transform: uppercase; transition: all 300ms ease-out; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb .crumb-icone { position: absolute; background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; z-index: 20; opacity: 0.2; transition: all 300ms ease-out; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pageaccueil .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNywyNi4xNGwtMS40NywxLjc3YTEuMzEsMS4zMSwwLDAsMS0xLjg0LjE3TDI1LDEwLjM1LDMuNjIsMjguMDlhMS4zMSwxLjMxLDAsMCwxLTEuODQtLjE3TDAuMywyNi4xNWExLjMxLDEuMzEsMCwwLDEsLjE3LTEuODRMMjIuODEsNS43OGEzLjQ0LDMuNDQsMCwwLDEsNC40LDBMMzUsMTIuMjRWNi4zNmExLjI5LDEuMjksMCwwLDEsMS4yOS0xLjI5aDUuNEExLjI5LDEuMjksMCwwLDEsNDMsNi4zNlYxOC44NWw2LjU3LDUuNDVBMS4zMSwxLjMxLDAsMCwxLDQ5LjcsMjYuMTRaTTI1LDEyLjkyTDcuMDcsMjcuNzdWNDIuOTJBMi4wOSwyLjA5LDAsMCwwLDkuMTUsNDVIMjFWMzNoOFY0NUg0MC44NGEyLjA5LDIuMDksMCwwLDAsMi4wOS0yLjA5VjI3LjgyWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pagecourante .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDIuNCwzMnYwLjZhMS44NSwxLjg1LDAsMCwxLTEuODUsMS44NUgyOC4xOUwyNS45Miw0OS4yMmEwLjkzLDAuOTMsMCwwLDEtMS44MywwTDIxLjgxLDM0LjQ5SDkuNDRBMS44NSwxLjg1LDAsMCwxLDcuNiwzMi42NFYzMmE5LDksMCwwLDEsNy43Mi04LjkzVjcuNjZhMy44MywzLjgzLDAsMCwxLTMuNzYtMy44M2gwQTMuODMsMy44MywwLDAsMSwxNS4zOSwwSDM0LjYxYTMuODMsMy44MywwLDAsMSwzLjgzLDMuODNoMGEzLjgzLDMuODMsMCwwLDEtMy43NiwzLjgzVjIzLjFBOSw5LDAsMCwxLDQyLjQsMzJaTTIyLjE2LDIyVjguNjJhMSwxLDAsMCwwLTEtMWgwYTEsMSwwLDAsMC0xLDFWMjJhMSwxLDAsMCwwLDEsMWgwQTEsMSwwLDAsMCwyMi4xNiwyMloiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pageeditable .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDguNzcsMTQuOUw0My4zLDIwLjM3LDI5LjYzLDYuNywzNS4xLDEuMjNhNC4yMSw0LjIxLDAsMCwxLDYsMGw3LjcxLDcuNzFBNC4yMSw0LjIxLDAsMCwxLDQ4Ljc3LDE0LjlaTTQxLjEsMjIuNTZMMTMuNjYsNTBIMFYzNi4zNEwyNy40NCw4LjlaTTE1LDQyLjY5TDcuMzEsMzUsNC4yLDM4LjA4djMuNTRIOC4zOFY0NS44aDMuNTRaTTI5LDE1LjYxYTAuNzQsMC43NCwwLDAsMC0xLTFMOS44MywzMi42NWEwLjc0LDAuNzQsMCwxLDAsMSwxWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pagevalide .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuMTcsMTEuMzRMNDQuNDgsNi42NWEyLjgyLDIuODIsMCwwLDAtNCwwTDE5LjE3LDI4LDkuNSwxOC4zMmEyLjgyLDIuODIsMCwwLDAtNCwwTDAuODMsMjNhMi44MiwyLjgyLDAsMCwwLDAsNGw5LjY2LDkuNjYsNi42OCw2LjY4YTIuODIsMi44MiwwLDAsMCw0LDBsNi42OC02LjY4aDBMNDkuMTcsMTUuMzNBMi44MiwyLjgyLDAsMCwwLDQ5LjE3LDExLjM0WiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pageincomplete .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNTYsNDIuOTVMMzkuNDIsMjQuMzIsMjguMTUsMy42M2EzLjU4LDMuNTgsMCwwLDAtNi4yOSwwTDAuNDQsNDIuOTVhMy41OCwzLjU4LDAsMCwwLDMuMTUsNS4zSDQ2LjQxQTMuNTgsMy41OCwwLDAsMCw0OS41Niw0Mi45NVptLTIxLTIuNzZhMSwxLDAsMCwxLTEsMWgtNS4yYTEsMSwwLDAsMS0xLTFWMzVhMSwxLDAsMCwxLDEtMWg1LjJhMSwxLDAsMCwxLDEsMXY1LjJabTAtMTAuNzFhMSwxLDAsMCwxLTEsMUgyMi4zM2ExLDEsMCwwLDEtMS0xTDIwLjg3LDE3LjE2YTEsMSwwLDAsMSwxLTFIMjhhMSwxLDAsMCwxLDEsMVoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.pagefermee .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMzkuMDksMjMuMUgzOC4zNlYxNy4zMmExMy4zMywxMy4zMywwLDAsMC0yNi42NiwwVjIzLjFoLTAuOGEzLjA3LDMuMDcsMCwwLDAtMy4wNywzLjA3VjQyLjkzQTMuMDcsMy4wNywwLDAsMCwxMC45MSw0NkgzOS4wOWEzLjA3LDMuMDcsMCwwLDAsMy4wNy0zLjA3VjI2LjE3QTMuMDcsMy4wNywwLDAsMCwzOS4wOSwyMy4xWk0xNy40OCwxNy4zMmE3LjU2LDcuNTYsMCwwLDEsMTUuMTEsMFYyMy4xSDE3LjQ4VjE3LjMyWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active { padding: 35px 0.8rem 5px 0.8rem; background-color: #9b9ca3; cursor: default; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active .crumb-icone { width: 20px; height: 20px; top: 0.5rem; margin-top: 0; margin-left: -10px; opacity: 1; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pageaccueil .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNywyNi4xNGwtMS40NywxLjc3YTEuMzEsMS4zMSwwLDAsMS0xLjg0LjE3TDI1LDEwLjM1LDMuNjIsMjguMDlhMS4zMSwxLjMxLDAsMCwxLTEuODQtLjE3TDAuMywyNi4xNWExLjMxLDEuMzEsMCwwLDEsLjE3LTEuODRMMjIuODEsNS43OGEzLjQ0LDMuNDQsMCwwLDEsNC40LDBMMzUsMTIuMjRWNi4zNmExLjI5LDEuMjksMCwwLDEsMS4yOS0xLjI5aDUuNEExLjI5LDEuMjksMCwwLDEsNDMsNi4zNlYxOC44NWw2LjU3LDUuNDVBMS4zMSwxLjMxLDAsMCwxLDQ5LjcsMjYuMTRaTTI1LDEyLjkyTDcuMDcsMjcuNzdWNDIuOTJBMi4wOSwyLjA5LDAsMCwwLDkuMTUsNDVIMjFWMzNoOFY0NUg0MC44NGEyLjA5LDIuMDksMCwwLDAsMi4wOS0yLjA5VjI3LjgyWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pagecourante .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDIuNCwzMnYwLjZhMS44NSwxLjg1LDAsMCwxLTEuODUsMS44NUgyOC4xOUwyNS45Miw0OS4yMmEwLjkzLDAuOTMsMCwwLDEtMS44MywwTDIxLjgxLDM0LjQ5SDkuNDRBMS44NSwxLjg1LDAsMCwxLDcuNiwzMi42NFYzMmE5LDksMCwwLDEsNy43Mi04LjkzVjcuNjZhMy44MywzLjgzLDAsMCwxLTMuNzYtMy44M2gwQTMuODMsMy44MywwLDAsMSwxNS4zOSwwSDM0LjYxYTMuODMsMy44MywwLDAsMSwzLjgzLDMuODNoMGEzLjgzLDMuODMsMCwwLDEtMy43NiwzLjgzVjIzLjFBOSw5LDAsMCwxLDQyLjQsMzJaTTIyLjE2LDIyVjguNjJhMSwxLDAsMCwwLTEtMWgwYTEsMSwwLDAsMC0xLDFWMjJhMSwxLDAsMCwwLDEsMWgwQTEsMSwwLDAsMCwyMi4xNiwyMloiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pageeditable .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDguNzcsMTQuOUw0My4zLDIwLjM3LDI5LjYzLDYuNywzNS4xLDEuMjNhNC4yMSw0LjIxLDAsMCwxLDYsMGw3LjcxLDcuNzFBNC4yMSw0LjIxLDAsMCwxLDQ4Ljc3LDE0LjlaTTQxLjEsMjIuNTZMMTMuNjYsNTBIMFYzNi4zNEwyNy40NCw4LjlaTTE1LDQyLjY5TDcuMzEsMzUsNC4yLDM4LjA4djMuNTRIOC4zOFY0NS44aDMuNTRaTTI5LDE1LjYxYTAuNzQsMC43NCwwLDAsMC0xLTFMOS44MywzMi42NWEwLjc0LDAuNzQsMCwxLDAsMSwxWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pagevalide .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuMTcsMTEuMzRMNDQuNDgsNi42NWEyLjgyLDIuODIsMCwwLDAtNCwwTDE5LjE3LDI4LDkuNSwxOC4zMmEyLjgyLDIuODIsMCwwLDAtNCwwTDAuODMsMjNhMi44MiwyLjgyLDAsMCwwLDAsNGw5LjY2LDkuNjYsNi42OCw2LjY4YTIuODIsMi44MiwwLDAsMCw0LDBsNi42OC02LjY4aDBMNDkuMTcsMTUuMzNBMi44MiwyLjgyLDAsMCwwLDQ5LjE3LDExLjM0WiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pageincomplete .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNTYsNDIuOTVMMzkuNDIsMjQuMzIsMjguMTUsMy42M2EzLjU4LDMuNTgsMCwwLDAtNi4yOSwwTDAuNDQsNDIuOTVhMy41OCwzLjU4LDAsMCwwLDMuMTUsNS4zSDQ2LjQxQTMuNTgsMy41OCwwLDAsMCw0OS41Niw0Mi45NVptLTIxLTIuNzZhMSwxLDAsMCwxLTEsMWgtNS4yYTEsMSwwLDAsMS0xLTFWMzVhMSwxLDAsMCwxLDEtMWg1LjJhMSwxLDAsMCwxLDEsMXY1LjJabTAtMTAuNzFhMSwxLDAsMCwxLTEsMUgyMi4zM2ExLDEsMCwwLDEtMS0xTDIwLjg3LDE3LjE2YTEsMSwwLDAsMSwxLTFIMjhhMSwxLDAsMCwxLDEsMVoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); background-position: center center; background-repeat: no-repeat; } .main-content .form-breadcrumbs-wrapper ul.crumbs-wrapper li.crumb.active.pagefermee .crumb-icone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMzkuMDksMjMuMUgzOC4zNlYxNy4zMmExMy4zMywxMy4zMywwLDAsMC0yNi42NiwwVjIzLjFoLTAuOGEzLjA3LDMuMDcsMCwwLDAtMy4wNywzLjA3VjQyLjkzQTMuMDcsMy4wNywwLDAsMCwxMC45MSw0NkgzOS4wOWEzLjA3LDMuMDcsMCwwLDAsMy4wNy0zLjA3VjI2LjE3QTMuMDcsMy4wNywwLDAsMCwzOS4wOSwyMy4xWk0xNy40OCwxNy4zMmE3LjU2LDcuNTYsMCwwLDEsMTUuMTEsMFYyMy4xSDE3LjQ4VjE3LjMyWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .main-content .form-main-wrapper { background-image: url('forminscrs.img?ww_c=ICL_TITRECAND'); background-repeat: no-repeat; background-position: left center; margin-left: 0px; margin-top: -3px; height: 40%; z-index: 10; } .main-content .form-main-wrapper .top-mnu-wrapper { position: fixed; top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0); height: 100px; z-index: 499; max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .main-content .form-main-wrapper .top-mnu-wrapper.dark-mode { background-color: rgba(0, 0, 0, 0.6); top: -150px; transition: all 300ms ease-out; } .main-content .form-main-wrapper .top-mnu-wrapper.dark-mode.active { top: 0; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.chatbox { padding: 26px; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.hamburger { padding: 26px; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-center { text-align: center; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-center .top-mnu-logo { max-height: 80px; margin-top: 0.5rem; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.user-name { color: #ffffff; padding: 38px 0; text-align: right; opacity: 0.8; display: none; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.user-name .user { font-weight: bold; opacity: 1; margin-left: 0.5rem; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.logout { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 26px 0; text-align: center; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.logout a { display: block; margin-left: 0rem; transition: all 300ms ease-out; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.logout a:hover { margin-left: 2rem; } .main-content .form-main-wrapper .form-content { max-width: 85%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; z-index: 50; } .main-content .form-main-wrapper .form-content .form-title { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .main-content .form-main-wrapper .form-content .form-title h1 { text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 40px 0 20px 0; margin: 0; position: relative; text-align: center; text-shadow: 0 0.1rem 2rem rgba(0, 0, 0, 0.2); color: #ffffff; } .main-content .form-main-wrapper .form-content .form-inner-content { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; background-color: #ffffff; padding: 10px 5px; margin-bottom: 4rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); } .main-content .form-main-wrapper .form-content .nav-inner-content { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 30px 40px; margin-bottom: 4rem; text-align: center; } .main-content .form-main-wrapper .form-content .nav-inner-content .btn-vert-nav { cursor: pointer; opacity: 0.2; transition: all 300ms ease-out; } .main-content .form-main-wrapper .form-content .nav-inner-content .btn-vert-nav:hover { opacity: 1; } .main-content .form-main-wrapper footer { border-top: 4px solid #b8cf32; background-color: #454441; color: #ffffff; font-size: 0.8rem; text-align: center; padding: 1.5rem 3rem; } .main-content .form-main-wrapper footer a { color: #b8cf32; text-decoration: none; } .main-content .form-main-wrapper footer a:hover { text-decoration: underline; } .main-content #form-content { padding-top: 5rem; } .main-content .div_candidature { display: none; } .main-content .div_candidature p.p_candidature { font-size: 0.7rem; color: #9b9ca3; margin-bottom: 0.5rem; } .main-content .div_candidature p.legende_recherche { font-size: 0.8rem; color: #9b9ca3; font-style: italic; } .reference-line { margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; } /* ----- Recap et paiement ----- */ .taxeCandidature { width: 100%; } .taxeCandidature .help { position: relative; z-index: 10; top: 0; } .taxeCandidature thead tr th { text-align: left; padding: 0.3rem 0.2rem; border-bottom: 1px solid #454441; } .taxeCandidature thead tr th:first-child { border-right: 1px solid #454441; width: 60%; } .taxeCandidature tbody tr.total { border-top: 1px solid #454441; } .taxeCandidature tbody tr.total td { color: #454441; text-align: right; padding-right: 1em !important; font-weight: bold; } .taxeCandidature tbody tr th, .taxeCandidature tbody tr td { text-align: left; padding: 0.2rem 0.2rem; } .taxeCandidature tbody tr th { font-weight: 700; color: #3c3f4d; border-bottom: 1px solid #3c3f4d; } .taxeCandidature tbody tr td { color: #9b9ca3; vertical-align: top; } .taxeCandidature tbody tr td:first-child { border-right: 1px solid #454441; width: 70%; } .taxeCandidature tbody tr td:last-child { width: 22px; } .taxeCandidature tbody tr td.montant { font-weight: bold; color: #666666; text-align: left; } .taxeCandidature tbody tr td.different { color: #ff0000; } #modePaiement .form-line > div { background-repeat: no-repeat; background-position: 0.2rem 0.2rem; height: 3.5rem; padding: 1rem 0.4rem 0.4rem 6rem; margin: 1rem 2rem; } .type-paiement .choixPaiement { background-repeat: no-repeat; background-position: 0.5rem; height: 4rem; padding-top: 1rem; } .type-paiement .choixPaiement input { margin-left: 8rem; } .cvec-tiret { font-weight: bold; line-height: 1.5; font-size: 1.5rem; } /* ----- Pied de page ----- */ #piedpage { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1.5rem 0rem; text-align: justify; border-top: 2px solid #b8cf32; } #piedpage p { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; color: #9b9ca3; font-size: 0.8rem; margin-bottom: 1rem; } #piedpage p[langue="fr"] { margin-top: 1rem; } .signature-line { margin-top: 1rem; margin-bottom: 1rem; } .mandat_piedpage { background-color: ghostwhite; border: 1px solid lightgray; padding: 1rem; font-size: 1rem; color: #333333; } /* ----- Erreurs ----- */ .erreur, .obligatoire, .ewnet-notnull-alert { background-color: #ffe0e0 !important; } #erreur { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 20px; padding-left: 60px; color: #ffffff; background-color: #f08a24; margin: 30px 0 20px 0; position: relative; overflow: hidden; margin: 0; line-height: 1.4em; text-align: left; text-transform: none; } #erreur:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjYwcHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNTYsNDIuOTVMMzkuNDIsMjQuMzIsMjguMTUsMy42M2EzLjU4LDMuNTgsMCwwLDAtNi4yOSwwTDAuNDQsNDIuOTVhMy41OCwzLjU4LDAsMCwwLDMuMTUsNS4zSDQ2LjQxQTMuNTgsMy41OCwwLDAsMCw0OS41Niw0Mi45NVptLTIxLTIuNzZhMSwxLDAsMCwxLTEsMWgtNS4yYTEsMSwwLDAsMS0xLTFWMzVhMSwxLDAsMCwxLDEtMWg1LjJhMSwxLDAsMCwxLDEsMXY1LjJabTAtMTAuNzFhMSwxLDAsMCwxLTEsMUgyMi4zM2ExLDEsMCwwLDEtMS0xTDIwLjg3LDE3LjE2YTEsMSwwLDAsMSwxLTFIMjhhMSwxLDAsMCwxLDEsMVoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); position: absolute; top: 3px; left: -5px; opacity: 0.3; } /* ----- paiement CB ----- */ #paiementCB .row, #paiementCBOK .row { max-width: 100%; } #paiementCB #montant { font-weight: bold; } #paiementCB #bouton { width: 150px; height: 150px; text-indent: -1000px; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; box-shadow: none; } #paiementCB #bouton:hover { background-size: 98%; } #paiementCB #p_bouton { text-align: center; width: 100%; padding: 2rem 0 0 0; } #paiementCBOK .resume { margin-top: 2rem; margin-bottom: 2rem; } /* ----- Infobox ----- */ .main-infobox { opacity: 1; transition: all 500ms ease-out; } .main-infobox.fade-out { opacity: 0; } .main-infobox.hidde { display: none!important; } .main-infobox .infobox { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 20px; color: #ffffff; margin: 30px 0 20px 0; position: relative; overflow: hidden; } .main-infobox .infobox.success .infobox-head, .main-infobox .infobox.info .infobox-head, .main-infobox .infobox.error .infobox-head { font-weight: 700; font-size: 1.2em; padding-bottom: 10px; display: block; } .main-infobox .infobox.success p, .main-infobox .infobox.info p, .main-infobox .infobox.error p { margin: 0; line-height: 1.4em; text-align: left; text-transform: none; } .main-infobox .infobox.success { background-color: #15d000; } .main-infobox .infobox.success .infobox-head:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDEuMywyMS4xMUwyOC4xLDM0LjMxaDBsLTQuNTcsNC41N2EyLDIsMCwwLDEtMi44OSwwbC0xMi0xMmEyLDIsMCwwLDEsMC0yLjg5bDMuMTItMy4xMmEyLDIsMCwwLDEsMi44OSwwbDcuMzksNy4zOSwxMy4yLTEzLjJhMiwyLDAsMCwxLDIuODksMGwzLjEyLDMuMTJBMiwyLDAsMCwxLDQxLjMsMjEuMTFaTTI1LDBBMjUsMjUsMCwxLDAsNTAsMjUsMjUsMjUsMCwwLDAsMjUsMFoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); margin-right: 0.3rem; vertical-align: middle; } .main-infobox .infobox.success:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00MS4zLDIxLjExTDI4LjEsMzQuMzFoMGwtNC41Nyw0LjU3YTIsMiwwLDAsMS0yLjg5LDBsLTEyLTEyYTIsMiwwLDAsMSwwLTIuODlsMy4xMi0zLjEyYTIsMiwwLDAsMSwyLjg5LDBsNy4zOSw3LjM5LDEzLjItMTMuMmEyLDIsMCwwLDEsMi44OSwwbDMuMTIsMy4xMkEyLDIsMCwwLDEsNDEuMywyMS4xMVpNMjUsMEEyNSwyNSwwLDEsMCw1MCwyNSwyNSwyNSwwLDAsMCwyNSwwWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); position: absolute; top: 12px; left: -15px; opacity: 0.3; } .main-infobox .infobox.info { background-color: #008ed0; } .main-infobox .infobox.info .infobox-head:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMjUsMEEyNSwyNSwwLDEsMCw1MCwyNSwyNSwyNSwwLDAsMCwyNSwwWm0zLjYzLDEzLjVIMjEuNTdhMC43NywwLjc3LDAsMCwxLS43Ny0wLjc3VjYuODRhMC43NywwLjc3LDAsMCwxLC43Ny0wLjc3aDcuMDZhMC43NywwLjc3LDAsMCwxLC43Ny43N3Y1Ljg5QTAuNzcsMC43NywwLDAsMSwyOC42MywxMy41Wm00LjExLDIxLjg0YTAuNzQsMC43NCwwLDAsMSwuNzQuNzRWNDJhMC43NCwwLjc0LDAsMCwxLS43NC43NEgxNy40NkEwLjc0LDAuNzQsMCwwLDEsMTYuNzIsNDJWMzYuMDdhMC43NCwwLjc0LDAsMCwxLC43NC0wLjc0SDIwLjhWMjUuMDZIMTcuNDZhMC43NCwwLjc0LDAsMCwxLS43NC0wLjc0VjE4LjM4YTAuNzQsMC43NCwwLDAsMSwuNzQtMC43NGgxMS4yYTAuNzQsMC43NCwwLDAsMSwuNzQuNzRWMzUuMzNoMy4zNFoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); margin-right: 0.3rem; vertical-align: middle; } .main-infobox .infobox.info:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0yNSwwQTI1LDI1LDAsMSwwLDUwLDI1LDI1LDI1LDAsMCwwLDI1LDBabTMuNjMsMTMuNUgyMS41N2EwLjc3LDAuNzcsMCwwLDEtLjc3LTAuNzdWNi44NGEwLjc3LDAuNzcsMCwwLDEsLjc3LTAuNzdoNy4wNmEwLjc3LDAuNzcsMCwwLDEsLjc3Ljc3djUuODlBMC43NywwLjc3LDAsMCwxLDI4LjYzLDEzLjVabTQuMTEsMjEuODRhMC43NCwwLjc0LDAsMCwxLC43NC43NFY0MmEwLjc0LDAuNzQsMCwwLDEtLjc0Ljc0SDE3LjQ2QTAuNzQsMC43NCwwLDAsMSwxNi43Miw0MlYzNi4wN2EwLjc0LDAuNzQsMCwwLDEsLjc0LTAuNzRIMjAuOFYyNS4wNkgxNy40NmEwLjc0LDAuNzQsMCwwLDEtLjc0LTAuNzRWMTguMzhhMC43NCwwLjc0LDAsMCwxLC43NC0wLjc0aDExLjJhMC43NCwwLjc0LDAsMCwxLC43NC43NFYzNS4zM2gzLjM0WiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); position: absolute; top: 12px; left: -15px; opacity: 0.3; } .main-infobox .infobox.error { background-color: #f08a24; } .main-infobox .infobox.error .infobox-head:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNTYsNDIuOTVMMzkuNDIsMjQuMzIsMjguMTUsMy42M2EzLjU4LDMuNTgsMCwwLDAtNi4yOSwwTDAuNDQsNDIuOTVhMy41OCwzLjU4LDAsMCwwLDMuMTUsNS4zSDQ2LjQxQTMuNTgsMy41OCwwLDAsMCw0OS41Niw0Mi45NVptLTIxLTIuNzZhMSwxLDAsMCwxLTEsMWgtNS4yYTEsMSwwLDAsMS0xLTFWMzVhMSwxLDAsMCwxLDEtMWg1LjJhMSwxLDAsMCwxLDEsMXY1LjJabTAtMTAuNzFhMSwxLDAsMCwxLTEsMUgyMi4zM2ExLDEsMCwwLDEtMS0xTDIwLjg3LDE3LjE2YTEsMSwwLDAsMSwxLTFIMjhhMSwxLDAsMCwxLDEsMVoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+"); margin-right: 0.3rem; vertical-align: middle; } .main-infobox .infobox.error:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00OS41Niw0Mi45NUwzOS40MiwyNC4zMiwyOC4xNSwzLjYzYTMuNTgsMy41OCwwLDAsMC02LjI5LDBMMC40NCw0Mi45NWEzLjU4LDMuNTgsMCwwLDAsMy4xNSw1LjNINDYuNDFBMy41OCwzLjU4LDAsMCwwLDQ5LjU2LDQyLjk1Wm0tMjEtMi43NmExLDEsMCwwLDEtMSwxaC01LjJhMSwxLDAsMCwxLTEtMVYzNWExLDEsMCwwLDEsMS0xaDUuMmExLDEsMCwwLDEsMSwxdjUuMlptMC0xMC43MWExLDEsMCwwLDEtMSwxSDIyLjMzYTEsMSwwLDAsMS0xLTFMMjAuODcsMTcuMTZhMSwxLDAsMCwxLDEtMUgyOGExLDEsMCwwLDEsMSwxWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4="); position: absolute; top: 3px; left: -5px; opacity: 0.3; } .main-infobox ul#erreurs { margin-left: 4rem; } .main-infobox ul#erreurs li { color: #ffffff; } /* ----- Suivis candidatures ----- */ .partie_centrale table { width: 100%!important; } .partie_centrale table tbody tr td { vertical-align: top; display: table-cell !important; } .partie_centrale table tbody tr td:first-child { width: 5px!important; } .partie_centrale table tbody tr td:last-child { vertical-align: bottom; } /* ----- Inscription aux cours ----- */ .select-cours + .autocomplete { margin-top: 0; } .ficheCours table tbody tr td ul { margin-left: 0px!important; } .ficheCours table tbody tr td ul li .catalogRubrique { margin-bottom: 0.5rem; padding-top: 0.2rem; } /* ----- Visibilité ----- */ .show-xl-only { display: none; } /* ----- Inner margin / padding ----- */ .inner-margin-top { margin-top: 15px!important; margin-bottom: 15px!important; } /* ----- Strutcture DOM ----- */ .isa-line, .form-line { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px 0; } .isa-line.grp, .form-line.grp { margin: 2rem 0; } .isa-line .isa-col, .form-line .isa-col, .isa-line .form-col, .form-line .form-col { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .isa-line .isa-col > .form-line, .form-line .isa-col > .form-line, .isa-line .form-col > .form-line, .form-line .form-col > .form-line { margin-top: 0; margin-right: -0.35rem; margin-left: -0.35rem; margin-bottom: 0; } .isa-line .isa-col.col-xs-0, .form-line .isa-col.col-xs-0, .isa-line .form-col.col-xs-0, .form-line .form-col.col-xs-0 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .isa-line .isa-col.col-xs-1, .form-line .isa-col.col-xs-1, .isa-line .form-col.col-xs-1, .form-line .form-col.col-xs-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .isa-line .isa-col.col-xs-2, .form-line .isa-col.col-xs-2, .isa-line .form-col.col-xs-2, .form-line .form-col.col-xs-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .isa-line .isa-col.col-xs-3, .form-line .isa-col.col-xs-3, .isa-line .form-col.col-xs-3, .form-line .form-col.col-xs-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .isa-line .isa-col.col-xs-4, .form-line .isa-col.col-xs-4, .isa-line .form-col.col-xs-4, .form-line .form-col.col-xs-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .isa-line .isa-col.col-xs-5, .form-line .isa-col.col-xs-5, .isa-line .form-col.col-xs-5, .form-line .form-col.col-xs-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .isa-line .isa-col.col-xs-6, .form-line .isa-col.col-xs-6, .isa-line .form-col.col-xs-6, .form-line .form-col.col-xs-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .isa-line .isa-col.col-xs-7, .form-line .isa-col.col-xs-7, .isa-line .form-col.col-xs-7, .form-line .form-col.col-xs-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .isa-line .isa-col.col-xs-8, .form-line .isa-col.col-xs-8, .isa-line .form-col.col-xs-8, .form-line .form-col.col-xs-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .isa-line .isa-col.col-xs-9, .form-line .isa-col.col-xs-9, .isa-line .form-col.col-xs-9, .form-line .form-col.col-xs-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .isa-line .isa-col.col-xs-10, .form-line .isa-col.col-xs-10, .isa-line .form-col.col-xs-10, .form-line .form-col.col-xs-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .isa-line .isa-col.col-xs-11, .form-line .isa-col.col-xs-11, .isa-line .form-col.col-xs-11, .form-line .form-col.col-xs-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .isa-line .isa-col.col-xs-12, .form-line .isa-col.col-xs-12, .isa-line .form-col.col-xs-12, .form-line .form-col.col-xs-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .isa-line { margin: 0; } @media (min-width: 576px) { .form-line { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px 0; } .form-line.grp { margin: 2rem 0; } .form-line .form-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .form-line .form-col > .form-line { margin-top: 0; margin-right: -0.35rem; margin-left: -0.35rem; margin-bottom: 0; } .form-line .form-col.col-s-0 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .form-line .form-col.col-s-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .form-line .form-col.col-s-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .form-line .form-col.col-s-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .form-line .form-col.col-s-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .form-line .form-col.col-s-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .form-line .form-col.col-s-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .form-line .form-col.col-s-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .form-line .form-col.col-s-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .form-line .form-col.col-s-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .form-line .form-col.col-s-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .form-line .form-col.col-s-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .form-line .form-col.col-s-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .form-line { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px 0; } .form-line.grp { margin: 2rem 0; } .form-line .form-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .form-line .form-col > .form-line { margin-top: 0; margin-right: -0.35rem; margin-left: -0.35rem; margin-bottom: 0; } .form-line .form-col.col-m-0 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .form-line .form-col.col-m-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .form-line .form-col.col-m-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .form-line .form-col.col-m-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .form-line .form-col.col-m-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .form-line .form-col.col-m-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .form-line .form-col.col-m-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .form-line .form-col.col-m-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .form-line .form-col.col-m-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .form-line .form-col.col-m-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .form-line .form-col.col-m-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .form-line .form-col.col-m-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .form-line .form-col.col-m-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .form-line { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px 0; } .form-line.grp { margin: 2rem 0; } .form-line .form-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .form-line .form-col > .form-line { margin-top: 0; margin-right: -0.35rem; margin-left: -0.35rem; margin-bottom: 0; } .form-line .form-col.col-l-0 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .form-line .form-col.col-l-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .form-line .form-col.col-l-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .form-line .form-col.col-l-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .form-line .form-col.col-l-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .form-line .form-col.col-l-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .form-line .form-col.col-l-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .form-line .form-col.col-l-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .form-line .form-col.col-l-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .form-line .form-col.col-l-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .form-line .form-col.col-l-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .form-line .form-col.col-l-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .form-line .form-col.col-l-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } #showAdresse { padding: 2em; } @media (min-width: 1200px) { .form-line { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 15px 0; } .form-line.grp { margin: 2rem 0; } .form-line .form-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .form-line .form-col > .form-line { margin-top: 0; margin-right: -0.35rem; margin-left: -0.35rem; margin-bottom: 0; } .form-line .form-col.col-xl-0 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .form-line .form-col.col-xl-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .form-line .form-col.col-xl-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .form-line .form-col.col-xl-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .form-line .form-col.col-xl-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .form-line .form-col.col-xl-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .form-line .form-col.col-xl-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .form-line .form-col.col-xl-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .form-line .form-col.col-xl-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .form-line .form-col.col-xl-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .form-line .form-col.col-xl-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .form-line .form-col.col-xl-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .form-line .form-col.col-xl-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .show-xl-only { display: inherit; } } .overflow-x { overflow-x: auto; } /* ----- PAGE DE LOGIN ----- */ .main-wrapper { max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .main-wrapper .login-wrapper { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; padding-left: 0; padding-right: 0; } .main-wrapper .login-wrapper.side-left { display: none; } .main-wrapper .login-wrapper.side-right { height: 100%; width: 100%!important; } .main-wrapper .login-wrapper.side-right .form-login-wrapper { position: relative; padding: 50px 5% 0 5%; background: #fff; max-height: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: -2rem 0 2rem rgba(0, 0, 0, 0.08); max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* ----- Form login ----- */ } .main-wrapper .login-wrapper.side-right .form-login-wrapper .form-login-col { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-logo { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-logo img { margin-left: auto; margin-right: auto; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-col #form-login-username { padding-left: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDIuMiwzNi4xNXYxLjczYTUuODgsNS44OCwwLDAsMS01Ljg4LDUuODhIMTMuNjlBNS44OCw1Ljg4LDAsMCwxLDcuOCwzNy44N1YzNi4xNWMwLTYuMDUsMi4zMS0xMS4xMiw3LjQ0LTEyLjRhMy4yNCwzLjI0LDAsMCwxLDIuODEuNjMsMTEuMTQsMTEuMTQsMCwwLDAsMTQtLjA4LDMuMTYsMy4xNiwwLDAsMSwyLjY0LS42NEM0MCwyNC43OSw0Mi4yLDI5Ljk1LDQyLjIsMzYuMTVaTTI1LDYuMjVhOS4zOSw5LjM5LDAsMSwwLDkuMzksOS4zOUE5LjM5LDkuMzksMCwwLDAsMjUsNi4yNVoiIHN0eWxlPSJmaWxsOnJnYmEoMTgxLCAxODEsIDE4MSwgMSkiIC8+PC9zdmc+"); background-position: 0.3rem center; background-repeat: no-repeat; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-col #form-login-password { padding-left: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMzkuMDksMjMuMUgzOC4zNlYxNy4zMmExMy4zMywxMy4zMywwLDAsMC0yNi42NiwwVjIzLjFoLTAuOGEzLjA3LDMuMDcsMCwwLDAtMy4wNywzLjA3VjQyLjkzQTMuMDcsMy4wNywwLDAsMCwxMC45MSw0NkgzOS4wOWEzLjA3LDMuMDcsMCwwLDAsMy4wNy0zLjA3VjI2LjE3QTMuMDcsMy4wNywwLDAsMCwzOS4wOSwyMy4xWk0xNy40OCwxNy4zMmE3LjU2LDcuNTYsMCwwLDEsMTUuMTEsMFYyMy4xSDE3LjQ4VjE3LjMyWiIgc3R5bGU9ImZpbGw6cmdiYSgxODEsIDE4MSwgMTgxLCAxKSIgLz48L3N2Zz4="); background-position: 0.3rem center; background-repeat: no-repeat; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line a.password-lost { color: #b7b9c4; text-decoration: none; position: relative; font-style: italic; font-weight: normal; top: -2rem; text-align: right; display: block; transition: all 300ms ease-out; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line a.password-lost:hover { text-decoration: underline; opacity: 0.9; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-info-message { text-align: center; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-info-message p { color: #3c3f4d; margin-top: 0; margin-bottom: 1rem; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-btn-create-acount { text-align: center; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-btn-create-acount img, .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .form-line .form-btn-create-acount a { display: inline-block; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .main-form-login .description { text-transform: uppercase; margin: 15px 0; display: block; width: 100%; color: #3c3f4d; } .main-wrapper #boutonRetourConnexion { background-color: #b8cf32; } .main-wrapper #submit_create_form { background-color: #b8cf32; } .main-wrapper .orange-3d { background-color: #ff8033 !important; } #language { position: absolute; top: 3.5rem; left: 1.56rem; } #language.unlogged { top: 1rem; } #language #menu_langue { margin: 0; padding: 0; list-style-type: none; } #language #menu_langue .li_langue a .flag { opacity: 0.5; cursor: pointer; transition: all 300ms ease-out; } #language #menu_langue .li_langue a .flag:hover { opacity: 1; } .left-content #language { margin-top: 1rem; } @media (min-width: 576px) { #language { position: initial; top: initial; left: initial; } } @media (min-width: 992px) { .main-wrapper { background-image: url('forminscrs.img?ww_c=IMG-BACKGROUND-4'); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: -12rem 0rem !important; } .main-wrapper.bg-form-icl { background-image: url('forminscrs.img?ww_c=IMG-BACKGROUND-4'); } .main-wrapper.bg-form-pole3d { background-image: url('forminscrs.img?ww_c=POLE3D_LOGIN'); } .main-wrapper h2 { font-size: 1.8rem; } .main-wrapper .login-wrapper.side-left { display: block; } .main-wrapper .login-wrapper.side-right { width: 50%!important; } .main-wrapper .login-wrapper .piedpage-recup-mdp { margin: 0rem 0 -1rem 0; } } @media (min-width: 1200px) { .main-wrapper { background-position: center top!important; } .main-wrapper h2 { font-size: 2.5rem; } .main-wrapper .login-wrapper .piedpage-recup-mdp { margin: 8rem 0 0rem 0; } } /* ----- ELEMENT DE FORMULAIRE ----- */ .nav-bottom { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; padding: 0; border-top: 1px dotted #9b9ca3; } .nav-bottom a { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .nav-bottom a .button { margin: 30px 0 0.5rem 0; } label, .adrTitre { margin-bottom: 0; font-weight: 500; color: #9b9ca3; text-transform: uppercase; display: inline-block; } label.sub-label, .adrTitre.sub-label { margin: 1px 0 9px 1px; display: block; font-size: 0.813em; letter-spacing: 0.5pt; white-space: nowrap; font-weight: 300; } label.obl, .adrTitre.obl { color: #3c3f4d; } label.obl:after, .adrTitre.obl:after { content: '*'; color: #790000; margin-left: 0.3rem; bottom: 0; } .obl { color: #3c3f4d; } .obl:after { content: '*'; color: #790000; margin-left: 0.5rem; position: relative; } div[id^="adr_internationale"] .obl:after { content: ''; color: initial; margin: initial; bottom: 0; } label + span { margin-left: 1rem; } label + span#ADRESSE { display: block; } .libelle.obl label { color: #3c3f4d; } .libelle.obl label:after { content: '*'; color: #790000; margin-left: 0.3rem; } .adrTitre span.obl { color: #3c3f4d; } .adrTitre span.obl:after { content: '*'; color: #790000; margin-left: 0.3rem; } input { position: relative; width: 100%; border: 2px solid #efeff4; padding: 0.75rem; box-shadow: inset 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.05); font-family: inherit; font-size: 0.95rem; font-weight: 400; color: #333333; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; transition: all 300ms ease-out; } input:hover, input:focus { border: 2px solid #b8cf32; } input:focus { outline: none; box-shadow: none; } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { margin: 0; } input[placeholder="jj.mm.aaaa"] { display: inline-block; width: 94%; } input[readonly="true"], input[readonly="1"], input[readonly] { background-color: #efeff4; color: #9b9ca3; } input[type="file"] { width: auto; display: block; border: none; box-shadow: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 0.9rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="button"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="button"]:hover, input[type="submit"]:hover { border: 0; } input[type="checkbox"], input[type="radio"] { width: 30px; box-shadow: none; box-sizing: border-box; padding: 0; border-color: #9b9ca3; overflow: visible; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { color: #3c3f4d; font-weight: 700; } .autocompletion { border-bottom: 2px solid #b8cf32; } #wrapper_adr_internationale .autocomplete { margin-top: -1rem; } .autocomplete { background-color: ghostwhite; border: 1px solid lightgray; display: none; } .autocomplete ul { list-style-type: none; margin: 0; padding: 0; } .autocomplete ul li { padding: 0.5rem 1rem; cursor: pointer; } .autocomplete ul li.selected { background-color: #b8cf32; color: #ffffff; } textarea { position: relative; width: 100%; min-height: 5rem; border: 2px solid #efeff4; padding: 0.75rem; box-shadow: inset 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.05); font-family: inherit; font-size: 0.95rem; font-weight: 400; color: #333333; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; transition: all 300ms ease-out; } textarea:hover, textarea:focus { border: 2px solid #b8cf32; } textarea:focus { outline: none; box-shadow: none; } textarea::placeholder { color: #8e8e8e; } select { display: block; width: 100%; min-height: 34px; line-height: 1.5; font-size: inherit; font-family: inherit; letter-spacing: normal; border: 2px solid #e0e0ec !important; border-radius: 0.2rem; background-image: url("data:image/svg+xml;utf8,") !important; background-size: 9px 6px!important; background-position: right -1rem center !important; background-origin: content-box !important; background-repeat: no-repeat !important; padding-right: 1.5rem !important; box-shadow: inset 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.05) !important; text-transform: none; transition: all 300ms ease-out; } select:focus { outline: none; box-shadow: none; } .button { position: relative; overflow: hidden; margin: 0.5rem 0 30px 0; border: 0; text-transform: uppercase; float: none; font-weight: 700; padding: 10px 18px; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; white-space: normal; font-size: 1rem; text-decoration: none; font-family: inherit; cursor: pointer; transition: all 300ms ease-out; } .button.expend { width: 100%; } .button.color-1 { background-color: #b8cf32; color: #ffffff; transition: all 300ms ease-out; } .button.color-1:hover { opacity: 0.8; } .button.color-2 { background-color: #17a2b8; color: #ffffff; transition: all 300ms ease-out; } .button.color-2:hover { background-color: #117a8b; } .button.with-icone-before { position: relative; margin: 15px auto; padding-left: 2.5rem; display: block; } .button.with-icone-before img { position: absolute; top: 50%; margin-top: -8px; left: 16px; } input[type="submit"], input[type="button"] { position: relative; overflow: hidden; width: auto; margin: 0.5rem 0 30px 0; border: 0; text-transform: uppercase; float: none; font-weight: 700; padding: 10px 18px; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; white-space: normal; font-size: 1rem; text-decoration: none; font-family: inherit; cursor: pointer; background-color: #b8cf32; color: #ffffff; transition: all 300ms ease-out; } input[type="submit"]:hover, input[type="button"]:hover { opacity: 0.8; } input[type="button"] { display: inline-block; margin-right: 0.5rem; } p#p_bouton { display: inline-block; } .help { position: absolute; width: 20px; height: 20px; top: 1.8rem; right: -2rem; background-color: #b8cf32; border-radius: 50%; margin-left: 1rem; cursor: help; color: #ffffff; font-size: 1rem; font-weight: 700; text-align: center; line-height: 1.4; z-index: 10; } .help.inline { top: 0.2rem; } .iconErreur { position: absolute; width: 20px; height: 20px; top: 1.8rem; right: -2rem; background-color: #ff3802; border-radius: 50%; margin-left: 1rem; cursor: help; color: #ffffff; font-size: 1rem; font-weight: 700; text-align: center; line-height: 1.4; z-index: 10; } .iconErreur.inline { top: 0.2rem; } .msg-etat-code { position: absolute; top: 21rem; left: 0.35rem; background-color: #ff3802; color: white; padding: 0.5rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .infobulle { position: absolute; background-color: #b8cf32; border: 1px solid #94a727; color: #ffffff; padding: 0.5rem 0.6rem; -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); } .fieldset { background-color: #efeff4; border: 1px solid #b7b9c4; padding: 1rem; margin: 1rem 0; } .fieldset h1 { font-size: 1.3rem; } .bloc-form-add { border: 1px solid #b7b9c4; padding: 1rem; margin: 1rem 0; } .bloc-form-add h1 { font-size: 1.3rem; } .boutonAdd { background-color: #b8cf32; width: fit-content; padding: 0.5rem; opacity: 1; cursor: pointer; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; transition: all 300ms ease-out; } .boutonAdd:hover { opacity: 0.8; } .boutonAdd .btn-slot { display: inline-block; } .boutonAdd .btn-slot.icone { text-align: center; } .boutonAdd .btn-slot.txt { text-align: left; padding-left: 0.5rem; text-transform: uppercase; color: #ffffff; } .btn_remove { width: fit-content; padding: 0.5rem; opacity: 1; cursor: pointer; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; transition: all 300ms ease-out; } .btn_remove:hover { opacity: 0.8; } .line-btn-radio label { display: block; } .line-btn-radio input + label { display: inline-block; } .fix-answer img { vertical-align: text-top; margin-top: 1px; margin-right: 0.5rem; } .mandat_piedpage { background-color: ghostwhite; border: 1px solid lightgray; padding: 1rem; font-size: 1rem; color: #333333; } /* 04.05.2020, jc, mise en page devis Pole3D */ .facture .taxeCandidature tbody tr td:last-child { position: relative; } /* 04.05.2020, jc, mise en page des diplômes Pole3D */ .partie_centrale table.table-diplomes-etudes-sup tbody tr td { position: relative; } .partie_centrale table.table-diplomes-etudes-sup tbody tr td:first-child { width: 200px!important; } .partie_centrale table.table-diplomes-etudes-sup tbody tr td .help { top: 0.5rem; right: -2rem; } .list-bac-mention-inscr .partie_centrale table { table-layout: fixed; } .list-bac-mention-inscr .partie_centrale table tbody tr td { vertical-align: baseline; } .table-facture-suivis table.taxeCandidature tbody tr td:last-child { position: relative; } .table-facture-suivis table.taxeCandidature tbody tr td .help { position: absolute; top: 0.1rem; right: 0; } /* 30.04.2021, jc, bouton de choix */ input[type="button"].choose-btn, input.choose-btn { background-color: #9b9ca3; color: white; transition: all 300ms ease-out; } input[type="button"].choose-btn[disabled], input.choose-btn[disabled] { background-color: #17a2b8; cursor: pointer; } @media (min-width: 992px) { .partie_centrale table.table-diplomes-etudes-sup tbody tr td:first-child { width: 200px!important; } .partie_centrale table.table-diplomes-etudes-sup tbody tr td .help { top: 0.5rem; right: -2rem; } } @media (min-width: 1200px) { .partie_centrale table.table-diplomes-etudes-sup tbody tr td .help { right: 8rem; } } /* ----- FORM_HOMEPAGE ----- */ #tableCandidatureInfos, #tableCandidature, #tableInscription { margin-bottom: 2rem; } #cadre { position: relative; } #cadre .home-logout { position: fixed; top: 1rem; right: 1rem; opacity: 0.5; transition: all 300ms ease-out; } #cadre .home-logout:hover { opacity: 1; } #liste_formulaire h1 { font-size: 1.8rem; color: #3c3f4d; margin-top: 1rem; } #liste_formulaire h2 { font-size: 1.3rem; color: #9b9ca3; } #liste_formulaire a { color: #b8cf32; transition: all 300ms ease-out; } #liste_formulaire a:hover { color: #c6d95b; } #liste_formulaire .alerteCadre { background-color: #efeff4; color: #9b9ca3; padding: 0.4rem; border: 1px solid #9b9ca3; margin-bottom: 1rem; } #liste_formulaire .alerteCadre br { margin-bottom: 0.5rem; } .cand-content .main-title { border-left: 1px solid #b8cf32; border-top: 1px solid #b8cf32; border-right: 1px solid #b8cf32; background-color: #b8cf32; padding: 0.5rem 0; } .cand-content .main-title .title { color: #ffffff; font-weight: 700; } .cand-content .main-title .toggler { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .cand-content .main-title .toggler .btn-content-toggler { width: 20px; height: 20px; float: right; cursor: pointer; opacity: 0.5; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ2LjQsMTguMjJIMzEuNzhWMy42QTMuNiwzLjYsMCwwLDAsMjguMTcsMEgyMS44M2EzLjYsMy42LDAsMCwwLTMuNiwzLjZWMTguMjJIMy42QTMuNiwzLjYsMCwwLDAsMCwyMS44M3Y2LjM1YTMuNiwzLjYsMCwwLDAsMy42LDMuNkgxOC4yMlY0Ni40YTMuNiwzLjYsMCwwLDAsMy42LDMuNmg2LjM1YTMuNiwzLjYsMCwwLDAsMy42LTMuNlYzMS43OEg0Ni40YTMuNiwzLjYsMCwwLDAsMy42LTMuNlYyMS44M0EzLjYsMy42LDAsMCwwLDQ2LjQsMTguMjJaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PC9zdmc+'); background-repeat: no-repeat; background-position: center center; transition: all 300ms ease-out; } .cand-content .main-title .toggler .btn-content-toggler:hover { opacity: 1; } .cand-content .main-title .toggler .btn-content-toggler.active { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ2LjQsMTguMjJIMy42QTMuNiwzLjYsMCwwLDAsMCwyMS44M3Y2LjM1YTMuNiwzLjYsMCwwLDAsMy42LDMuNkg0Ni40YTMuNiwzLjYsMCwwLDAsMy42LTMuNlYyMS44M0EzLjYsMy42LDAsMCwwLDQ2LjQsMTguMjJaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PC9zdmc+'); } .cand-content .main-lst-content { border-bottom: 1px solid #9b9ca3; border-left: 1px solid #9b9ca3; border-right: 1px solid #9b9ca3; padding: 0.2rem 0.5rem; display: none; transition: all 300ms ease-out; } .cand-content .main-lst-content ul { margin-top: 0.5rem; padding: 0; } .cand-content .main-lst-content ul li { color: #9b9ca3; line-height: 1; margin-bottom: 0.5rem; } .cand-content .main-lst-content.active { display: block; } .cand-content .main-lst-content #table_candidature, .cand-content .main-lst-content #table_inscription { margin-top: 1rem; font-size: 0.8rem; width: 100%; } .cand-content .main-lst-content #table_candidature thead tr.table_candidature_header th, .cand-content .main-lst-content #table_inscription thead tr.table_candidature_header th, .cand-content .main-lst-content #table_candidature thead tr.table_inscription_header th, .cand-content .main-lst-content #table_inscription thead tr.table_inscription_header th { font-weight: 700; color: #3c3f4d; text-align: left; padding: 0.2rem 0; border-bottom: 1px solid #3c3f4d; } .cand-content .main-lst-content #table_candidature tbody tr td, .cand-content .main-lst-content #table_inscription tbody tr td { color: #9b9ca3; text-align: left; padding: 0.2rem 0; vertical-align: top; } .cand-content .main-lst-content #table_candidature tbody tr td.alerteDate, .cand-content .main-lst-content #table_inscription tbody tr td.alerteDate { color: #ff3802; } .cand-content .main-lst-content #table_candidature tbody tr td.col_date, .cand-content .main-lst-content #table_inscription tbody tr td.col_date { width: 15%; } .cand-content .main-lst-content #table_candidature tbody tr td.col_date.col_date_alerte, .cand-content .main-lst-content #table_inscription tbody tr td.col_date.col_date_alerte { color: #ff3802; } .cand-content .main-lst-content #table_candidature tbody tr td.col_filiere, .cand-content .main-lst-content #table_inscription tbody tr td.col_filiere { width: 25%; } .cand-content .main-lst-content #table_candidature tbody tr td.col_statut, .cand-content .main-lst-content #table_inscription tbody tr td.col_statut { width: 15%; } .cand-content .main-lst-content #table_candidature tbody tr td.col_bouton, .cand-content .main-lst-content #table_inscription tbody tr td.col_bouton { width: 15%; } .cand-content .main-lst-content .zoneBoutons { text-align: center; } .cand-content .main-lst-content .zoneBoutons #boutonCandidateDisabled { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cand-content .main-lst-content .zoneBoutons #boutonCandidateDisabled .button { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; margin: 0.5rem; background-color: #efeff4; color: #b7b9c4; cursor: default; font-size: 0.8rem; text-transform: initial; } .cand-content .main-lst-content .zoneBoutons #boutonCandidate, .cand-content .main-lst-content .zoneBoutons #boutonSuivi { margin: 0.5rem; padding: 0 0.5rem; background-color: #b8cf32; font-size: 0.8rem; text-transform: uppercase; font-weight: 700; display: inline-block; height: 3rem; text-align: center; line-height: 3.8; opacity: 1; transition: all 300ms ease-out; } .cand-content .main-lst-content .zoneBoutons #boutonCandidate:hover, .cand-content .main-lst-content .zoneBoutons #boutonSuivi:hover { opacity: 0.8; } .cand-content .main-lst-content .zoneBoutons #boutonCandidate a, .cand-content .main-lst-content .zoneBoutons #boutonSuivi a { color: #ffffff !important; display: block; height: 100%; width: 100%; } .cand-content .main-lst-content .zoneBoutons #boutonSuiviDisabled { margin: 0.5rem; padding: 0.2rem 0.5rem 0 0.5rem; background-color: #efeff4; color: #b7b9c4; font-size: 0.8rem; text-transform: uppercase; font-weight: 700; display: inline-block; height: 3rem; text-align: center; line-height: 1.5; cursor: default; vertical-align: bottom; } #table_choixAdmission { width: 100%; } #table_choixAdmission tbody tr td { text-align: center; font-size: 0.9rem; } #table_choixAdmission tbody tr td h1.legendChoixAdm { font-weight: 700; font-size: 1.25em; color: #3c3f4d; margin: 0; padding: 0; letter-spacing: normal; text-transform: uppercase; padding-bottom: 0.4rem; border-bottom: 1px solid #9b9ca3; } #table_choixAdmission tbody tr td.ou { width: 20%; vertical-align: middle; } #table_choixAdmission tbody tr td.ou #cercleCentre:before, #table_choixAdmission tbody tr td.ou #cercleCentre:after { content: '-'; } #table_choixAdmission tbody tr td.ou #cercleCentre:before { margin-right: 0.5rem; } #table_choixAdmission tbody tr td.ou #cercleCentre:after { margin-left: 0.5rem; } #table_choixAdmission tbody tr td.action, #table_choixAdmission tbody tr td.actionDisabled { width: 40%; vertical-align: top; } #table_choixAdmission tbody tr td.action .texteChoixAdm, #table_choixAdmission tbody tr td.actionDisabled .texteChoixAdm { min-height: 80px; } #table_choixAdmission tbody tr td.actionDisabled h1.legendChoixAdm { color: #666666; } #table_choixAdmission tbody tr td.actionDisabled p { color: #999999; } #table_choixAdmission tbody tr td.actionDisabled input[type="button"] { cursor: default; background-color: #999999; } #table_choixAdmission div.ou { width: 20%; vertical-align: middle; text-align: center; padding-top: 4rem; } #table_choixAdmission div.ou #cercleCentre:before, #table_choixAdmission div.ou #cercleCentre:after { content: '-'; } #table_choixAdmission div.ou #cercleCentre:before { margin-right: 0.5rem; } #table_choixAdmission div.ou #cercleCentre:after { margin-left: 0.5rem; } #pRenoncer { text-align: center; } #language { position: absolute; right: 15%; top: 32px; z-index: 1; } .lien-visite-virtu { width: 100%; text-align: center; } #lien-visite-virtu-img { width: 150px; } /* ----- ADRESSES_INTERNATIONAL ----- */ #wrapper_adr_internationale { margin-left: -0.35rem; margin-right: -0.35rem; } #wrapper_adr_internationale .row { margin-left: -0.8rem; margin-right: -1.3rem; } #wrapper_adr_internationale div[id^="adr_internationale"] input { margin-bottom: 1rem; } #wrapper_adr_internationale div[id^="adr_internationale"] table { width: 100%; } #wrapper_adr_internationale div[id^="adr_internationale"] table tbody tr td.adrTitre { width: 33.33333%; } #wrapper_adr_internationale div[id^="adr_internationale"] table tbody tr td input { width: 100%; margin-top: 0; } #wrapper_adr_internationale div[id^="showAdresse"] { width: 100%; margin: 1rem auto; padding: 0rem 0rem 0rem 0.2rem; } #wrapper_adr_internationale div[id^="showAdresse"] #showAdresseTitre { text-align: left; margin: 0; } div[id^="adr_internationale"] pre { background-color: ghostwhite; border: 1px solid lightgray; padding: 1rem; font-size: 1rem; color: #333333; } .table-adr-inter label { display: block; } /* ----- FORM_SUIVIS ------ */ #intro { margin: 1.5rem 0; } .main-content.suivis-cand .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.hamburger, .main-content.suivis-cand .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.chatbox { padding: 26px 10px; } .bloc-lst-elements, #bloc_liste_candidatures, #bloc_liens_utiles { background-color: #e0e0ec; padding: 1rem; margin-bottom: 1rem; } .bloc-lst-elements [class^="titre"], #bloc_liste_candidatures [class^="titre"], #bloc_liens_utiles [class^="titre"] { font-weight: bold; color: #000000; font-size: 1.3rem; } .bloc-lst-elements .titreCand, #bloc_liste_candidatures .titreCand, #bloc_liens_utiles .titreCand { font-size: 0.9rem; } .bloc-lst-elements .listeFil1, #bloc_liste_candidatures .listeFil1, #bloc_liens_utiles .listeFil1 { width: initial!important; border-bottom: 1px solid #3c3f4d !important; } .bloc-lst-elements .partie_centrale .ligne_sep_invisible, #bloc_liste_candidatures .partie_centrale .ligne_sep_invisible, #bloc_liens_utiles .partie_centrale .ligne_sep_invisible { display: none; } .bloc-lst-elements.lst-candidatures .partie_centrale p, #bloc_liste_candidatures.lst-candidatures .partie_centrale p, #bloc_liens_utiles.lst-candidatures .partie_centrale p { margin-bottom: 0; } .bloc-lst-elements.lst-candidatures .partie_centrale br, #bloc_liste_candidatures.lst-candidatures .partie_centrale br, #bloc_liens_utiles.lst-candidatures .partie_centrale br { display: none; } .bloc-lst-elements.lst-candidatures .partie_centrale .listeFac, #bloc_liste_candidatures.lst-candidatures .partie_centrale .listeFac, #bloc_liens_utiles.lst-candidatures .partie_centrale .listeFac { font-weight: bold; display: block; margin-top: 2rem; color: #b8cf32; background-color: #454441dd; padding: 0.5rem; } .bloc-lst-elements.lst-candidatures .partie_centrale .listeFiliere, #bloc_liste_candidatures.lst-candidatures .partie_centrale .listeFiliere, #bloc_liens_utiles.lst-candidatures .partie_centrale .listeFiliere { font-weight: bold; margin: 0.7rem 0rem 0.7rem 0.7rem; display: block; border-bottom: 1px solid; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne { padding-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #b7b9c4; color: #3c3f4d; } .bloc-lst-elements.lst-documents .partie_centrale .listeFac, #bloc_liste_candidatures.lst-documents .partie_centrale .listeFac, #bloc_liens_utiles.lst-documents .partie_centrale .listeFac { font-weight: bold; display: block; margin-top: 2rem; color: #b8cf32; background-color: #454441dd; padding: 0.5rem; } .bloc-lst-elements.lst-documents .partie_centrale .listeFiliere, #bloc_liste_candidatures.lst-documents .partie_centrale .listeFiliere, #bloc_liens_utiles.lst-documents .partie_centrale .listeFiliere { font-weight: bold; margin: 0.7rem 0rem 0.7rem 0.7rem; display: block; border-bottom: 1px solid; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #b7b9c4; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div .admis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div .admis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div .admis { color: #15d000; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div .manquant, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div .manquant, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div .manquant, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div .error, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div .error, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div .error { color: #ff3802; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div .uploaded, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div .uploaded, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div .uploaded { color: #008ed0; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.liste-file, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.liste-file, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.liste-file { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; order: 10; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.liste-file .file-label, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.liste-file .file-label, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.liste-file .file-label { margin-left: 0; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.file-namedoc, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.file-namedoc, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.file-namedoc { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; order: 55; text-align: right; padding-right: 0; margin-right: 0; font-size: 0.7rem; color: #666666; font-style: italic; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.file-statut, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.file-statut, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.file-statut { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; order: 20; text-align: right; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.upload-label, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.upload-label, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.upload-label { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 30; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.upload-field, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.upload-field, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.upload-field { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; order: 40; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.upload-button, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.upload-button, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.upload-button { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; order: 50; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.upload-link, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.upload-link, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.upload-link { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; order: 60; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne > div.upload-link img, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne > div.upload-link img, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne > div.upload-link img { height: 25px; margin: 0 0 auto auto; } .bloc-lst-elements.lst-documents .partie_centrale .fondLigne .upload-field input[type="file"], #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne .upload-field input[type="file"], #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne .upload-field input[type="file"] { background-color: #e3ecae; padding: 0.3rem 0; width: 25rem; } .bloc-lst-elements.lst-documents .partie_centrale br, #bloc_liste_candidatures.lst-documents .partie_centrale br, #bloc_liens_utiles.lst-documents .partie_centrale br { display: none; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFil, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFil, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFil, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFil, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFil, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFil, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilError, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilError, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilError, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilError, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilError, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilError { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFil:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFil:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFil:before, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilError:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilError:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilError:before { margin-right: 0.5rem; vertical-align: text-top; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatut, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatut, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutError { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutError { text-align: right; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFil, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFil, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFil, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFil, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFil, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFil, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatut, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatut { color: #333333; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatut, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatut, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatut { color: #ff3802; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilAdmis, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutAdmis, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.statutAdmis, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.statutAdmis, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.statutAdmis, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.statutAdmis, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.statutAdmis, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.statutAdmis { color: #15d000; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilError, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilError, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilError, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilError, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilError, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilError, .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeStatutError, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeStatutError, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeStatutError { color: #ff3802; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFil:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFil:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFil:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFil:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDQuNTEsMTAuNUwzNS45MywxLjkyQTYuNTcsNi41NywwLDAsMCwzMS4yOCwwSDYuMkEyLjYzLDIuNjMsMCwwLDAsMy41NywyLjYzVjQ3LjM3QTIuNjMsMi42MywwLDAsMCw2LjIsNTBINDMuOGEyLjYzLDIuNjMsMCwwLDAsMi42My0yLjYzVjE1LjE1QTYuNTcsNi41NywwLDAsMCw0NC41MSwxMC41Wk00MiwxM2EzLDMsMCwwLDEsLjc2LDEuMjhIMzIuMTRWMy42N2EzLDMsMCwwLDEsMS4yOC43NlpNNy4xMSw0Ni40NlYzLjU0SDI4LjZWMTUuMjNhMi42MSwyLjYxLDAsMCwwLDIuNjEsMi42MUg0Mi44OVY0Ni40Nkg3LjExWiIgc3R5bGU9ImZpbGw6cmdiYSg1MSwgNTEsIDUxLCAxKSIgLz48L3N2Zz4="); } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilAdmis:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilAdmis:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDQuNTEsMTAuNUwzNS45MywxLjkyQTYuNTcsNi41NywwLDAsMCwzMS4yOCwwSDYuMkEyLjYzLDIuNjMsMCwwLDAsMy41NywyLjYzVjQ3LjM3QTIuNjMsMi42MywwLDAsMCw2LjIsNTBINDMuOGEyLjYzLDIuNjMsMCwwLDAsMi42My0yLjYzVjE1LjE1QTYuNTcsNi41NywwLDAsMCw0NC41MSwxMC41Wk00MiwxM2EzLDMsMCwwLDEsLjc2LDEuMjhIMzIuMTRWMy42N2EzLDMsMCwwLDEsMS4yOC43NlpNNy4xMSw0Ni40NlYzLjU0SDI4LjZWMTUuMjNhMi42MSwyLjYxLDAsMCwwLDIuNjEsMi42MUg0Mi44OVY0Ni40Nkg3LjExWiIgc3R5bGU9ImZpbGw6cmdiYSgyMSwgMjA4LCAwLCAxKSIgLz48L3N2Zz4="); } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne span.listeFilError:before, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne span.listeFilError:before, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne span.listeFilError:before, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne span.listeFilError:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDQuNTEsMTAuNUwzNS45MywxLjkyQTYuNTcsNi41NywwLDAsMCwzMS4yOCwwSDYuMkEyLjYzLDIuNjMsMCwwLDAsMy41NywyLjYzVjQ3LjM3QTIuNjMsMi42MywwLDAsMCw2LjIsNTBINDMuOGEyLjYzLDIuNjMsMCwwLDAsMi42My0yLjYzVjE1LjE1QTYuNTcsNi41NywwLDAsMCw0NC41MSwxMC41Wk00MiwxM2EzLDMsMCwwLDEsLjc2LDEuMjhIMzIuMTRWMy42N2EzLDMsMCwwLDEsMS4yOC43NlpNNy4xMSw0Ni40NlYzLjU0SDI4LjZWMTUuMjNhMi42MSwyLjYxLDAsMCwwLDIuNjEsMi42MUg0Mi44OVY0Ni40Nkg3LjExWiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDU2LCAyLCAxKSIgLz48L3N2Zz4="); } .bloc-lst-elements.lst-candidatures .partie_centrale div, #bloc_liste_candidatures.lst-candidatures .partie_centrale div, #bloc_liens_utiles.lst-candidatures .partie_centrale div, .bloc-lst-elements.lst-documents .partie_centrale div, #bloc_liste_candidatures.lst-documents .partie_centrale div, #bloc_liens_utiles.lst-documents .partie_centrale div { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } .bloc-lst-elements.lst-candidatures .partie_centrale div span, #bloc_liste_candidatures.lst-candidatures .partie_centrale div span, #bloc_liens_utiles.lst-candidatures .partie_centrale div span, .bloc-lst-elements.lst-documents .partie_centrale div span, #bloc_liste_candidatures.lst-documents .partie_centrale div span, #bloc_liens_utiles.lst-documents .partie_centrale div span { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; color: #9b9ca3; } .bloc-lst-elements.lst-candidatures .partie_centrale div span.listeUploadFields, #bloc_liste_candidatures.lst-candidatures .partie_centrale div span.listeUploadFields, #bloc_liens_utiles.lst-candidatures .partie_centrale div span.listeUploadFields, .bloc-lst-elements.lst-documents .partie_centrale div span.listeUploadFields, #bloc_liste_candidatures.lst-documents .partie_centrale div span.listeUploadFields, #bloc_liens_utiles.lst-documents .partie_centrale div span.listeUploadFields { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .bloc-lst-elements.lst-candidatures .partie_centrale div span.listeUploadFields input[type="file"], #bloc_liste_candidatures.lst-candidatures .partie_centrale div span.listeUploadFields input[type="file"], #bloc_liens_utiles.lst-candidatures .partie_centrale div span.listeUploadFields input[type="file"], .bloc-lst-elements.lst-documents .partie_centrale div span.listeUploadFields input[type="file"], #bloc_liste_candidatures.lst-documents .partie_centrale div span.listeUploadFields input[type="file"], #bloc_liens_utiles.lst-documents .partie_centrale div span.listeUploadFields input[type="file"] { font-size: 0.7rem; margin: 0; } .bloc-lst-elements.lst-candidatures .partie_centrale div span.listeUploadButtons, #bloc_liste_candidatures.lst-candidatures .partie_centrale div span.listeUploadButtons, #bloc_liens_utiles.lst-candidatures .partie_centrale div span.listeUploadButtons, .bloc-lst-elements.lst-documents .partie_centrale div span.listeUploadButtons, #bloc_liste_candidatures.lst-documents .partie_centrale div span.listeUploadButtons, #bloc_liens_utiles.lst-documents .partie_centrale div span.listeUploadButtons { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .bloc-lst-elements.lst-candidatures .partie_centrale div span.listeUploadButtons input.smallUploadField, #bloc_liste_candidatures.lst-candidatures .partie_centrale div span.listeUploadButtons input.smallUploadField, #bloc_liens_utiles.lst-candidatures .partie_centrale div span.listeUploadButtons input.smallUploadField, .bloc-lst-elements.lst-documents .partie_centrale div span.listeUploadButtons input.smallUploadField, #bloc_liste_candidatures.lst-documents .partie_centrale div span.listeUploadButtons input.smallUploadField, #bloc_liens_utiles.lst-documents .partie_centrale div span.listeUploadButtons input.smallUploadField { margin: 0; padding: 0.3rem 0.5rem; font-size: 0.8rem; } .bloc-lst-elements.lst-candidatures .partie_centrale div span.listeUploadLinks, #bloc_liste_candidatures.lst-candidatures .partie_centrale div span.listeUploadLinks, #bloc_liens_utiles.lst-candidatures .partie_centrale div span.listeUploadLinks, .bloc-lst-elements.lst-documents .partie_centrale div span.listeUploadLinks, #bloc_liste_candidatures.lst-documents .partie_centrale div span.listeUploadLinks, #bloc_liens_utiles.lst-documents .partie_centrale div span.listeUploadLinks { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .bloc-lst-elements.lst-candidatures .partie_centrale div .help, #bloc_liste_candidatures.lst-candidatures .partie_centrale div .help, #bloc_liens_utiles.lst-candidatures .partie_centrale div .help, .bloc-lst-elements.lst-documents .partie_centrale div .help, #bloc_liste_candidatures.lst-documents .partie_centrale div .help, #bloc_liens_utiles.lst-documents .partie_centrale div .help { top: 0.4rem; } .bloc-lst-elements.lst-candidatures .partie_centrale div .help:before, #bloc_liste_candidatures.lst-candidatures .partie_centrale div .help:before, #bloc_liens_utiles.lst-candidatures .partie_centrale div .help:before, .bloc-lst-elements.lst-documents .partie_centrale div .help:before, #bloc_liste_candidatures.lst-documents .partie_centrale div .help:before, #bloc_liens_utiles.lst-documents .partie_centrale div .help:before { content: '?'; font-weight: bold; } .bloc-lst-elements.lst-candidatures .partie_centrale p, #bloc_liste_candidatures.lst-candidatures .partie_centrale p, #bloc_liens_utiles.lst-candidatures .partie_centrale p, .bloc-lst-elements.lst-documents .partie_centrale p, #bloc_liste_candidatures.lst-documents .partie_centrale p, #bloc_liens_utiles.lst-documents .partie_centrale p { margin-bottom: 0; } .bloc-lst-elements.lst-candidatures .partie_centrale .listeFac, #bloc_liste_candidatures.lst-candidatures .partie_centrale .listeFac, #bloc_liens_utiles.lst-candidatures .partie_centrale .listeFac, .bloc-lst-elements.lst-documents .partie_centrale .listeFac, #bloc_liste_candidatures.lst-documents .partie_centrale .listeFac, #bloc_liens_utiles.lst-documents .partie_centrale .listeFac { font-weight: bold; } .bloc-lst-elements.lst-candidatures .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-candidatures .partie_centrale .fondLigne, #bloc_liens_utiles.lst-candidatures .partie_centrale .fondLigne, .bloc-lst-elements.lst-documents .partie_centrale .fondLigne, #bloc_liste_candidatures.lst-documents .partie_centrale .fondLigne, #bloc_liens_utiles.lst-documents .partie_centrale .fondLigne { padding-left: 1rem; color: #3c3f4d; } .bloc-lst-elements.lst-candidatures .partie-centrale .fondLigne, #bloc_liste_candidatures.lst-candidatures .partie-centrale .fondLigne, #bloc_liens_utiles.lst-candidatures .partie-centrale .fondLigne { padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #b7b9c4; } .bloc-lst-elements.lst-candidatures .partie-centrale .fondLigne .listeStatut, #bloc_liste_candidatures.lst-candidatures .partie-centrale .fondLigne .listeStatut, #bloc_liens_utiles.lst-candidatures .partie-centrale .fondLigne .listeStatut { margin-top: 0!important; } #bloc_liens_utiles .soustitreEntreprise { font-weight: bold; margin-top: 1.5rem; margin-bottom: 0.5rem; } #bloc_liens_utiles table { font-size: 0.8rem; } #bloc_liens_utiles table tbody tr td:first-child { font-weight: bold; width: 10rem!important; padding: 0.3rem 0; } /* ----- bloc dialogue ----- */ #bloc_dialogue { width: 25rem; margin-top: 0; background-color: #ffffff; border: 1px solid #9b9ca3; -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25); } #bloc_dialogue.fixed { position: fixed; top: 7rem; } #bloc_dialogue .partie_haute { width: 100%; padding: 0.8rem 0.5rem; background-color: #b8cf32; color: #ffffff; border-bottom: 1px solid #9b9ca3; } #bloc_dialogue .partie_centrale { width: 100%; background-color: #ffffff; padding: 0.5rem; } #bloc_dialogue .partie_centrale .dial { height: 300px; overflow: auto; padding: 0.5rem; background-color: #efeff4; border: 1px solid #9b9ca3; overflow-x: hidden; } #bloc_dialogue .partie_centrale .dial .dialogue { position: relative; padding: 0.3rem 0.5rem; font-size: 0.8rem; width: 90%; margin-bottom: 0.2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1:after, #bloc_dialogue .partie_centrale .dial .dialogue.cote1:before { right: 100%; top: 90%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue1 { background: #AEE6F7; border: 1px solid #51c9ee; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue1:after { border-color: rgba(136, 183, 213, 0); border-right-color: #AEE6F7; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue1:before { border-color: rgba(194, 225, 245, 0); border-right-color: #51c9ee; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue2 { background: #ABEBD1; border: 1px solid #59d7a4; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue2:after { border-color: rgba(136, 183, 213, 0); border-right-color: #ABEBD1; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue2:before { border-color: rgba(194, 225, 245, 0); border-right-color: #59d7a4; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue3 { background: #FDDBDC; border: 1px solid #f87a7e; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue3:after { border-color: rgba(136, 183, 213, 0); border-right-color: #FDDBDC; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue3:before { border-color: rgba(194, 225, 245, 0); border-right-color: #f87a7e; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue4 { background: #C5C5E9; border: 1px solid #7b7bcd; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue4:after { border-color: rgba(136, 183, 213, 0); border-right-color: #C5C5E9; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue4:before { border-color: rgba(194, 225, 245, 0); border-right-color: #7b7bcd; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue5 { background: #FDC7AD; border: 1px solid #fb8349; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue5:after { border-color: rgba(136, 183, 213, 0); border-right-color: #FDC7AD; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue5:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fb8349; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue6 { background: #FDDC74; border: 1px solid #fcc30f; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue6:after { border-color: rgba(136, 183, 213, 0); border-right-color: #FDDC74; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue6:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fcc30f; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue7 { background: #FEC8E0; border: 1px solid #fc64a8; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue7:after { border-color: rgba(136, 183, 213, 0); border-right-color: #FEC8E0; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue7:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fc64a8; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue8 { background: #93BCEA; border: 1px solid #fc64a8; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue8:after { border-color: rgba(136, 183, 213, 0); border-right-color: #93BCEA; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue8:before { border-color: rgba(194, 225, 245, 0); border-right-color: #3e87d9; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue9 { background: #E8F1B8; border: 1px solid #cce063; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue9:after { border-color: rgba(136, 183, 213, 0); border-right-color: #E8F1B8; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue9:before { border-color: rgba(194, 225, 245, 0); border-right-color: #cce063; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue10 { background: #EFF2FF; border: 1px solid #899fff; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue10:after { border-color: rgba(136, 183, 213, 0); border-right-color: #EFF2FF; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote1.dialogue10:before { border-color: rgba(194, 225, 245, 0); border-right-color: #899fff; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0 { margin-left: 10%; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0:after, #bloc_dialogue .partie_centrale .dial .dialogue.cote0:before { left: 100%; top: 90%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue1 { background: #AEE6F7; border: 1px solid #51c9ee; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue1:after { border-color: rgba(136, 183, 213, 0); border-left-color: #AEE6F7; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue1:before { border-color: rgba(194, 225, 245, 0); border-left-color: #51c9ee; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue2 { background: #ABEBD1; border: 1px solid #59d7a4; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue2:after { border-color: rgba(136, 183, 213, 0); border-left-color: #ABEBD1; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue2:before { border-color: rgba(194, 225, 245, 0); border-left-color: #59d7a4; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue3 { background: #FDDBDC; border: 1px solid #f87a7e; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue3:after { border-color: rgba(136, 183, 213, 0); border-left-color: #FDDBDC; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue3:before { border-color: rgba(194, 225, 245, 0); border-left-color: #f87a7e; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue4 { background: #C5C5E9; border: 1px solid #7b7bcd; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue4:after { border-color: rgba(136, 183, 213, 0); border-left-color: #C5C5E9; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue4:before { border-color: rgba(194, 225, 245, 0); border-left-color: #7b7bcd; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue5 { background: #FDC7AD; border: 1px solid #fb8349; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue5:after { border-color: rgba(136, 183, 213, 0); border-left-color: #FDC7AD; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue5:before { border-color: rgba(194, 225, 245, 0); border-left-color: #fb8349; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue6 { background: #FDDC74; border: 1px solid #fcc30f; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue6:after { border-color: rgba(136, 183, 213, 0); border-left-color: #FDDC74; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue6:before { border-color: rgba(194, 225, 245, 0); border-left-color: #fcc30f; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue7 { background: #FEC8E0; border: 1px solid #fc64a8; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue7:after { border-color: rgba(136, 183, 213, 0); border-left-color: #FEC8E0; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue7:before { border-color: rgba(194, 225, 245, 0); border-left-color: #fc64a8; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue8 { background: #93BCEA; border: 1px solid #3e87d9; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue8:after { border-color: rgba(136, 183, 213, 0); border-left-color: #93BCEA; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue8:before { border-color: rgba(194, 225, 245, 0); border-left-color: #3e87d9; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue9 { background: #E8F1B8; border: 1px solid #cce063; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue9:after { border-color: rgba(136, 183, 213, 0); border-left-color: #E8F1B8; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue9:before { border-color: rgba(194, 225, 245, 0); border-left-color: #cce063; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue10 { background: #EFF2FF; border: 1px solid #899fff; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue10:after { border-color: rgba(136, 183, 213, 0); border-left-color: #EFF2FF; border-width: 5px; margin-top: -5px; } #bloc_dialogue .partie_centrale .dial .dialogue.cote0.dialogue10:before { border-color: rgba(194, 225, 245, 0); border-left-color: #899fff; border-width: 6px; margin-top: -6px; } #bloc_dialogue .partie_centrale .dial .dialogue .personne { font-weight: bold; border-bottom: 1px solid #9b9ca3; padding-bottom: 0.1rem; margin-bottom: 0.3rem; } #bloc_dialogue .partie_centrale .dial .dialogue .message { color: #3c3f4d; } #bloc_dialogue .partie_centrale .dial .dialogue .date { font-size: 0.7rem; font-style: italic; color: #999999; margin-top: 0.5rem; } #bloc_dialogue .partie_centrale .add_dial p { margin: 0; width: 100%; text-align: right; } #bloc_dialogue .partie_centrale .add_dial p input { margin-bottom: 0; } #bloc_dialogue .partie_centrale #titre_liens_utiles1, #bloc_dialogue .partie_centrale #titre_liens_utiles2 { margin-left: 20px; color: #b8cf32; font-size: 0.9rem; } #bloc_dialogue .partie_basse { background-color: #ffffff; } #bloc_dialogue .partie_centrale span.listeFac, #cadre span.listeFac, #cadre p.listeFac { background: url("logins.img?ww_c=PUCE_BLEUE") no-repeat scroll 0 0 transparent; font-weight: bold; font-size: 1.1em; color: #000000; padding-left: 25px; } #bloc_dialogue .partie_centrale span.listeFil, #cadre span.listeFil { color: #000000; border-bottom: 1px solid #efeff4; padding-bottom: 1px; background-color: #efeff4; } #bloc_dialogue .partie_centrale span.listeStatut, #cadre span.listeStatut { color: #000000; flex: 1 1 150px; text-align: right; font-size: 0.9rem; font-weight: bold; } #bloc_dialogue .partie_centrale span.titreCand { font-size: 0.9rem; font-weight: bold; text-transform: uppercase; width: 50%; display: block; } #bloc_dialogue .partie_centrale p { margin-left: 20px; } /* ----- Btn Chatbox ----- */ .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.chatbox { padding: 26px; } #bloc_dialogue { position: fixed; top: 7rem; width: 21.5rem; left: initial; right: -30rem; transition: all 300ms ease-out; } #bloc_dialogue.active { right: 1rem; z-index: 99999; } #bloc_dialogue .partie_centrale .dial { height: 300px; } input.smallUploadField { height: 1.5rem; margin: 0; font-size: 0.8rem; padding: 0.1rem 0.5rem; } @media (min-width: 576px) { #bloc_dialogue { position: fixed; top: 1rem; width: 25rem; left: initial; right: -30rem; transition: all 300ms ease-out; } #bloc_dialogue.active { right: 1rem; } #bloc_dialogue .partie_centrale .dial { height: 130px; } } @media (min-width: 768px) { .main-content.suivis-cand .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.hamburger { display: block; } #bloc_dialogue { position: fixed; top: 7rem; left: initial; right: -30rem; transition: all 300ms ease-out; } #bloc_dialogue.active { right: 1rem; } #bloc_dialogue .partie_centrale .dial { height: 300px; } } @media (min-width: 992px) { .main-content.suivis-cand .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.hamburger { display: none; } #bloc_dialogue { position: fixed; top: 7rem; left: initial; right: -30rem; transition: all 300ms ease-out; } #bloc_dialogue.active { right: 1rem; } } @media (min-width: 1200px) { .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.chatbox img { display: none; } #bloc_dialogue { left: initial; right: initial; position: initial; } } /* ----- FORM_DIPLOMES ----- */ span.titre3 { font-weight: bold; } #diplSupInscr .partie_haute span.titre3 { font-weight: bold; } #statutBacInscr .partie_centrale table tbody tr td select { max-width: 400px!important; } table#identification tbody tr td { vertical-align: top; padding-top: 0.4rem; } table#identification tbody tr td.tdInput { padding-bottom: 1rem; padding-top: 0; } table#identification tbody tr td select { width: 75%; } /* ----- FORM_CARTE_ETU ----- */ #apercuCarte { position: relative; height: 350px; } #apercuCarte .imgFond2, #apercuCarte .imgFond, #apercuCarte #cartePhoto, #apercuCarte .cartePrenom, #apercuCarte .carteNom, #apercuCarte .carteDate, #apercuCarte .carteLegende { position: absolute; } #apercuCarte .imgFond2, #apercuCarte .imgFond { top: 0px; } #apercuCarte #cartePhoto, #apercuCarte .cartePrenom, #apercuCarte .carteNom, #apercuCarte .carteDate, #apercuCarte .carteLegende { z-index: 50; } #apercuCarte .cartePrenom, #apercuCarte .carteNom, #apercuCarte .carteDate { text-align: right; left: 115px; width: 200px; } #apercuCarte .imgFond2 { left: 0px; width: 480px; height: auto; z-index: 1; } #apercuCarte .imgFond { left: 0px; width: 480px; height: auto; z-index: 100; border: 1px solid #b3b3b3; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } #apercuCarte #cartePhoto { top: 6px; left: 370px; width: 125px; height: 182px; overflow: hidden; text-align: center; } #apercuCarte #cartePhoto img { position: absolute; top: 0; left: 0; width: auto; height: 182px; } #apercuCarte .cartePrenom { top: 40px; } #apercuCarte .carteNom { top: 85px; } #apercuCarte .carteDate { top: 130px; } #apercuCarte .carteLegende { left: 486px; width: 150px; height: auto; color: #666; padding: 0.5rem; font-size: 0.7rem; text-align: justify; background-color: #e6e6e6; } /* ----- FORM_CARTE_ETU > Table upload documents ----- */ .table4 tbody tr td { position: relative; } .table4 tbody tr td.p_gras { font-weight: bold; } .table4 tbody tr td.p_gras span.contrainte { display: block; font-weight: normal; color: #b8cf32; } .table4 tbody tr td.TDupload { background-color: #e3ecae; width: 25rem; } .table4 tbody tr td.TDupload input[type="file"] { margin-top: 0.5rem; margin-bottom: -0.8rem; } .table4 tbody tr td.TDinfo { padding-left: 1rem; width: 4rem; } .table4 tbody tr td .help { top: 0.4rem; left: 0px; } /* ----- FORM_MEDIA_QUERY ----- */ @media (min-width: 576px) { .main-wrapper .login-wrapper.side-right .form-login-wrapper { padding: 50px 10% 0 10%; } .main-wrapper .login-wrapper.side-right .form-login-wrapper .form-login-col { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .main-content .form-main-wrapper .form-content .form-title h1 { font-weight: 700; } .main-content .form-main-wrapper .form-content .form-inner-content { padding: 30px 40px; } .main-content .div_candidature { display: none; } #wrapper_adr_internationale div[id^="showAdresse"] { width: 100%; } } @media (min-width: 768px) { .main-wrapper .login-wrapper.side-right .form-login-wrapper .form-login-col { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .main-content .form-main-wrapper { margin-top: -5rem; } .main-content .form-main-wrapper .form-content .form-title h1 { font-weight: 700; font-size: 26px; padding: 130px 0 20px 0; } .main-content .div_candidature { display: none; } #wrapper_adr_internationale div[id^="showAdresse"] { width: 100%; } } @media (min-width: 992px) { .main-content .form-breadcrumbs-wrapper { left: 0; } .main-content .form-main-wrapper { margin-left: 180px; } .main-content .form-main-wrapper .top-mnu-wrapper { left: 180px; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-left .left-content .slot.hamburger img { display: none; } .main-content .form-main-wrapper .form-content .form-title h1 { font-weight: 200; padding: 120px 0 20px 0; } .main-content .div_candidature { display: none; } #wrapper_adr_internationale div[id^="showAdresse"] { width: 100%; } } @media (min-width: 1200px) { .main-content .form-main-wrapper { background-position: 100px -2rem; background-size: contain; background-attachment: fixed; margin-left: 180px; margin-top: -1rem; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.user-name { display: flex; } .main-content .form-main-wrapper .top-mnu-wrapper .top-mnu-col.slot-right .right-content .slot.logout { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; padding-right: 1rem; } .main-content .form-main-wrapper .form-content .form-title h1 { padding: 50px 0; font-size: 56px; } .main-content .div_candidature { display: block; } } img.calendar-img-button { border: none; cursor: pointer; vertical-align: middle; opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; transition: ease all 0.15s; } img.calendar-img-button:hover { cursor: pointer; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } div.calendar-div-container { -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.15); position: absolute; border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 0.5rem; font-size: 0.7rem; cursor: default; z-index: 9000; } div.calendar-div-container ul { margin: 0; padding: 0; padding-right: 2rem; text-align: center; } div.calendar-div-container ul li { display: inline-block; } div.calendar-div-container ul li:nth-child(1), div.calendar-div-container ul li:nth-child(4) { margin-right: 0.5rem; } div.calendar-div-container ul li:nth-child(3), div.calendar-div-container ul li:nth-child(6) { margin-left: 0.5rem; } div.calendar-div-container div.datepickerdiv { position: relative; } div.calendar-div-container div.monthpickerdiv, div.calendar-div-container div.yearpickerdiv { position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; } div.calendar-div-container div.monthpickerdiv ul, div.calendar-div-container div.yearpickerdiv ul { display: block; padding: 0.5rem; text-align: left; } div.calendar-div-container div.monthpickerdiv table, div.calendar-div-container div.yearpickerdiv table { width: auto; margin: 0.5rem; } div.calendar-div-container div.yearpickerdiv ul li:nth-child(1), div.calendar-div-container div.yearpickerdiv ul li:nth-child(2) { margin-right: 0.5rem; } div.calendar-div-container div.yearpickerdiv ul li:nth-child(3) { margin: 0; } div.calendar-div-container div.yearpickerdiv ul li:nth-child(4) { margin-left: 0.5rem; } div.calendar-div-container div.panelright { position: absolute; top: 0; right: 0; text-align: right; } div.calendar-div-container img { border: none; cursor: pointer; vertical-align: text-bottom; } div.calendar-div-container img.selectnow { margin-right: 0.5rem; vertical-align: top; height: 11px; } div.calendar-div-container img.closecalendar { vertical-align: top; } div.calendar-div-container a, div.calendar-div-container a:hover { text-decoration: none; color: #444444; font-weight: normal; } div.calendar-div-container a.month { display: block; width: 60px; text-align: center; } div.calendar-div-container table { margin: 0.5rem auto; clear: both; width: 100%; } div.calendar-div-container table th { padding: 0.5rem 0.2rem 0.3rem 0.2rem; text-align: center; width: 25px; color: #444444; text-transform: uppercase; background-color: transparent !important; border: none !important; } div.calendar-div-container table td { border: 1px solid #d9d9d9; text-align: center; cursor: pointer; background-color: rgba(255, 255, 255, 0.8); padding: 0.2rem 0.5rem; color: #444444; transition: ease all 0.15s; } div.calendar-div-container table td.inactive, div.calendar-div-container table td.inactive:hover { background-color: transparent; border-color: transparent; color: transparent; cursor: default; } div.calendar-div-container table td.today { background-color: rgba(45, 125, 188, 0.3); border-color: rgba(45, 125, 188, 0.3); } div.calendar-div-container table td.selected { background-color: #2d7dbc; color: white; } div.calendar-div-container table td.we { background-color: #d9d9d9; } div.calendar-div-container table td:hover, div.calendar-div-container table td.today:hover, div.calendar-div-container table td.we:hover { background-color: rgba(45, 125, 188, 0.6); color: white; } div.calendar-div-container div.datepickerdiv > span { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } /* ----- FORM_DOCUMENTS ----- */ .divFormulaire > p { padding-left: 0.35rem; padding-right: 0.35rem; } .divFormulaire > div { max-width: 62.5rem; max-width: 100%; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: 2rem; position: relative; } .divFormulaire > div .help { position: absolute; top: 0.2rem; right: 0; } .divFormulaire > div .help:before { content: '?'; } .divFormulaire .titreCatDocs { font-size: 1rem; font-weight: bold; border-bottom: 1px solid #9b9ca3; margin-top: 1rem; margin-left: 1rem; background-color: #e0e0ec; padding: 0.2rem 0.5rem; } .divFormulaire .listeFac { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; font-size: 1.1875rem; } .divFormulaire .p_gras { display: block; font-weight: bold; margin-top: 1rem; font-size: inherit; } .divFormulaire .p_gras .contrainte { display: inline-block; margin-left: 0.5rem; font-weight: normal; font-size: 0.8rem; color: #9b9ca3; font-style: italic; } .divFormulaire .listeUploadFields { padding-left: 0.9375rem; padding-right: 0.9375rem; -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.35rem; padding-left: 0.35rem; min-width: initial; padding-bottom: 0.3rem; border-bottom: 1px solid #b7b9c4; } .divFormulaire .listeUploadFields input[type="file"] { background-color: #e3ecae; padding: 0.3rem 0; width: 25rem; } @media (max-width: 768px) { .cours_tableau #tbl_lstCours { float: none; width: 100% !important; } .cours_tableau .ficheCours { width: 100% !important; } } .cours_tableau #tbl_lstCours, .cours_tableau .ficheCours { float: left; width: 40%; } .cours_tableau input[type="submit"], .cours_tableau input[type="button"] { text-align: center; text-decoration: none; font-weight: bold; color: #fff; border: none; border-radius: 3px; } .cours_tableau fieldset#fieldsetFull { width: 100%; background-color: #fff; } .cours_tableau fieldset#fieldsetFull table.taxeCandidature { background-color: #fff; /*border-bottom: 2px solid #e2e2e2;*/ margin-bottom: 1em; } .cours_tableau .fieldset { border: none; padding: 0; margin: 0; } .cours_tableau .fullGris .fieldset { width: 100%; padding: 0.5em; } .cours_tableau .fullGris fieldset { width: 100%; padding: 0.2em; } .cours_tableau #cadre.full fieldset#fieldsetFull { margin: 0; padding: 0; } .cours_tableau #cadre.full fieldset#fieldsetFull h1 { text-align: center; padding: 1em; margin: 0; } .cours_tableau #cadre.full fieldset#fieldsetFull .ligne_sep { margin-bottom: 1em; } .cours_tableau #cadre.full fieldset#fieldsetFull .help { float: none; display: inline-block; right: 0; } .cours_tableau #tbl_lstCours { display: table; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; background: #fff !important; width: 55%; padding: 1%; margin-right: 20px; } .cours_tableau #tbl_lstCours thead { text-align: left; } .cours_tableau #tbl_lstCours thead tr th { text-align: left; padding: 0.3em 0.3em; text-transform: uppercase; border-bottom: #ddd solid 2px; } .cours_tableau #tbl_lstCours tbody tr td { padding: 0.3em 0.3em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau #tbl_lstCours tbody tr td:first-child { width: 5%; text-align: center; } .cours_tableau #tbl_lstCours tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau #tbl_lstCours tbody tr td:last-child { width: 20%; text-align: right; } .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout { color: #d9534f; } .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau #tbl_lstCours tbody .active { background: #c2ecc3 !important; } .cours_tableau #tbl_lstCours tfoot tr { background: #fff; } .cours_tableau #tbl_lstCours tfoot tr td { padding: 0.8em; } .cours_tableau #tbl_lstCoursPri { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; } .cours_tableau #tbl_lstCoursPri thead { text-align: left; } .cours_tableau #tbl_lstCoursPri thead tr th { text-align: left; padding: 0.2em 0.2em; text-transform: uppercase; border-bottom: #ddd solid 2px; font-size: 13px; } .cours_tableau #tbl_lstCoursPri tbody tr td { padding: 0.3em 0.3em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau #tbl_lstCoursPri tbody tr td:first-child { width: 5%; text-align: center; background-color: red; } .cours_tableau #tbl_lstCoursPri tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau #tbl_lstCoursPri tbody tr td:last-child { width: 20%; text-align: right; background-color: aquamarine; } .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout { color: #d9534f; } .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau #tbl_lstCoursPri tbody .active { background: #c2ecc3 !important; } .cours_tableau #tbl_lstCoursPri tfoot tr { background: #fff; } .cours_tableau #tbl_lstCoursPri tfoot tr td { padding: 0.8em; } .cours_tableau table.taxeCandidature th { padding: 0.5em; background-color: #ebebeb; text-align: left; } .cours_tableau table.taxeCandidature td { padding: 0.5em; } .cours_tableau table.taxeCandidature td.total { font-weight: bold; border-top: 1px solid #e2e2e2; padding-bottom: 1.5em; } .cours_tableau table.taxeCandidature td.montanttotal { font-weight: bold; border-top: 1px solid #e2e2e2; padding-bottom: 1.5em; } .cours_tableau #divCatalog p { padding: 2px; } .cours_tableau .msgCatalogue { padding: 10px; } .cours_tableau .catalogCours { font-weight: 700; font-size: 1.2em; } .cours_tableau .catalogTitre { font-style: italic; text-decoration: underline; } .cours_tableau .reductor { cursor: pointer; } .cours_tableau .totalCredits { font-weight: 700; clear: both; margin-top: 35%; } .cours_tableau .catalogRubrique { font-weight: normal; } .cours_tableau #divBoutonInscr { position: absolute; top: 120px; left: 600px; padding-top: 7px; } .cours_tableau #msgAucunCours { padding: 10px; } .cours_tableau #msgAucunCoursPRI { padding: 10px; } .cours_tableau #tbl_ficheCours { display: table; border-collapse: collapse; border-spacing: 0; background: #fff !important; border: 1px solid #b8cf32; /* margin-left: 5%; */ } .cours_tableau #tbl_ficheCours thead { text-align: left; } .cours_tableau #tbl_ficheCours thead tr th { background: 0 0; padding: 0.3em 0.3em; border-bottom: none; } .cours_tableau #tbl_ficheCours thead tr th small { font-size: 0.9em; } .cours_tableau #tbl_ficheCours tbody tr td { padding: 0.5em 0.1em; font-size: 0.9em; } .cours_tableau #tbl_ficheCours tbody tr td:first-child { padding-left: 0.5em; width: 40%; text-align: left; font-weight: 700; } .cours_tableau #tbl_ficheCours tbody tr td:last-child { width: 60%; text-align: left; } .cours_tableau #tbl_ficheCours tbody tr td p { font-weight: normal; } .cours_tableau #tbl_ficheCours tbody tr td ul { list-style-type: none; margin-left: -30px; margin-top: -0.3em; padding: 0; } .cours_tableau #tbl_ficheCours tbody tr td ul li { font-weight: 700; line-height: 1em; } .cours_tableau #tbl_ficheCours tbody tr td ul li img { cursor: pointer; vertical-align: sub; max-width: none; } .cours_tableau #tbl_ficheCours tbody tr td ul li .cours-details { padding: 0.3em 0 0.4em 1em; display: none; } .cours_tableau .cours_tableau #tbl_lstCours, .cours_tableau .cours_tableau .ficheCours { float: left; width: 40%; } .cours_tableau .cours_tableau input[type="submit"], .cours_tableau .cours_tableau input[type="button"] { text-align: center; text-decoration: none; font-weight: bold; color: #fff; border: none; border-radius: 3px; } .cours_tableau .cours_tableau fieldset#fieldsetFull { width: 100%; background-color: #fff; } .cours_tableau .cours_tableau fieldset#fieldsetFull table.taxeCandidature { background-color: #fff; /*border-bottom: 2px solid #e2e2e2;*/ margin-bottom: 1em; } .cours_tableau .cours_tableau .fieldset { border: none; padding: 0; margin: 0; } .cours_tableau .cours_tableau .fullGris .fieldset { width: 100%; padding: 0.5em; } .cours_tableau .cours_tableau .fullGris fieldset { width: 100%; padding: 0.5em; } .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull { margin: 0; padding: 0; } .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull h1 { text-align: center; padding: 1em; margin: 0; } .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull .ligne_sep { margin-bottom: 1em; } .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull .help { float: none; display: inline-block; right: 0; } .cours_tableau .cours_tableau #tbl_lstCours { display: table; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; background: #fff !important; width: 60%; padding: 1%; } .cours_tableau .cours_tableau #tbl_lstCours thead { text-align: left; } .cours_tableau .cours_tableau #tbl_lstCours thead tr th { text-align: left; padding: 0.5em 0.8em; text-transform: uppercase; border-bottom: #ddd solid 2px; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:first-child { width: 5%; text-align: center; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child { width: 20%; text-align: right; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout { color: #d9534f; } .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau .cours_tableau #tbl_lstCours tbody .active { background: #c2ecc3 !important; } .cours_tableau .cours_tableau #tbl_lstCours tfoot tr { background: #fff; } .cours_tableau .cours_tableau #tbl_lstCours tfoot tr td { padding: 0.8em; } .cours_tableau .cours_tableau #tbl_lstCoursPri { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; } .cours_tableau .cours_tableau #tbl_lstCoursPri thead { text-align: left; } .cours_tableau .cours_tableau #tbl_lstCoursPri thead tr th { text-align: left; padding: 0.2em 0.2em; text-transform: uppercase; border-bottom: #ddd solid 2px; font-size: 13px; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:first-child { width: 5%; text-align: center; background-color: red; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child { width: 20%; text-align: right; background-color: aquamarine; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout { color: #d9534f; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau .cours_tableau #tbl_lstCoursPri tbody .active { background: #c2ecc3 !important; } .cours_tableau .cours_tableau #tbl_lstCoursPri tfoot tr { background: #fff; } .cours_tableau .cours_tableau #tbl_lstCoursPri tfoot tr td { padding: 0.8em; } .cours_tableau .cours_tableau table.taxeCandidature th { padding: 0.5em; background-color: #ebebeb; text-align: left; } .cours_tableau .cours_tableau table.taxeCandidature td { padding: 0.5em; } .cours_tableau .cours_tableau table.taxeCandidature td.total { font-weight: bold; border-top: 1px solid #e2e2e2; padding-bottom: 1.5em; } .cours_tableau .cours_tableau table.taxeCandidature td.montanttotal { font-weight: bold; border-top: 1px solid #e2e2e2; padding-bottom: 1.5em; } .cours_tableau .cours_tableau #divCatalog p { padding: 2px; } .cours_tableau .cours_tableau .msgCatalogue { padding: 10px; } .cours_tableau .cours_tableau .catalogCours { font-weight: 700; font-size: 1.2em; } .cours_tableau .cours_tableau .catalogTitre { font-style: italic; text-decoration: underline; } .cours_tableau .cours_tableau .reductor { cursor: pointer; } .cours_tableau .cours_tableau .totalCredits { font-weight: 700; clear: both; margin-top: 35%; } .cours_tableau .cours_tableau .catalogRubrique { font-weight: normal; } .cours_tableau .cours_tableau #divBoutonInscr { position: absolute; top: 120px; left: 600px; padding-top: 7px; } .cours_tableau .cours_tableau #msgAucunCours { padding: 10px; } .cours_tableau .cours_tableau #msgAucunCoursPRI { padding: 10px; } .cours_tableau .cours_tableau #tbl_ficheCours { display: table; border-collapse: collapse; border-spacing: 0; background: #fff !important; border: 2px solid #b8cf32; margin-left: 5%; } .cours_tableau .cours_tableau #tbl_ficheCours thead { text-align: left; } .cours_tableau .cours_tableau #tbl_ficheCours thead tr th { background: 0 0; /*padding: .5em .8em;*/ border-bottom: none; } .cours_tableau .cours_tableau #tbl_ficheCours thead tr th small { font-size: 10px; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td { padding: 0.5em 0.1em; font-size: 10px; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td:first-child { width: 40%; text-align: left; font-weight: 700; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td:last-child { width: 60%; text-align: left; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td p { font-weight: normal; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td ul { list-style-type: none; margin-left: -30px; margin-top: -0.3em; padding: 0; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td ul li { font-weight: 700; line-height: 1em; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td ul li img { cursor: pointer; vertical-align: sub; width: auto; max-width: none; } .cours_tableau .cours_tableau #tbl_ficheCours tbody tr td ul li .cours-details { padding: 0.3em 0 0.4em 1em; display: none; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours, .cours_tableau .cours_tableau .cours_tableau .ficheCours { float: left; width: 40%; } .cours_tableau .cours_tableau .cours_tableau input[type="submit"], .cours_tableau .cours_tableau .cours_tableau input[type="button"] { text-align: center; text-decoration: none; font-weight: bold; color: #fff; border: none; border-radius: 3px; } .cours_tableau .cours_tableau .cours_tableau fieldset#fieldsetFull { width: 100%; background-color: #fff; } .cours_tableau .cours_tableau .cours_tableau fieldset#fieldsetFull table.taxeCandidature { background-color: #fff; /*border-bottom: 2px solid #e2e2e2;*/ margin-bottom: 1em; } .cours_tableau .cours_tableau .cours_tableau .fieldset { border: none; padding: 0; margin: 0; } .cours_tableau .cours_tableau .cours_tableau .fullGris .fieldset { width: 100%; padding: 0.5em; } .cours_tableau .cours_tableau .cours_tableau .fullGris fieldset { width: 100%; padding: 0.5em; } .cours_tableau .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull { margin: 0; padding: 0; } .cours_tableau .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull h1 { text-align: center; padding: 1em; margin: 0; } .cours_tableau .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull .ligne_sep { margin-bottom: 1em; } .cours_tableau .cours_tableau .cours_tableau #cadre.full fieldset#fieldsetFull .help { float: none; display: inline-block; right: 0; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours { display: table; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; background: #fff !important; width: 60%; padding: 1%; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours thead { text-align: left; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours thead tr th { text-align: left; padding: 0.5em 0.8em; text-transform: uppercase; border-bottom: #ddd solid 2px; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:first-child { width: 10%; text-align: center; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child { width: 20%; text-align: right; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout { color: red; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCours tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri thead { text-align: left; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri thead tr th { text-align: left; padding: 0.2em 0.2em; text-transform: uppercase; border-bottom: #ddd solid 2px; font-size: 13px; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid grey; font-weight: 700; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:first-child { width: 5%; text-align: center; background-color: red; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:first-child:hover { color: #35ad38; cursor: pointer; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child { width: 20%; text-align: right; background-color: aquamarine; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login { color: #35ad38; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-login:hover { color: #1d5f1f; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout { color: #d9534f; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody tr td:last-child .icon-logout:hover { color: #a02622; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tbody .active { background: #c2ecc3 !important; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tfoot tr { background: #fff; } .cours_tableau .cours_tableau .cours_tableau #tbl_lstCoursPri tfoot tr td { padding: 0.8em; } .cours_tableau .cours_tableau .cours_tableau table#tbl_ficheCours { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; margin-bottom: 22px; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours thead { text-align: left; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours thead tr th { padding: 0.5em 0.8em; border-bottom: 2px solid gray; color: #333; text-transform: uppercase; /*width: 500px !important;*/ width: 100%; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr { background: #fff; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr:nth-child(2n+0) { background: #fff !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid gray; font-weight: 700; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr td:nth-of-type(2) { /*width: 370px !important;*/ } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr td:first-child { /*width: 50px !important;*/ text-align: center; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody tr td:last-child { /*width: 100px !important;*/ background-color: red; text-align: right; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tbody .active { background: #c2ecc3 !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tfoot tr { background: #fff; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCours tfoot tr td { padding: 0.8em; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri { margin-top: -86px !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri thead { text-align: left; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri thead tr th { background: #ebebeb; padding: 0.5em 0.8em; border-bottom: 2px solid gray; color: #333; text-transform: uppercase; width: 100% !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr { background: #fff; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr:nth-child(2n+0) { background: #fff !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr td { padding: 0.5em 0.8em; border-bottom: 1px solid gray; font-weight: 700; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr td:nth-of-type(2) { width: 60%!important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr td:first-child { width: 20% !important; text-align: center; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody tr td:last-child { width: 20% !important; text-align: right; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tbody .active { background: #c2ecc3 !important; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tfoot tr { background: #fff; } .cours_tableau .cours_tableau .cours_tableau table#tbl_lstCoursPri tfoot tr td { padding: 0.8em; } .cours_tableau .cours_tableau .cours_tableau .infoReadmis { color: red; font-size: 10pt; } .cours_tableau .cours_tableau .cours_tableau .arrow_box { position: absolute; background: #fff; border: 1px solid #38AD35; width: 400px; top: -28px; right: -430px; padding: 1em; text-align: left; font-size: 1.2em; color: #000; display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .cours_tableau .cours_tableau .cours_tableau .btn { text-align: center; text-decoration: none; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .cours_tableau .cours_tableau .cours_tableau .small { padding: 0.5em 0.6em; font-size: 10px; font-weight: 800; } .cours_tableau .cours_tableau .cours_tableau .adjusted { padding: 0.5em 0.8em; font-size: 10px; } .cours_tableau .cours_tableau .cours_tableau .expend { width: 100%; } .cours_tableau .cours_tableau .cours_tableau .green { background: #b8cf32; } .cours_tableau .cours_tableau .cours_tableau .green:hover { opacity: 0.8; } .cours_tableau .cours_tableau .cours_tableau .red { background: #d9534f; } .cours_tableau .cours_tableau .cours_tableau .red:hover { opacity: 0.8; } .cours_tableau .cours_tableau .cours_tableau .gray { background: #b3b3b3; } .cours_tableau .cours_tableau .cours_tableau .gray:hover { background: gray; } .cours_tableau .cours_tableau .infoReadmis { color: red; font-size: 10pt; } .cours_tableau .cours_tableau .arrow_box { position: absolute; background: #fff; border: 1px solid #38AD35; width: 400px; top: -28px; right: -430px; padding: 1em; text-align: left; font-size: 1.2em; color: #000; display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .cours_tableau .cours_tableau .btn { text-align: center; text-decoration: none; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .cours_tableau .cours_tableau .small { padding: 0.5em 0.6em; font-size: 10px; font-weight: 800; } .cours_tableau .cours_tableau .adjusted { padding: 0.5em 0.8em; font-size: 10px; } .cours_tableau .cours_tableau .expend { width: 100%; } .cours_tableau .cours_tableau .green { background: #b8cf32; } .cours_tableau .cours_tableau .green:hover { opacity: 0.8; } .cours_tableau .cours_tableau .red { background: #d9534f; } .cours_tableau .cours_tableau .red:hover { opacity: 0.8; } .cours_tableau .cours_tableau .gray { background: #b3b3b3; } .cours_tableau .cours_tableau .gray:hover { background: gray; } .cours_tableau .infoReadmis { color: red; font-size: 10pt; } .cours_tableau .arrow_box { position: absolute; background: #fff; border: 1px solid #38AD35; width: 400px; top: -28px; right: -430px; padding: 1em; text-align: left; font-size: 1.2em; color: #000; display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .cours_tableau .btn { text-align: center; text-decoration: none; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .cours_tableau .small { padding: 0.5em 0.6em; font-size: 10px; font-weight: 800; } .cours_tableau .adjusted { padding: 0.5em 0.8em; font-size: 10px; } .cours_tableau .expend { width: 100%; } .cours_tableau .green { background: #b8cf32; } .cours_tableau .green:hover { opacity: 0.8; } .cours_tableau .red { background: #d9534f; } .cours_tableau .red:hover { opacity: 0.8; } .cours_tableau .gray { background: #b3b3b3; } .cours_tableau .gray:hover { background: gray; } .cours_tableau table#tbl_ficheCours { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; } .cours_tableau table#tbl_lstCours { display: table; border-collapse: collapse; border-spacing: 0; border-color: none; background: #fff !important; margin-bottom: 22px; } .cours_tableau table#tbl_lstCours thead { text-align: left; } .cours_tableau table#tbl_lstCours thead tr th { background: #ebebeb; padding: 0.5em 0.8em; border-bottom: 2px solid gray; color: #333; text-transform: uppercase; /*width: 500px !important;*/ width: 60%; } .cours_tableau table#tbl_lstCours tbody tr { background: #fff; } .cours_tableau table#tbl_lstCours tbody tr:nth-child(2n+0) { background: #fff !important; } .cours_tableau table#tbl_lstCours tbody tr td { padding: 0.3em 0.3em; border-bottom: 1px solid gray; font-weight: 700; } .cours_tableau table#tbl_lstCours tbody tr td:nth-of-type(2) { width: 62% !important; font-size: 14px; } .cours_tableau table#tbl_lstCours tbody tr td:first-child { width: 10% !important; text-align: center; margin: 0; padding: 0; } .cours_tableau table#tbl_lstCours tbody tr td:last-child { text-align: right; } .cours_tableau table#tbl_lstCours tbody .active { background: #c2ecc3 !important; } .cours_tableau table#tbl_lstCours tfoot tr { background: #fff; } .cours_tableau table#tbl_lstCours tfoot tr td { padding: 0.8em; } .cours_tableau table#tbl_lstCoursPri { margin-top: -86px !important; } .cours_tableau table#tbl_lstCoursPri thead { text-align: left; } .cours_tableau table#tbl_lstCoursPri thead tr th { background: #ebebeb; /*padding: .5em .8em;*/ padding: 0; border-bottom: 2px solid gray; color: #333; text-transform: uppercase; /*width: 500px !important;*/ width: 100%; } .cours_tableau table#tbl_lstCoursPri tbody tr { background: #fff; } .cours_tableau table#tbl_lstCoursPri tbody tr:nth-child(2n+0) { background: #fff !important; } .cours_tableau table#tbl_lstCoursPri tbody tr td { padding: 0.2em 0.2em; border-bottom: 1px solid gray; font-weight: 700; } .cours_tableau table#tbl_lstCoursPri tbody tr td:first-child { width: 20% !important; text-align: center; } .cours_tableau table#tbl_lstCoursPri tbody tr td:last-child { width: 20% !important; text-align: right; } .cours_tableau table#tbl_lstCoursPri tbody .active { background: #c2ecc3 !important; } .cours_tableau table#tbl_lstCoursPri tfoot tr { background: #fff; } .cours_tableau table#tbl_lstCoursPri tfoot tr td { padding: 0.8em; } /* ----- FORMULAIRE.FORM_ADMIN_FFM_2021.FORM_ADMIN_FFM ----- */ .ffm-form-admin-link.button { color: white!important; } .ffm-form-admin-link.button.color-1 { background-color: #b8cf32 !important; } .form-inner-content h3 { font-weight: 700; font-size: 1.05em; margin-top: 2rem; color: #3c3f4d; } .choose-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, auto); width: 100%; margin-left: 0.4rem; } .choose-grid .libelle { grid-column: 1 / span 2; margin-bottom: 0.5rem; } .choose-grid .form-admin-fmm-choose-btn input[type=radio] { display: none; } .choose-grid .form-admin-fmm-choose-btn input[type=radio] + label { background-color: #9b9ca3; height: 2.5rem; width: auto; font-weight: bold; color: white; line-height: 3; text-align: center; display: inline-block; padding: 0 18px 0 18px; margin-bottom: 2rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; border-radius: 0.2rem; transition: all 300ms ease-out; } .choose-grid .form-admin-fmm-choose-btn input[type=radio] + label:hover { background-color: #1fc8e3; } .choose-grid .form-admin-fmm-choose-btn input[type=radio]:checked + label { background-color: #17a2b8; height: 2.5rem; width: auto; display: inline-block; padding: 0 0 0 0px; } /* ----- LIB_CLASS_UTILS ----- */ .show-block { display: block!important; } .show-inline-block { display: inline-block !important; } .show-inline { display: inline!important; } .show-flex { display: flex!important; } .show-grid { display: grid!important; } .show-table { display: table!important; } .show-table-cell { display: table-cell !important; } .show-table-row { display: table-row !important; } .show-reset { display: initial!important; } .show-visibility { visibility: visible!important; } .hide-none { display: none!important; } .hide-hidden { visibility: hidden!important; } .prtl-hidden { display: none!important; }