@charset "UTF-8";
/* --------------------------------

Primary style

Couleurs :
- app-light  : #26A69A
- app-dark   : #1976D2
- app-darker : #9C27B0

-------------------------------- */
/** Router style **/
a.router-link-white {
  outline: none;
  text-decoration: underline;
  padding: 2px 1px 0;
  color: white;
}
a.router-link-white:link {
  color: white;
}
a.router-link-white:visited {
  color: white;
}
a.router-link-white:focus {
  background: white;
  color: black;
  text-decoration: none;
}
a.router-link-white:hover {
  background: white;
  text-decoration: none;
  color: black;
}
a.router-link-white:active {
  background: black;
  color: white;
}

a.router-link-black {
  outline: none;
  text-decoration: underline;
  padding: 2px 1px 0;
  color: black;
}
a.router-link-black:link {
  color: black;
}
a.router-link-black:visited {
  color: black;
}
a.router-link-black:focus {
  background: black;
  color: white;
  text-decoration: none;
}
a.router-link-black:hover {
  background: black;
  text-decoration: none;
  color: white;
}
a.router-link-black:active {
  background: white;
  color: black;
}

/** Screen reader **/
/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}

/*
  Use in conjunction with .sr-only to only display content when it's focused.
  @note Useful for skip links
  @see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
  @note Based on a HTML5 Boilerplate technique, included in Bootstrap
  @note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
    @author Sylvain Pigeard
    @see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
  display: block !important;
  color: white;
  left: 100px !important;
}

.sr-only-focusable:hover {
  -webkit-text-decoration: dashed;
          text-decoration: dashed;
  color: white;
}

/** Dialog style **/
/**
 * Dialog Style
 */
.dialog-large {
  width: 800px !important;
  max-width: 95vw !important;
}
.dialog-small {
  width: 600px !important;
  max-width: 85vw !important;
}
.dialog-extra-small {
  width: 400px !important;
  max-width: 75vw !important;
}
.dialog-auto {
  width: auto !important;
  max-width: 85vw !important;
}
.dialog-maximized {
  width: 100% !important;
  height: 100% !important;
}

.dialog-container {
  display: flex;
  flex-direction: column;
}
.dialog-container-desktop-width {
  width: 100vw;
}

