/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  margin: 8px 0;
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #316bf2;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #81a7ff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
/* Default */
body {
  color: #333333;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  line-height: 1.3;
  margin: 0;
}
#layoutWrapper {
  margin: auto;
}
hr {
  border: 0;
  border-top: 1px solid #333333;
}
a,
a:link,
a:visited,
a:active {
  color: #316bf2;
  text-decoration: none;
}
a:hover {
  color: #333333;
}
/* Hn */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-weight: normal;
  margin: 20px 0;
}
h1 {
  color: #316bf2;
  margin: 0 0 20px;
  font-size: 32px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
  color: #316bf2;
}
h4 {
  font-size: 16px;
}
h4,
h5,
h6 {
  font-weight: bold;
}
.textImportant {
  font-size: 16px !important;
  color: #316bf2;
}
iframe {
  border: 0;
}
img:not(.notWidthAuto),
video:not(.notWidthAuto) {
  max-width: 100%;
}
img:not(.notHeightAuto),
video:not(.notHeightAuto) {
  height: auto !important;
}
ul {
  list-style: square;
}
.overflowHidden {
  overflow: hidden;
}
.overflowAuto {
  overflow: auto;
}
.overflowVisible {
  overflow: visible;
}
.overflowScroll {
  overflow: scroll;
}
.overflowInherit {
  overflow: inherit;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #cacaca;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #cacaca;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999999;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.colorBody {
  color: #333333;
}
.colorBlue {
  color: #316bf2;
}
.colorBlueDark {
  color: #0040d7;
}
.colorGreen {
  color: #00c1a2;
}
.colorGreyLight {
  color: #eff0f2;
}
.colorGrey {
  color: #e7e6e4;
}
.colorGreyDark {
  color: #cfcdc9;
}
.colorOrange {
  color: #f6c131;
}
.colorPink {
  color: #d2527f;
}
.colorRed {
  color: #f36052;
}
.colorWhite {
  color: white;
}
.cursorMove {
  cursor: move;
}
.cursorPointer {
  cursor: pointer;
}
.cursorHelp {
  cursor: help;
}
.cursorAuto {
  cursor: auto;
}
.fontBold {
  font-weight: bold !important;
}
.fontItalic {
  font-style: italic !important;
}
.fontNormal {
  font-weight: normal !important;
}
.fontSize0 {
  font-size: 0;
}
.fontSizeDefault {
  font-size: 14px !important;
}
.fontSizeMedium {
  font-size: 16px !important;
}
.fontSizeBig {
  font-size: 18px !important;
}
.fontSizeVerybig {
  font-size: 23px !important;
}
.fontSpaced {
  line-height: 1.8;
}
.textUppercase {
  text-transform: uppercase;
}
.wordBreak {
  word-break: break-all;
}
@font-face {
  font-family: 'Flat-UI-Icons';
  src: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/flat-ui/icons-regular.eot");
  src: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/flat-ui/icons-regular.eot?#iefix") format("embedded-opentype"), url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/flat-ui/icons-regular.woff") format("woff"), url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/flat-ui/icons-regular.ttf") format("truetype"), url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/spark/flat-ui/icons-regular.svg#flat-ui-icons-regular") format("svg");
}
.checkbox,
.radio {
  transition: color 0.25s linear 0.1s linear;
  padding-left: 32px;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
}
.checkbox .icons,
.radio .icons {
  color: #cfcdc9;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
}
.checkbox .icons .icon-checked,
.radio .icons .icon-checked {
  opacity: 0;
}
.checkbox .icon-checked,
.radio .icon-checked,
.checkbox .icon-unchecked,
.radio .icon-unchecked {
  transition: color 0.25s linear 0.1s linear;
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: none;
}
.checkbox .icon-checked:before,
.radio .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-unchecked:before {
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.checkbox span:last-child:after,
.radio span:last-child:after {
  content: "\00a0";
}
.checkbox .icon-checked:before {
  content: "\e60e";
}
.checkbox .icon-unchecked:before {
  content: "\e60d";
}
.radio .icon-checked:before {
  content: "\e60c";
}
.radio .icon-unchecked:before {
  content: "\e60b";
}
.checkbox input[type="checkbox"].custom-checkbox,
.radio input[type="checkbox"].custom-checkbox,
.checkbox input[type="radio"].custom-radio,
.radio input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-unchecked {
  opacity: 0;
}
.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked,
.radio input[type="radio"].custom-radio:hover:not(.nohover):not(:disabled) + .icons .icon-checked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox input[type="radio"].custom-radio:checked + .icons,
.radio input[type="radio"].custom-radio:checked + .icons {
  color: #316bf2;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked {
  opacity: 0;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  filter: none;
  color: #316bf2;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons,
.radio input[type="radio"].custom-radio:disabled + .icons {
  cursor: default;
  color: #e9e9e7;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-checked {
  opacity: 0;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons,
.radio input[type="radio"].custom-radio:disabled:checked + .icons {
  color: #e9e9e7;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked {
  opacity: 0;
}
.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
  opacity: 1;
  filter: none;
  color: #e9e9e7;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons,
.radio input[type="radio"].custom-radio:indeterminate + .icons {
  color: #e7e6e4;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked {
  opacity: 1;
  filter: none;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked {
  opacity: 0;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
  content: "\2013";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 20px;
  width: 20px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  z-index: 10;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: 10px;
}
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 32px;
}
/*
The jQuery UI Month Picker Version 3.0.4
https://github.com/KidSysco/jquery-ui-month-picker/

Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see
<http://www.gnu.org/licenses/gpl-3.0.txt>.
*/
.month-picker {
  display: inline-block;
  position: absolute;
  z-index: 9999;
}
.month-picker table {
  border-collapse: separate;
  border-spacing: 2px 2px;
}
.month-picker td {
  padding: 0px;
}
/*
Prevents the button labels from maving sligtly to the left
when applying the width CSS property to the buttons.
See: .month-picker-month-table button { width: 4.3em; }
*/
.month-picker .ui-button-text {
  padding: 0.4em 0;
}
.month-picker-header {
  margin: 3px 3px 0px 3px;
}
.month-picker-year-table {
  width: 100%;
  /*
    Makes sure the next/previous/jump years buttons are not unnecessarily
    selected if the user clicks them a couple of times fast.
    */
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/*
The plugin uses buttons with a transparent background in the year-table
(aka header) in order to look consistent with jQuery UI datepicker and to
make the year title a button that blends into the heading in the default state.

The plugin does this by removing the .ui-state-default class from (in MonthPicker.js)
the a tags (buttons) which also ends up removing the 1px border that it applies.

To prevent the button from resizing and moving everything around when you hover
in and out, we use a carefully constructed selector, which gets overroden by the
more specific .ui-state-hover/actove class selectors in the jquery-ui.css
that apply the visible borders that we want.

This selector applies a 1px transparent border that keeps the button
in the same size, but it doesen't hide the borders that .ui-state-hover/actove give us.
*/
.month-picker-year-table a {
  border: 1px solid transparent;
}
/*
Sets the size of the next/previous buttons,
and makes the buttons in the heading (year-table) sligtly bigger,
and removes the pointer cursor from the buttons in the heading (year-table).
*/
.month-picker-year-table .ui-button {
  font-size: 1.1em;
  width: 1.5em;
  height: 1.5em;
  cursor: default;
  margin: 0;
}
.month-picker-year-table .month-picker-title {
  text-align: center;
}
.month-picker-year-table .month-picker-title .ui-button {
  font-size: 1em;
  padding: 0.1em 0;
  width: 100%;
  font-weight: bold;
}
/*
The buttons in the heading (year-table) are slightly shrinked, but because jQuery ui and
the .month-picker .ui-button-text rule at the top of this CSS file apply some
padding which results in the button text being moved to the bottom of
the button.

This rule removes the unnecessary padding so the text in
the jump years button will be vericaly centred.
*/
.month-picker-year-table .ui-button-text {
  padding: 0;
}
.month-picker-month-table td {
  height: 35px;
  text-align: center;
}
/*
Makes sure the buttons stay in the same size when swithching
to the Jump years menu.
this also ensures that the entire menu dosen't resize itself
in response to the slightly bigger buttons in the Jump years menu.
 */
.month-picker-month-table .ui-button {
  width: 4.2em;
  margin: 0.2em;
}
.month-picker-open-button {
  height: 20px;
  width: 20px;
  vertical-align: bottom;
}
.month-picker-invalid-message {
  display: none;
  background-color: Yellow;
}
.month-picker-disabled {
  background-color: #e1e1e1;
}
/**
 * Bullet points on .ui-sortable, .ui-droppable, .ui-draggable
 */
ul.ui-sortable,
ul.ui-droppable,
li.ui-draggable {
  list-style: none;
}
ul.ui-sortable,
ul.ui-droppable {
  padding: 0;
  margin: 0;
}
li.ui-draggable-dragging {
  z-index: 100;
}
.ui-sortable-placeholder {
  border-radius: 5px;
  background-color: #96e3d6;
  border: 2px #00c1a2 dashed;
  min-height: 25px;
}
.ui-sortable-placeholder-error {
  border-radius: 5px;
  background-color: #f76153;
  border: 2px #f36052 dashed;
  min-height: 25px;
}
.title {
  font-size: 20px;
}
.titleSmall {
  font-size: 18px;
}
/* lightbox */
.ui-dialog-content .buttonLightboxWrapper {
  box-sizing: border-box;
  background-color: #f5f5f7;
  padding: .5em 1em;
  text-align: right;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.ui-dialog-content .buttonLightboxWrapper .buttonOrange {
  margin-left: 20px;
}
/*lightbox sans titre */
.dialogTitleHide .ui-dialog-titlebar {
  background: none;
  border: none;
  margin-bottom: -10px;
  z-index: 10;
}
.dialogTitleHide .ui-dialog-title {
  display: none;
}
.dialogTitleHide .ui-dialog-titlebar-close {
  margin-top: 2px;
}
.spaceHorizontalTall,
.spaceHorizontalSmall,
.separatorHorizontal {
  height: 1px;
}
.spaceHorizontalTall,
.spaceHorizontalSmall {
  clear: both;
}
.spaceHorizontalTall {
  margin: 10px 0;
}
.spaceHorizontalSmall {
  margin: 5px 0;
}
.spaceVerticalTall,
.spaceVerticalSmall {
  display: inline;
}
.spaceVerticalTall {
  margin: 0 10px;
}
.spaceVerticalSmall {
  margin: 0 5px;
}
.separatorHorizontal {
  margin: 25px 0;
  background-color: #e7e6e4;
}
.separatorVertical {
  border-right: 1px solid #e7e6e4;
}
.borderGrey {
  border: solid 1px #e7e6e4;
}
.borderBlue {
  border: solid 1px #316bf2;
}
.borderGreyImportant {
  border: solid 1px #e7e6e4 !important;
}
.borderBlueImportant {
  border: solid 1px #316bf2 !important;
}
.backgroundLarge,
.backgroundSmall {
  border-radius: 5px;
  border: solid 1px #e7e6e4;
  background: #eff0f2;
  margin: 8px 0;
}
.backgroundLarge > *:first-child,
.backgroundSmall > *:first-child {
  margin-top: 0 !important;
}
.backgroundLarge > *:last-child,
.backgroundSmall > *:last-child {
  margin-bottom: 0 !important;
}
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight),
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight),
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight),
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) {
  background: #ffffff;
}
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorVertical,
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorVertical,
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorVertical,
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorVertical {
  border-color: #e7e6e4;
}
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorHorizontal,
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorHorizontal,
.backgroundLarge:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorHorizontal,
.backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .backgroundSmall:not(.backgroundWhite):not(.backgroundRed):not(.backgroundGreenLight):not(.backgroundOrangeLight):not(.backgroundBlueLight):not(.backgroundGrey):not(.backgroundGreyLight) .separatorHorizontal {
  background-color: #e7e6e4;
}
.backgroundLarge .separatorVertical,
.backgroundSmall .separatorVertical {
  border-color: #ffffff;
}
.backgroundLarge .separatorHorizontal,
.backgroundSmall .separatorHorizontal {
  background-color: #ffffff;
}
.backgroundLarge input:not([type='submit']):not(:disabled),
.backgroundSmall input:not([type='submit']):not(:disabled) {
  background-color: #ffffff;
}
.backgroundLarge {
  padding: 10px;
}
.backgroundSmall {
  padding: 5px;
}
.backgroundWhite {
  background: #ffffff;
}
.backgroundWhite .separatorVertical {
  border-color: #e7e6e4;
}
.backgroundWhite .separatorHorizontal {
  background-color: #e7e6e4;
}
.backgroundWhiteAlpha {
  background: rgba(255, 255, 255, 0.9);
}
.backgroundDark {
  border: solid 1px #666666;
  background: #808080;
  color: #ffffff;
}
.backgroundDark a {
  color: #ffffff;
}
.backgroundDark a:hover {
  text-decoration: underline;
}
.backgroundInfo {
  box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.11);
  border: none;
  border-radius: 10px;
  padding: 12px 15px;
  display: flex;
  background-color: whitesmoke;
  margin-bottom: 20px;
}
.filterGreen {
  padding-right: 5px;
  filter: invert(65%) sepia(38%) saturate(6645%) hue-rotate(133deg) brightness(97%) contrast(101%);
}
.backgroundRed {
  border: solid 1px #f36052;
  background: #e0574a;
  color: #ffffff;
}
.backgroundRed a {
  color: #ffffff;
}
.backgroundRed a:hover {
  text-decoration: underline;
}
.backgroundRedLight {
  border: solid 1px #f36052;
  background: #eba5a3;
  color: #e0574a;
}
.backgroundGreenLight {
  border: solid 1px #00c1a2;
  background: #cee8e4;
}
.backgroundOrangeLight {
  border: solid 1px #f6c131;
  background: #ffefc3;
}
.backgroundBlueLight {
  border: solid 1px #316bf2;
  background: #e6edfd;
}
.backgroundGreyDark {
  border: solid 1px #333333;
  background: #cfcdc9;
  color: #ffffff;
}
.backgroundGreyDark a {
  color: #ffffff;
}
.backgroundGreyDark a:hover {
  text-decoration: underline;
}
.backgroundGrey {
  border: solid 1px #e7e6e4;
  background: #eff0f2;
}
.backgroundGreyLight {
  border: solid 1px #e7e6e4;
  background: #f6f7f8;
}
.backgroundPinkLight {
  border: solid 1px #d2527f;
  background: #fce4ec;
}
.backgroundBlue {
  border: 0;
  background: #316bf2;
  color: #ffffff;
}
/**
 * Breaking points pour les media queries
 */
/* Propriétés générales des formulaires */
label {
  display: block;
  font-weight: bold;
}
label.checkbox,
label.radio {
  font-weight: normal;
}
button[type="submit"] {
  border: none;
  font-family: inherit;
}
button[type="submit"] img {
  max-width: initial;
}
/*
 * Permet de placer les éléments généraux après le label
 * Ajoute les effets génériques (bordures, ...)
 */
input[type="text"],
input[type="search"]:not(.choices__input),
.choices,
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea,
select,
.ui-widget select {
  border-radius: 20px;
  border: solid 1px transparent;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 #cacaca;
  transition: all 0.2s linear;
  color: #333333;
  height: 33px;
  font-size: 16px;
  vertical-align: middle;
  outline: 0;
  font-family: inherit;
}
input[type="text"]::placeholder,
input[type="search"]:not(.choices__input)::placeholder,
.choices::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
select::placeholder,
.ui-widget select::placeholder {
  color: #999999;
}
input[type="text"]:focus,
input[type="search"]:not(.choices__input):focus,
.choices:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
.ui-widget select:focus {
  border: solid 1px #a9c1fa;
  box-shadow: 0 1px 3px 0 #cacaca, 0 0 0 0.2rem rgba(49, 107, 242, 0.25);
}
.choices {
  height: auto;
  min-height: 33px;
  padding: 3.5px 25px 0px 15px !important;
}
.choices::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices.is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}
.choices.is-focused {
  border: solid 1px #a9c1fa;
  box-shadow: 0 1px 3px 0 #cacaca, 0 0 0 0.2rem rgba(49, 107, 242, 0.25);
}
.choices .choices__list--dropdown {
  margin-left: -15px;
}
.choices .choices__inner {
  padding: 0;
  border: none !important;
  min-height: auto !important;
  background-color: transparent !important;
}
.choices .choices__input {
  background-color: transparent !important;
  margin-bottom: 3.5px !important;
}
.choices .choices__list--multiple .choices__item {
  background-color: #999999 !important;
  border-radius: 3px !important;
  border: 0 !important;
  padding: 2px 8px !important;
  margin-right: 3.5px !important;
  margin-bottom: 3.5px !important;
}
.choices .choices__list--multiple .choices__button {
  border-color: #fff !important;
}
.formCKETextarea > div {
  border-radius: 20px;
  box-shadow: 0 1px 3px 0 #cacaca;
  overflow: hidden;
  border: solid 1px transparent;
}
.formCKETextarea > div .cke_top,
.formCKETextarea > div .cke_bottom {
  border: 0 !important;
}
.formCKETextarea .cke_focus {
  border: solid 1px #a9c1fa;
  box-shadow: 0 1px 3px 0 #cacaca, 0 0 0 0.2rem rgba(49, 107, 242, 0.25);
}
.formCKETextarea .cke_contents {
  padding: 0 10px;
}
.selected-flag {
  border-radius: 20px;
}
select {
  height: 32px;
}
textarea {
  border-radius: 5px;
  min-height: 150px;
}
input[type="text"],
input[type="search"]:not(.choices__input),
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea {
  padding: 9px 15px;
}
select {
  padding: 0 9px;
}
input[type="text"],
input[type="search"]:not(.choices__input),
.choices__wrapper,
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea,
select,
.formCKETextarea,
.formContent,
.intl-tel-input {
  margin: 8px 0;
}
.formHelper {
  margin: 0 0 8px;
}
.formMarginLarge input[type="text"],
.formMarginLarge input[type="search"]:not(.choices__input),
.formMarginLarge .choices__wrapper,
.formMarginLarge input[type="password"],
.formMarginLarge input[type="date"],
.formMarginLarge input[type="tel"],
.formMarginLarge input[type="number"],
.formMarginLarge input[type="email"],
.formMarginLarge input[type="url"],
.formMarginLarge textarea,
.formMarginLarge select,
.formMarginLarge .formCKETextarea,
.formMarginLarge .formContent,
.formMarginLarge .formHelper,
.formMarginLarge .intl-tel-input {
  margin-bottom: 20px;
}
input[type="text"],
input[type="search"]:not(.choices__input),
.choices,
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea,
select,
.formCKETextarea,
.formContent,
.formHelper,
.intl-tel-input {
  width: 100%;
}
.formDatetime input,
.formDatetime select {
  display: inline-block;
}
.formDatetime input:not(.dateFullWidth) {
  width: 55% !important;
}
.formDatetime select {
  width: 15% !important;
}
.pickerContainer .pickerPreview {
  border-radius: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cfcdc9;
  margin: 5px 0;
}
.pickerContainer .pickerWrapper {
  display: none;
}
.pickerContainer .pickerWrapper .pickerValueLabel {
  font-size: 14px;
  margin-top: 10px;
}
.pickerContainer .pickerContent {
  float: left;
}
.pickerContainer .pickerContent.pickerContentSelected {
  border: 3px solid #333333;
}
/* Cas des grands écrans */
@media (min-width: 750px) {
  /*.formHalf	pour un label à gauche de l'input */
  .labelLeft .formHelper {
    text-align: right;
  }
  .labelLeft .switchboxWrapper label {
    vertical-align: middle !important;
  }
  .labelLeft label:not(.checkbox):not(.radio):not(.pickerValueLabel) {
    width: 33%;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-right: 15px;
  }
  .labelLeft label.checkbox,
  .labelLeft label.radio {
    display: block;
  }
  .labelLeft label.pickerLabel {
    width: 85% !important;
  }
  .labelLeft input[type="text"]:not(.money):not(.percent):not(.pickerValue):not(.editableInput),
  .labelLeft input[type="search"]:not(.money):not(.percent):not(.pickerValue):not(.editableInput):not(.choices__input),
  .labelLeft .choices,
  .labelLeft input[type="password"]:not(.editableInput),
  .labelLeft input[type="tel"]:not(.editableInput),
  .labelLeft input[type="number"]:not(.editableInput),
  .labelLeft input[type="email"]:not(.editableInput),
  .labelLeft input[type="url"]:not(.editableInput),
  .labelLeft textarea:not(.editableInput),
  .labelLeft select:not(.editableInput),
  .labelLeft .formContent,
  .labelLeft .formCKETextarea,
  .labelLeft .intl-tel-input,
  .labelLeft .inputSuffixPrefixWrapper {
    box-sizing: border-box;
    width: 66%;
    margin-top: 0;
    margin-left: 0;
  }
  .labelLeft .formContent,
  .labelLeft .formCKETextarea {
    /* cette classe s'applique à un div, il faut donc lui donner le même comportement que les labels */
    display: inline-block;
    *display: inline;
    /* Hack IE */
  }
  .labelLeft .formCKETextarea {
    vertical-align: top;
  }
  .labelLeft .intl-tel-input {
    padding: 0;
  }
  .labelLeft .intl-tel-input input {
    width: 100%;
  }
  .labelLeft .formDatetime input,
  .labelLeft .formDatetime select {
    display: inline-block;
  }
  .labelLeft .formDatetime input:not(.dateFullWidth) {
    width: 25% !important;
  }
  .labelLeft .formDatetime select {
    width: 14% !important;
  }
}
/* Message d'erreur - notification */
.notice {
  color: #f36052 !important;
}
/* Signalement erreur sur input */
.formError,
input:invalid,
textarea:invalid {
  border: solid 1px #f36052 !important;
}
.formError:focus,
input:invalid:focus,
textarea:invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(243, 96, 82, 0.25) !important;
}
.formUpload .formUploadInputWrapper,
.formUpload .formUploadFileWrapper {
  border-radius: 5px;
  text-align: center;
  padding: 5px 0;
  margin: 8px 0;
  vertical-align: top;
  display: inline-block;
  border: 1px solid #cfcdc9;
  background: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/image/layout/global/upload/upload.png");
  overflow: hidden;
  position: relative;
}
.formUpload .formUploadInputWrapper > *:not(.formUploadHover):not(.row-table),
.formUpload .formUploadFileWrapper > *:not(.formUploadHover):not(.row-table) {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.formUpload .formUploadInputWrapper .formUploadInput {
  height: inherit;
  overflow: hidden;
}
.formUpload .formUploadInputWrapper .formUploadInput input {
  font: 500px monospace;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.formUpload .formUploadInputWrapper .formUploadInput input:hover ~ div {
  background-color: #0e4ee2;
}
.formUpload .formUploadInputWrapper.formUploadDrop {
  border: 1px dashed #cfcdc9;
}
.formUpload .formUploadInputWrapper.formUploadDrop.formUploadDropHover {
  border: 1px dashed #00c1a2;
  background: #cee8e4;
}
.formUpload .formUploadFileWrapper {
  min-width: 240px;
  position: relative;
}
.formUpload .formUploadFileWrapper:hover .formUploadHover {
  display: block;
}
.formUpload .formUploadFileWrapper > span {
  max-width: 200px;
  overflow: hidden;
}
.formUpload .formUploadFileWrapper .formUploadHover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  padding: 3px;
}
.formUpload .formUploadFileWrapper .formUploadProgressWrapper > * {
  vertical-align: middle;
}
.formUpload .formUploadFileWrapper .formUploadProgressWrapper .ui-progressbar {
  height: 1em;
}
.formUpload .formUploadFileWrapper.formUploadError {
  border: 1px solid #f36052;
  background: #f76153;
}
.radioImageContainer {
  display: inline-block;
}
.radioImageWrapper {
  border-radius: 5px;
  overflow: hidden;
  border: 4px solid #eff0f2;
  background: #ffffff;
}
.radioImageWrapper.radioImageChecked {
  border: 4px solid #316bf2;
}
.radioImageWrapper:hover:not(.radioImageChecked) {
  border: 4px solid #81a7ff;
}
.radioImageWrapper input {
  display: none;
}
.radioImageWrapper .radioImage {
  display: block;
  cursor: pointer;
}
.radiocheckOnePerLine {
  display: block !important;
  margin-bottom: 10px !important;
}
.ui-autocomplete .colorOrange a {
  color: #f6c131 !important;
}
.verticalSeparator {
  height: 30px;
  width: 1px;
  background-color: grey;
  display: inline-block;
  margin: 12px;
}
.containerOrder {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.orderInfo {
  margin: 0px 10px 0px 10px;
  display: flex;
}
.orderInfo p {
  margin: 7px 0px;
}
.orderBlock {
  width: 100%;
}
.buttonInstallment {
  align-self: flex-end;
}
.radioAlt {
  border-radius: 5px;
  border: 1px solid #e7e6e4;
  padding: 20px;
  margin: 8px 0;
  cursor: pointer;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
}
.radioAlt > div > div {
  padding: 0 !important;
}
.radioAlt.radioAltDisabled {
  border-color: #cfcdc9 !important;
  background-color: #eff0f2 !important;
  color: #595959 !important;
  cursor: not-allowed;
}
.radioAlt.colorWhite {
  color: #333333;
  background-color: #ffffff;
}
.radioAlt.colorWhite.radioAltSelected {
  border: 1px solid #316bf2;
  color: #316bf2;
}
.radioAlt.colorWhite:hover:not(.radioAltSelected) {
  border: 1px solid #91b0f8;
}
.radioAlt.colorYellow {
  color: #ffffff !important;
  background-color: #f4d03f;
}
.radioAlt.colorYellow.radioAltSelected {
  background-color: #f1c40f;
  border: 1px solid #927608;
  color: #ffffff;
}
.radioAlt.colorYellow:hover:not(.radioAltSelected) {
  background-color: #f7dc6f;
  border: 1px solid #fae89f;
}
.radioAlt.colorBlue {
  color: #ffffff !important;
  background-color: #316bf2;
}
.radioAlt.colorBlue.radioAltSelected {
  background-color: #0e4ee2;
  border: 1px solid #082d82;
  color: #ffffff;
}
.radioAlt.colorBlue:hover:not(.radioAltSelected) {
  background-color: #618df5;
  border: 1px solid #91b0f8;
}
.radioAlt.colorGreen {
  color: #ffffff !important;
  background-color: #00c1a2;
}
.radioAlt.colorGreen.radioAltSelected {
  background-color: #008e77;
  border: 1px solid #002822;
  color: #ffffff;
}
.radioAlt.colorGreen:hover:not(.radioAltSelected) {
  background-color: #00f4cd;
  border: 1px solid #28ffdc;
}
.radioAlt.colorRed {
  color: #ffffff !important;
  background-color: #f36052;
}
.radioAlt.colorRed.radioAltSelected {
  background-color: #f03422;
  border: 1px solid #a1180b;
  color: #ffffff;
}
.radioAlt.colorRed:hover:not(.radioAltSelected) {
  background-color: #f68c82;
  border: 1px solid #fab8b1;
}
.radioAlt.colorPink {
  color: #ffffff !important;
  background-color: #d2527f;
}
.radioAlt.colorPink.radioAltSelected {
  background-color: #bf3263;
  border: 1px solid #6e1d39;
  color: #ffffff;
}
.radioAlt.colorPink:hover:not(.radioAltSelected) {
  background-color: #dd7a9d;
  border: 1px solid #e7a3bb;
}
.radioAlt.colorPurple {
  color: #ffffff !important;
  background-color: #663399;
}
.radioAlt.colorPurple.radioAltSelected {
  background-color: #4c2673;
  border: 1px solid #190d26;
  color: #ffffff;
}
.radioAlt.colorPurple:hover:not(.radioAltSelected) {
  background-color: #7f40bf;
  border: 1px solid #9966cc;
}
.formUserMultipleList {
  padding: 0;
}
.formUserMultipleList li {
  border-radius: 5px;
  border: 1px solid #e7e6e4;
  display: inline-block;
  height: 120px;
  list-style: none;
  margin: 0 15px 15px 0;
  padding: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.formUserMultipleList li > img {
  display: none;
}
@media (min-width: 750px) {
  .formUserMultipleList li {
    padding-left: 130px;
    width: 400px;
  }
  .formUserMultipleList li > img {
    border-radius: 100px;
    display: block;
    left: 15px;
    max-height: 80px;
    position: absolute;
    top: 20px;
  }
}
.formUserMultipleList li .remove {
  position: absolute;
  right: 10px;
  top: 10px;
}
.formUserMultipleName,
.formUserMultipleMail,
.formUserMultiplePhone {
  display: block;
}
.formUserMultipleName {
  margin-bottom: 10px;
}
.formUserMultipleMail {
  margin-bottom: 5px;
}
.inputSuffixPrefixWrapper {
  display: inline-flex;
  align-items: center;
}
.inputSuffix {
  margin-left: 10px;
}
.inputPrefix {
  margin-right: 10px;
}
/**
 * Différentes fonctions less utilisées dans le site
 */
/**
 * Arrondir les coins
 */
/**
 * Ajouter une bordure
 */
/**
 * Ombre sur le texte
 */
/**
 * Ombre sur les box
 */
/**
 * Taille de la box prenant en compte ou non les bordures et le padding
 */
/**
 * Effet de transition lors du changement d'état
 */
/**
 * Effet de rebond
 */
@keyframes bounce {
  20% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(5px);
  }
  90% {
    transform: translateY(-5px);
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row-table {
  display: table;
  table-layout: fixed;
  min-width: 100%;
}
.row,
.row-ten,
.row-table {
  font-size: 0;
  /* Hack whitespace */
}
.row.colsTop > [class*="col-"],
.row-ten.colsTop > [class*="col-"],
.row-table.colsTop > [class*="col-"] {
  vertical-align: top;
}
.row.colsMiddle > [class*="col-"],
.row-ten.colsMiddle > [class*="col-"],
.row-table.colsMiddle > [class*="col-"] {
  vertical-align: middle;
}
.row.colsBottom > [class*="col-"],
.row-ten.colsBottom > [class*="col-"],
.row-table.colsBottom > [class*="col-"] {
  vertical-align: bottom;
}
.row > .col-xs-05,
.row-ten > .col-xs-05,
.row > .col-xs-1,
.row-ten > .col-xs-1,
.row > .col-xs-2,
.row-ten > .col-xs-2,
.row > .col-xs-3,
.row-ten > .col-xs-3,
.row > .col-xs-4,
.row-ten > .col-xs-4,
.row > .col-xs-5,
.row-ten > .col-xs-5,
.row > .col-xs-6,
.row-ten > .col-xs-6,
.row > .col-xs-7,
.row-ten > .col-xs-7,
.row > .col-xs-8,
.row-ten > .col-xs-8,
.row > .col-xs-9,
.row-ten > .col-xs-9,
.row > .col-xs-10,
.row-ten > .col-xs-10,
.row > .col-xs-11,
.row-ten > .col-xs-11,
.row > .col-xs-12,
.row-ten > .col-xs-12,
.row > .col-sm-05,
.row-ten > .col-sm-05,
.row > .col-sm-1,
.row-ten > .col-sm-1,
.row > .col-sm-2,
.row-ten > .col-sm-2,
.row > .col-sm-3,
.row-ten > .col-sm-3,
.row > .col-sm-4,
.row-ten > .col-sm-4,
.row > .col-sm-5,
.row-ten > .col-sm-5,
.row > .col-sm-6,
.row-ten > .col-sm-6,
.row > .col-sm-7,
.row-ten > .col-sm-7,
.row > .col-sm-8,
.row-ten > .col-sm-8,
.row > .col-sm-9,
.row-ten > .col-sm-9,
.row > .col-sm-10,
.row-ten > .col-sm-10,
.row > .col-sm-11,
.row-ten > .col-sm-11,
.row > .col-sm-12,
.row-ten > .col-sm-12,
.row > .col-md-05,
.row-ten > .col-md-05,
.row > .col-md-1,
.row-ten > .col-md-1,
.row > .col-md-2,
.row-ten > .col-md-2,
.row > .col-md-3,
.row-ten > .col-md-3,
.row > .col-md-4,
.row-ten > .col-md-4,
.row > .col-md-5,
.row-ten > .col-md-5,
.row > .col-md-6,
.row-ten > .col-md-6,
.row > .col-md-7,
.row-ten > .col-md-7,
.row > .col-md-8,
.row-ten > .col-md-8,
.row > .col-md-9,
.row-ten > .col-md-9,
.row > .col-md-10,
.row-ten > .col-md-10,
.row > .col-md-11,
.row-ten > .col-md-11,
.row > .col-md-12,
.row-ten > .col-md-12,
.row > .col-lg-05,
.row-ten > .col-lg-05,
.row > .col-lg-1,
.row-ten > .col-lg-1,
.row > .col-lg-2,
.row-ten > .col-lg-2,
.row > .col-lg-3,
.row-ten > .col-lg-3,
.row > .col-lg-4,
.row-ten > .col-lg-4,
.row > .col-lg-5,
.row-ten > .col-lg-5,
.row > .col-lg-6,
.row-ten > .col-lg-6,
.row > .col-lg-7,
.row-ten > .col-lg-7,
.row > .col-lg-8,
.row-ten > .col-lg-8,
.row > .col-lg-9,
.row-ten > .col-lg-9,
.row > .col-lg-10,
.row-ten > .col-lg-10,
.row > .col-lg-11,
.row-ten > .col-lg-11,
.row > .col-lg-12,
.row-ten > .col-lg-12 {
  vertical-align: top;
  display: inline-block;
  position: relative;
  min-height: 1px;
  min-width: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  /* Hack whitespace */
}
.row:not(.colsForcePadding),
.row-ten:not(.colsForcePadding) {
  margin-left: -15px;
  margin-right: -15px;
}
.row-table > .col-xs-05,
.row-table > .col-xs-1,
.row-table > .col-xs-2,
.row-table > .col-xs-3,
.row-table > .col-xs-4,
.row-table > .col-xs-5,
.row-table > .col-xs-6,
.row-table > .col-xs-7,
.row-table > .col-xs-8,
.row-table > .col-xs-9,
.row-table > .col-xs-10,
.row-table > .col-xs-11,
.row-table > .col-xs-12,
.row-table > .col-sm-05,
.row-table > .col-sm-1,
.row-table > .col-sm-2,
.row-table > .col-sm-3,
.row-table > .col-sm-4,
.row-table > .col-sm-5,
.row-table > .col-sm-6,
.row-table > .col-sm-7,
.row-table > .col-sm-8,
.row-table > .col-sm-9,
.row-table > .col-sm-10,
.row-table > .col-sm-11,
.row-table > .col-sm-12,
.row-table > .col-md-05,
.row-table > .col-md-1,
.row-table > .col-md-2,
.row-table > .col-md-3,
.row-table > .col-md-4,
.row-table > .col-md-5,
.row-table > .col-md-6,
.row-table > .col-md-7,
.row-table > .col-md-8,
.row-table > .col-md-9,
.row-table > .col-md-10,
.row-table > .col-md-11,
.row-table > .col-md-12,
.row-table > .col-lg-05,
.row-table > .col-lg-1,
.row-table > .col-lg-2,
.row-table > .col-lg-3,
.row-table > .col-lg-4,
.row-table > .col-lg-5,
.row-table > .col-lg-6,
.row-table > .col-lg-7,
.row-table > .col-lg-8,
.row-table > .col-lg-9,
.row-table > .col-lg-10,
.row-table > .col-lg-11,
.row-table > .col-lg-12 {
  display: table-cell;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  /* Hack whitespace */
}
@media (max-width: 750px) {
  .row-table > .col-xs-05,
  .row-table > .col-xs-1,
  .row-table > .col-xs-2,
  .row-table > .col-xs-3,
  .row-table > .col-xs-4,
  .row-table > .col-xs-5,
  .row-table > .col-xs-6,
  .row-table > .col-xs-7,
  .row-table > .col-xs-8,
  .row-table > .col-xs-9,
  .row-table > .col-xs-10,
  .row-table > .col-xs-11,
  .row-table > .col-xs-12,
  .row-table > .col-sm-05,
  .row-table > .col-sm-1,
  .row-table > .col-sm-2,
  .row-table > .col-sm-3,
  .row-table > .col-sm-4,
  .row-table > .col-sm-5,
  .row-table > .col-sm-6,
  .row-table > .col-sm-7,
  .row-table > .col-sm-8,
  .row-table > .col-sm-9,
  .row-table > .col-sm-10,
  .row-table > .col-sm-11,
  .row-table > .col-sm-12,
  .row-table > .col-md-05,
  .row-table > .col-md-1,
  .row-table > .col-md-2,
  .row-table > .col-md-3,
  .row-table > .col-md-4,
  .row-table > .col-md-5,
  .row-table > .col-md-6,
  .row-table > .col-md-7,
  .row-table > .col-md-8,
  .row-table > .col-md-9,
  .row-table > .col-md-10,
  .row-table > .col-md-11,
  .row-table > .col-md-12,
  .row-table > .col-lg-05,
  .row-table > .col-lg-1,
  .row-table > .col-lg-2,
  .row-table > .col-lg-3,
  .row-table > .col-lg-4,
  .row-table > .col-lg-5,
  .row-table > .col-lg-6,
  .row-table > .col-lg-7,
  .row-table > .col-lg-8,
  .row-table > .col-lg-9,
  .row-table > .col-lg-10,
  .row-table > .col-lg-11,
  .row-table > .col-lg-12 {
    text-align: left !important;
  }
}
.row-table:not(.colsForcePadding) {
  margin-left: -15px;
  width: calc(100% + 30px);
}
@media (min-width: 1170px) {
  .row .col-lg-05,
  .row-table .col-lg-05 {
    width: 4.166666665%;
  }
  .row .col-lg-1,
  .row-table .col-lg-1 {
    width: 8.33333333%;
  }
  .row .col-lg-2,
  .row-table .col-lg-2 {
    width: 16.66666667%;
  }
  .row .col-lg-3,
  .row-table .col-lg-3 {
    width: 25%;
  }
  .row .col-lg-4,
  .row-table .col-lg-4 {
    width: 33.33333333%;
  }
  .row .col-lg-5,
  .row-table .col-lg-5 {
    width: 41.66666667%;
  }
  .row .col-lg-6,
  .row-table .col-lg-6 {
    width: 50%;
  }
  .row .col-lg-7,
  .row-table .col-lg-7 {
    width: 58.33333333%;
  }
  .row .col-lg-8,
  .row-table .col-lg-8 {
    width: 66.66666667%;
  }
  .row .col-lg-9,
  .row-table .col-lg-9 {
    width: 75%;
  }
  .row .col-lg-10,
  .row-table .col-lg-10 {
    width: 83.33333333%;
  }
  .row .col-lg-11,
  .row-table .col-lg-11 {
    width: 91.66666667%;
  }
  .row .col-lg-12,
  .row-table .col-lg-12 {
    width: 100%;
  }
  .row .col-lg-offset-0,
  .row-table .col-lg-offset-0 {
    margin-left: 0;
  }
  .row .col-lg-offset-05,
  .row-table .col-lg-offset-05 {
    margin-left: 4.166666665%;
  }
  .row .col-lg-offset-1,
  .row-table .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .row .col-lg-offset-2,
  .row-table .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .row .col-lg-offset-3,
  .row-table .col-lg-offset-3 {
    margin-left: 25%;
  }
  .row .col-lg-offset-4,
  .row-table .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .row .col-lg-offset-5,
  .row-table .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .row .col-lg-offset-6,
  .row-table .col-lg-offset-6 {
    margin-left: 50%;
  }
  .row .col-lg-offset-7,
  .row-table .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .row .col-lg-offset-8,
  .row-table .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .row .col-lg-offset-9,
  .row-table .col-lg-offset-9 {
    margin-left: 75%;
  }
  .row .col-lg-offset-10,
  .row-table .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .row .col-lg-offset-11,
  .row-table .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .row-table .col-lg-12 {
    display: block;
  }
  .row-ten .col-lg-1 {
    width: 10%;
  }
  .row-ten .col-lg-2 {
    width: 20%;
  }
  .row-ten .col-lg-3 {
    width: 30%;
  }
  .row-ten .col-lg-4 {
    width: 40%;
  }
  .row-ten .col-lg-5 {
    width: 50%;
  }
  .row-ten .col-lg-6 {
    width: 60%;
  }
  .row-ten .col-lg-7 {
    width: 70%;
  }
  .row-ten .col-lg-8 {
    width: 80%;
  }
  .row-ten .col-lg-9 {
    width: 90%;
  }
  .row-ten .col-lg-10,
  .row-ten .col-lg-11,
  .row-ten .col-lg-12 {
    width: 100%;
  }
  .row-ten .col-lg-offset-0 {
    margin-left: 0;
  }
  .row-ten .col-lg-offset-1 {
    margin-left: 10%;
  }
  .row-ten .col-lg-offset-2 {
    margin-left: 20%;
  }
  .row-ten .col-lg-offset-3 {
    margin-left: 30%;
  }
  .row-ten .col-lg-offset-4 {
    margin-left: 40%;
  }
  .row-ten .col-lg-offset-5 {
    margin-left: 50%;
  }
  .row-ten .col-lg-offset-6 {
    margin-left: 60%;
  }
  .row-ten .col-lg-offset-7 {
    margin-left: 70%;
  }
  .row-ten .col-lg-offset-8 {
    margin-left: 80%;
  }
  .row-ten .col-lg-offset-9,
  .row-ten .col-lg-offset-10,
  .row-ten .col-lg-offset-11 {
    margin-left: 90%;
  }
}
@media (max-width: 1170px) {
  .row .col-md-05,
  .row-table .col-md-05 {
    width: 4.166666665%;
  }
  .row .col-md-1,
  .row-table .col-md-1 {
    width: 8.33333333%;
  }
  .row .col-md-2,
  .row-table .col-md-2 {
    width: 16.66666667%;
  }
  .row .col-md-3,
  .row-table .col-md-3 {
    width: 25%;
  }
  .row .col-md-4,
  .row-table .col-md-4 {
    width: 33.33333333%;
  }
  .row .col-md-5,
  .row-table .col-md-5 {
    width: 41.66666667%;
  }
  .row .col-md-6,
  .row-table .col-md-6 {
    width: 50%;
  }
  .row .col-md-7,
  .row-table .col-md-7 {
    width: 58.33333333%;
  }
  .row .col-md-8,
  .row-table .col-md-8 {
    width: 66.66666667%;
  }
  .row .col-md-9,
  .row-table .col-md-9 {
    width: 75%;
  }
  .row .col-md-10,
  .row-table .col-md-10 {
    width: 83.33333333%;
  }
  .row .col-md-11,
  .row-table .col-md-11 {
    width: 91.66666667%;
  }
  .row .col-md-12,
  .row-table .col-md-12 {
    width: 100%;
  }
  .row .col-md-offset-0,
  .row-table .col-md-offset-0 {
    margin-left: 0;
  }
  .row .col-md-offset-05,
  .row-table .col-md-offset-05 {
    margin-left: 4.166666665%;
  }
  .row .col-md-offset-1,
  .row-table .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .row .col-md-offset-2,
  .row-table .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .row .col-md-offset-3,
  .row-table .col-md-offset-3 {
    margin-left: 25%;
  }
  .row .col-md-offset-4,
  .row-table .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .row .col-md-offset-5,
  .row-table .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .row .col-md-offset-6,
  .row-table .col-md-offset-6 {
    margin-left: 50%;
  }
  .row .col-md-offset-7,
  .row-table .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .row .col-md-offset-8,
  .row-table .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .row .col-md-offset-9,
  .row-table .col-md-offset-9 {
    margin-left: 75%;
  }
  .row .col-md-offset-10,
  .row-table .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .row .col-md-offset-11,
  .row-table .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .row-table .col-md-12 {
    display: block;
  }
  .row-ten .col-md-1 {
    width: 10%;
  }
  .row-ten .col-md-2 {
    width: 20%;
  }
  .row-ten .col-md-3 {
    width: 30%;
  }
  .row-ten .col-md-4 {
    width: 40%;
  }
  .row-ten .col-md-5 {
    width: 50%;
  }
  .row-ten .col-md-6 {
    width: 60%;
  }
  .row-ten .col-md-7 {
    width: 70%;
  }
  .row-ten .col-md-8 {
    width: 80%;
  }
  .row-ten .col-md-9 {
    width: 90%;
  }
  .row-ten .col-md-10,
  .row-ten .col-md-11,
  .row-ten .col-md-12 {
    width: 100%;
  }
  .row-ten .col-md-offset-0 {
    margin-left: 0;
  }
  .row-ten .col-md-offset-1 {
    margin-left: 10%;
  }
  .row-ten .col-md-offset-2 {
    margin-left: 20%;
  }
  .row-ten .col-md-offset-3 {
    margin-left: 30%;
  }
  .row-ten .col-md-offset-4 {
    margin-left: 40%;
  }
  .row-ten .col-md-offset-5 {
    margin-left: 50%;
  }
  .row-ten .col-md-offset-6 {
    margin-left: 60%;
  }
  .row-ten .col-md-offset-7 {
    margin-left: 70%;
  }
  .row-ten .col-md-offset-8 {
    margin-left: 80%;
  }
  .row-ten .col-md-offset-9,
  .row-ten .col-md-offset-10,
  .row-ten .col-md-offset-11 {
    margin-left: 90%;
  }
}
@media (max-width: 970px) {
  .row .col-sm-05,
  .row-table .col-sm-05 {
    width: 4.166666665%;
  }
  .row .col-sm-1,
  .row-table .col-sm-1 {
    width: 8.33333333%;
  }
  .row .col-sm-2,
  .row-table .col-sm-2 {
    width: 16.66666667%;
  }
  .row .col-sm-3,
  .row-table .col-sm-3 {
    width: 25%;
  }
  .row .col-sm-4,
  .row-table .col-sm-4 {
    width: 33.33333333%;
  }
  .row .col-sm-5,
  .row-table .col-sm-5 {
    width: 41.66666667%;
  }
  .row .col-sm-6,
  .row-table .col-sm-6 {
    width: 50%;
  }
  .row .col-sm-7,
  .row-table .col-sm-7 {
    width: 58.33333333%;
  }
  .row .col-sm-8,
  .row-table .col-sm-8 {
    width: 66.66666667%;
  }
  .row .col-sm-9,
  .row-table .col-sm-9 {
    width: 75%;
  }
  .row .col-sm-10,
  .row-table .col-sm-10 {
    width: 83.33333333%;
  }
  .row .col-sm-11,
  .row-table .col-sm-11 {
    width: 91.66666667%;
  }
  .row .col-sm-12,
  .row-table .col-sm-12 {
    width: 100%;
  }
  .row .col-sm-offset-0,
  .row-table .col-sm-offset-0 {
    margin-left: 0;
  }
  .row .col-sm-offset-05,
  .row-table .col-sm-offset-05 {
    margin-left: 4.166666665%;
  }
  .row .col-sm-offset-1,
  .row-table .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .row .col-sm-offset-2,
  .row-table .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .row .col-sm-offset-3,
  .row-table .col-sm-offset-3 {
    margin-left: 25%;
  }
  .row .col-sm-offset-4,
  .row-table .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .row .col-sm-offset-5,
  .row-table .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .row .col-sm-offset-6,
  .row-table .col-sm-offset-6 {
    margin-left: 50%;
  }
  .row .col-sm-offset-7,
  .row-table .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .row .col-sm-offset-8,
  .row-table .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .row .col-sm-offset-9,
  .row-table .col-sm-offset-9 {
    margin-left: 75%;
  }
  .row .col-sm-offset-10,
  .row-table .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .row .col-sm-offset-11,
  .row-table .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .row-table .col-sm-12 {
    display: block;
  }
  .row-ten .col-sm-1 {
    width: 10%;
  }
  .row-ten .col-sm-2 {
    width: 20%;
  }
  .row-ten .col-sm-3 {
    width: 30%;
  }
  .row-ten .col-sm-4 {
    width: 40%;
  }
  .row-ten .col-sm-5 {
    width: 50%;
  }
  .row-ten .col-sm-6 {
    width: 60%;
  }
  .row-ten .col-sm-7 {
    width: 70%;
  }
  .row-ten .col-sm-8 {
    width: 80%;
  }
  .row-ten .col-sm-9 {
    width: 90%;
  }
  .row-ten .col-sm-10,
  .row-ten .col-sm-11,
  .row-ten .col-sm-12 {
    width: 100%;
  }
  .row-ten .col-sm-offset-0 {
    margin-left: 0;
  }
  .row-ten .col-sm-offset-1 {
    margin-left: 10%;
  }
  .row-ten .col-sm-offset-2 {
    margin-left: 20%;
  }
  .row-ten .col-sm-offset-3 {
    margin-left: 30%;
  }
  .row-ten .col-sm-offset-4 {
    margin-left: 40%;
  }
  .row-ten .col-sm-offset-5 {
    margin-left: 50%;
  }
  .row-ten .col-sm-offset-6 {
    margin-left: 60%;
  }
  .row-ten .col-sm-offset-7 {
    margin-left: 70%;
  }
  .row-ten .col-sm-offset-8 {
    margin-left: 80%;
  }
  .row-ten .col-sm-offset-9,
  .row-ten .col-sm-offset-10,
  .row-ten .col-sm-offset-11 {
    margin-left: 90%;
  }
}
@media (max-width: 750px) {
  .row .col-xs-05,
  .row-table .col-xs-05 {
    width: 4.166666665%;
  }
  .row .col-xs-1,
  .row-table .col-xs-1 {
    width: 8.33333333%;
  }
  .row .col-xs-2,
  .row-table .col-xs-2 {
    width: 16.66666667%;
  }
  .row .col-xs-3,
  .row-table .col-xs-3 {
    width: 25%;
  }
  .row .col-xs-4,
  .row-table .col-xs-4 {
    width: 33.33333333%;
  }
  .row .col-xs-5,
  .row-table .col-xs-5 {
    width: 41.66666667%;
  }
  .row .col-xs-6,
  .row-table .col-xs-6 {
    width: 50%;
  }
  .row .col-xs-7,
  .row-table .col-xs-7 {
    width: 58.33333333%;
  }
  .row .col-xs-8,
  .row-table .col-xs-8 {
    width: 66.66666667%;
  }
  .row .col-xs-9,
  .row-table .col-xs-9 {
    width: 75%;
  }
  .row .col-xs-10,
  .row-table .col-xs-10 {
    width: 83.33333333%;
  }
  .row .col-xs-11,
  .row-table .col-xs-11 {
    width: 91.66666667%;
  }
  .row .col-xs-12,
  .row-table .col-xs-12 {
    width: 100%;
  }
  .row .col-xs-offset-0,
  .row-table .col-xs-offset-0 {
    margin-left: 0;
  }
  .row-table .col-xs-12 {
    display: block;
  }
  .row-ten .col-xs-1 {
    width: 10%;
  }
  .row-ten .col-xs-2 {
    width: 20%;
  }
  .row-ten .col-xs-3 {
    width: 30%;
  }
  .row-ten .col-xs-4 {
    width: 40%;
  }
  .row-ten .col-xs-5 {
    width: 50%;
  }
  .row-ten .col-xs-6 {
    width: 60%;
  }
  .row-ten .col-xs-7 {
    width: 70%;
  }
  .row-ten .col-xs-8 {
    width: 80%;
  }
  .row-ten .col-xs-9 {
    width: 90%;
  }
  .row-ten .col-xs-10,
  .row-ten .col-xs-11,
  .row-ten .col-xs-12 {
    width: 100%;
  }
  .row-ten .col-xs-offset-0 {
    margin-left: 0;
  }
  .row-ten .col-xs-offset-1 {
    margin-left: 10%;
  }
  .row-ten .col-xs-offset-2 {
    margin-left: 20%;
  }
  .row-ten .col-xs-offset-3 {
    margin-left: 30%;
  }
  .row-ten .col-xs-offset-4 {
    margin-left: 40%;
  }
  .row-ten .col-xs-offset-5 {
    margin-left: 50%;
  }
  .row-ten .col-xs-offset-6 {
    margin-left: 60%;
  }
  .row-ten .col-xs-offset-7 {
    margin-left: 70%;
  }
  .row-ten .col-xs-offset-8 {
    margin-left: 80%;
  }
  .row-ten .col-xs-offset-9,
  .row-ten .col-xs-offset-10,
  .row-ten .col-xs-offset-11 {
    margin-left: 90%;
  }
}
/**
 * Positionnement
 */
.clearBoth {
  clear: both;
}
.displayBlock {
  display: block;
}
.displayInline {
  display: inline;
}
.displayInlineBlock {
  display: inline-block;
}
.displayNone {
  display: none;
}
.displayFlex {
  display: flex;
}
.flexAuto {
  flex: auto;
}
.alignItemsCenter {
  align-items: center;
}
.alignItemsEnd {
  align-items: end;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.positionRelative {
  position: relative;
}
.positionAbsolute {
  position: absolute;
}
.positionFixed {
  position: fixed;
}
.top0 {
  top: 0;
}
.top10 {
  top: 10px;
}
.left10 {
  left: 10px;
}
.right10 {
  right: 10px;
}
.textAlignLeft {
  text-align: left;
}
.textAlignCenter {
  text-align: center;
}
.textAlignRight {
  text-align: right;
}
.textAlignJustify {
  text-align: justify;
}
.textAlignLastLeft {
  -moz-text-align-last: left;
  text-align-last: left;
}
.textAlignLastRight {
  -moz-text-align-last: right;
  text-align-last: right;
}
/**
 * Utilisé pour centrer verticalement
 * On applique displayTable ou displayTableRow au conteneur et displayTableCell à ce qu'on veut centrer
 */
.displayTable {
  display: table;
}
.displayTableRow {
  display: table-row;
}
.displayTableCell {
  display: table-cell;
}
.valignBottom {
  vertical-align: bottom !important;
}
.valignMiddle {
  vertical-align: middle !important;
}
.valignTop {
  vertical-align: top !important;
}
.valignInitial {
  vertical-align: initial !important;
}
/**
 * Utilisé pour donner des largeurs aux éléments rapidement
 */
.widthAuto {
  width: auto;
}
.width0 {
  width: 0;
}
.width10 {
  width: 10%;
}
.width15 {
  width: 15%;
}
.width20 {
  width: 20%;
}
.width30 {
  width: 30%;
}
.width40 {
  width: 40%;
}
.width50 {
  width: 50%;
}
.width60 {
  width: 60%;
}
.width70 {
  width: 70%;
}
.width80 {
  width: 80%;
}
.width90 {
  width: 90%;
}
.width100 {
  width: 100%;
}
/**
 * Utilisé pour donner des hauteurs aux éléments rapidement
 */
.heightAuto {
  height: auto;
}
.height100 {
  height: 100%;
}
/**
 * Utilisé pour positionner
 */
.lineHeight1 {
  line-height: 1;
}
.padding0 {
  padding: 0 !important;
}
.padding5 {
  padding: 5px !important;
}
.padding10 {
  padding: 10px !important;
}
.padding20 {
  padding: 20px !important;
}
.paddingTop0 {
  padding-top: 0 !important;
}
.paddingTop5 {
  padding-top: 5px !important;
}
.paddingTop10 {
  padding-top: 10px !important;
}
.paddingTop15 {
  padding-top: 15px !important;
}
.paddingTop20 {
  padding-top: 20px !important;
}
.paddingTop30 {
  padding-top: 30px !important;
}
.paddingTop40 {
  padding-top: 40px !important;
}
.paddingTop50 {
  padding-top: 50px !important;
}
.paddingTop60 {
  padding-top: 60px !important;
}
.paddingTop70 {
  padding-top: 70px !important;
}
.paddingRight0 {
  padding-right: 0 !important;
}
.paddingRight5 {
  padding-right: 5px !important;
}
.paddingRight10 {
  padding-right: 10px !important;
}
.paddingRight20 {
  padding-right: 20px !important;
}
.paddingRight30 {
  padding-right: 30px !important;
}
.paddingRight40 {
  padding-right: 40px !important;
}
.paddingRight50 {
  padding-right: 50px !important;
}
.paddingRight60 {
  padding-right: 60px !important;
}
.paddingBottom0 {
  padding-bottom: 0 !important;
}
.paddingBottom5 {
  padding-bottom: 5px !important;
}
.paddingBottom10 {
  padding-bottom: 10px !important;
}
.paddingBottom15 {
  padding-bottom: 15px !important;
}
.paddingBottom20 {
  padding-bottom: 20px !important;
}
.paddingBottom30 {
  padding-bottom: 30px !important;
}
.paddingBottom40 {
  padding-bottom: 40px !important;
}
.paddingBottom50 {
  padding-bottom: 50px !important;
}
.paddingBottom60 {
  padding-bottom: 60px !important;
}
.paddingBottom70 {
  padding-bottom: 70px !important;
}
.paddingLeft0 {
  padding-left: 0 !important;
}
.paddingLeft5 {
  padding-left: 5px !important;
}
.paddingLeft10 {
  padding-left: 10px !important;
}
.paddingLeft15 {
  padding-left: 15px !important;
}
.paddingLeft20 {
  padding-left: 20px !important;
}
.paddingLeft30 {
  padding-left: 30px !important;
}
.paddingLeft40 {
  padding-left: 40px !important;
}
.marginAuto {
  margin: auto !important;
}
.margin0 {
  margin: 0 !important;
}
.margin5 {
  margin: 5px !important;
}
.margin10 {
  margin: 10px !important;
}
.margin20 {
  margin: 20px !important;
}
.margin15 {
  margin: 15px !important;
}
.margin30 {
  margin: 30px !important;
}
.margin40 {
  margin: 40px !important;
}
.margin50 {
  margin: 50px !important;
}
.marginMinus10 {
  margin: -10px !important;
}
.marginTop0 {
  margin-top: 0 !important;
}
.marginTop5 {
  margin-top: 5px !important;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop15 {
  margin-top: 15px !important;
}
.marginTop20 {
  margin-top: 20px !important;
}
.marginTop30 {
  margin-top: 30px !important;
}
.marginTop40 {
  margin-top: 40px !important;
}
.marginTop50 {
  margin-top: 50px !important;
}
.marginTop60 {
  margin-top: 60px !important;
}
.marginTop70 {
  margin-top: 70px !important;
}
.marginTop80 {
  margin-top: 80px !important;
}
.marginTop100 {
  margin-top: 100px !important;
}
.marginTopMinus5 {
  margin-top: -5px !important;
}
.marginTopMinus10 {
  margin-top: -10px !important;
}
.marginTopMinus20 {
  margin-top: -20px !important;
}
.marginTopMinus30 {
  margin-top: -30px !important;
}
.marginTopMinus40 {
  margin-top: -40px !important;
}
.marginBottom0 {
  margin-bottom: 0 !important;
}
.marginBottom5 {
  margin-bottom: 5px !important;
}
.marginBottom10 {
  margin-bottom: 10px !important;
}
.marginBottom15 {
  margin-bottom: 15px !important;
}
.marginBottom20 {
  margin-bottom: 20px !important;
}
.marginBottom30 {
  margin-bottom: 30px !important;
}
.marginBottom40 {
  margin-bottom: 40px !important;
}
.marginBottom50 {
  margin-bottom: 50px !important;
}
.marginBottom60 {
  margin-bottom: 60px !important;
}
.marginBottom70 {
  margin-bottom: 70px !important;
}
.marginBottom80 {
  margin-bottom: 80px !important;
}
.marginBottom90 {
  margin-bottom: 90px !important;
}
.marginBottom100 {
  margin-bottom: 100px !important;
}
.marginBottomMinus10 {
  margin-bottom: -10px !important;
}
.marginBottomMinus20 {
  margin-bottom: -20px !important;
}
.marginLeft0 {
  margin-left: 0px !important;
}
.marginLeft5 {
  margin-left: 5px !important;
}
.marginLeft10 {
  margin-left: 10px !important;
}
.marginLeft20 {
  margin-left: 20px !important;
}
.marginLeft30 {
  margin-left: 30px !important;
}
.marginLeft40 {
  margin-left: 40px !important;
}
.marginLeft90 {
  margin-left: 90px !important;
}
.marginLeftMinus10 {
  margin-left: -10px !important;
}
.marginLeftMinus20 {
  margin-left: -20px !important;
}
.marginLeftMinus30 {
  margin-left: -30px !important;
}
.marginLeftMinus40 {
  margin-left: -40px !important;
}
.marginLeftMinus50 {
  margin-left: -50px !important;
}
.marginRight0 {
  margin-right: 0 !important;
}
.marginRight5 {
  margin-right: 5px !important;
}
.marginRight10 {
  margin-right: 10px !important;
}
.marginRight15 {
  margin-right: 15px !important;
}
.marginRight20 {
  margin-right: 20px !important;
}
.marginRight30 {
  margin-right: 30px !important;
}
.marginRight90 {
  margin-right: 90px !important;
}
.marginRightMinus20 {
  margin-right: -20px !important;
}
.marginRightMinus30 {
  margin-right: -30px !important;
}
.marginRightMinus40 {
  margin-right: -40px !important;
}
.marginRightMinus10 {
  margin-right: -10px !important;
}
.marginRightMinus20 {
  margin-right: -20px;
}
.accordion {
  margin-left: 50px;
  display: block;
}
.accordion .accordionContent.accordionNotice:hover .accordionTitleWrapper {
  border-bottom: 1px solid #e0574a !important;
}
.accordion .accordionContent.accordionNotice:hover .accordionTitleWrapper .accordionTitleNumber {
  background: #e0574a !important;
}
.accordion .accordionContent.accordionNotice:hover .accordionTitleWrapper .accordionTitle {
  color: #e0574a !important;
}
.accordion .accordionContent.accordionNotice .accordionTitleWrapper {
  border-bottom: 1px solid #f36052 !important;
}
.accordion .accordionContent.accordionNotice .accordionTitleWrapper .accordionTitleNumber {
  background: #f36052 !important;
}
.accordion .accordionContent.accordionNotice .accordionTitleWrapper .accordionTitle {
  color: #f36052 !important;
}
.accordion .accordionContent .accordionTitleWrapper {
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e6e4;
}
.accordion .accordionContent .accordionTitleWrapper .accordionTitleNumber {
  border-radius: 50%;
  background: #e7e6e4;
  color: #ffffff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  margin-left: -50px;
}
.accordion .accordionContent .accordionTitleWrapper .accordionTitle {
  padding-left: 30px;
  color: #cfcdc9;
}
.accordion .accordionContent .accordionTitleWrapper .accordionTitleButton {
  float: right;
}
.accordion .accordionContent .accordionTitleWrapper .accordionTitleButton > * {
  vertical-align: top;
}
.accordion .accordionContent .accordionTitleWrapper:not(.accordionLock) {
  cursor: pointer;
}
.accordion .accordionContent .accordionTitleWrapper.accordionLock .accordionTitleButton {
  display: none !important;
}
.accordion .accordionContent .accordionTitleWrapper:hover:not(.accordionLock) .accordionTitleNumber {
  background: #cfcdc9;
}
.accordion .accordionContent.accordionColor .accordionTitleWrapper {
  border-color: #316bf2;
}
.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber {
  background: #316bf2;
}
.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle {
  color: #316bf2;
}
.accordion .accordionContent.accordionColor .accordionTitleWrapper:hover:not(.accordionLock) .accordionTitleNumber {
  background: #0040d7;
}
.accordion .accordionContent .accordionOpen,
.accordion .accordionContent .accordionClose {
  display: none;
}
.accordion .accordionContent .accordionClose {
  color: #cfcdc9;
}
#stickyAside #stickyAsideAbsolute {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}
@media (max-width: 1129px) {
  #stickyAside {
    margin-top: 15px;
  }
  #stickyAside #stickyAsideAbsolute {
    position: initial;
    width: 100%;
  }
}
.block {
  background: #ffffff;
  border: 1px solid #e7e6e4;
  border-radius: 5px;
  margin: 8px 0;
}
.block > div {
  padding: 0 16px;
}
.block .blockTitle {
  position: relative;
  display: table;
  width: 100%;
}
.block .blockTitle:not(.blockTitleSimple) {
  background: #eff0f2;
  border-bottom: 1px solid #e7e6e4;
}
.block .blockTitle h2 {
  margin: 0;
  padding: 15px 0;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.block .blockTitle .button {
  float: right;
}
.block .blockTitle .buttonSmall {
  margin-top: 12px;
  margin-bottom: 12px;
}
.block .blockTitle .blockToggle {
  transition: background 0.3s linear;
  border-radius: 50%;
  border: 1px solid #e7e6e4;
  color: #cfcdc9;
  position: absolute;
  right: -10px;
  top: 20%;
  height: 30px;
  line-height: 27px;
  width: 30px;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
  font-size: 30px;
  font-weight: bold;
}
.block .blockTitle .blockToggle:hover {
  background: #eff0f2;
}
.block .blockTitle:not(.blockTitleToggle) {
  padding-right: 8px;
}
.block .blockTitle.blockTitleToggle {
  cursor: pointer;
}
.block .blockTitle.blockTitleToggle:hover .blockToggle {
  background: #eff0f2;
}
.block .blockContent {
  padding: 16px;
}
.block .blockContent.blockContentSimple {
  padding-top: 0;
}
.block .blockContent > .separatorHorizontal:last-child {
  display: none;
}
.block .blockContent > div:last-child > .separatorHorizontal,
.block .blockContent > ul > li:last-child > .separatorHorizontal {
  display: none;
}
/**
 * Base
 */
.buttonBig,
.buttonLarge,
.buttonSmall {
  border-radius: 20px;
  transition: all 0.2s linear;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin: 8px 0;
  line-height: 1.15;
}
.buttonBig > *,
.buttonLarge > *,
.buttonSmall > * {
  display: inline-block;
  vertical-align: middle;
}
.buttonBig.disabled,
.buttonLarge.disabled,
.buttonSmall.disabled {
  opacity: .65 !important;
  cursor: default !important;
  pointer-events: none !important;
  border: 0 !important;
}
.button {
  vertical-align: middle;
}
.button.icoTop .ico {
  display: block;
  margin: 0 auto 10px;
}
.button:not(.width100) {
  margin-left: 8px;
  margin-right: 8px;
}
/**
 * Tailles
 */
.buttonBig {
  padding: 30px;
  font-size: 18px;
}
.buttonLarge {
  padding: 8px 14px;
  font-size: 16px;
}
.buttonSmall {
  padding: 5px 10px;
  font-size: 14px;
}
/**
 * Couleurs
 */
.buttonBlue {
  background-color: #316bf2;
}
.buttonBlue:hover {
  background-color: #0e4ee2;
}
.buttonBlue:active {
  background-color: #0b3db2;
}
.buttonGreen {
  background-color: #00c1a2;
}
.buttonGreen:hover {
  background-color: #008e77;
}
.buttonGreen:active {
  background-color: #007562;
}
.buttonOrange {
  background-color: #f6c131;
}
.buttonOrange:hover {
  background-color: #f5ba19;
}
.buttonOrange:active {
  background-color: #d19b09;
}
.buttonGrey {
  background-color: #e7e6e4;
  color: #333333;
}
.buttonGrey:hover {
  background-color: #cfcdc9;
}
.buttonGrey:active {
  background-color: #c3c1bc;
}
.buttonRed {
  background-color: #f36052;
}
.buttonRed:hover {
  background-color: #f03422;
}
.buttonRed:active {
  background-color: #e82310;
}
.buttonWhite {
  background-color: #ffffff;
  color: #316bf2;
}
.buttonWhite:hover {
  background-color: #f2f2f2;
}
.buttonWhite:active {
  background-color: #e6e6e6;
}
.buttonWhiteAlt {
  background-color: #ffffff;
  outline: 1px solid #e7e6e4;
  color: #333333;
}
.buttonWhiteAlt:hover {
  outline: 1px solid #91b0f8;
}
.buttonWhiteAlt:active {
  outline: 1px solid #316bf2;
  color: #316bf2;
}
.buttonWhiteBlue {
  background-color: #ffffff;
  border: 1px solid #316bf2;
  color: #316bf2;
}
.buttonWhiteBlue:hover {
  background-color: #f1f5fe;
  border: 1px solid #0e4ee2;
  color: #0e4ee2;
}
.buttonWhiteBlue:active {
  background-color: #d9e4fd;
  border: 1px solid #0d46ca;
  color: #0d46ca;
}
.buttonTransparent {
  border: 1px solid #e7e6e4;
  color: #333333;
}
.buttonTransparent:hover {
  border-left: 1px solid #b7b4ae;
  border-right: 1px solid #b7b4ae;
  color: #316bf2;
}
.buttonTransparent:active {
  border-left: 1px solid #9f9b93;
  border-right: 1px solid #9f9b93;
  color: #0d46ca;
}
.ico {
  vertical-align: top;
  margin-right: 10px;
}
.ui-widget-overlay {
  background-color: #333333;
  opacity: 0.5;
}
.ui-dialog.ui-widget.ui-widget-content {
  position: relative;
  font-size: 14px;
  color: #595959;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0.5rem 1rem rgba(51, 51, 51, 0.5);
  padding: 1.1rem;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content > *:first-child {
  margin-top: 0 !important;
}
.ui-dialog.ui-widget.ui-widget-content .ui-dialog-content > *:last-child {
  margin-bottom: 0 !important;
}
.ui-dialog.ui-widget.ui-widget-content .ui-icon-closethick {
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 100;
  background: #FFF;
  padding: 7px;
}
.ui-dialog.ui-widget.ui-widget-content .ui-icon-closethick img {
  transition: opacity 0.3s linear;
}
.ui-dialog.ui-widget.ui-widget-content .ui-icon-closethick:hover img {
  opacity: .6;
}
.ui-dialog .ui-dialog-buttonpane {
  border: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
}
.dialogWrapper {
  width: 100% !important;
  display: table !important;
}
.dialogWrapper .dialog {
  padding: 20px 10px !important;
  text-align: justify;
}
.dialogWrapper .lightboxNext,
.dialogWrapper .lightboxPrevious {
  transition: opacity 0.3s linear;
}
.dialogWrapper .lightboxNext:hover,
.dialogWrapper .lightboxPrevious:hover {
  transition: opacity 0.3s linear;
  opacity: .6;
}
.dialogDotWrapper {
  text-align: center;
}
.dialogDotWrapper .dialogDot {
  transition: background 0.3s linear;
  border-radius: 50%;
  background: #c1d2fb;
  height: 16px;
  width: 16px;
}
.dialogDotWrapper .dialogDot:hover {
  transition: background 0.3s linear;
  background: #91b0f8;
}
.dialogDotWrapper .dialogDot.dialogDotCurrent {
  background: #316bf2;
}
.dropdownMenu {
  padding-top: 10px;
  display: none;
  position: absolute;
  z-index: 85;
  min-width: 300px;
  max-width: 400px;
}
.dropdownMenu div {
  border-radius: 5px;
  background: #FFF;
  border: 1px solid #e7e6e4;
}
.dropdownMenu div h2 {
  border-bottom: 1px solid #316bf2;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
}
.dropdownMenu div ul {
  padding: 0;
  margin: 0;
}
.dropdownMenu div ul li {
  list-style: none;
  border-bottom: 1px solid #e7e6e4;
}
.dropdownMenu div ul li > * {
  padding: 20px 20px 20px 10px;
  color: #333333;
  display: block;
  width: 100%;
}
.dropdownMenu div ul li > *:last-child {
  border-bottom: 0;
}
.dropdownMenu div ul li > * > * {
  display: inline-block;
  vertical-align: middle;
}
.dropdownMenu div ul li > .fakeLink,
.dropdownMenu div ul li > a {
  transition: all 0.1s linear;
  cursor: pointer;
}
.dropdownMenu div ul li > .fakeLink:hover,
.dropdownMenu div ul li > a:hover {
  transition: all 0.1s linear;
  background: #f6f7f8;
  padding: 20px 10px 20px 20px;
}
@media (max-width: 750px) {
  .dropdownMenu {
    text-align: center;
    width: 100% !important;
    min-width: 100% !important;
  }
}
.editable .editableContent {
  width: 55% !important;
  display: inline-block;
}
.editable .button {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}
.editable label {
  display: none !important;
}
.editable input {
  height: 27px;
  margin: 0;
}
.editable .buttonWrapper {
  vertical-align: middle;
  height: 100%;
}
.editable .buttonWrapper .button {
  vertical-align: middle;
}
.editable .editableText {
  vertical-align: middle;
}
@media (max-width: 750px) {
  .editable .editableContent {
    width: 100% !important;
  }
  .editable .editableEditButton {
    display: none;
  }
  .editable .buttonWrapper {
    display: block;
    text-align: right;
  }
}
.helpButton {
  position: relative;
}
.helpButton .helpContent {
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  z-index: 1;
  width: 400px;
  margin: 25px 20px 0 -40px;
  display: none;
  text-align: left;
  top: 0;
  left: 0;
}
.helpButton:before {
  content: "\00A0";
}
.helpButton:hover {
  z-index: 10;
}
.helpButton:hover .helpContent {
  display: inline-block;
}
.helpButton:hover .helpContent:hover {
  display: none;
}
.helpButton.hasLink:hover svg path {
  fill: #00c1a2;
}
@media (max-width: 750px) {
  .helpButton {
    position: static !important;
  }
  .helpButton .helpContent {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    margin: 10px 0 0 0 !important;
  }
}
#sparkTemplateNotification {
  z-index: 60;
  position: fixed;
  bottom: 60px;
  right: 60px;
}
/* Barre de progression */
.progressbar {
  border-radius: 5px;
  width: 100%;
  height: 15px;
  border: 1px #cfcdc9 solid;
}
.progressbar div {
  border-radius: 5px;
  height: 13px;
}
.progressbar-green {
  border-radius: 5px;
  width: 100%;
  height: 15px;
  border: 1px #cfcdc9 solid;
  background-color: #ffdc7c;
}
.progressbar-green div {
  border-radius: 5px;
  height: 13px;
}
.progressbar-green div {
  background-color: #00c1a2;
}
.progressbar-blue {
  border-radius: 5px;
  width: 100%;
  height: 15px;
  border: 1px #cfcdc9 solid;
  background-color: #eff0f2;
}
.progressbar-blue div {
  border-radius: 5px;
  height: 13px;
}
.progressbar-blue div {
  background-color: #316bf2;
}
.progressbar-body {
  border-radius: 5px;
  width: 100%;
  height: 15px;
  border: 1px #cfcdc9 solid;
  background-color: #eff0f2;
}
.progressbar-body div {
  border-radius: 5px;
  height: 13px;
}
.progressbar-body div {
  background-color: #333333;
}
.tableInit {
  display: none;
}
.tableScrollbarWrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.tableScrollbarWrapper .tableScrollbar {
  height: 5px;
}
.table {
  transition: width 0.3s linear;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  border: 1px solid #ececec;
  min-width: 100%;
  word-wrap: break-word;
}
.table tr,
.table a .table-ln,
.table .table-ln {
  background-color: #fff;
}
.table tr > .row,
.table a .table-ln > .row,
.table .table-ln > .row {
  background-color: #fff;
}
.table thead > tr,
.table .table-header {
  background-color: #333;
  color: #ffffff;
  text-align: left;
}
.table thead > tr > .row,
.table .table-header > .row {
  background-color: #333;
}
.table tr,
.table a:nth-child(2n) .table-ln {
  background-color: #f3f8fc;
}
.table tr > .row,
.table a:nth-child(2n) .table-ln > .row {
  background-color: #f3f8fc;
}
.table tr:nth-child(2n),
.table .table-ln:nth-child(2n) {
  background-color: #f3f8fc;
}
.table tr:nth-child(2n) > .row,
.table .table-ln:nth-child(2n) > .row {
  background-color: #f3f8fc;
}
.table .table-ln {
  transition: background 0.3s linear;
  word-wrap: break-word;
}
.table .table-ln > .row {
  transition: background 0.3s linear;
}
.table .table-ln .table-col.tableFixedColumn {
  transition: background 0.3s linear;
}
.table .table-ln > div,
.table .table-ln > a {
  display: block;
}
.table .table-header {
  position: relative;
}
.table .table-header .table-col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.table .table-header .table-col.tableFixedColumn {
  border-left: 1px solid #ececec;
  position: absolute;
  right: 0;
  height: 100%;
  background-color: #333;
}
.table .table-header .table-sort {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}
.table .table-header .table-sort ._gif {
  transition: opacity 0.3s linear;
  display: block;
  cursor: pointer;
  margin-top: 3px;
}
.table .table-header .table-sort ._gif:hover {
  opacity: 0.7;
}
.table .table-body {
  position: relative;
}
.table .table-body .table-col {
  padding-top: 5px;
  padding-bottom: 5px;
}
.table .table-body .table-col.tableFixedColumn {
  border-left: 1px solid #ececec;
  position: absolute;
  right: 0;
  height: 100%;
  background-color: inherit;
}
.table .table-body.table-ln:hover {
  background-color: #e6edfd !important;
}
.table .table-body.table-ln:hover > .row {
  background-color: #e6edfd !important;
}
.table .table-body.table-ln:hover .table-col.tableFixedColumn {
  background-color: #e6edfd !important;
}
.table .table-body.table-ln:hover.table-ln-selected {
  background-color: #ffce49 !important;
}
.table .table-body.table-ln:hover.table-ln-selected > .row {
  background-color: #ffce49 !important;
}
.table .table-body.table-ln:hover.table-ln-selected .table-col.tableFixedColumn {
  background-color: #ffce49 !important;
}
.table .table-body.table-ln.table-ln-selected {
  background-color: #ffdc7c !important;
}
.table .table-body.table-ln.table-ln-selected > .row {
  background-color: #ffdc7c !important;
}
.table .table-body.table-ln.table-ln-selected .table-col.tableFixedColumn {
  background-color: #ffdc7c !important;
}
.table .row {
  font-size: 0;
}
.table .table-col {
  float: none;
  display: inline-block;
  font-size: 14px;
  white-space: normal;
  vertical-align: top;
  position: static;
}
.table td,
.table th {
  padding: 20px 15px;
}
.table td input,
.table th input,
.table td select,
.table th select {
  margin: -10px 0;
}
.table label.checkbox {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  display: inline;
}
.table .displayNone {
  display: none;
}
@media (max-width: 970px) {
  .tableScrollbarWrapper {
    display: none;
  }
  .table {
    width: 100% !important;
  }
  .table .tableScroll {
    overflow-x: visible;
    white-space: normal;
  }
  .table td,
  .table th,
  .table .table-col {
    height: auto !important;
    display: block;
  }
  .table td:before,
  .table th:before,
  .table .table-col:before {
    content: attr(data-field);
    font-weight: bold;
  }
  .table td.displayNone,
  .table th.displayNone,
  .table .table-col.displayNone {
    display: none;
  }
  .table .tableFixedColumn {
    border-left: 0 !important;
    position: static !important;
  }
  .table .table-header,
  .table thead > tr {
    display: none;
  }
  .tableResponsive {
    display: none;
  }
}
.tableScroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
@media (min-width: 1170px) {
  .tableScroll .col-lg-05 {
    width: 4.166666665vw;
  }
  .tableScroll .col-lg-1 {
    width: 8.33333333vw;
  }
  .tableScroll .col-lg-2 {
    width: 16.66666667vw;
  }
  .tableScroll .col-lg-3 {
    width: 25vw;
  }
  .tableScroll .col-lg-4 {
    width: 33.33333333vw;
  }
  .tableScroll .col-lg-5 {
    width: 41.66666667vw;
  }
  .tableScroll .col-lg-6 {
    width: 50vw;
  }
  .tableScroll .col-lg-7 {
    width: 58.33333333vw;
  }
  .tableScroll .col-lg-8 {
    width: 66.66666667vw;
  }
  .tableScroll .col-lg-9 {
    width: 75vw;
  }
  .tableScroll .col-lg-10 {
    width: 83.33333333vw;
  }
  .tableScroll .col-lg-11 {
    width: 91.66666667vw;
  }
  .tableScroll .col-lg-12 {
    width: 100vw;
  }
}
@media (max-width: 1170px) {
  .tableScroll .col-md-05 {
    width: 4.166666665vw;
  }
  .tableScroll .col-md-1 {
    width: 8.33333333vw;
  }
  .tableScroll .col-md-2 {
    width: 16.66666667vw;
  }
  .tableScroll .col-md-3 {
    width: 25vw;
  }
  .tableScroll .col-md-4 {
    width: 33.33333333vw;
  }
  .tableScroll .col-md-5 {
    width: 41.66666667vw;
  }
  .tableScroll .col-md-6 {
    width: 50vw;
  }
  .tableScroll .col-md-7 {
    width: 58.33333333vw;
  }
  .tableScroll .col-md-8 {
    width: 66.66666667vw;
  }
  .tableScroll .col-md-9 {
    width: 75vw;
  }
  .tableScroll .col-md-10 {
    width: 83.33333333vw;
  }
  .tableScroll .col-md-11 {
    width: 91.66666667vw;
  }
  .tableScroll .col-md-12 {
    width: 100vw;
  }
}
@media (max-width: 970px) {
  .tableScroll .col-xs-05,
  .tableScroll .col-xs-1,
  .tableScroll .col-xs-2,
  .tableScroll .col-xs-3,
  .tableScroll .col-xs-4,
  .tableScroll .col-xs-5,
  .tableScroll .col-xs-6,
  .tableScroll .col-xs-7,
  .tableScroll .col-xs-8,
  .tableScroll .col-xs-9,
  .tableScroll .col-xs-10,
  .tableScroll .col-xs-11,
  .tableScroll .col-xs-12 {
    width: 100% !important;
  }
}
body.cke_editable,
body.cke_ltr {
  background: #ffffff;
}
.toggleMore {
  color: #00c1a2 !important;
  cursor: pointer;
  margin: 14px 0;
}
.toggleMore:hover {
  color: #00aa8e !important;
  text-decoration: underline !important;
}
.userPictureNormal,
.userPictureMedium,
.userPictureSmall,
.userPictureExtraSmall {
  border-radius: 50%;
}
.userPictureNormal {
  width: 160px;
  height: 160px !important;
}
.userPictureMedium {
  width: 80px;
  height: 80px !important;
}
.userPictureSmall {
  width: 40px;
  height: 40px !important;
}
.userPictureExtraSmall {
  width: 24px;
  height: 24px !important;
}
#emptySpace {
  margin: 20px auto;
  text-align: center;
  font-size: 0;
  position: relative;
}
#emptySpace .emptySpaceArrow {
  position: absolute;
  top: 0;
  right: 10px;
}
#emptySpace p {
  max-width: 450px;
  margin: 22px auto;
  font-size: 22px;
}
@media (max-width: 970px) {
  #emptySpace .emptySpaceArrow {
    display: none;
  }
}
.freemiumPopup {
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  position: absolute;
  width: 320px;
  z-index: 150;
  text-align: center;
  display: none;
}
.freemiumPopup .freemiumPopupArrow {
  top: calc(50% - 10px);
  position: absolute;
  display: block;
}
.freemiumPopup .freemiumPopupArrow::before,
.freemiumPopup .freemiumPopupArrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.freemiumPopup.freemiumPopupRight .freemiumPopupArrow {
  left: -9px;
}
.freemiumPopup.freemiumPopupRight .freemiumPopupArrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.freemiumPopup.freemiumPopupRight .freemiumPopupArrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}
.freemiumPopup.freemiumPopupLeft .freemiumPopupArrow {
  right: -9px;
}
.freemiumPopup.freemiumPopupLeft .freemiumPopupArrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.freemiumPopup.freemiumPopupLeft .freemiumPopupArrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
}
.freemiumPopup .freemiumPopupTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin: 15px 20px;
}
.freemiumPopup .freemiumPopupImage {
  padding-left: 20px;
}
.freemiumPopup .freemiumPopupText {
  margin: 15px 20px;
}
.freemiumPopup .freemiumPopupLink {
  margin: 0 20px;
}
.freemiumPopup .freemiumPopupButtonWrapper {
  margin-top: 15px;
  background-color: #F3F3F3;
  padding: 15px 20px;
  border-bottom-left-radius: .3em;
  border-bottom-right-radius: .3em;
}
.freemiumPopup .freemiumPopupButtonWrapper .freemiumPopupButton {
  margin: 0;
}
.ui-draggable-handle {
  cursor: move;
}
.ui-draggable-disabled {
  cursor: default;
}
.ui-tooltip {
  background: #242424;
  color: #ffffff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  opacity: .8;
}
.ui-dialog-content {
  overflow: hidden !important;
}
#messagesWrapper {
  width: 100%;
  position: fixed;
  padding: 0 2.813rem;
  bottom: 40px;
  z-index: 150;
}
#messagesWrapper .message {
  transition: all 0.3s linear;
  position: relative;
  color: #ffffff;
  max-width: 930px;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.75);
  padding: 0 0.9rem;
  margin: 0.5rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#messagesWrapper .message .messageContent {
  line-height: 22px;
  padding: 0.9rem 0;
  display: flex;
  align-items: center;
}
#messagesWrapper .message .messageContent .messageIcon {
  display: flex;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ffffff;
  align-items: center;
  text-align: center;
  margin-right: 12px;
  min-width: 22px;
}
#messagesWrapper .message .messageContent .messageIcon svg {
  margin: auto;
}
#messagesWrapper .message .messageCloseWrapper {
  display: flex;
  align-items: center;
  text-align: right;
}
#messagesWrapper .message .messageCloseWrapper .messageClose {
  font-size: 1.8rem;
  line-height: 1rem;
  margin-left: 10px;
  cursor: pointer;
}
#messagesWrapper .message .messageCloseWrapper .messageClose:hover {
  opacity: 0.75;
}
#messagesWrapper .message .nextNotice,
#messagesWrapper .message .prevNotice {
  border-radius: 5px;
  transition: all 0.3s linear;
  padding: 5px 10px;
  background-color: #f03422;
  cursor: pointer;
  display: none;
  margin-left: 5px;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}