.dialog-header {
  padding: 16px 8px;
  min-height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.dialog-header-start {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}
.dialog-header-content {
  flex-basis: 1;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: auto;
  min-width: 100px;
}
.dialog-header-end {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.dialog-header.q-card__section--vert {
  padding: 4px;
}

.dialog-content {
  flex: 1 1 auto;
  overflow: auto;
  min-width: 100px;
}

/** Custom notification style **/
/**
 * Dialog Style
 */
.notification-large {
  width: 800px !important;
  max-width: 95vw !important;
}
.notification-small {
  width: 600px !important;
  max-width: 85vw !important;
}
.notification-extra-small {
  width: 400px !important;
  max-width: 75vw !important;
}
.notification-auto {
  width: auto !important;
  max-width: 85vw !important;
}
.notification-container {
  display: flex;
  flex-direction: column;
}
.notification-start {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}
.notification-content {
  flex-basis: 1;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: auto;
  min-width: 100px;
}
.notification-end {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.notification-error {
  background-color: #cc0000 !important;
  color: white !important;
}
.notification-success {
  background-color: green !important;
  color: white !important;
}
.notification-information {
  background-color: blue !important;
}
.notification-warning {
  background-color: orange !important;
  color: black !important;
}

/** Darkmode (A11y) **/
body:not(.body--light) .text-negative {
  color: orange !important;
}
body:not(.body--light) .q-field--error .q-field__bottom {
  color: orange !important;
}

/** A11y **/
/********** LIGHT STYLE **********/
body.body--light {
  color: black;
  background-color: white;
  /** OUTLINES **/
}
body.body--light .q-item-focused {
  background-color: black !important;
  color: white;
}
body.body--light .q-item-selected {
  color: white;
  background-color: var(--q-primary) !important;
}
body.body--light div[role=button]:focus,
body.body--light .q-field__inner:focus,
body.body--light .q-pagination button:focus,
body.body--light .q-date__content button:focus,
body.body--light .q-uploader__file-header button:focus {
  outline: 2px solid var(--q-primary) !important;
}
body.body--light .q-select .q-field__inner:focus-within,
body.body--light .q-slider:focus-within {
  outline: 2px solid var(--q-secondary) !important;
}
body.body--light .set-outline-primary:focus, body.body--light .set-outline-primary:focus-within, body.body--light .set-outline-primary-hover:hover, body.body--light .set-outline-primary-select:focus {
  outline: 2px solid var(--q-primary) !important;
}
body.body--light .set-outline-secondary:focus, body.body--light .set-outline-secondary:focus-within, body.body--light .set-outline-secondary-hover:hover, body.body--light .set-outline-secondary-select:focus {
  outline: 2px solid var(--q-secondary) !important;
}
body.body--light .set-outline:focus, body.body--light .set-outline:focus-within, body.body--light .set-outline-hover:hover, body.body--light .set-outline-select:focus {
  outline: 2px solid black !important;
}
body.body--light .set-outline-offset {
  outline-offset: -2px;
}
body.body--light .set-outline-dashed:focus, body.body--light .set-outline-dashed:focus-within, body.body--light .set-outline-dashed-hover:hover, body.body--light .set-outline-dashed-select:focus {
  outline: 2px dashed black !important;
}

/********** DARK STYLE **********/
body.body--dark {
  color: white;
  background-color: black;
  /** OUTLINES **/
}
body.body--dark .q-item-focused {
  background-color: white !important;
  color: black;
}
body.body--dark .q-item-selected {
  color: white;
  background-color: var(--q-primary) !important;
}
body.body--dark div[role=button]:focus,
body.body--dark .q-field__inner:focus,
body.body--dark .q-pagination button:focus,
body.body--dark .q-date__content button:focus,
body.body--dark .q-uploader__file-header button:focus {
  outline: 2px solid var(--q-secondary) !important;
}
body.body--dark .q-select .q-field__inner:focus-within,
body.body--dark .q-slider:focus-within {
  outline: 2px solid var(--q-secondary) !important;
}
body.body--dark .set-outline-primary:focus, body.body--dark .set-outline-primary:focus-within, body.body--dark .set-outline-primary-hover:hover, body.body--dark .set-outline-primary-select:focus {
  outline: 2px solid var(--q-primary) !important;
}
body.body--dark .set-outline-secondary:focus, body.body--dark .set-outline-secondary:focus-within, body.body--dark .set-outline-secondary-hover:hover, body.body--dark .set-outline-secondary-select:focus {
  outline: 2px solid var(--q-secondary) !important;
}
body.body--dark .set-outline:focus, body.body--dark .set-outline:focus-within, body.body--dark .set-outline-hover:hover, body.body--dark .set-outline-select:focus {
  outline: 2px solid white !important;
}
body.body--dark .set-outline-offset {
  outline-offset: -2px;
}
body.body--dark .set-outline-dashed:focus, body.body--dark .set-outline-dashed:focus-within, body.body--dark .set-outline-dashed-hover:hover, body.body--dark .set-outline-dashed-select:focus {
  outline: 2px dashed white !important;
}

/** Chromecast (@silvermine/videojs-chromecast) **/
.vjs-chromecast-button .vjs-icon-placeholder {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=) center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 12px;
  height: 12px;
}
.vjs-chromecast-button:hover {
  cursor: pointer;
}
.vjs-chromecast-button:hover .vjs-icon-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=);
}
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC);
}
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA49JREFUaAXtmTtoFFEUhrMhVtFCBEEDFgoWNqIgaCAQg9pYWGlhKWgnNkaxDHba2KZWGyFiI0J8ohZRbOwMqIWQpDGmSCfK+p1x7+y5/8zuzmQ3yQbmwL9z3vfc59zdHRioqBqBagSqEeibEajX6yPgIVgE/UYLFGS1jfgBqwWhYfiMvCvo+vS5TF2Ha7XagtU36Iq8C9/vxVu5VuMdY4z8DCwi70m0/f+xxAzstTJ9B+q+bhxSm9dvFm8b0rcd6vNLyNu3DF91YLOnaqhoAboGi8at1S+s8U7xW34JpTNQtMedRmSj7WVmYJLi5je6wJ63x14YA89sT6wnaeHaltpLyyQ8CT5q4l7JWpDmDfb0bYvDKkq7TgR8h38KPrA/orcguoSIsSV4E0yBbYmyRx+6J60DPrXaB8yhBS2hnwanfALPYzsCvoKekc9vvCZWe8ZBAxryW57HM8H/G9iNrWdLStvQetRetAMhzwzMfk2CbhjMBqdunjm5o3TB7vfADpR2nbZr6j5wGpwFO0EeraC8wFp84Y20Moz8Ghzz+rK8rnGr3udQu7elPDFDYAI8Bnn0B+XVNKDBoLPl1NWeyMkZta/2jjLRo+B9lKUp3NMEmGxj/266lONy8kUJ1F5YJss1YCOvlDcTt9SpqKwFaZzabROvgnnwCkyBoxmnhgLbGbACPFmnoqMWeRCs6WTStn1Dxqu91SlkHTqfcUaB/hDQTvxCF51OyPbGLk3apiZQe6sOhLg5mKgwS4DOZkKX04wmx6f03SknB2mapPZOHbDIn2BcA9HZnlA64f0w2gWwFPl44zVY7eawHRwEF8EjkHeCmG5cg9Hp6fQux+cLfoUpJz6KVXtGxvsAyDv/bSai5YQ8CpR0Q19Xh3ayFqS+am8pEzgJ/kqCOQ3Arp2dVp9uZGk/ewq1S06wdUIpOp0w6mljt9j0qtIufxGbNp6JwcHeA3baXAGZhtHpCEdfL7HbtcOOUU+5N9dM4wUUPqnxmRBxeIlsF7uUkG1P6MaOXnbY7wNPt9MEXTI+qfEh3WBg5DmB/AC/dCa4/X1D90T8zon8XORos5tNCykqS1771phQqw6Y0TpxOfFqfmgHxpqmhPshcvILsuh6Ib4JSdp1wHwuBcfG85PI0b8l2NKRafitRweWyX1D6mg5tfZFPyWm2152nkrZLZEPLskv4p/5iyktrmKqEahGoBqBTRmBfwb8WzXqcsYyAAAAAElFTkSuQmCC);
}

.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 4px;
}
.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label {
  flex-grow: 1;
  margin-left: 4px;
}
.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder {
  flex-grow: 1;
}

.vjs-tech-chromecast {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
  content: " ";
  display: block;
  height: 2px;
  width: 100px;
  background-color: #cccccc;
  position: absolute;
  left: calc(50% - 50px);
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
  max-height: 180px;
  width: auto;
  border: 2px solid #cccccc;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
  width: 160px;
  height: 90px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
  position: absolute;
  bottom: 50%;
  margin-bottom: 100px;
  color: #cccccc;
  text-align: center;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title {
  font-size: 22px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
  display: none;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
  font-size: 18px;
  padding-top: 0.5em;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
  display: none;
}

/** Navigation style **/
.active-item-border-light {
  border-right: 10px solid black !important;
}
.active-item-border-dark {
  border-right: 10px solid white !important;
}

/** Transitions **/
/* FADE */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* SLIDE FADE */
.slide-fade-enter-active,
.slide-fade-leave-active {
  transition: all 0.5s ease-in-out;
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateY(2rem);
  opacity: 0;
}

/* SLIDE */
.slide-enter-active,
.slide-leave-active {
  transition: all 0.5s ease-in-out;
}

.slide-enter-from,
.slide-leave-to {
  transform: translateY(100%);
}

/** Vue skip to **/
.vue-skip-to * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vue-skip-to {
  position: fixed;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.vue-skip-to.focused,
.vue-skip-to:hover {
  left: 0;
  top: 0;
  clip: auto;
  height: auto;
  width: auto;
  background-color: white;
  border: 2px solid #333;
}

.vue-skip-to__nav-list {
  list-style-type: none;
}

.vue-skip-to__nav > span,
.vue-skip-to__link {
  display: block;
  padding: 8px 16px;
  color: #333;
  font-size: 18px;
}

.vue-skip-to__nav > span {
  border-bottom: 2px solid #333;
  font-weight: bold;
}

.vue-skip-to__link {
  text-decoration: none;
}

.vue-skip-to__link:focus {
  outline: none;
  background-color: #333;
  color: #f2f2f2;
}

/** Layouts **/
/** Font **/
/** Luciole : Regular **/
@font-face {
  font-family: luciole;
  src: url(../fonts/Luciole-Regular.a67d716c.woff2);
}
/** Luciole : Regular Bold **/
@font-face {
  font-family: luciole;
  src: url(../fonts/Luciole-Bold.89aee092.woff2);
  font-weight: bold;
}
/** Luciole : Italic **/
@font-face {
  font-family: luciole;
  src: url(../fonts/Luciole-Italic.f77294f0.woff2);
  font-style: italic;
}
/** Luciole : Italic Bold **/
@font-face {
  font-family: luciole;
  src: url(../fonts/Luciole-BoldItalic.8b64e87b.woff2);
  font-weight: bold;
  font-style: italic;
}
/**
* Font sizes
**/
.text-xs {
  font-size: 0.5em;
}

.text-sm {
  font-size: 0.7em;
}

.text-md {
  font-size: 0.9em;
}

.text-lg {
  font-size: 1.1em;
}

.text-xl {
  font-size: 1.3em;
}

/** Headings **/
h1 {
  margin-bottom: 10px;
  line-height: 1em;
}

h2 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  line-height: 2rem;
}

.mobile-h2 {
  font-size: 1.2rem;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 450;
}

h3 {
  font-size: 2rem;
  margin-bottom: 10px;
}

h4 {
  font-size: 1.5rem;
  margin-bottom: 5px;
}

h5 {
  font-size: 1.3rem;
  margin-bottom: 3px;
}

h6 {
  font-size: 1rem;
  margin-bottom: 1px;
}

.text-h7 {
  font-size: 1.1rem;
  font-weight: 450;
  line-height: 1.75rem;
  letter-spacing: 0.0125rem;
}

.text-h8 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
}