#messagesWrapper .message .nextNotice:hover,
#messagesWrapper .message .prevNotice:hover {
  transition: all 0.3s linear;
  background-color: #d11f0e;
}
#messagesWrapper .message .nextNotice .messageButtonMobile,
#messagesWrapper .message .prevNotice .messageButtonMobile {
  display: none;
}
#messagesWrapper .message-error {
  background-color: #f36052;
}
#messagesWrapper .message-error .messageIcon {
  color: #f36052;
}
#messagesWrapper .message-error .messageIcon svg {
  width: 0.625em;
}
#messagesWrapper .message-support {
  background-color: #316bf2;
}
#messagesWrapper .message-support .messageIcon {
  color: #316bf2;
}
#messagesWrapper .message-support .messageIcon svg {
  width: 1em;
}
#messagesWrapper .message-success {
  background-color: #00c1a2;
}
#messagesWrapper .message-success .messageIcon {
  color: #00c1a2;
}
#messagesWrapper .message-success .messageIcon svg {
  width: 1em;
}
@media (max-width: 1170px) {
  .messageButtonMobile {
    display: block !important;
  }
  .messageButtonDesktop {
    display: none !important;
  }
}
#templateNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#templateNav a {
  text-decoration: none;
}
.slidesjs-control,
.slidesjs-container {
  margin: 0 auto;
}
#layoutWrapper > .templatePageContent {
  display: unset;
}
#templateTitle {
  color: #316bf2;
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: normal;
}
@media (min-width: 970px) {
  .templateNavSmall:not(.templateNavSmallIsHover) #templateBreadcrumb {
    width: calc(100% - 70px) !important;
    left: 70px !important;
  }
  #templateBreadcrumb {
    width: calc(100% - 220px);
    position: fixed;
    top: 0;
    left: 220px;
    height: 106px;
    background: #eff0f2;
    z-index: 70;
  }
  #templateBreadcrumb.noTitle {
    height: 44px;
  }
  #templateBreadcrumb h1 {
    padding: 10px 20px;
    margin: 0;
  }
  #templateBreadcrumb #breadCrumbItems {
    text-align: center;
    font-size: 16px;
    position: relative;
  }
  #templateBreadcrumb #breadCrumbItems span,
  #templateBreadcrumb #breadCrumbItems a {
    display: inline-block;
  }
  #templateBreadcrumb #breadCrumbItems a,
  #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button) {
    cursor: pointer;
    color: #333333;
  }
  #templateBreadcrumb #breadCrumbItems a:hover,
  #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover {
    color: #316bf2;
  }
  #templateBreadcrumb #breadCrumbItems .breadCrumbItem {
    padding: 2px 10px;
  }
  #templateBreadcrumb #breadCrumbItems .breadCrumbItem.breadCrumbActive {
    color: #316bf2;
    border-bottom: 4px solid #316bf2;
  }
  #templateBreadcrumb #breadCrumbItems .breadCrumbSeparator {
    padding: 10px 20px;
  }
  #templateBreadcrumb #breadCrumbItems #breadCrumbButtonsSeparator {
    display: none;
  }
  #templateBreadcrumb #breadCrumbItems #breadCrumbReturnButton {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
  }
  #templateBreadcrumb #breadCrumbItems #breadCrumbNextButton {
    position: absolute;
    top: 5px;
    right: 20px;
    margin: 0;
  }
  #templateBreadcrumbSpace {
    height: 86px;
  }
  #templateBreadcrumbSpace.noTitle {
    height: 24px;
  }
}
@media (max-width: 970px) {
  #templateBreadcrumb span:not(#templateTitleText),
  #templateBreadcrumb a {
    font-size: 20px;
    text-decoration: none;
    color: #333333;
  }
  #templateBreadcrumb a,
  #templateBreadcrumb .breadCrumbNextStep:not(.button) {
    cursor: pointer;
  }
  #templateBreadcrumb a:hover,
  #templateBreadcrumb .breadCrumbNextStep:not(.button):hover {
    color: #316bf2;
  }
  #templateBreadcrumb .breadCrumbActive {
    color: #316bf2;
  }
  #templateBreadcrumb .breadCrumbSeparator {
    padding: 0 10px;
  }
  #templateBreadcrumb #breadCrumbButtonsSeparator {
    padding-top: 10px;
  }
  #templateBreadcrumb #breadCrumbReturnButton {
    margin-left: 0;
  }
  #templateBreadcrumb #breadCrumbNextButton {
    border-radius: 20px;
    transition: all 0.2s linear;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin: 8px 0;
    line-height: 1.15;
    padding: 8px 14px;
    font-size: 16px;
    float: right;
  }
  #templateBreadcrumb #breadCrumbNextButton > * {
    display: inline-block;
    vertical-align: middle;
  }
  #templateBreadcrumb #breadCrumbNextButton.disabled {
    opacity: .65 !important;
    cursor: default !important;
    pointer-events: none !important;
    border: 0 !important;
  }
}
#templateTabulation a,
#templateTabulation span {
  font-size: 20px;
  margin-right: 25px;
  text-decoration: none;
  color: #333333;
}
#templateTabulation .active {
  color: #316bf2;
}
.thumbWrapper {
  margin: 0 -11.5px;
  font-size: 0;
  /**
	 * Propriétés communes
	 */
  /**
	 * Mode responsive
	 */
  /**
	 * Miniatures larges
	 */
  /**
	 * Miniatures moyennes
	 */
  /**
	 * Petites miniatures
	 */
  /**
	 * Petites miniatures paysage
	 */
  /**
	 * Petites miniatures portrait
	 */
  /**
	 * Pas de miniature
	 */
  /**
	 * Mode responsive (1 miniature par ligne & large devient medium & petit portrait reste petit portait mais avec deux éléments par lignes)
	 */
  /**
	 * Mode responsive des petites miniatures portrait (1 miniature par ligne)
	 */
}
.thumbWrapper h3 {
  margin: 0 11.5px;
  padding: 11.5px 0;
}
.thumbWrapper .thumbCommon {
  transition: opacity 0.3s linear;
  border-radius: 5px;
  margin: 11.5px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  font-size: 14px;
  opacity: 1;
  vertical-align: top;
  box-shadow: 0 5px 10px 3px #eff0f2;
}
.thumbWrapper .thumbCommon:hover,
.thumbWrapper .thumbCommon.thumbHoverEvent {
  opacity: .9;
}
.thumbWrapper .thumbCommon .thumbHover,
.thumbWrapper .thumbCommon .thumbHoverButtons,
.thumbWrapper .thumbCommon .thumbHoverPersist {
  background: rgba(255, 255, 255, 0.3) !important;
}
.thumbWrapper .thumbCommon .thumbDetails,
.thumbWrapper .thumbCommon .thumbHover,
.thumbWrapper .thumbCommon .thumbHoverButtons,
.thumbWrapper .thumbCommon .thumbHoverPersist {
  transition: opacity 0.3s linear;
  background: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  position: absolute;
  padding: 20px;
  z-index: 5;
}
.thumbWrapper .thumbCommon .thumbDetails .thumbName,
.thumbWrapper .thumbCommon .thumbHover .thumbName,
.thumbWrapper .thumbCommon .thumbHoverButtons .thumbName,
.thumbWrapper .thumbCommon .thumbHoverPersist .thumbName {
  font-size: 20px;
  color: #316bf2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thumbWrapper .thumbCommon .thumbDetails .thumbText,
.thumbWrapper .thumbCommon .thumbHover .thumbText,
.thumbWrapper .thumbCommon .thumbHoverButtons .thumbText,
.thumbWrapper .thumbCommon .thumbHoverPersist .thumbText {
  color: #333333;
  overflow: hidden;
}
.thumbWrapper .thumbCommon .thumbDetails .thumbText.colorRed,
.thumbWrapper .thumbCommon .thumbHover .thumbText.colorRed,
.thumbWrapper .thumbCommon .thumbHoverButtons .thumbText.colorRed,
.thumbWrapper .thumbCommon .thumbHoverPersist .thumbText.colorRed {
  color: #f36052 !important;
}
.thumbWrapper .thumbCommon .thumbDetails .thumbMore,
.thumbWrapper .thumbCommon .thumbHover .thumbMore,
.thumbWrapper .thumbCommon .thumbHoverButtons .thumbMore,
.thumbWrapper .thumbCommon .thumbHoverPersist .thumbMore {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #316bf2;
}
.thumbWrapper .thumbCommon .thumbDetails .thumbMore:hover,
.thumbWrapper .thumbCommon .thumbHover .thumbMore:hover,
.thumbWrapper .thumbCommon .thumbHoverButtons .thumbMore:hover,
.thumbWrapper .thumbCommon .thumbHoverPersist .thumbMore:hover {
  text-decoration: underline;
}
.thumbWrapper .thumbCommon .thumbHover,
.thumbWrapper .thumbCommon .thumbHoverButtons,
.thumbWrapper .thumbCommon .thumbHoverPersist {
  height: 100%;
  width: 100%;
}
.thumbWrapper .thumbCommon .thumbHover,
.thumbWrapper .thumbCommon .thumbHoverButtons {
  opacity: 0;
}
.thumbWrapper .thumbCommon .thumbHover .thumbName {
  max-height: 50px;
}
.thumbWrapper .thumbCommon .thumbHoverPersist {
  display: table;
  text-align: center;
}
.thumbWrapper .thumbCommon .thumbHoverPersist > * {
  display: table-cell;
  vertical-align: middle;
}
.thumbWrapper .thumbCommon .thumbHoverButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 970px) {
  .thumbWrapper .thumbCommon .thumbDetails {
    z-index: 10;
  }
  .thumbWrapper .thumbCommon .thumbHoverButtons {
    opacity: 1 !important;
    flex-direction: column;
    height: calc(100% - 66px);
    background-color: transparent !important;
  }
}
.thumbWrapper .thumbLarge {
  width: calc(100% - 23px);
  height: 578px;
  overflow: hidden;
}
.thumbWrapper .thumbLarge:hover,
.thumbWrapper .thumbLarge.thumbHoverEvent {
  opacity: 1;
}
.thumbWrapper .thumbLarge .thumbPicture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.thumbWrapper .thumbLarge .thumbDetails {
  height: 100%;
  width: 300px;
  right: 0;
}
.thumbWrapper .thumbLarge .thumbDetails .thumbText {
  height: 362px;
}
.thumbWrapper .thumbLarge .thumbDetails.thumbDetailsAlt {
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
}
.thumbWrapper .thumbLarge .thumbDetails.thumbDetailsAlt .thumbName {
  float: left;
}
.thumbWrapper .thumbLarge .thumbDetails.thumbDetailsAlt .thumbButton {
  float: right;
}
.thumbWrapper .thumbLarge .thumbDetails.thumbDetailsResponsive {
  display: none;
}
.thumbWrapper .thumbMedium {
  width: calc(50% - 23.5px);
  height: 282px;
  background-size: cover;
}
.thumbWrapper .thumbMedium .thumbDetails {
  width: 100%;
  bottom: 0;
}
.thumbWrapper .thumbMedium .thumbHover .thumbText {
  height: 165px;
}
.thumbWrapper .thumbMedium:hover .thumbHover,
.thumbWrapper .thumbMedium.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbMedium:hover .thumbHoverButtons,
.thumbWrapper .thumbMedium.thumbHoverEvent .thumbHoverButtons {
  opacity: 1;
}
.thumbWrapper .thumbSmall {
  border-radius: 5px;
  background-color: #eff0f2;
  width: calc(33.33333333% - 23.666px);
  height: 184px;
}
.thumbWrapper .thumbSmall .thumbDetails {
  width: 100%;
  bottom: 0;
}
.thumbWrapper .thumbSmall:hover .thumbHover,
.thumbWrapper .thumbSmall.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbSmall:hover .thumbHoverButtons,
.thumbWrapper .thumbSmall.thumbHoverEvent .thumbHoverButtons {
  opacity: 1;
}
.thumbWrapper .thumbLandscapeSmall {
  background-color: #eff0f2;
  display: block;
  height: 184px;
  font-size: 0;
}
.thumbWrapper .thumbLandscapeSmall:last-of-type {
  margin-bottom: 23px;
}
.thumbWrapper .thumbLandscapeSmall .thumbPicture {
  border-radius: 5px;
  width: 31.88888888%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  display: inline-block;
}
.thumbWrapper .thumbLandscapeSmall .thumbDetails {
  position: static;
  background: transparent;
  width: 68%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.thumbWrapper .thumbLandscapeSmall .thumbDetails .thumbName {
  max-height: 50px;
}
.thumbWrapper .thumbLandscapeSmall .thumbDetails .thumbText {
  height: 70px;
}
.thumbWrapper .thumbPortraitSmall {
  border-radius: 5px;
  background-color: #eff0f2;
  width: 30%;
  width: calc(33.33333333% - 23.666px);
  vertical-align: bottom;
}
.thumbWrapper .thumbPortraitSmall .thumbPicture {
  border-radius: 5px;
  height: 184px;
  background-position: center;
  background-repeat: no-repeat;
}
.thumbWrapper .thumbPortraitSmall .thumbDetails {
  position: static;
  background: transparent;
  height: 184px;
}
.thumbWrapper .thumbPortraitSmall .thumbDetails .thumbName {
  max-height: 50px;
}
.thumbWrapper .thumbPortraitSmall .thumbDetails .thumbText {
  height: 70px;
}
.thumbWrapper .thumbNoneAuto,
.thumbWrapper .thumbNoneSmall,
.thumbWrapper .thumbNoneMedium,
.thumbWrapper .thumbNoneLarge,
.thumbWrapper .thumbNoneFull {
  background-color: #eff0f2;
  width: calc(50% - 23.5px);
}
.thumbWrapper .thumbNoneAuto .thumbDetails,
.thumbWrapper .thumbNoneSmall .thumbDetails,
.thumbWrapper .thumbNoneMedium .thumbDetails,
.thumbWrapper .thumbNoneLarge .thumbDetails,
.thumbWrapper .thumbNoneFull .thumbDetails {
  position: static;
  background: transparent;
}
.thumbWrapper .thumbNoneAuto:hover .thumbHover,
.thumbWrapper .thumbNoneSmall:hover .thumbHover,
.thumbWrapper .thumbNoneMedium:hover .thumbHover,
.thumbWrapper .thumbNoneLarge:hover .thumbHover,
.thumbWrapper .thumbNoneFull:hover .thumbHover,
.thumbWrapper .thumbNoneAuto.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbNoneSmall.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbNoneMedium.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbNoneLarge.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbNoneFull.thumbHoverEvent .thumbHover,
.thumbWrapper .thumbNoneAuto:hover .thumbHoverButtons,
.thumbWrapper .thumbNoneSmall:hover .thumbHoverButtons,
.thumbWrapper .thumbNoneMedium:hover .thumbHoverButtons,
.thumbWrapper .thumbNoneLarge:hover .thumbHoverButtons,
.thumbWrapper .thumbNoneFull:hover .thumbHoverButtons,
.thumbWrapper .thumbNoneAuto.thumbHoverEvent .thumbHoverButtons,
.thumbWrapper .thumbNoneSmall.thumbHoverEvent .thumbHoverButtons,
.thumbWrapper .thumbNoneMedium.thumbHoverEvent .thumbHoverButtons,
.thumbWrapper .thumbNoneLarge.thumbHoverEvent .thumbHoverButtons,
.thumbWrapper .thumbNoneFull.thumbHoverEvent .thumbHoverButtons {
  opacity: 1;
}
.thumbWrapper .thumbNoneAuto .thumbDetails .thumbName {
  font-size: 16px;
}
.thumbWrapper .thumbNoneSmall {
  height: 90px;
}
.thumbWrapper .thumbNoneSmall .thumbHoverPersist,
.thumbWrapper .thumbNoneSmall .thumbHoverButtons {
  display: block;
  top: 0;
  left: 0;
}
.thumbWrapper .thumbNoneSmall .thumbHoverPersist > *,
.thumbWrapper .thumbNoneSmall .thumbHoverButtons > * {
  display: inline-block;
}
.thumbWrapper .thumbNoneMedium {
  height: 200px;
}
.thumbWrapper .thumbNoneLarge {
  height: 270px;
}
.thumbWrapper .thumbNoneFull {
  width: calc(100% - 23.5px);
  height: auto;
}
.thumbWrapper .thumbNoneFull .thumbHoverPersist,
.thumbWrapper .thumbNoneFull .thumbHoverButtons {
  display: block;
  top: 0;
  left: 0;
}
.thumbWrapper .thumbNoneFull .thumbHoverPersist > *,
.thumbWrapper .thumbNoneFull .thumbHoverButtons > * {
  display: inline-block;
}
@media (max-width: 750px) {
  .thumbWrapper {
    /**
		 * Petites miniatures portrait
		*/
    /**
		 * Miniatures larges
		 */
  }
  .thumbWrapper .thumbCommon:not(.thumbPortraitSmall) {
    display: block !important;
    width: auto !important;
    z-index: 1;
  }
  .thumbWrapper .thumbPortraitSmall {
    border-radius: 5px;
    width: calc(50% - 23.666px);
  }
  .thumbWrapper .thumbLarge {
    width: calc(50% - 23.5px);
    height: 282px;
  }
  .thumbWrapper .thumbLarge:hover .thumbHover,
  .thumbWrapper .thumbLarge.thumbHoverEvent .thumbHover {
    opacity: 1;
  }
  .thumbWrapper .thumbLarge .thumbHover .thumbText {
    height: 165px;
  }
  .thumbWrapper .thumbLarge .thumbDetails:not(.thumbDetailsAlt) {
    display: none;
  }
  .thumbWrapper .thumbLarge .thumbDetails:not(.thumbDetailsAlt).thumbDetailsResponsive {
    height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
  }
}
@media (max-width: 450px) {
  .thumbWrapper .thumbPortraitSmall {
    display: block !important;
    width: auto !important;
  }
}
/**
 * Slider
 */
#thumbPostSlider {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
#thumbPostSlider #thumbPostSliderDotWrapper {
  font-size: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
#thumbPostSlider #thumbPostSliderDotWrapper .thumbPostSliderDot {
  border-radius: 50%;
  background: #e7e6e4;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}
#thumbPostSlider #thumbPostSliderDotWrapper .thumbPostSliderDot:hover {
  background: #eff0f2;
}
#thumbPostSlider #thumbPostSliderDotWrapper .thumbPostSliderDot.thumbPostSliderDotCurrent {
  background: #cfcdc9;
}
#thumbPostSlider .thumbPostSlide {
  font-size: 0;
}
#thumbPostSlider .thumbPostSlide > * {
  font-size: 14px;
}
#thumbPostSlider .thumbPostSlide .thumbPostSlidePicture {
  display: inline-block;
  max-width: 700px;
  width: 100%;
  vertical-align: top;
  text-align: center;
}
#thumbPostSlider .thumbPostSlide .thumbPostSlidePicture img {
  max-width: 700px;
  width: 100%;
}
#thumbPostSlider .thumbPostSlide .thumbPostSlideContent {
  display: inline-block;
  max-width: 384px;
  margin-left: 20px;
  vertical-align: top;
}
#thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2 {
  margin-top: 0;
  font-size: 23px;
  color: #316bf2;
}
@media (max-width: 1170px) {
  #thumbPostSlider .thumbPostSlide .thumbPostSlidePicture {
    max-width: none;
    display: block;
  }
  #thumbPostSlider .thumbPostSlide .thumbPostSlideContent {
    max-width: none;
    margin: 20px 0 0 0;
  }
}
#thumbPostSlider .thumbPostText {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 103px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .thumbPostSlide {
    display: block !important;
  }
  .thumbPostSlide:not(:last-child) {
    margin-bottom: 30px;
  }
  #thumbPostSliderDotWrapper {
    display: none;
  }
}
/**
 * Propriétés communes
 */