.text-h9 {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.2rem;
  letter-spacing: 0.0125rem;
}

/** Generic **/
.cast-icon-bg {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAvJJREFUaAXtmTtoFFEUhrMhpRZipQELBQsbwUoEQYPaWFhpYSloJ1bai502tqnVRojYWPlA1CKCjWUKLYRsGmOKdKKs3xnmzpz57+xjdMaZhTnw79zzuOdx79zH7i4s9NSPQD8C/Qh0ZgRGo9EyeAKGoGu0SUKW27IfsEFgUsVn+P1B1tHnNnkdHwwGm5bfokvyAe2uJ2/pWo73rWHkZ2AIfyCRdv9jixk4aGn6AkY+bwwynZe31bYF6WOH/Pwr5PVz0+4LaHuq+hloewaWQgJhVQd+Xp79K9T2TM39DGRrgINul9G060TAV9ovwEfWR+EURNY9sqN6DG0hXwXn2sxac4tyUYMx/DvkJ6PO/0Gg+UQh1WAKv4b+cOSkQYHmE0JlN04M9iK067RdUw+B8+Ai2AfKaAfhFdbHqzJl3TIrwPuc6dyizxJYAc9AGf1CeNM7bqqtwSvHwcEp8EEdpfzDyg4rdtC4Fbvn5ji6BWzklRqdCQ2WZ5S2MNgFG+ANuAtOREa57QX0O8CTFdXYVusDWTvKTQ1S3gq6HBkjQH4MaBE/kDWyO+G3QFFOBW3MrCOKEkNmM6Gv01rkvAaBphS5VIMS/juyM9oRma0JpdoPOw2gedgrsQccBVfBU/ATKJmsrAjdnd5HAf5RoIlMdUeHI6Bs/7eZKLxO8LbFKtW6oNX51AKCAR1vg9/iYD3owxO9FrsadHU8JX68C00KQmcrQqmwO6E8KwZ2i82uKpP8z6IT33EBGNg5YLvNDRAFRqYjvOEDo7drh22jnmpbzN6ptX3spC0Gr+ELv5PC25rQhV047NA/Ap7uRYH+UuCdWju4WQwNea7AP8Yumwluf1+QPRe7S8K/FL6w2E2niczKi1/71pjQuAJMaUVcT6zyDy3gdK5KWt+ET35BFlkd7NvgZFIBZnMtGKbPT8IX/i1Bl41MatdEAdv4viN5jJ1a+6KfEdNth52nSnpz5DtXbA+xj/5iypLrG/0I9CPQj0ArI/AHixCE2UoSwqgAAAAASUVORK5CYII=) center center no-repeat;
}

.z-index-foreground {
  z-index: 9999 !important;
}

.z-index-middleground {
  z-index: 9998 !important;
}

.z-index-background {
  z-index: 9997 !important;
}

/*********** Barres horizontales ***********/
.colorgraph {
  height: 10px;
  border: 0;
  border-color: var(--q-secondary);
  background: var(--q-primary);
  border-radius: 10px;
}

.colorgraph_thin {
  height: 1px;
  border: 0;
  background: var(--q-primary);
  border-radius: 10px;
  padding: 0px;
}

.separator {
  height: 1px;
}

/*********** Couleurs par ceinture ***********/
.belt-icon-view-black {
  color: black;
}
.belt-icon-view-white {
  color: white;
}

.belt-yellow-1, .belt-kyu-8 {
  background-color: #ffff00 !important;
  color: black;
}
.belt-orange-1, .belt-kyu-7 {
  background-color: #ffc000 !important;
  color: black;
}
.belt-green-1, .belt-kyu-6 {
  background-color: #00ff00 !important;
  color: black;
}
.belt-blue-1, .belt-kyu-5 {
  background-color: #00b0f0 !important;
  color: black;
}
.belt-blue-2, .belt-kyu-4 {
  background-color: #0000ff !important;
  color: white;
}
.belt-brown-1, .belt-kyu-3 {
  background-color: #e5b8b7 !important;
  color: black;
}
.belt-brown-2, .belt-kyu-2 {
  background-color: #d99594 !important;
  color: black;
}
.belt-brown-3, .belt-kyu-1 {
  background-color: #943634 !important;
  color: white;
}
.belt-black-1, .belt-dan-1 {
  background-color: #5f5f5f !important;
  color: white;
}

/*********** Styles génériques ***********/
body {
  overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect. Still keeps swipe navigations. */
  font-family: "luciole";
}

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

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

.highlight_dark {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}

.highlight_light {
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}

.max-width-1000 {
  max-width: 1000px;
}

.min-width-0 {
  min-width: 0px !important;
}

.width-50percent {
  width: 50% !important;
}

.page-max-width {
  max-width: 1000px;
}

.height-110 {
  height: 110px !important;
}

.min-height-110 {
  min-height: 110px !important;
}

.font-09em {
  font-size: 0.9em;
}

.color-black {
  color: #000;
}

.color-warning {
  color: #fcf8e3;
}