.thumbPostWrapper {
  margin: 0 -11.5px;
  font-size: 0;
}
.thumbPostWrapper > div {
  position: relative;
  font-size: 14px;
  vertical-align: top;
}
.thumbPostWrapper > div:not(#postNewsletterWrapper):not(#newsletterDialog) {
  display: inline-block;
  margin: 30px 11.5px;
}
.thumbPostWrapper h2 {
  font-size: 23px;
  color: #316bf2;
}
.thumbPostInfos {
  margin-top: 20px;
}
.thumbPostInfos .thumbPostInfosPicture {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.thumbPostInfos .thumbPostInfosText {
  display: inline-block;
  vertical-align: middle;
}
/**
 * Petite miniature
 */
.thumbPostSmall {
  width: calc(33.33333333% - 23.666px);
  vertical-align: top;
}
.thumbPostSmall .thumbPostPicture {
  display: block;
  text-align: center;
}
.thumbPostSmall .thumbPostText {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 41px;
  overflow: hidden;
}
@media (max-width: 750px) {
  .thumbPostSmall {
    width: calc(50% - 23.666px);
  }
}
@media (max-width: 400px) {
  .thumbPostSmall {
    display: block !important;
    width: auto !important;
  }
}
/**
 * Petite miniature paysage
 */
.thumbPostLandscape {
  vertical-align: top;
  display: block !important;
  padding-bottom: 20px;
}
.thumbPostLandscape .thumbPostPicture {
  float: left;
}
.thumbPostLandscape .thumbPostInfos {
  margin: 0 0 20px 0;
  float: left;
  width: 60% !important;
  padding-left: 20px;
}
.thumbPostLandscape h2 {
  margin: 0;
}
.thumbPostLandscape .thumbPostText {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 41px;
  overflow: hidden;
}
@media (max-width: 940px) {
  .thumbPostLandscape .thumbPostPicture {
    display: block;
    text-align: center;
    float: none;
  }
  .thumbPostLandscape .thumbPostInfos {
    width: 100% !important;
    padding-left: 0;
    padding-top: 20px;
    float: none;
  }
}
/**
 * Miniature moyenne
 */
.thumbPostMedium {
  width: calc(50% - 23.666px);
  vertical-align: top;
}
.thumbPostMedium .thumbPostPicture {
  display: block;
  text-align: center;
}
.thumbPostMedium .thumbPostInfos {
  margin: 0;
  padding: 5px 10px 0;
  display: table;
  width: 100%;
}
.thumbPostMedium .thumbPostInfos .thumbPostInfosPicture {
  margin-right: 0;
  display: table-cell;
}
.thumbPostMedium .thumbPostInfos .thumbPostInfosPicture img {
  margin-top: -45px;
}
.thumbPostMedium .thumbPostInfos .thumbPostInfosText {
  text-align: right;
  display: table-cell;
  vertical-align: top;
}
.thumbPostMedium .thumbPostText {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 83px;
  overflow: hidden;
}
@media (max-width: 400px) {
  .thumbPostMedium {
    display: block !important;
    width: auto !important;
  }
}
.formUpload .formUploadOther {
  background-size: auto !important;
  width: 100%;
  max-width: 352px;
  height: 184px;
}
.formUpload .formUploadStandard {
  width: 100%;
  max-width: 352px;
  height: 184px;
}
.formUpload .formUploadUser {
  width: 100%;
  max-width: 200px;
  height: 200px;
}
.formUpload .formUploadVendor {
  width: 100%;
  max-width: 300px;
  height: 184px;
}
.formUpload .formUploadPicture {
  text-align: center;
}
.formUpload .formUploadPicture .row-table > div > *:not(.formUploadHover):not(.buttonSmall) {
  display: block;
  margin: 5px auto;
}
.formUpload .formUploadPicture.formUploadFileWrapper .icoCross16Color,
.formUpload .formUploadPicture.formUploadFileWrapper .formUploadSortable {
  position: absolute;
}
.formUpload .formUploadPicture.formUploadFileWrapper .icoCross16Color {
  top: 0;
  right: 5px;
}
.formUpload .formUploadPicture.formUploadFileWrapper .formUploadSortable {
  top: 5px;
  left: 5px;
}
.formUpload .formUploadPicture.formUploadFileWrapper .formUploadProgressWrapper .ui-progressbar {
  height: 2em;
}
.formUpload .ui-sortable-placeholder {
  width: 352px;
  height: 184px;
  display: inline-block;
  margin: 5px;
}
/**
 * Mise en forme du footer
 */
#templateFooterWrapper {
  display: none;
  position: relative;
  color: #ffffff;
}
#templateFooterWrapper a {
  color: #ffffff;
}
#templateFooterWrapper a:hover {
  text-decoration: underline;
}
#templateFooterWrapper #templateFooter {
  max-width: 1131px;
  margin: auto;
}
#templateFooterWrapper #templateFooter #templateFooterText {
  padding: 10px 0;
}
#templateFooterWrapper #templateFooter .row span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}
#templateFooterWrapper #templateFooter .row ul {
  margin: 0;
  padding: 10px 0;
}
#templateFooterWrapper #templateFooter .row ul li {
  list-style-type: none;
}
#templateFooterWrapper #templateFooter .row #templateFooterNewsletterForm {
  padding-top: 10px;
}
#templateFooterWrapper #templateFooter .row #templateFooterNewsletterForm .col-xs-12 {
  padding: 0;
}
#templateFooterWrapper #templateFooter .row #templateFooterSocialWrapper {
  text-align: right;
  font-size: 0;
  /* Hack whitespace */
}
#templateFooterWrapper #templateFooter .row #templateFooterSocialWrapper img {
  transition: opacity 0.3s linear;
  margin: 10px 5px;
}
#templateFooterWrapper #templateFooter .row #templateFooterSocialWrapper img:hover {
  transition: opacity 0.3s linear;
  opacity: .6;
}
#templateFooterWrapper #templateFooterInformation {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  text-align: center;
}
#templateFooterWrapper #templateFooterInformation ul {
  margin: auto;
  padding: 0;
}
#templateFooterWrapper #templateFooterInformation ul li {
  padding: 15px;
  display: inline-block;
}
@media (max-width: 1150px) {
  #templateFooter > div {
    padding: 16px !important;
  }
}
/**
 * Mise en forme globale du header
 * Attention il faut penser à répercuter les modifs dans les fichiers haut-de-page.DESKTOP.js.php et inc.DESKTOP.theme.php
 */
#templateHeaderWrapper {
  background: transparent no-repeat center;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#templateHeaderWrapper #templateHeader {
  max-width: 1131px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  position: relative;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
  z-index: 20;
  position: relative;
  width: 350px;
  display: inline-block;
  height: 100%;
  overflow: hidden;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer.displayNone {
  display: none;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper {
  display: table;
  height: inherit;
  width: inherit;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock {
  width: inherit;
  padding: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockVendorPictureWrapper.displayNone {
  display: none;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockNewsletterContainer label {
  display: none;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockNewsletterContainer span {
  display: block;
  text-align: left;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockNewsletterContainer .col-xs-12 {
  padding: 0;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockNewsletterContainer #templateHeaderBlockNewsletterSubmit {
  background-color: #316bf2;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockSocialWrapper {
  margin-bottom: 0;
  font-size: 0;
  /* Hack whitespace */
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockSocialWrapper img {
  transition: opacity 0.3s linear;
  margin: 0 5px;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockSocialWrapper img:hover {
  transition: opacity 0.3s linear;
  opacity: .6;
}
#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock > div {
  margin-bottom: 15px;
}
#templateHeaderWrapper #templateHeaderVendorPictureWrapper {
  position: absolute;
  top: 0;
  height: 80%;
  width: 100%;
  text-align: center;
}
#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
  display: inline-block;
  max-width: 1131px;
  width: 100%;
}
#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture.displayNone {
  display: none;
}
#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
  position: relative;
  z-index: 15;
  max-height: 100%;
}
#templateHeaderWrapper #templateHeaderPictures {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#templateHeaderWrapper #templateHeaderPictures .templateHeaderPicture {
  position: absolute;
  height: 100%;
  width: 100%;
}
#templateHeaderWrapper #templateHeaderPictures .templateHeaderPicture.templateHeaderPictureEmpty {
  background: url("https://web-assoconnect-frc-prod-cdn-endpoint-software.azureedge.net/legacy/common/image/layout/public/header-default.png") center center no-repeat;
}
#templateHeaderWrapper #templateHeaderPictures .templateHeaderPictureReference {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 1px;
}
#templateHeaderWrapper #templateHeaderPictures .templateHeaderPictureReference img {
  max-width: none;
}
@media (max-width: 1150px) {
  #templateHeaderMargin {
    display: none;
  }
}
/**
 * Mise en forme globale du menu
 */