.display-none {
  display: none !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.float-none {
  float: none;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.padding-left-10 {
  padding-left: 10px;
}

.stencil {
  font-family: "Stencil";
  font-size: 1.3em;
}

.bold {
  font-weight: bold;
}

.margin-5px {
  margin: -5px;
}

.mtn-5 {
  margin-top: -5px;
}

.input-type-number-disc {
  -webkit-text-security: disc;
}

.page-container {
  padding: 0 -16px;
}

.v-align-top {
  vertical-align: top;
}

.v-align-bottom {
  vertical-align: bottom;
}

.v-align-center {
  vertical-align: middle;
}

.link-like:hover,
.link-like:focus {
  text-decoration: none;
}

.link-like {
  background-color: transparent;
  text-decoration: underline;
  border: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
}
h3[data-v-45a8c8c1],
h2[data-v-45a8c8c1] {
  margin: 0;
  padding: 0;
}
.vjs-tree-node.is-highlight,
.vjs-tree-node:hover {
  background-color: transparent;
  font-weight: bold;
  font-size: 1.2em;
}
.q-btn-scroll-fab[data-v-7b81e766] {
  border: 1px black solid;
}
.q-page-sticky[data-v-7b81e766] {
  transform: translate(0px) !important;
}

.h2-mt-less[data-v-5c2c189a] {
  margin-top: -5px;
}
.h2-mt-more[data-v-5c2c189a] {
  margin-top: 5px;
}

.accept-button {
  text-decoration: underline;
}
.accept-button:hover,
.accept-button:focus {
  text-decoration: none;
}
.online-icon-container[data-v-4350cc33] {
  display: inline-flex;
  min-height: 3em;
  align-items: center;
  justify-content: center;
}
.online-icon[data-v-4350cc33] {
  width: 50px;
  height: 50px;
}
.q-item__section--avatar[data-v-4176bee3] {
  color: inherit;
  min-width: 40px;
}
.q-item[data-v-4176bee3] {
  min-height: 44px !important;
}
.q-badge--floating[data-v-4176bee3] {
  position: relative !important;
}

.q-scroll-area-style-mobile[data-v-7afe7144] {
  height: calc(100% - 100px);
  margin-top: 100px;
}
.q-scroll-area-style-desktop[data-v-7afe7144] {
  height: calc(100%);
  margin-top: 0;
}
.q-item__label--header[data-v-7afe7144] {
  padding-bottom: 14px;
  padding-top: 14px;
}


[data-v-1fdc4428] {
  will-change: height;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.expand-enter-active[data-v-1fdc4428],
.expand-leave-active[data-v-1fdc4428] {
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}
.expand-enter[data-v-1fdc4428],
.expand-leave-to[data-v-1fdc4428] {
  height: 0;
}

[role=meter] {
  padding: 2px;
  width: 100%;
  height: 30px;
  border-radius: 5px;
}
.border-color-white {
  border: 1px solid white;
}
.border-color-black {
  border: 1px solid black;
}
.fill {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid black;
  border-radius: 3px;
  background-color: black;
}
.video-js {
  height: 100% !important;
  width: 100% !important;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: min-content;
}
.vjs-menu li {
  line-height: 2.3em !important;
}
.video-js .vjs-current-time {
  display: block;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.video-js .vjs-time-divider {
  display: block;
  min-width: 1.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.video-js .vjs-duration {
  display: block;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.video-js .vjs-remaining-time {
  display: none;
}
.video-js .vjs-load-progress {
  display: inline-block;
  background: PaleGreen;
  height: 8px;
  width: 100%;
}
.video-js .vjs-play-progress {
  display: inline-block;
  background: LightCoral;
  height: 8px;
  width: 100%;
}
.video-container {
  border-radius: 5px;
}
.video-legend {
  display: block;
  width: 100%;
  text-align: left;
}

/** Fix: do not display video native cast button */
video::-webkit-media-controls {
  display: none;
}
#dialogProgramDetail .label-width {
  min-width: 125px;
}
#dialogProgramDetail tr {
  min-height: 32px;
  border-bottom-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
}
#dialogProgramDetail th {
  width: 50px !important;
  font-size: 14px;
  padding-left: 8px !important;
  border-bottom-width: 1px;
  border-color: lightgrey;
}
#dialogProgramDetail td {
  white-space: pre-wrap;
  font-size: 14px;
  height: auto;
}
#dialogProgramDetail .q-card__section--vert {
  padding: 8px;
}
#dialogProgramDetail .center-vertically {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#dialogProgramDetail .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#dialogProgramDetail .q-carousel__slide {
  padding: 0px !important;
}
#dialogProgramDetail #programVideoAddButton.q-btn {
  padding: 4px 8px 4px 4px !important;
}
#dialogProgramDetail #programVideoAddButton .q-btn__content .q-icon.on-left {
  margin-right: 6px !important;
}
.markup-table[data-v-11e96f50] {
  max-width: 700px;
  margin: auto;
}
.markup-table[data-v-12581c3a] {
  max-width: 700px;
  margin: auto;
}
.max-width[data-v-87e58fc4] {
  max-width: 700px;
}
.form-style[data-v-7b38229a] {
  max-width: 700px;
  margin: auto;
}
.q-timeline--comfortable .q-timeline__subtitle {
  width: 0%;
}
.q-timeline__subtitle {
  font-size: 1.3em;
  opacity: 1;
  text-transform: none;
}
.q-timeline__title {
  font-size: 1.2em;
  opacity: 1;
}
.q-timeline--comfortable--right .q-timeline__content {
  padding-left: 10px;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
.badge-style {
  width: 70px;
  font-size: 0.95em;
}
.badge-text-style {
  width: 100%;
  text-align: center;
}
.q-item__label--caption[data-v-028291ac] {
  opacity: 1;
}

.label-width[data-v-04585239] {
  min-width: 120px;
}

.custom-caption {
  font-size: 0.85em;
  letter-spacing: 0.03em;
}
.center-container[data-v-65b522f8] {
  max-width: 800px;
  margin: auto;
}
.tab-width[data-v-3c48344c] {
  max-width: 800px;
  margin: auto;
}
.q-tab-panel[data-v-3c48344c] {
  padding: 0;
}

/*# sourceMappingURL=app.e2bd7b76.css.map*/