#templateNavAdminBar {
  background: #ffffff;
  color: #333333;
  padding: 5px;
}
#templateNavAdminBar #templateNavAdminBarActions {
  text-align: right;
}
#templateNavAdminBar #templateNavAdminBarActions > div,
#templateNavAdminBar #templateNavAdminBarActions > a {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
#templateNavAdminBar #templateNavAdminBarActions #templateNavAdminBarActionsMaster {
  color: #333333;
}
#templateNavAdminBar #templateNavAdminBarActions #templateNavAdminBarActionsButton {
  margin: 0;
  padding: 5px;
}
#templateNavBar,
#templateNavSubBarWrapper {
  display: none;
}
#templateNavSocialWrapper {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 0;
  /* Hack whitespace */
}
#templateNavSocialWrapper img {
  transition: opacity 0.5s linear;
  margin: 10px 5px;
}
#templateNavSocialWrapper img:hover {
  transition: opacity 0.5s linear;
  opacity: .7;
}
#templateNav {
  font-size: 0;
}
#templateNav #templateNavWrapperQuickLink {
  font-size: 14px;
}
#templateNav ul {
  display: inline;
  vertical-align: top;
  font-size: 14px;
}
#templateNav ul li {
  vertical-align: top;
}
#templateNav ul li:not(.hideHover) {
  cursor: pointer;
}
#templateNav ul li:not(.templateNavResponsiveToggleChildren) .arrowTop,
#templateNav ul li:not(.templateNavResponsiveToggleChildren) .arrowDown {
  display: none !important;
}
#templateNav ul li .arrowTop {
  display: none;
}
#templateNav ul li ul {
  display: none;
}
#templateNav ul li a {
  padding: 15px;
}
#templateNav ul li a img {
  margin-right: 10px;
}
#templateNav ul li a .buttonLarge {
  margin: 0;
}
#templateNav ul #navVendorName,
#templateNav ul #navVendorPicture {
  cursor: default;
  text-align: center;
}
#templateNav ul #navVendorName:hover,
#templateNav ul #navVendorPicture:hover {
  background: inherit;
}
#templateNav ul #navVendorName {
  padding: 15px;
}
#templateNav ul #navVendorPicture img {
  display: inline-block;
  max-width: 180px;
  margin: 0;
}
@media (min-width: 1151px) {
  .arrowTop,
  .arrowDown {
    display: none !important;
  }
  #templateNavWrapper {
    display: block !important;
  }
  #templateNavWrapper #templateNav ul li ul {
    display: none !important;
  }
  .templateNavParentHide {
    width: 0 !important;
    overflow: hidden !important;
  }
  #templateSubNavWrapper #templateSubNav {
    width: 1131px;
    margin: auto;
  }
  #templateSubNavWrapper #templateSubNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    font-size: 0;
  }
  #templateSubNavWrapper #templateSubNav ul li {
    font-size: 14px;
    vertical-align: top;
    display: inline-block;
  }
}
@media (max-width: 1150px) {
  #templateNavAdminBar #templateNavAdminBarLogo,
  #templateNavAdminBar #templateNavAdminBarActionsUser {
    display: none !important;
  }
  #templateNavBar {
    height: 55px;
    display: block;
    overflow: hidden;
  }
  #templateNavBar #templateNavBarVendorPicture {
    float: left;
    padding: 10px;
    line-height: 0;
  }
  #templateNavBar #templateNavBarVendorPicture img {
    height: 35px !important;
  }
  #templateNavBar #templateNavBarToggleMenu {
    line-height: 54px;
    float: right;
    cursor: pointer;
    padding: 0 10px;
  }
  #templateNavBar #templateNavBarToggleMenu span {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 10px;
  }
  #templateNavBar #templateNavBarToggleMenu * {
    vertical-align: middle;
  }
  #templateNavBar #templateNavBarToggleMenu #templateNavBarToggleMenuClose {
    display: none;
  }
  #templateNavSubBarWrapper {
    display: block;
    white-space: nowrap;
    position: relative;
    height: 40px;
    line-height: 41px;
    overflow: hidden;
  }
  #templateNavSubBarWrapper #templateNavSubBarLeft,
  #templateNavSubBarWrapper #templateNavSubBarRight {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 26px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
  }
  #templateNavSubBarWrapper #templateNavSubBarLeft {
    left: 0;
  }
  #templateNavSubBarWrapper #templateNavSubBarRight {
    right: 0;
  }
  #templateNavSubBarWrapper #templateNavSubBar {
    padding: 0 40px;
    margin: 0;
    overflow-x: scroll;
    font-size: 0;
  }
  #templateNavSubBarWrapper #templateNavSubBar li {
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
  }
  #templateNavWrapper {
    position: absolute;
    right: 0;
    width: 230px;
    display: none;
    z-index: 50;
  }
  #templateNavWrapper #navVendorName,
  #templateNavWrapper #navVendorPicture {
    display: none !important;
  }
  #templateNavWrapper #templateNav {
    font-size: 16px;
  }
  #templateNavWrapper #templateNav ul li a {
    padding: 20px 30px !important;
  }
  #templateNavWrapper #templateNav ul li ul li a {
    padding: 10px 30px 10px 40px !important;
    display: block;
  }
  #templateNavWrapper #templateNav ul img {
    display: none !important;
  }
  #templateNavWrapper #templateNav .templateNavParentHide {
    display: none !important;
  }
  #templateSubNavWrapper {
    display: none !important;
  }
}
@media (min-width: 1170px) {
  .tableScroll .col-lg-05 {
    width: 4.166666665%;
  }
  .tableScroll .col-lg-1 {
    width: 8.33333333%;
  }
  .tableScroll .col-lg-2 {
    width: 16.66666667%;
  }
  .tableScroll .col-lg-3 {
    width: 25%;
  }
  .tableScroll .col-lg-4 {
    width: 33.33333333%;
  }
  .tableScroll .col-lg-5 {
    width: 41.66666667%;
  }
  .tableScroll .col-lg-6 {
    width: 50%;
  }
  .tableScroll .col-lg-7 {
    width: 58.33333333%;
  }
  .tableScroll .col-lg-8 {
    width: 66.66666667%;
  }
  .tableScroll .col-lg-9 {
    width: 75%;
  }
  .tableScroll .col-lg-10 {
    width: 83.33333333%;
  }
  .tableScroll .col-lg-11 {
    width: 91.66666667%;
  }
  .tableScroll .col-lg-12 {
    width: 100%;
  }
  .tableScroll .col-lg-offset-0 {
    margin-left: 0;
  }
  .tableScroll .col-lg-offset-05 {
    margin-left: 4.166666665%;
  }
  .tableScroll .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .tableScroll .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .tableScroll .col-lg-offset-3 {
    margin-left: 25%;
  }
  .tableScroll .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .tableScroll .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .tableScroll .col-lg-offset-6 {
    margin-left: 50%;
  }
  .tableScroll .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .tableScroll .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .tableScroll .col-lg-offset-9 {
    margin-left: 75%;
  }
  .tableScroll .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .tableScroll .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (max-width: 1170px) {
  .tableScroll .col-md-05 {
    width: 4.166666665%;
  }
  .tableScroll .col-md-1 {
    width: 8.33333333%;
  }
  .tableScroll .col-md-2 {
    width: 16.66666667%;
  }
  .tableScroll .col-md-3 {
    width: 25%;
  }
  .tableScroll .col-md-4 {
    width: 33.33333333%;
  }
  .tableScroll .col-md-5 {
    width: 41.66666667%;
  }
  .tableScroll .col-md-6 {
    width: 50%;
  }
  .tableScroll .col-md-7 {
    width: 58.33333333%;
  }
  .tableScroll .col-md-8 {
    width: 66.66666667%;
  }
  .tableScroll .col-md-9 {
    width: 75%;
  }
  .tableScroll .col-md-10 {
    width: 83.33333333%;
  }
  .tableScroll .col-md-11 {
    width: 91.66666667%;
  }
  .tableScroll .col-md-12 {
    width: 100%;
  }
  .tableScroll .col-md-offset-0 {
    margin-left: 0;
  }
  .tableScroll .col-md-offset-05 {
    margin-left: 4.166666665%;
  }
  .tableScroll .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .tableScroll .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .tableScroll .col-md-offset-3 {
    margin-left: 25%;
  }
  .tableScroll .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .tableScroll .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .tableScroll .col-md-offset-6 {
    margin-left: 50%;
  }
  .tableScroll .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .tableScroll .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .tableScroll .col-md-offset-9 {
    margin-left: 75%;
  }
  .tableScroll .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .tableScroll .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}
/**
 * Mise en forme du template
 */
html,
body {
  height: 100%;
}
#layoutWrapper {
  min-height: 100%;
  position: relative;
  font-size: 0;
}
#layoutWrapper > div,
#layoutWrapper > nav,
#layoutWrapper > header,
#layoutWrapper article,
#layoutWrapper footer {
  font-size: 14px;
}
#layoutWrapper #templatePageWrapper {
  width: 100%;
  max-width: 1131px;
  position: relative;
  margin: auto;
}
#layoutWrapper #templatePageWrapper:before {
  width: 100%;
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: -1;
  max-width: 1131px;
}
#layoutWrapper #templatePageWrapper #templatePage {
  padding: 13.5px;
  width: 100%;
  display: inline-block;
}
#layoutWrapper #templatePageWrapper #templatePage #templateIframe {
  width: 100%;
  display: inline-block;
  min-height: 50px;
}
#layoutWrapper #templatePageWrapper #templatePage #templateIframe .templateHeaderButton {
  display: none;
}
#layoutWrapper .templateHover,
#layoutWrapper .templateEditable {
  display: none;
}
#layoutWrapper .templateQuickLink {
  opacity: .9;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 50;
  text-transform: none;
}
@media (max-width: 1150px) {
  .templateQuickLink,
  #templateTitle,
  #templateTabulationWrapper,
  .fakeTabs {
    display: none !important;
  }
}
/**
 * Remplacement de mises en forme déjà définies dans le layout parent ou global
 */
#layoutWrapper #templatePageWrapper {
  margin: auto;
}
@media (min-width: 1151px) {
  #templateNavWrapper {
    vertical-align: top;
    position: relative;
  }
  #templateNavWrapper #templateNav {
    width: 1131px;
    margin: auto;
  }
  #templateNavWrapper #templateNav ul {
    font-size: 0;
  }
  #templateNavWrapper #templateNav ul li {
    font-size: 14px;
    display: inline-block;
  }
  #templateNavWrapper #templateNav ul li.displayNone {
    display: none;
  }
  #templateTitle,
  #templateTabulationWrapper,
  .fakeTabs {
    display: none !important;
  }
}